:root{--ui-font:"Share Tech Mono", monospace;--ui-r:0;--ui-g:255;--ui-b:0}body{height:100vh;color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);background:#323232;align-items:center;margin:0;display:flex;overflow:hidden}.receiver-container{width:100%;display:block;position:relative}#RemoteVideo{background:#000;width:100%;height:auto;max-height:100svh;display:block}#PermissionButton,#SenderId,#AlpineMenu,#HeadUpDisplay,#Aircraft,#SenderQR,#AudioVisualizer,#NetworkMonitoring,#WebrtcReport,#RadarMap{z-index:10;pointer-events:auto;font-family:var(--ui-font);color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);position:absolute}#AlpineMenu{z-index:11;border:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .3);box-sizing:border-box;background:#1e1e1e4d;border-radius:4px;width:320px;max-height:90vh;padding:4px 8px 8px;font-size:13px;line-height:1.5;top:10px;left:10px;overflow-y:auto}#AlpineMenu::-webkit-scrollbar{width:4px}#AlpineMenu::-webkit-scrollbar-track{background:0 0}#AlpineMenu::-webkit-scrollbar-thumb{background:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .3);border-radius:2px}#AlpineMenu details{margin-top:4px}#AlpineMenu summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .7);border-bottom:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .15);-webkit-user-select:none;user-select:none;margin-bottom:3px;padding:3px 0 2px;font-size:12px;font-weight:700}#AlpineMenu summary:hover{color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1)}.field{align-items:center;gap:6px;margin:2px 0;display:flex}.field>label:not(:has(input)){width:5.5em;color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .55);flex-shrink:0;font-size:12px}.field>select,.field>input[type=text],.field>input[type=range]{flex:1;min-width:0}.field>button{flex:1}.x-select{flex:1;min-width:0;position:relative}.x-select-trigger{width:100%;color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);border:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .28);font-family:var(--ui-font);cursor:pointer;text-align:left;box-sizing:border-box;background:#000c00d9;border-radius:2px;justify-content:space-between;align-items:center;gap:4px;padding:2px 4px;font-size:12px;display:flex}.x-select-trigger:focus{border-color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .65);outline:none}.x-select-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.x-select-arrow{opacity:.7;flex-shrink:0;font-size:9px}.x-select-disabled .x-select-trigger{opacity:.32;cursor:default}.x-select-list{z-index:9999;border:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .4);background:#001200f7;border-radius:2px;max-height:220px;margin:0;padding:2px 0;list-style:none;overflow-y:auto}.x-select-list::-webkit-scrollbar{width:4px}.x-select-list::-webkit-scrollbar-track{background:0 0}.x-select-list::-webkit-scrollbar-thumb{background:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .3);border-radius:2px}.x-select-option{font-family:var(--ui-font);color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .85);cursor:pointer;white-space:nowrap;padding:3px 8px;font-size:12px}.x-select-option:hover{background:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .12);color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1)}.x-select-cur{color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);background:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .07)}.x-select-cur:before{content:"✓ "}#AlpineMenu input[type=text]{color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);border:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .28);font-family:var(--ui-font);box-sizing:border-box;background:#000c00d9;border-radius:2px;outline:none;padding:1px 4px;font-size:12px}#AlpineMenu select:focus,#AlpineMenu input[type=text]:focus{border-color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .65)}#AlpineMenu input[type=text][readonly]{opacity:.55;border-style:dashed}#AlpineMenu input[type=range]{accent-color:rgb(var(--ui-r), var(--ui-g), var(--ui-b))}#AlpineMenu input[type=checkbox]{accent-color:rgb(var(--ui-r), var(--ui-g), var(--ui-b));margin:0}#AlpineMenu button{color:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);border:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .32);font-family:var(--ui-font);cursor:pointer;background:#000c00d9;border-radius:2px;padding:3px 8px;font-size:12px}#AlpineMenu button:hover:not(:disabled){background:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .1)}#AlpineMenu button:disabled{opacity:.32;cursor:default}#AlpineMenu hr{border:none;border-top:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), .15);margin:4px 0}#SenderId{top:10px;left:10px}#PermissionButton{border:1px solid rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);background:#0000004d;border-radius:6px;padding:10px 20px;top:40px;left:10px}#HeadUpDisplay{pointer-events:none;width:100%;height:100%;inset:0}#WebrtcReport{background:#000c;width:50%;height:90%;top:0;left:50%;overflow:auto;transform:translate(-50%)}#RadarMap{opacity:.8;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}#SenderQR{text-align:right;pointer-events:none;display:none;top:0;right:0}#SenderQR img{margin-left:auto;display:block}#SenderQR p{background:#00000080;margin:0;padding:4px 8px;font-size:12px}#Aircraft{opacity:.7;filter:sepia()hue-rotate(60deg)saturate(2.5);width:160px;top:7.5%;right:10px;transform:translateY(-10%)}#AudioVisualizer{background:#0006;padding:2px;bottom:5px;left:5px}#NetworkMonitoring{background:#0006;border-radius:6px;padding:4px 8px;bottom:5px;right:5px}#NetworkMonitoring svg{font-size:10px;font-family:var(--ui-font);fill:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1)}#NetworkMonitoring .chart-axis path,#NetworkMonitoring .chart-axis line{fill:none;stroke:rgba(var(--ui-r), var(--ui-g), var(--ui-b), 1);shape-rendering:crispedges}#NetworkMonitoring .chart-axis-x line{shape-rendering:auto}#NetworkMonitoring .chart-line{fill:none;stroke:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .8);stroke-width:.8px}#NetworkMonitoring .chart-bar{fill:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .6)}#NetworkMonitoring .chart-area{fill:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .4)}#NetworkMonitoring .chart-grid-x{stroke:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .5);stroke-width:.5px;stroke-dasharray:3 6}#NetworkMonitoring .chart-grid-y{stroke:rgba(var(--ui-r), var(--ui-g), var(--ui-b), .8);stroke-width:.5px}#NetworkMonitoring .chart-label{font-size:11px;font-family:var(--ui-font);fill:rgb(var(--ui-r), var(--ui-g), var(--ui-b))}#NetworkMonitoring .chart-label-left{text-anchor:start}#NetworkMonitoring .chart-label-right{text-anchor:end}