:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#0b141c;color:#edf5f8}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:0 auto;padding:28px 20px 40px}header{margin:12px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#7aa7cf;font-weight:700}h1{font-size:32px;margin:12px 0 8px}header p{color:#aabec8;margin:0;line-height:1.5}.card{background:#14232e;border:1px solid #29414e;border-radius:18px;padding:24px}label{display:block;margin:0 0 20px;font-size:14px;color:#c0d0d8}input:not([type=checkbox]):not([type=range]),select{display:block;margin-top:9px;width:100%;padding:13px;border:1px solid #395361;border-radius:9px;background:#0b1821;color:#fff;font-size:17px}button{width:100%;border:1px solid #486272;border-radius:10px;background:#243b48;color:#fff;padding:14px 18px;cursor:pointer;font:600 16px Segoe UI,Arial,sans-serif;touch-action:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5ea5e3;outline-offset:3px}.primary{background:#68a7df;color:#0c1924;border-color:#68a7df}.secondary{background:transparent}.small,footer{font-size:12px;color:#9db3bf;line-height:1.6}.small{margin:15px 0 0}.statusline{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.badge{font-size:11px;letter-spacing:.7px;border-radius:20px;background:#233b47;padding:8px 12px}.live{background:#78b1e2!important;color:#0e1d2a!important}.talk{height:150px;font-size:25px;background:#193c43;border:2px solid #5693c9;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;margin:12px 0 18px}.talk.active{background:#73addf;color:#0d1b27}.talk:disabled{opacity:.45}.toggle{display:flex;align-items:center;gap:10px;margin-bottom:5px}.toggle input{width:20px;height:20px;accent-color:#68a7df}.radio{font-size:14px;line-height:1.7;padding:14px;background:#0c1b24;border-radius:10px}.radio.warn{border:1px solid #e1ba75}input[type=range]{display:block;width:100%;margin-top:14px;accent-color:#68a7df}.peers{margin:24px 0}h2{font-size:14px;color:#bcd1dc;font-weight:500}ul{list-style:none;padding:0;margin:0}li{font-size:14px;padding:10px 0;border-top:1px solid #29414e}.hidden{display:none!important}#message{color:#c0d5df;line-height:1.5;overflow-wrap:anywhere}footer{margin-top:25px}#enableSound{margin-top:14px}#talkHelp{margin-bottom:23px}
.radio{white-space:pre-line}

.vhfpanel{padding:18px;border:2px solid #41464a;border-radius:8px;background:linear-gradient(130deg,#363a3d,#1b1f22);box-shadow:inset 0 1px #727779,0 6px 12px #0008;margin-bottom:15px}.vhfhead{font-size:12px;font-weight:700;letter-spacing:2px;color:#ddd;margin-bottom:18px;display:flex;justify-content:space-between}.vhfhead span{color:#9ba6aa}.displays{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:center}.displays>div,.displays>label{background:#09131b;border:2px solid #101316;padding:10px;margin:0;border-radius:4px}.displays small{display:block;color:#7b9bb7;font:11px Consolas,monospace;letter-spacing:2px}.displays output,.displays input{display:block;color:#9cd1ff!important;font:26px Consolas,monospace!important;letter-spacing:1px;padding:4px 0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;width:100%;min-width:0}.displays input::-webkit-inner-spin-button{display:none}.displays>button{padding:10px 0;font-size:25px;background:#444b50}.knobs{display:flex;gap:8px;margin-top:16px}.knobs button{font-size:12px;border-radius:24px;background:repeating-linear-gradient(90deg,#222 0px,#333 3px,#222 5px);padding:10px 4px}.displays>label:focus-within{outline:2px solid #90b4d3}

.media-panel{margin-top:24px;padding:20px;border:1px solid #505961;border-radius:10px;background:#162028}.media-panel h2{font-size:19px;color:#a9c7e2}#mediaStatus{min-height:30px}#duckStatus{color:#a9c7e2}

.brand-logo{width:56px;height:56px;object-fit:contain;border-radius:12px;margin-bottom:10px;flex:none}

.power-switch{position:relative;display:block;width:96px;height:96px;margin:14px auto 46px;padding:24px;border:6px solid #43515a;border-radius:50%;color:#8b9ca7;background:linear-gradient(150deg,#33424d,#111d25);box-shadow:0 5px 0 #050c11,0 9px 14px #0009,inset 0 2px 3px #ffffff26,inset 0 -3px 5px #0009;transition:transform .1s,box-shadow .1s}
.power-switch:active{transform:translateY(3px);box-shadow:0 2px 0 #050c11,0 4px 8px #0009,inset 0 2px 7px #0009}
.power-switch svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.power-switch .power-light{position:absolute;top:9px;left:calc(50% - 3px);width:6px;height:6px;background:#55636d;border-radius:50%}
.power-switch.powered{color:#68a7df}.power-switch.powered .power-light{background:#68a7df;box-shadow:0 0 8px #68a7dfaa}
.power-caption{position:absolute;top:calc(100% + 15px);left:-24px;right:-24px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:inherit}
.power-switch:disabled{opacity:.55}
.cockpit-call-switch{min-height:68px;border:3px solid #5b676f;border-radius:8px;background:linear-gradient(#404d56,#17222a);color:#f3c975;letter-spacing:1px;text-transform:uppercase;box-shadow:0 5px 0 #050b10,0 8px 12px #0008,inset 0 1px 2px #ffffff40,inset 0 -2px 3px #0008;margin:8px 0 5px;transition:transform .08s}
.cockpit-call-switch:active:not(:disabled){transform:translateY(3px);background:linear-gradient(#0b1318,#253139);box-shadow:0 2px 0 #050b10,inset 0 2px 5px #0009}
.cockpit-call-switch:disabled{color:#828c92;border-color:#3f4b53;cursor:default}

/* CTG-02 desktop faceplate: same palette and key shapes as Android. */
body.radio-panel{background:#121a20;color:#d9dfe0;font-family:Consolas,'Courier New',monospace}
.radio-panel main{max-width:570px;padding:18px 18px 28px}
.panel-mast{display:flex;align-items:center;gap:12px;margin:8px 0 20px}.panel-mast .brand-logo{width:40px;height:40px;margin:0;border-radius:8px}.panel-mast h1{flex:1;font-size:15px;letter-spacing:.8px;margin:0}.panel-mast>span{font-size:10px;color:#a3adb1;white-space:nowrap}
.panel-tabs{display:flex;gap:8px;margin-bottom:18px}.panel-tabs button,.radio-panel .panel-key{border:2px solid #626d74;border-radius:5px;background:linear-gradient(#4a555d,#232e35);box-shadow:0 3px 0 #0a1116,inset 0 1px 1px #ffffff30;color:#d9dfe0;font:700 12px Consolas,monospace;letter-spacing:.8px;text-transform:uppercase;padding:12px 8px;min-height:48px}
.panel-tabs button[aria-selected=true]{color:#9dcbf4}.panel-tabs button:active,.radio-panel .panel-key:active{transform:translateY(2px);background:linear-gradient(#111a20,#29343b);box-shadow:0 1px 0 #0a1116,inset 0 2px 5px #0008}
.panel-tabs .module-live::after{content:' ●';color:#9dcbf4}
.faceplate{position:relative;padding:26px 22px 24px;border:2px solid #59636a;border-radius:12px;background:linear-gradient(135deg,#3c4449,#22292e 55%,#30383e);box-shadow:0 8px 20px #0006,inset 0 1px #ffffff20}
.faceplate::before,.faceplate::after{content:'';position:absolute;pointer-events:none;left:7px;right:7px;height:8px;background:radial-gradient(circle at 4px 4px,#718089 0 2px,#11171b 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 4px) 4px,#718089 0 2px,#11171b 3px 4px,transparent 5px)}.faceplate::before{top:7px}.faceplate::after{bottom:7px}
.radio-panel .retired-shell{display:none!important}.radio-panel #phoneChannelStatus,.radio-panel #callStatus{margin:10px 0}.radio-panel #message{font-size:12px}.radio-panel .panel-footer{font-size:10px;line-height:1.5;margin-top:18px;color:#8d9ca5}
.radio-panel .statusline{margin-bottom:14px}.radio-panel .badge{background:none;padding:0;border-radius:0;font-size:11px;color:#b5c3c8}.radio-panel .badge.live{background:none!important;color:#9dcbf4!important}
.radio-panel .vhfpanel{padding:14px 12px 10px;margin-bottom:18px;background:linear-gradient(#41464b,#24292e,#30363b);border:2px solid #646c72;box-shadow:0 3px 8px #0007}
.radio-panel .vhfhead{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.radio-panel .vhfhead>span{font-size:9px}.radio-panel .displays{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:9px}.radio-panel .displays>label,.radio-panel .displays>div{padding:10px 6px;background:#080f15;min-width:0}.radio-panel .displays output,.radio-panel .displays input{font-size:clamp(19px,4.8vw,28px)!important;letter-spacing:0}.radio-panel .displays small{font-size:9px;letter-spacing:1.5px}.radio-panel .displays>button{border:1px solid #747b80;background:#191e22;color:#efc17b;border-radius:6px;min-height:48px;font-size:24px}
.radio-panel .tuning-keys{gap:8px;margin-top:12px}.radio-panel .tuning-keys button{border-radius:24px;min-height:48px;font-size:10px;letter-spacing:0;padding:8px 2px;background:repeating-linear-gradient(90deg,#1b2228 0 3px,#3a444c 3px 5px,#20292f 5px 8px)}
.panel-switches{display:grid;grid-template-columns:84px minmax(0,1fr) 72px;align-items:center;gap:14px;margin:0 0 16px;min-height:104px}.power-slot{height:100px;display:flex;align-items:flex-start;justify-content:center}
.radio-panel .power-switch{width:68px;height:68px;border-width:5px;padding:17px;margin:0 auto 28px}.radio-panel .power-caption{font-size:10px;top:calc(100% + 13px)}.radio-panel .power-light{top:5px;width:4px;height:4px;left:calc(50% - 2px)}
.radio-panel:not(.radio-running) #leave,.radio-panel.radio-running #join{display:none}.radio-panel .sync-key{font-size:12px;color:#9dcbf4;min-height:64px}.sync-key small{display:block;font-size:10px;margin-bottom:8px}.sync-key output{font-size:17px}.radio-panel .sync-key:disabled{color:#788087}
.radio-panel .round-call{position:relative;width:58px;height:58px;min-height:0;border:4px solid #7b878f;border-radius:50%;padding:12px;background:linear-gradient(#38454e,#15212a);color:#efc17b;box-shadow:0 4px 0 #080e12,inset 0 1px 2px #ffffff30;margin:0 auto 30px;overflow:visible}.round-call svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.round-call>span{position:absolute;top:calc(100% + 14px);left:-12px;right:-12px;font:700 11px Consolas,monospace}.radio-panel .round-call:disabled{color:#778187;border-color:#515c63}.radio-panel .round-call:active:not(:disabled){transform:translateY(3px)}
.radio-panel .talk{height:76px;font-size:18px;margin:0 0 20px;user-select:none}.radio-panel .talk.active{color:#9dcbf4;background:linear-gradient(#26333f,#15212c);border-color:#7a94aa}.radio-panel .toggle{min-height:44px;margin:0 0 14px;font-size:12px;letter-spacing:.7px}.radio-panel .toggle input{width:20px;height:20px}
.panel-lcd{border:2px solid #11191b;border-radius:5px;background:#080f15!important;color:#9dcbf4!important;padding:14px}.flight-lcd{white-space:pre-line;font:12px/1.9 Consolas,monospace;overflow-wrap:anywhere}.radio-panel .panel-caption{font-size:12px;margin:0 0 18px;color:#cbd3d6;letter-spacing:1px}
.radio-panel label{font-size:11px;letter-spacing:.7px}.radio-panel select,.radio-panel input:not([type=checkbox]):not([type=range]){font:14px Consolas,monospace}.radio-panel summary{cursor:pointer;font-size:12px;min-height:44px;padding:14px 0}.radio-panel details .peers{margin:14px 0}.radio-panel li{font-size:11px}
.radio-panel .media-panel{padding:0;margin:0;border:0;background:none}.radio-panel .media-panel h2{font:12px Consolas,monospace;color:#d9dfe0;letter-spacing:1px;margin:0 0 18px}.radio-panel .media-frequency{display:block;font-size:10px;letter-spacing:1.5px;color:#849db2!important}.radio-panel .media-frequency input{padding:6px 0!important;background:none!important;border:0!important;color:#9dcbf4!important;font:28px Consolas,monospace!important;margin-top:6px!important}
.panel-mixers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0 24px}.dial-group{text-align:center;min-width:0}.radio-panel .dial-group label{display:block;font-size:11px;margin:8px 0;color:#cbd3d6}.radio-panel .dial-group input{margin:12px auto 0;max-width:135px;accent-color:#91a8bd}.rotary-control{width:126px;height:128px;position:relative;display:block;padding:0;margin:auto;border:0;background:none;box-shadow:none;touch-action:none;cursor:ns-resize;color:#9dcbf4}
.rotary-cap{display:block;position:absolute;left:23px;top:9px;width:80px;height:80px;border-radius:50%;border:7px solid #667179;background:repeating-conic-gradient(#222a30 0deg 5deg,#39444d 5deg 10deg);box-shadow:0 5px 0 #080c0f,0 9px 10px #0008,inset 0 1px 2px #ffffff50}.rotary-cap i{position:absolute;top:7px;left:30px;width:5px;height:24px;border-radius:3px;background:#dce6de}.rotary-control>output{position:absolute;bottom:1px;left:0;right:0;font:18px Consolas,monospace}.rotary-control::before{content:'−                    +';white-space:pre;position:absolute;top:38px;left:0;right:0;font:13px Consolas,monospace;color:#a4b1b8}
.radio-panel .media-transmit{min-height:68px;width:100%;letter-spacing:1.3px}.radio-panel .media-transmit.tx-active{color:#9dcbf4;border-color:#7a94aa;background:linear-gradient(#34404b,#141d25)}.radio-panel #mediaStatus{font:11px/1.7 Consolas,monospace;color:#c4d0c9;min-height:36px}.panel-engraving{font:9px/1.5 Consolas,monospace;letter-spacing:1px;color:#98a5a9;text-align:center;margin:18px 0 0}
@media(max-width:390px){.radio-panel main{padding:12px 10px}.panel-mast{gap:8px}.panel-mast h1{font-size:12px}.panel-mast>span{font-size:9px}.faceplate{padding:24px 14px}.panel-switches{gap:7px;grid-template-columns:76px minmax(0,1fr) 64px}.panel-mixers{gap:8px}.radio-panel .vhfhead{font-size:9px;letter-spacing:1px}.panel-mast .brand-logo{width:34px;height:34px}}

.radio-panel .tuning-keys{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 0}.radio-panel .tuning-dial .rotary-control{width:112px;height:104px}.radio-panel .tuning-dial .rotary-cap{width:64px;height:64px;left:24px;top:5px;border-width:5px}.radio-panel .tuning-dial .rotary-cap i{left:24px;top:5px;height:20px;width:4px}.radio-panel .tuning-dial .rotary-control::before{top:28px;font-size:11px}.radio-panel .tuning-dial output{font-size:11px;color:#cbd3d6}.fine-keys{display:flex;gap:14px;justify-content:center}.radio-panel .tuning-keys .fine-keys button{width:40px;min-height:28px;border-radius:4px;padding:3px;font-size:12px;background:linear-gradient(#4a555d,#232e35)}
.radio-panel .tuning-dial .rotary-control{border:0;border-radius:0;background:none;box-shadow:none;padding:0}
#hostSimbrief{margin:22px 0;padding:18px;border:1px solid #486272;border-radius:10px}#hostSimbrief button{margin-bottom:12px}#simbriefSummary{white-space:pre-line;font:12px/1.8 Consolas,monospace;margin-bottom:16px}#gsxFrame{width:100%;height:650px;height:72vh;min-height:420px;border:0;border-radius:6px;background:#11151c}#gsxStatus{margin:10px 0 14px}.radio-panel #deck-gsx{margin:-5px -8px}.radio-panel #deck-gsx .panel-key{width:100%}
.panel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.module-row{display:flex;gap:8px;align-items:center;margin:12px 0}.module-row>*{flex:1;min-width:0}.module-row label{margin:0;text-align:center}.module-row input{width:100%;text-align:center}.module-row .panel-key{width:auto}.radio-panel #navCompass{width:100%;height:auto;display:block;background:#10181c;border-radius:8px}.radio-panel #navStations button{width:100%;margin:5px 0;white-space:pre-line;font-size:11px}.nav-voice #navTalk{flex:3;touch-action:none}.nav-voice #navCall{border-radius:50%;flex:none;width:54px;height:54px;padding:5px}.panel-key.tx-active{color:#9dcbf4;background:#20303e}.airport-row{margin:10px 0;font-size:12px;line-height:1.8}.airport-row strong{display:block}.radio-panel #ofpViewport{overflow:auto;max-height:72vh;min-height:300px;background:#11191b;margin-top:14px;padding:8px;border:1px solid #59636a}.radio-panel #ofpCanvas{display:block;background:white}.radio-panel #deck-ofp .module-row{flex-wrap:wrap}.radio-panel #ofpPage{flex:0 1 52px;width:52px;padding:8px}.radio-panel #ofpCount{flex:0 1 48px;font-size:11px}.radio-panel #ofpZoom{flex:1 1 75px;padding:8px}.radio-panel #ofpStatus{overflow-wrap:anywhere;min-height:28px}.radio-panel #navStation,.radio-panel #navWind{font-size:12px;margin:10px 0}

.radio-panel .flight-board{padding:22px 12px!important;border:3px solid #786b50;border-radius:7px;background:linear-gradient(135deg,#49443a,#171a1b);box-shadow:inset 0 0 18px #0008}
.flight-board h2{font:700 20px Consolas,monospace;letter-spacing:1.4px;color:#ffce70;margin:0 0 12px}.board-caption{font:10px Consolas,monospace;color:#b3aea0;letter-spacing:1px;margin:0 0 18px}.flap-row{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:1px;margin-bottom:5px;perspective:600px}.flap-cell{position:relative;text-align:center;white-space:pre;line-height:1.9;font-family:Consolas,monospace;font-weight:700;font-size:clamp(12px,3.4vw,18px);color:#f0e5c7;border-radius:2px;background:linear-gradient(#30302c 49%,#08090a 49%,#08090a 53%,#20211f 53%);box-shadow:0 2px 1px #0009;min-width:0}.flap-cell:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#08090a90;pointer-events:none}#simbriefSummary{overflow-wrap:anywhere}

.flap-cell{display:block;height:1.9em;line-height:1.9em;overflow:hidden;perspective:160px}.flap-face{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#30302c;backface-visibility:hidden}.flap-face>span{position:absolute;left:0;right:0;height:200%;top:0;line-height:1.9em}.flap-upper,.flap-fold-top{top:0}.flap-lower,.flap-fold-bottom{top:50%;background:#20211f}.flap-lower>span,.flap-fold-bottom>span{top:-100%}.flap-fold-top{transform-origin:center bottom;z-index:2}.flap-fold-bottom{transform-origin:center top;z-index:3}.flap-cell:after{z-index:4}
/* Backlit latching rocker: position is ON intent; the plastic carries link colour. */
.radio-panel button.media-transmit,.radio-panel button.media-transmit.tx-active{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:14px 24px 12px;margin:4px auto 14px;min-height:190px;width:180px;max-width:100%;border:0;border-radius:10px;background:transparent;box-shadow:none;color:#dce2df;user-select:none;-webkit-tap-highlight-color:transparent}
.broadcast-bezel{display:block;position:relative;box-sizing:border-box;width:102px;height:134px;padding:8px;border:2px solid #050708;border-radius:10px;background:linear-gradient(110deg,#303639,#090d0e 43%,#202628);box-shadow:inset 0 2px 2px #78818480,inset 0 -3px 2px #000,0 5px 5px #000,0 8px 14px #0008;perspective:340px}
.broadcast-lens{--lamp-top:#552b26;--lamp-mid:#351815;--lamp-bottom:#180e0d;--lamp-glow:transparent;position:relative;display:flex;box-sizing:border-box;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0 12px;border:1px solid #1b0c0a;border-radius:5px 5px 7px 7px;transform:rotateX(17deg);transform-origin:center center;background:repeating-linear-gradient(90deg,#ffffff09 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#00000013 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--lamp-top),var(--lamp-mid) 42%,var(--lamp-bottom));box-shadow:inset 1px 1px 2px #ffffff55,inset -2px -2px 3px #0008,inset 0 0 20px var(--lamp-glow),0 7px 0 #210e0b,0 10px 6px #000b;transition:transform .14s ease,box-shadow .18s ease;color:#c6bdb7;font:400 25px/1 Arial,sans-serif;text-shadow:0 1px 2px #0008}
.broadcast-lens:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,#ffffff14,transparent 40%,#ffffff09 70%,transparent);pointer-events:none}
.rocker-on{font-size:27px;font-weight:400}.rocker-off{font-size:26px;transform:scaleX(1.15)}
.switch-on .broadcast-lens{transform:rotateX(-17deg);box-shadow:inset 1px 1px 2px #ffffff80,inset -2px -2px 3px #0008,inset 0 0 24px var(--lamp-glow),0 -6px 0 #151c22,0 -8px 7px #0009,0 0 15px var(--lamp-glow);color:#f2ffe9;text-shadow:0 0 5px var(--lamp-glow),0 1px 2px #0008}
.tx-active .broadcast-lens{--lamp-top:#68a7df;--lamp-mid:#386d9b;--lamp-bottom:#172c3e;--lamp-glow:#6bbaff55;border-color:#203548}
.switch-retrying .broadcast-lens,.switch-muted .broadcast-lens{--lamp-top:#f1bc53;--lamp-mid:#bd6b19;--lamp-bottom:#62300d;--lamp-glow:#ffbd3955;border-color:#70400f}
.broadcast-caption{font:700 12px Consolas,monospace;letter-spacing:2px;color:#d3dad8;text-shadow:0 1px 1px #000}
.radio-panel button.media-transmit:focus-visible{outline:2px solid #a8d5dc;outline-offset:3px}.radio-panel button.media-transmit:disabled{cursor:default;opacity:.65}
@media(prefers-reduced-motion:reduce){.broadcast-lens{transition:none}}

/* Countries logbook module. */
#deck-countries .country-views{flex-wrap:wrap}#deck-countries .country-views .panel-key{font-size:10px;min-width:110px}#deck-countries .country-views [aria-pressed=true]{color:#a5cff4;border-color:#8a9aa8;background:linear-gradient(#35414c,#17212a)}
#countryCounts{font-size:22px;line-height:1.7;margin-bottom:22px}#countryRouteTotal{font-size:12px;line-height:1.8}#countrySearch{width:100%;margin:12px 0}#countryList{max-height:58vh;overflow:auto;scrollbar-gutter:stable;padding-right:5px}.country-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #495358}.country-check{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin:0;cursor:pointer}.country-check input{flex:none;width:22px;height:22px;accent-color:#9bc2e5}.country-check span{min-width:0}.country-check strong{display:block;color:#e0e6e2;font:14px/1.5 Consolas,monospace;overflow-wrap:anywhere}.country-check small{display:block;font:10px/1.8 Consolas,monospace;color:#b3c1b7}.radio-panel .country-row .panel-key{flex:none;min-height:38px;font-size:10px;padding:8px}.country-error{color:#ffc28b!important}#countryStatus{overflow-wrap:anywhere}#deck-countries details{font-size:11px;line-height:1.7;margin-top:18px}#deck-countries .module-row label{font-size:10px}

.country-tour-radio .panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}

.radio-panel .country-row .panel-key{width:auto;max-width:84px}.country-check{flex:1 1 0;width:auto}.country-check span{flex:1;min-width:0}

/* CTG 2.0: restrained avionics finish, clear legends and a cast lens rocker. */
:root{--ctg-ink:#101820;--ctg-plate:#26323a;--ctg-edge:#53626c;--ctg-paper:#f3f0e7;--ctg-green:#a9c6e0;--ctg-teal:#8cb5d8}
body{background:#101820}.radio-panel{background:#101820;color:var(--ctg-paper)}.radio-panel main{max-width:700px;padding-top:25px}.panel-mast{gap:14px;margin-bottom:23px}.panel-mast h1{font:650 14px 'Segoe UI',sans-serif;letter-spacing:1.8px;color:var(--ctg-paper)}.panel-mast>span{color:#9baeb8;font-size:10px}.panel-mast .brand-logo{width:44px;height:44px;border-radius:10px}
.radio-panel .faceplate{background:linear-gradient(110deg,#2c3941,#222d34 72%);border-color:#52616b;box-shadow:inset 0 1px 0 #71808950,0 8px 28px #0003;border-radius:12px;padding:24px 22px}.panel-tabs button,.radio-panel .panel-key{font:600 12px 'Segoe UI',sans-serif;letter-spacing:.6px;border:1px solid #60717c;border-bottom:3px solid #111b22;background:linear-gradient(#45545f,#2c3a43);box-shadow:inset 0 1px #9cabb42b,0 2px 3px #0003;border-radius:6px}.panel-tabs button[aria-selected=true]{color:#b5d0e7;border-top-color:#a4b9cb;box-shadow:inset 0 2px #86a4bf50}.settings-tab svg,.host-settings-key svg{width:23px;height:23px;display:block;margin:auto}.panel-caption{font:600 11px 'Segoe UI',sans-serif;letter-spacing:1.7px;color:#c0cdd4}.panel-lcd{background:#0a1117;border-color:#10171e;color:#b8cfe4}.radio-panel .talk{border:1px solid #6c7c84;border-bottom:4px solid #101a20;background:linear-gradient(#3e505c,#293a44);color:#f3f0e7;box-shadow:inset 0 1px #a5bdc540;font:650 16px 'Segoe UI',sans-serif;letter-spacing:1.1px;border-radius:7px}.radio-panel .talk.active{background:linear-gradient(#435564,#283947);color:#d3eaff;border-color:#8da3b6}.radio-panel .panel-key:focus-visible,.panel-tabs button:focus-visible{outline:2px solid #b6d6df;outline-offset:3px}.country-check strong{font-family:'Segoe UI',sans-serif;font-size:14px}.country-check small{color:#a9bec4}.country-views .panel-key{font-family:'Segoe UI',sans-serif}.panel-footer{color:#8ea3af;line-height:1.7}
.radio-panel button.media-transmit,.radio-panel button.media-transmit.tx-active{width:210px;min-height:135px;padding:12px 15px;gap:16px}.broadcast-bezel{width:166px;height:78px;padding:6px;border:3px solid #0c1318;border-radius:10px;background:linear-gradient(#4c5b64,#10191f 35%,#2c3a43);box-shadow:inset 0 1px #a9bac355,0 4px 0 #10181d,0 7px 10px #0005;perspective:500px}.broadcast-lens{--lamp-top:#899ea330;--lamp-mid:#243c4220;--lamp-bottom:#9aadb320;--lamp-glow:#0000;flex-direction:row;padding:0 25px;border:1px solid #b7d4dc55;border-radius:5px;transform:rotateY(12deg);background:linear-gradient(170deg,#f4ffff30 0%,#ffffff04 24%,transparent 43%,#b3cbe013 78%,#d5ffff30 100%),radial-gradient(ellipse at 28% 51%,var(--lamp-top),transparent 55%),radial-gradient(ellipse at 74% 51%,var(--lamp-mid),transparent 56%),linear-gradient(90deg,#a1b7ba22,#25414b20,#a7bec222);box-shadow:inset 0 0 0 2px #d8f7ff17,inset 2px 0 4px #efffff30,inset -2px 0 4px #091c2860,4px 0 0 #314148,6px 1px 5px #0006;color:#d7e4e5;font-size:23px;text-shadow:0 1px 2px #07111880}.broadcast-lens:before{inset:3px 4px auto;height:15px;border-radius:3px;background:linear-gradient(#f6ffff55,#e9ffff08);border-top:1px solid #ffffff77;opacity:.75}.broadcast-lens:after{content:'';position:absolute;inset:3px;border:1px solid #d8faff22;border-radius:3px;box-shadow:inset 0 0 11px var(--lamp-glow);pointer-events:none}.switch-on .broadcast-lens{transform:rotateY(-12deg);box-shadow:inset 0 0 0 2px #ddffff25,inset 0 0 18px var(--lamp-glow),inset 2px 0 4px #e7ffff45,-4px 0 0 #34404b,-6px 1px 5px #0007,0 0 12px var(--lamp-glow);color:#f1fff6}.tx-active .broadcast-lens{--lamp-top:#99caf5bb;--lamp-mid:#71a7d7cc;--lamp-glow:#8ac1f240;border-color:#b7d1e777}.switch-retrying .broadcast-lens,.switch-muted .broadcast-lens{--lamp-top:#ffd08cbb;--lamp-mid:#e9ae58bb;--lamp-glow:#efc77d44;border-color:#edd6ae88}.rocker-on,.rocker-off{font:500 23px 'Segoe UI',sans-serif;position:relative;z-index:1}.rocker-off{transform:none}.broadcast-caption{font:600 11px 'Segoe UI',sans-serif;letter-spacing:2px;color:#d4e0e3}
.host-panel main{max-width:760px;padding:28px 24px 40px}.host-mast{position:relative;padding:10px 62px 18px 76px;min-height:94px}.host-mast .brand-logo{position:absolute;left:0;top:12px;width:54px;height:54px}.host-mast .eyebrow{font-size:10px;letter-spacing:1.8px;color:#8cb5d8}.host-mast h1{font-size:24px;font-weight:650;letter-spacing:-.4px;margin:8px 0}.host-mast p{font-size:13px;color:#aabcc7}.host-settings-key{position:absolute;right:0;top:15px;width:44px;height:44px;padding:10px;background:#27363f;border:1px solid #566a77;border-radius:8px;color:#d9e7e9}.host-panel .card{background:linear-gradient(115deg,#29363e,#1f2b33);border:1px solid #536671;border-radius:12px;padding:24px;box-shadow:inset 0 1px #7c939d30,0 8px 25px #0003}.host-panel .radio{background:#0c131a;color:#b8cfe4;border:1px solid #354553;border-radius:7px;font:12px/1.9 Consolas,monospace;padding:16px}.host-panel .talk{height:100px;font:650 19px 'Segoe UI',sans-serif;letter-spacing:.8px;background:linear-gradient(#3d5360,#293e4a);border:1px solid #7b969e;border-bottom:4px solid #101a20;border-radius:8px}.host-panel .talk.active{background:linear-gradient(#496176,#2c4051);color:#e0f1ff;border-color:#a5bacd}.host-panel button:not(.power-switch):not(.host-settings-key){font:600 13px 'Segoe UI',sans-serif;letter-spacing:.4px}.host-settings{margin-top:26px;padding-top:16px;border-top:1px solid #4b5d68}.host-settings>h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:8px 0 24px}.host-settings>h2 svg{width:21px;height:21px}.host-settings>section{padding:20px 0;border-top:1px solid #44535e}.host-settings h2{color:#e3ebed}.host-panel .badge{border-radius:5px;background:#334650;letter-spacing:.7px;padding:8px 11px}.host-panel .small{color:#a9bdc8}.host-panel .statusline{margin-top:12px}.host-audio-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.host-panel .toggle{min-height:42px}.host-panel #desktopHost{margin-bottom:18px}.host-panel #talkHelp{font-size:12px}.host-panel .power-switch{width:72px;height:72px;padding:16px;border-width:4px;margin-bottom:38px}
@media(max-width:480px){.radio-panel .faceplate{padding:22px 14px}.host-panel main{padding:16px 12px}.host-panel .card{padding:18px}.host-audio-options{grid-template-columns:1fr}.host-mast h1{font-size:19px}.host-mast{padding-left:61px}.host-mast .brand-logo{width:45px;height:45px}}

/* Glass flight deck treatment across the Host and portable displays. */
:root{--ctg-ink:#080d15;--ctg-plate:#101b29;--ctg-edge:#334a61;--ctg-paper:#eef5ff;--ctg-green:#a8c9e5;--ctg-teal:#7bdcff}body,.radio-panel{background:#080d15;color:#eef5ff}.radio-panel .faceplate,.host-panel .card{background:linear-gradient(125deg,#111d2b,#0c1521 75%);border:1px solid #3a5068;border-radius:9px;box-shadow:inset 0 1px #7995ae18,0 8px 25px #0004}.faceplate:before,.faceplate:after{display:none}.panel-mast h1{color:#eef5ff}.panel-mast>span{color:#7d96af}.panel-tabs button,.radio-panel .panel-key{background:linear-gradient(#1d3044,#132234);border:1px solid #3b5671;border-bottom:3px solid #07101b;color:#dfeaff;box-shadow:inset 0 1px #84a2bf19,0 2px 4px #0005}.panel-tabs button[aria-selected=true]{background:linear-gradient(#233d54,#162d42);color:#86e1ff;border-top-color:#70c7ee;box-shadow:inset 0 2px #5ed2ff80}.panel-caption{color:#b6cada}.panel-lcd,.radio-panel .vhfpanel,.host-panel .radio{background:#040b13;border:1px solid #314960;color:#ebf6ff;border-radius:5px}.radio-panel .vhfpanel{box-shadow:inset 0 1px #adc6df15}.radio-panel .displays>label,.radio-panel .displays>div{background:#030a12;border-color:#294356}.radio-panel .displays output,.radio-panel .displays input{color:#84e2ff!important}.radio-panel .displays small{color:#9ebad2}.radio-panel .talk,.host-panel .talk{background:linear-gradient(#263e54,#172b40);border-color:#526f89;border-bottom-color:#050d17;color:#edf7ff}.radio-panel .talk.active,.host-panel .talk.active{background:linear-gradient(#264056,#14293b);color:#bbdaf5;border-color:#7c9bb7}.host-settings{border-top-color:#334a61}.host-mast .eyebrow{color:#80dcff}.host-settings-key{background:#132336;border-color:#3e5b78;color:#8bdfff}.host-panel .badge{background:#183047;color:#c8deed}.host-settings>section{border-top-color:#30465b}.host-panel input:not([type=checkbox]):not([type=range]),.host-panel select{background:#071321;border-color:#354f68}.host-panel .small,.panel-footer{color:#9aadc2}.radio-panel .country-row .panel-key{background:linear-gradient(#20384e,#152a3d)}#countryCounts{color:#d8efff}#countryRouteTotal{color:#8edfff}#countryList{background:#08101b;padding:0 10px;border:1px solid #2d4359;border-radius:4px}.country-row{border-color:#293e52}.country-check strong{color:#eef5ff}.country-check small{color:#a2bdd3}.country-check input{accent-color:#7db0dd}.country-views [aria-pressed=true]{color:#8be3ff!important;background:linear-gradient(#28455d,#183248)!important;border-top-color:#87d8fa!important}
.nav-glass{background:#03070d;border:1px solid #3c5066;border-radius:5px;padding:12px 10px 8px;margin:18px 0;box-shadow:inset 0 0 18px #000}.glass-heading{font:600 10px 'Segoe UI',sans-serif;letter-spacing:1.9px;color:#90a9c0;border-bottom:1px solid #2b3f53;padding:0 4px 10px;margin-bottom:9px}.nav-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nav-metric{border:1px solid #344c65;background:linear-gradient(110deg,#102238,#081322);padding:9px 11px;min-width:0}.nav-metric small{display:block;font:600 9px 'Segoe UI',sans-serif;letter-spacing:.8px;color:#9fb9d0}.nav-metric output{display:block;margin-top:4px;font:600 clamp(17px,3.5vw,26px) 'Segoe UI',sans-serif;white-space:nowrap;color:#f3f8ff}.nav-metric:nth-child(even) output{color:#85dfff}.nav-metric:nth-child(3) output{font-size:clamp(13px,2.5vw,19px)}.radio-panel .nav-glass #navStation{font:600 19px 'Segoe UI',sans-serif;color:#6eaee6;border:0;padding:6px 3px}.radio-panel .nav-glass #navWind{background:#071321;color:#b8deed;border-color:#263c51;font-size:11px;padding:8px}.radio-panel #navCompass{background:#03070d}.nav-glass #navStatus{font-size:10px;color:#9fb4c8;margin:9px 0 2px}.nav-glass-panel .module-row .panel-key{color:#dcecff}.nav-glass-panel #navActive,.nav-glass-panel #navStandby{color:#89e1ff!important}.nav-glass-panel #navDetails{color:#d0e7fc;font-size:12px}

.radio-panel .media-frequency{background:#030b14;border-color:#2c465e}.radio-panel .media-frequency input{color:#86e0ff!important}.radio-panel .rotary-control output{color:#b8eaff}.radio-panel #navStation,.radio-panel #navWind,.radio-panel #navDetails{background:#06101b;border-color:#2c435a}.radio-panel #navDetails{color:#cdeaff}

.host-virtual{margin:18px 0;padding:18px;border:1px solid #365470;background:#081523;border-radius:6px}.host-virtual h2{margin:0}.host-virtual input[type=number]{font:24px Consolas,monospace;color:#8de3ff!important}.host-virtual [role=switch],#headphoneToggle{background:#13273b;color:#c6d9e8;border:1px solid #49647d}.host-virtual [aria-checked=true],#headphoneToggle[aria-checked=true]{background:#152b3f;color:#9fcbf1;border-color:#729fc7}.host-virtual .module-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.host-virtual #virtualPower{width:130px}.host-virtual .host-audio-options{align-items:end}.host-virtual #virtualTune{height:48px;margin-bottom:0}#hostHeadphones{border-top:1px solid #30465b;padding-top:18px;margin-bottom:24px}

#hostGroundFeel{border-top:1px solid #30465b;padding-top:20px;margin-top:22px}.gf-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.gf-sliders output{float:right;color:#8ee5ff}#hostGroundFeel details summary{cursor:pointer;color:#b8deef;padding:10px 0}#gfStop{border-color:#a36b48;color:#ffd8a4}#gfStatus{overflow-wrap:anywhere}

/* Host 2.0.6: persistent connections with dedicated control pages. */
.host-panel main{max-width:780px}.host-panel #callPanel{padding:22px}.host-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0 22px}.host-tabs button{font:600 11px 'Segoe UI',sans-serif;letter-spacing:.35px;min-height:49px;margin:0;padding:10px 5px;background:linear-gradient(#21384d,#132639);border:1px solid #3c5871;border-bottom:3px solid #060e18;color:#c9deee;border-radius:5px}.host-tabs button[aria-selected=true]{color:#86e3ff;border-top:2px solid #85defa;background:linear-gradient(#28475f,#173149)}.host-tabs svg{width:22px;height:22px;display:block;margin:auto}.host-page[hidden]{display:none!important}.host-page-body{min-height:400px}.host-page h2{font-size:16px;letter-spacing:.5px;margin:0 0 18px}.host-page #hostSettings{border:0;margin:0;padding:0}.host-page #hostVirtualRadio,.host-page #hostGroundFeel{border:0;margin:0;padding:0;background:transparent}.host-page #hostHeadphones{margin-top:24px}.host-stopbar{display:flex;gap:10px;border-top:1px solid #2e465c;margin-top:24px;padding-top:14px}.host-stopbar button{width:auto;flex:1;margin:0;font-size:11px}.host-page #hostSimbrief{margin:0;padding:18px}.host-page #simbriefSummary{margin-bottom:16px}.host-page #talk{min-height:115px}.host-page details>summary{font-size:12px}.host-page #hostGroundFeel .host-audio-options{justify-content:flex-end}.host-page #gfResume{width:130px}.host-page #hostVirtualRadio .host-audio-options{margin-top:16px}.host-page #hostVirtualRadio #virtualTransmit{margin-top:4px}@media(max-width:600px){.host-tabs{gap:4px}.host-tabs button{font-size:9px}.host-panel #callPanel{padding:15px}}

.nav-guidance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.nav-guidance>div{padding:10px 6px;border:1px solid #30465e;background:#081522}.nav-guidance small{display:block;color:#9fb9d0;font-size:10px}.nav-guidance output{display:block;color:#f2be5b;font:600 27px Consolas,monospace;margin-top:5px}.nav-guidance>div+div output{color:#85dfff}.radio-panel #navGuideStatus{font-size:11px;color:#b8cddd;min-height:30px}

.dual-com{display:grid;gap:12px;margin:12px 0}.com-bank{padding:12px;background:#071321;border:1px solid #344c65;border-radius:6px}.com-bank strong{font:600 14px Consolas,monospace;color:#86dfff}.com-bank .toggle{flex:none;gap:5px;margin:0}.com-bank [aria-pressed=true]{background:#243a4d;color:#91ccff;border-color:#70b2eb}.com-bank .bank-level{font-size:10px;margin:10px 0 0}.com-bank output{display:block;color:#86dfff;font:600 25px Consolas,monospace}.online-device{border-top:1px solid #344c65;padding:12px 0}.online-device strong{display:block;margin-bottom:10px}#hostOnline{border-top:1px solid #344c65;padding-top:16px;margin-top:20px}#onlineInviteLink{font-size:12px}#tab-gsx[hidden],#tab-media[hidden]{display:none!important}

/* CTG 2.1 instrument finish: neutral glass, purposeful annunciator colours. */
:root{--ctg-ink:#080b10;--ctg-plate:#12161c;--ctg-edge:#454f5c;--ctg-paper:#f1f4f8;--ctg-cyan:#5dbfff;--ctg-magenta:#e879f9;--ctg-amber:#ffc52f;--ctg-signal:#40d44b;accent-color:#5dbfff}
body,.radio-panel{background:#080b10;color:var(--ctg-paper);font-family:Arial,'Segoe UI',sans-serif}
button,input,select{font-family:Arial,'Segoe UI',sans-serif}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ctg-cyan);outline-offset:3px}
a{color:var(--ctg-cyan)}.radio-panel main{max-width:1080px;padding:18px 20px 32px}.panel-mast{padding:4px 0 16px;gap:12px}.panel-mast .brand-logo{border-radius:5px}.panel-mast h1{font:600 17px Arial,sans-serif;letter-spacing:.035em}.panel-mast>span{color:#8f9bad;letter-spacing:.04em;font-size:10px}
.faceplate,.radio-panel .faceplate,.host-panel .card{border:2px solid #353d48;border-top-color:#56606b;border-radius:4px;background:#0d1117;box-shadow:inset 0 0 0 3px #06080c,0 3px 6px #0005;padding:22px}
.panel-tabs{gap:5px;margin:12px 0}.panel-tabs button,.host-tabs button,.radio-panel .panel-key{border:1px solid #555f6c;border-bottom:3px solid #020408;border-radius:3px;background:linear-gradient(#303943,#1d242d);color:#eef3fa;box-shadow:inset 0 1px #73829133;font-weight:600;letter-spacing:.04em;min-height:47px}.panel-tabs button[aria-selected=true],.host-tabs button[aria-selected=true]{border-top:2px solid var(--ctg-magenta);background:#202c3b;color:#fff;box-shadow:inset 0 2px #e879f922}.panel-caption,.radio-panel .panel-caption{font:600 12px Arial,sans-serif;letter-spacing:.06em;color:#e1e7ef;border-bottom:1px solid #38424e;padding-bottom:11px;margin-bottom:15px}
#instrumentStrip{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr;background:#020407;border:1px solid #414d5c;border-radius:2px;margin:0 0 12px;box-shadow:0 4px 0 #080b10}
#instrumentStrip>div{padding:8px 12px;border-right:1px solid #303945;min-width:0}#instrumentStrip>div:last-child{border-right:0}#instrumentStrip span{font:600 9px Arial,sans-serif;letter-spacing:.08em;display:block;color:#a6b2c1;margin-bottom:3px}#instrumentStrip output{font:500 21px 'Consolas',monospace;color:var(--ctg-cyan);white-space:nowrap}#instrumentStrip>div:nth-child(n+3) output{font-size:12px;line-height:24px}#instrumentStrip .selected-tx output{color:var(--ctg-magenta)}#instrumentStrip .caution output{color:var(--ctg-amber)}
.dual-com{gap:14px;margin:6px 0 22px}.com-bank{background:#020407;border:1px solid #424e5d;border-radius:2px;padding:13px}.com-bank .module-row{border-bottom:1px solid #293441;padding-bottom:10px;margin-bottom:9px}.com-bank strong{font:600 13px Arial,sans-serif;color:#fff;letter-spacing:.06em}.com-bank .displays{gap:9px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}.com-bank .displays>div,.com-bank .displays>label{border:0;background:#020407;padding:8px 4px}.com-bank .displays small{font-size:9px;color:#a7b6c8;letter-spacing:.08em}.com-bank .displays output{color:#f3f6fc!important;font:500 clamp(22px,3.2vw,33px) Consolas,monospace!important}.com-bank .displays input{color:var(--ctg-cyan)!important;font:500 clamp(22px,3.2vw,33px) Consolas,monospace!important}.com-bank [aria-pressed=true]{border-color:var(--ctg-magenta);color:var(--ctg-magenta);background:#2c1833}.com-bank input[type=range]{accent-color:var(--ctg-cyan)}.bank-level{color:#a2adbb}
.radio-panel .talk,.host-panel .talk,.radio-panel #navTalk{border-color:#586879;border-bottom:4px solid #020407;border-radius:4px;background:linear-gradient(#304153,#1b2939);color:#f1f5fa;box-shadow:inset 0 1px #d9e7ff22;font-family:Arial,sans-serif;letter-spacing:.08em}.radio-panel .talk.active,.host-panel .talk.active,.radio-panel #navTalk.tx-active{background:linear-gradient(#432649,#281a31);color:#f9c9ff;border-color:var(--ctg-magenta)}.radio-panel .sync-key{color:var(--ctg-cyan)}.radio-panel .badge.live{color:#40d44b!important}.panel-lcd,.flight-lcd{background:#020407!important;color:#e8f1fb!important;border-color:#3c4a5a}.radio-panel .power-switch{border-color:#5b6571}.radio-panel .power-switch:not(:disabled){color:#f1f4f8}
.nav-glass{border:2px solid #394451;border-radius:3px;background:#020407;padding:12px;margin:14px 0}.glass-heading{color:#b5c4d5;font-size:10px;letter-spacing:.06em}.nav-metrics{gap:1px;background:#364354;border:1px solid #364354}.nav-metric{border:0;background:#03070d;padding:11px 13px}.nav-metric small{color:#b4c0cf;font:600 10px Arial,sans-serif;letter-spacing:.04em}.nav-metric output{font:500 clamp(22px,4vw,30px) Consolas,monospace;color:#f5f7fb}.nav-metric:nth-child(even) output{color:#f5f7fb}.nav-metric:nth-child(3) output{font-size:clamp(16px,2.6vw,22px)}.nav-guidance>div{background:#03070d;border-color:#3e4e62;padding:10px 12px}.nav-guidance output{color:var(--ctg-amber)}.nav-guidance>div+div output{color:var(--ctg-magenta)}.radio-panel .nav-glass #navStation{color:#f1f4f8;font-weight:500}.radio-panel #navWind{color:var(--ctg-cyan)}.radio-panel #navCompass{width:100%;max-width:630px;display:block;margin:10px auto;background:#020407}.radio-panel #navDetails{background:#020407;color:#d7e2ef;border-color:#334253}.radio-panel #navActive{color:#fff!important}.radio-panel #navStandby{color:var(--ctg-cyan)!important}
/* Framed mechanical character units, with fixed blank tiles and cabinet rails. */
.radio-panel .flight-board{background:#181a1e;border:3px solid #393d43;border-top-color:#5b5e64;border-radius:3px;padding:20px 13px!important;box-shadow:inset 0 1px #a5a7aa33,inset 0 0 0 3px #0b0c0f,0 4px 8px #0005}.flight-board h2{font:600 18px Arial,sans-serif;color:#f1f2f4;letter-spacing:.025em;margin:0 0 8px}.board-caption{font:10px Arial,sans-serif;color:#a8aaad;letter-spacing:.04em;margin-bottom:20px}.flap-rows{padding:6px 4px;background:#101114;border:1px solid #08090a;box-shadow:inset 0 2px 4px #0008}.flap-row{gap:2px;margin-bottom:4px;position:relative;padding:2px 0 3px;border-bottom:2px solid #292c30}.flap-row:last-child{margin-bottom:0}.flap-cell{color:#ffd22e;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;font-weight:500;font-size:clamp(11px,2.8vw,21px);font-stretch:condensed;height:2em;line-height:2em;border:1px solid #44474c;border-top-color:#57595e;border-bottom-color:#08090b;border-radius:0;background:#101114;box-shadow:inset 0 0 0 1px #060709,1px 1px 0 #08090b}.flap-face{background:#232529}.flap-lower,.flap-fold-bottom{background:#191b1f}.flap-face>span{line-height:2em;transform:scaleX(.86);transform-origin:center}.flap-cell:after{background:#08090bf0;height:1px;box-shadow:0 1px #ffffff05}.flap-row:nth-child(2),.flap-row:nth-child(6),.flap-row:nth-child(10),.flap-row:nth-child(12),.flap-row:nth-child(16){margin-top:6px}
/* Clear rocker cap: alternate raised edges, moulded ribs and visible LED pools. */
.radio-panel button.media-transmit,.radio-panel button.media-transmit.tx-active{width:224px;min-height:139px;background:none;border:0;padding:16px 15px;box-shadow:none}.broadcast-bezel{width:180px;height:77px;border:3px solid #08090c;border-radius:6px;padding:5px;background:linear-gradient(#626971,#14181e 20%,#222932 78%,#4c535b);box-shadow:0 3px 0 #020306,inset 0 1px #b8bfc666,0 5px 8px #0007;perspective:360px}.broadcast-lens{--lamp-top:#ff392c9c;--lamp-mid:#ef261b9c;--lamp-glow:#ff372c55;transform:rotateY(19deg) rotateX(8deg);border:1px solid #efa39a90;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 25px;color:#fff1ed;background:linear-gradient(176deg,#ffffff65 0%,#ffffff0a 19%,#ffffff00 42%,#00000026 51%,#ffffff15 80%,#ffffff45),repeating-linear-gradient(0deg,#ffffff08 0 1px,#07121c08 1px 3px),radial-gradient(ellipse at 26% 48%,var(--lamp-top),transparent 70%),radial-gradient(ellipse at 76% 48%,var(--lamp-mid),transparent 70%),#25303d70;box-shadow:inset 0 0 0 2px #ffffff18,inset 1px 0 2px #ffffff66,7px 1px 0 #442624,10px 2px 6px #000a;transition:transform .1s,box-shadow .1s}.broadcast-lens:before{inset:3px 4px auto;height:10px;border-top:1px solid #ffffffb0;border-radius:2px;background:linear-gradient(#fff7,#fff0)}.broadcast-lens:after{inset:3px;border:1px solid #ffffff22;border-radius:3px;box-shadow:inset 0 0 12px var(--lamp-glow)}.switch-on .broadcast-lens{transform:rotateY(-19deg) rotateX(8deg);box-shadow:inset 0 0 0 2px #ffffff18,inset -1px 0 2px #ffffff66,-7px 1px 0 #243d27,-10px 2px 6px #000a;--lamp-top:#3fea239c;--lamp-mid:#1dd22b9c;--lamp-glow:#38df3655;border-color:#b7f3a877;color:#f4fff0}.switch-retrying .broadcast-lens,.switch-muted .broadcast-lens{--lamp-top:#ffbf269c;--lamp-mid:#fa9d1f9c;--lamp-glow:#ffb43c55;border-color:#ffdda077}.rocker-on,.rocker-off{font:500 24px Arial,sans-serif;text-shadow:0 1px 2px #0008}.broadcast-caption{color:#e0e6ef;letter-spacing:.08em;font-size:11px}.rotary-cap{border-color:#596572}.rotary-control>output{color:#f0f3f8}.radio-panel .media-frequency{border:1px solid #3e4e62;border-radius:2px;padding:11px 14px;background:#020407}.radio-panel .media-frequency input{color:var(--ctg-cyan)!important}.radio-panel .media-frequency{color:#acbbcc!important}
.host-panel main{max-width:1080px;padding:22px 24px 35px}.host-mast{min-height:86px;padding-top:5px}.host-mast .brand-logo{border-radius:5px}.host-mast h1{font-size:25px;font-weight:600}.host-mast .eyebrow{color:var(--ctg-cyan);letter-spacing:.06em}.host-mast p{color:#9caaba}.host-settings-key{background:#202a35;border:1px solid #566372;border-radius:3px;color:#edf3f9}.host-panel .radio{background:#020407;color:#dbe6f3;border:1px solid #3c4a5a;border-radius:2px}.host-tabs{margin:12px 0 20px}.host-page-body{min-height:400px}.host-panel #hostComBanks{grid-template-columns:1fr 1fr}.host-panel #hostComBanks .com-bank{padding:13px}.host-panel #hostComBanks output{color:#fff;font-size:29px;padding:7px 0}.host-panel #hostComBanks small{color:var(--ctg-cyan)}.host-settings h2{font-weight:500}.host-page #hostSettings>section,#accountPanel,#hostOnline{border-color:#374454}.host-virtual [aria-checked=true],#headphoneToggle[aria-checked=true]{background:#233e58;border-color:#5dbfff;color:#fff}.host-audio-options{gap:16px}.host-panel #host-page-radio{display:grid;grid-template-columns:1fr 1fr;gap:14px}.host-panel #host-page-radio>*{grid-column:1/-1;margin-top:0}.host-panel #host-page-radio>#radio,.host-panel #host-page-radio>#talk{grid-column:auto;margin:0;min-width:0}.host-stopbar{border-color:#384654}.country-check input{accent-color:var(--ctg-cyan)}.country-views [aria-pressed=true]{color:var(--ctg-magenta)!important;border-top-color:var(--ctg-magenta)!important}.online-device{border-color:#344253}.radio-panel .airport-row{border-color:#344253}#accountPanel input,#onlineOrigin{max-width:100%}
@media(min-width:760px){.radio-panel #dualCom{grid-template-columns:1fr 1fr}.radio-panel .nav-guidance{gap:12px}.radio-panel .flap-cell{font-size:clamp(15px,1.9vw,23px)}.radio-panel .flight-board{padding:25px 23px!important}.panel-tabs button{font-size:12px}.panel-mixers{gap:40px}}
@media(max-width:600px){#instrumentStrip>div{padding:7px 7px}#instrumentStrip output{font-size:17px}#instrumentStrip>div:nth-child(n+3) output{font-size:10px;line-height:20px}.radio-panel main{padding:12px 9px 22px}.radio-panel .faceplate{padding:18px 12px}.panel-mast h1{font-size:13px}.panel-mast>span{font-size:9px}.panel-tabs{gap:4px}.panel-tabs button{font-size:10px;padding:9px 4px}.host-panel main{padding:15px 10px}.host-panel #host-page-radio{display:block}.host-panel #host-page-radio>*{margin-bottom:15px}.host-panel #hostComBanks{grid-template-columns:1fr 1fr;gap:6px}.host-panel #hostComBanks .com-bank{padding:9px}.host-panel #hostComBanks output{font-size:20px}.flight-board h2{font-size:17px}.board-caption{font-size:9px}.flap-row{gap:1px}.flap-cell{font-size:clamp(10px,2.9vw,15px)}}
@media(prefers-reduced-motion:reduce){.broadcast-lens{transition:none}}

body.radio-panel,body.host-panel{background:#080b10;color:#f1f4f8}.card{background:#0d1117;border-color:#414d5c;border-radius:4px}.primary{background:linear-gradient(#28445d,#19334b);border-color:#5dbfff;color:#f1f4f8}input:not([type=checkbox]):not([type=range]),select{border-radius:3px}#instrumentStrip{order:0}@media(min-width:760px){.panel-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.panel-tabs button{font-size:10px;padding:9px 3px}}

body.radio-panel{font-family:Arial,'Segoe UI',sans-serif}.radio-panel button{font-family:Arial,'Segoe UI',sans-serif}.flap-cell{height:1.55em;line-height:1.55em;font-size:clamp(12px,3.4vw,24px)}.flap-face>span{line-height:1.55em}.flap-cell:after{background:#00000066;box-shadow:none}.radio-panel .flap-cell{font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif}@media(min-width:760px){.radio-panel .panel-tabs{grid-template-columns:repeat(9,minmax(0,1fr))}.radio-panel .flap-cell{font-size:clamp(17px,2.65vw,26px)}}@media(max-width:600px){.radio-panel .flap-cell{font-size:clamp(10px,3.2vw,16px)}}

/* Media transmitter: square illuminated pushbutton and independent actual-state banner. */
.radio-panel button.media-transmit,.radio-panel button.media-transmit.tx-active{width:156px;min-height:167px;padding:13px 15px;gap:17px}
#mediaStart .broadcast-bezel{width:116px;height:116px;padding:6px;border:4px solid #06080a;border-radius:6px;background:linear-gradient(130deg,#66717c,#14191f 32%,#313a44 85%,#76808b);box-shadow:inset 0 1px #ccd2d877,0 4px 0 #020305,0 6px 8px #0008;perspective:none}
#mediaStart .broadcast-lens{--lamp-left:#f43225c0;--lamp-right:#df302ac0;--lamp-glow:#f3372738;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid #e2d8d47a;border-radius:4px;transform:none;background:linear-gradient(135deg,#ffffff42,transparent 34%,#00000016 64%,#ffffff25),repeating-linear-gradient(0deg,#ffffff08 0 1px,#02060905 1px 4px),radial-gradient(ellipse at 23% 72%,var(--lamp-left),transparent 74%),radial-gradient(ellipse at 78% 25%,var(--lamp-right),transparent 74%),#73839238;box-shadow:inset 0 0 0 2px #ffffff15,inset 2px 2px 3px #ffffff4d,inset -2px -2px 3px #0005,0 3px 0 #4d5157;color:#fff8f5;text-shadow:0 1px 2px #0008;transition:transform .08s,box-shadow .08s}
#mediaStart .broadcast-lens:before{inset:3px 3px auto;height:12px;border-top:1px solid #ffffffab;background:linear-gradient(#ffffff44,#ffffff00);border-radius:2px}#mediaStart .broadcast-lens:after{inset:4px;border:1px solid #ffffff22;box-shadow:inset 0 0 12px var(--lamp-glow)}
#mediaStart.switch-on .broadcast-lens{--lamp-left:#34e21fc0;--lamp-right:#1bc32ac0;--lamp-glow:#40dc3b38;transform:none;border-color:#dcf2d477;color:#f7fff3;box-shadow:inset 0 0 0 2px #ffffff15,inset 2px 2px 3px #ffffff4d,inset -2px -2px 3px #0005,0 3px 0 #4d5157}
#mediaStart.switch-retrying .broadcast-lens,#mediaStart.switch-muted .broadcast-lens{--lamp-left:#ffbc2ac0;--lamp-right:#e7961fc0;--lamp-glow:#f6bd3838;border-color:#f2dfb477}
#mediaStart:active:not(:disabled) .broadcast-lens{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffffff15,inset 2px 2px 3px #ffffff4d,inset -2px -2px 3px #0005,0 1px 0 #4d5157}.broadcast-mark{font:600 25px Arial,sans-serif;letter-spacing:.04em;position:relative;z-index:1}.broadcast-caption{letter-spacing:.08em}
.broadcast-state{--state-colour:#ff6b60;display:flex;align-items:center;gap:14px;border:1px solid #854039;border-left:4px solid var(--state-colour);background:#1a0e11;padding:14px 17px;margin:0 0 20px;border-radius:2px}.broadcast-state-lamp{width:10px;height:10px;flex:none;border-radius:50%;background:var(--state-colour);box-shadow:0 0 6px #ff6b6033}.broadcast-state strong{display:block;color:var(--state-colour);font:600 18px Arial,sans-serif;letter-spacing:.07em}.broadcast-state small{display:block;margin-top:5px;color:#ccd5df;font:12px Arial,sans-serif;letter-spacing:.015em}.broadcast-state[data-state=on]{--state-colour:#57df43;border-color:#3e6b37;border-left-color:#57df43;background:#0d190e}.broadcast-state[data-state=on] .broadcast-state-lamp{box-shadow:0 0 6px #57df4333}.broadcast-state[data-state=waiting],.broadcast-state[data-state=muted]{--state-colour:#ffc52f;border-color:#7a6533;border-left-color:#ffc52f;background:#19160d}.broadcast-state[data-state=waiting] .broadcast-state-lamp,.broadcast-state[data-state=muted] .broadcast-state-lamp{box-shadow:0 0 6px #ffc52f33}@media(max-width:480px){.broadcast-state{padding:12px;gap:11px}.broadcast-state strong{font-size:16px;letter-spacing:.04em}}

/* Primary COMM actions precede both receivers at phone and desktop sizes. */
#commQuickControls{border-bottom:1px solid #384454;padding:0 0 10px;margin:0 0 12px}
#commQuickControls .panel-switches{min-height:90px;margin-bottom:6px;grid-template-columns:84px minmax(0,1fr) 72px}
#commQuickControls #talk{height:58px;min-height:58px;margin:0;width:100%}
.talk-on-status{font:12px/1.5 Arial,sans-serif;color:var(--ctg-magenta);margin:9px 0 0}
.radio-panel .com-bank .module-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
.radio-panel .com-bank .module-row button{font-size:12px;letter-spacing:0;padding:10px 5px;white-space:normal}
@media(max-width:600px){.radio-panel .panel-mast{padding-bottom:8px}.radio-panel .panel-tabs{margin-top:6px;margin-bottom:10px}.radio-panel .faceplate{padding-top:10px}#commQuickControls .panel-switches{min-height:82px}.radio-panel #commQuickControls .power-slot{height:82px}#commQuickControls .talk-on-status{font-size:11px}}

[hidden]{display:none!important}

.account-request-banner{border:1px solid var(--ctg-magenta);background:#27182b;padding:12px 14px;display:flex;align-items:center;gap:16px;margin-bottom:12px}.account-request-banner button{width:auto;margin-left:auto;font-size:12px;padding:10px}

.account-request-banner{position:sticky;top:0;z-index:30;box-shadow:0 4px 10px #0008}

.gallery-frame{display:block;width:100%;height:78vh;min-height:500px;border:0;background:#080b10}@media(min-width:760px){.radio-panel .panel-tabs{grid-template-columns:repeat(10,minmax(0,1fr))}}

.host-tabs{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(min-width:1100px){.country-tour-radio .panel-tabs{grid-template-columns:repeat(12,minmax(0,1fr))}}