:root{--amber:#ffb000;--amber-soft:#ffb00029;--cyan:#35d0ff;--cyan-soft:#35d0ff29;--red:#ff5a4d;--green:#5be08a;--ink:#eef3f8;--ink-dim:#eef3f8a8;--glass:#09101a9e;--glass-strong:#09101adb;--stroke:#ffffff24;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--pad:140px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#0b1620;margin:0;overflow:hidden}#scene{touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}.hud,.hud *{box-sizing:border-box}.hud{font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.hud [hidden]{display:none!important}.hud.pre-start .top-stack,.hud.pre-start .keys-legend,.hud.pre-start .next-hint,.hud.pre-start .touch{visibility:hidden}.hud button{font:inherit;color:inherit;appearance:none;touch-action:none}.glass{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 6px 24px #00000047}.btn{pointer-events:auto;border:1px solid var(--stroke);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background:#ffffff14;border-radius:10px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not(:disabled){background:#ffffff29}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible,.hud select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn.small{min-height:34px;padding:0 12px;font-size:13px}.btn.ghost{background:0 0}.btn.primary{background:var(--amber);border-color:var(--amber);color:#231800;box-shadow:0 6px 22px #ffb00052}.btn.primary:hover:not(:disabled){background:#ffc233}.btn.primary:disabled{border-color:var(--stroke);color:var(--ink-dim);box-shadow:none;cursor:progress;background:#ffffff1a}.btn.big{border-radius:12px;min-height:50px;padding:0 28px;font-size:17px}.top-stack{top:calc(var(--sat) + 8px);width:max-content;max-width:calc(100% - var(--sal) - var(--sar) - 16px);z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar{pointer-events:auto;opacity:.8;border-radius:14px;gap:4px;padding:4px;transition:opacity .2s;display:flex}.topbar:hover,.topbar:focus-within{opacity:1}.tb-btn{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;transition:background .15s,color .15s;display:grid;touch-action:manipulation!important}.tb-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.tb-btn:hover{background:#ffffff1f}.tb-btn:active{transform:scale(.94)}.tb-btn.active{background:var(--amber-soft);color:var(--amber)}.datastrip{max-width:100%;font-family:var(--mono);border-radius:12px;flex-wrap:nowrap;justify-content:center;gap:2px;padding:5px 6px;display:flex}.ds-cell{flex-direction:column;flex:none;align-items:center;min-width:44px;display:flex}.ds-val{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;line-height:1.25}.ds-lbl{letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;font-size:9px}.pills{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.pill{letter-spacing:.08em;background:var(--glass-strong);border:1px solid var(--stroke);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.pill.warn{color:var(--amber);border-color:#ffb00080}.pill.danger{color:var(--red);border-color:#ff5a4d8c}.pill.info{color:var(--cyan);border-color:#35d0ff8c}.pill.blink{animation:.7s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex}.toast{text-align:center;border-radius:10px;padding:8px 14px;font-size:14px;transition:opacity .35s;animation:.25s ease-out rise}.toast.out{opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}}.keys-legend{top:calc(var(--sat) + 8px);left:calc(var(--sal) + 8px);z-index:2;opacity:.85;pointer-events:auto;border-radius:12px;width:220px;padding:4px 8px 8px;font-size:12px;transition:opacity .2s;position:absolute}.keys-legend:hover{opacity:1}.keys-legend .kl-head{text-align:left;letter-spacing:.04em;width:100%;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0 2px;font-size:12px;font-weight:600;display:flex}.keys-legend .kl-hint{color:var(--ink-dim);margin-left:auto;margin-right:6px;font-size:10px;font-weight:400}.keys-legend .kl-chev{color:var(--ink-dim);transition:transform .2s}.keys-legend.collapsed .kl-chev{transform:rotate(-90deg)}.keys-legend.collapsed{padding-bottom:4px}.keys-legend.collapsed .kl-body{display:none}.kl-rows{grid-template-columns:auto 1fr;align-items:baseline;gap:3px 8px;margin:0;line-height:1.25;display:grid}.kl-rows dt{flex-wrap:wrap;gap:3px;display:flex}.kl-rows dd{color:var(--ink-dim);margin:0}.kl-rows kbd{min-width:18px;padding:0 5px;font-size:11px}.kl-gauges{align-items:flex-start;gap:16px;margin-top:8px;display:flex}.kl-col{flex-direction:column;align-items:center;gap:2px;display:flex}.kl-cap{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.kl-yoke{border:1px solid var(--stroke);background:linear-gradient(var(--stroke), var(--stroke)) center / 1px 100% no-repeat, linear-gradient(var(--stroke), var(--stroke)) center / 100% 1px no-repeat;border-radius:6px;width:52px;height:52px;position:relative}.kl-dot{background:var(--amber);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.kl-rud{width:52px;height:52px;position:relative}.kl-rud:before{content:"";background:var(--stroke);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.kl-rtick{background:var(--amber);width:2px;height:12px;margin:-6px 0 0 -1px;position:absolute;top:50%;left:50%}.kl-trim{background:var(--stroke);width:2px;height:52px;position:relative}.kl-tick{background:var(--cyan);width:10px;height:2px;margin:-1px 0 0 -5px;position:absolute;top:50%;left:50%}@media (width<=1100px){.keys-legend{top:auto;bottom:calc(var(--sab) + 8px)}}@media (height<=420px){.keys-legend{display:none}}.next-hint{top:calc(var(--sat) + 8px);right:calc(var(--sar) + 8px);z-index:1;opacity:.85;pointer-events:none;border-radius:10px;flex-direction:column;gap:2px;width:230px;padding:7px 10px;font-size:12px;line-height:1.35;display:flex;position:absolute}.nh-title{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:10px;font-weight:700}.nh-text{color:var(--ink-dim)}.top-stack .next-hint{box-sizing:border-box;width:min(340px,100%);padding:5px 10px;position:static}.captions{left:50%;bottom:calc(var(--sab) + 24px);width:min(620px, calc(100% - var(--sal) - var(--sar) - 32px));pointer-events:none;z-index:1;flex-direction:column;align-items:stretch;gap:5px;display:flex;position:absolute;transform:translate(-50%)}.caption{border-radius:10px;padding:7px 12px;font-size:14px;line-height:1.35;transition:opacity .5s;animation:.25s ease-out rise}.caption.out{opacity:0}.cap-who{letter-spacing:.07em;text-transform:uppercase;color:var(--role,var(--ink-dim));margin-right:8px;font-size:11px;font-weight:800;display:inline-block}.role-tower{--role:var(--amber)}.role-ground{--role:var(--green)}.role-atis{--role:var(--cyan)}.role-departure{--role:#c39bff}.role-pilot{--role:#fff}.modal{padding:calc(var(--sat) + 12px) calc(var(--sar) + 12px) calc(var(--sab) + 12px) calc(var(--sal) + 12px);z-index:5;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.modal-back{background:#03070c80;animation:.2s fade;position:absolute;inset:0}.modal-panel{background:var(--glass-strong);border-radius:18px;flex-direction:column;width:min(640px,100%);max-height:100%;animation:.22s ease-out pop;display:flex;position:relative}.modal-head{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.modal-head h2{letter-spacing:.02em;margin:0;font-size:18px}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 16px 16px;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal .sub,.help-sec h3,.sp-col .sub{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:16px 0 8px;font-size:11px;font-weight:800}.muted{color:var(--ink-dim);margin:0;font-size:14px}.checklist{gap:5px;margin:0;padding-left:22px;font-size:14px;line-height:1.4;display:grid}.checklist li::marker{color:var(--amber);font-weight:800}.keys{grid-template-columns:minmax(96px,max-content) 1fr;align-items:baseline;gap:6px 14px;margin:0;font-size:13.5px;display:grid}.keys dt{flex-wrap:wrap;gap:4px;display:flex}.keys dd{color:var(--ink-dim);margin:0}.freqs dd{font-family:var(--mono);color:var(--cyan)}kbd{border:1px solid var(--stroke);min-width:22px;font:600 12px/1.5 var(--mono);text-align:center;color:var(--ink);background:#ffffff14;border-bottom-width:2px;border-radius:6px;padding:1px 7px;display:inline-block}.modal.atc{align-items:end}.modal-panel.sheet{border-radius:20px 20px 14px 14px;width:min(560px,100%);animation:.28s cubic-bezier(.2,.9,.3,1) slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(40%)}}.radio{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;display:grid}.rd{border:1px solid var(--stroke);background:#ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.rd-lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.rd b{font:700 24px/1.2 var(--mono);font-variant-numeric:tabular-nums}.rd-active b{color:var(--amber)}.rd-standby b{color:var(--cyan)}.atc-radio-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.radio.off{opacity:.45}.radio-power.on{background:var(--amber-soft);color:var(--amber)}.swap{white-space:nowrap;align-self:center;padding:0 10px}.chips{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chip{pointer-events:auto;border:1px solid var(--stroke);cursor:pointer;background:#ffffff0f;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;font-size:13px;font-weight:600;display:flex;touch-action:manipulation!important}.chip small{font:500 11px var(--mono);color:var(--ink-dim)}.chip:hover{background:#ffffff24}.chip.live{border-color:#ffb00099}.chip.on{background:var(--cyan-soft);border-color:var(--cyan)}.calls{gap:8px;display:grid}.btn.call{text-align:left;min-height:44px;padding:8px 14px}.overlay{pointer-events:auto;z-index:6;background:#03070c8c;place-items:center;padding:16px;animation:.2s fade;display:grid;position:absolute;inset:0}.overlay.crash{z-index:7;background:radial-gradient(circle at 50% 40%,#780c088c,#03070ce6)}.overlay-panel{text-align:center;background:var(--glass-strong);border-radius:18px;justify-items:center;gap:12px;max-width:420px;padding:24px 32px;display:grid}.overlay-panel h2{letter-spacing:.04em;margin:0;font-size:26px}.overlay.crash h2{color:var(--red)}.overlay.pause h2{color:var(--amber)}.portrait-hint{top:calc(var(--sat) + 150px);white-space:nowrap;pointer-events:none;z-index:1;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;display:none;position:absolute;left:50%;transform:translate(-50%)}@media (orientation:portrait){.is-touch .portrait-hint{animation:9s forwards hint-out;display:block}}@keyframes hint-out{0%,80%{opacity:1}to{opacity:0;visibility:hidden}}.touch{pointer-events:none;z-index:1;position:absolute;inset:0}.touch,.touch *{touch-action:none;-webkit-touch-callout:none}.tc-left,.tc-right{bottom:calc(var(--sab) + 12px);align-items:flex-end;gap:10px;display:flex;position:absolute}.tc-left{left:calc(var(--sal) + 12px);width:var(--pad);flex-direction:column;align-items:stretch;gap:8px}.tc-right{right:calc(var(--sar) + 12px)}.tc-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tc-col{flex-direction:column;gap:6px;width:132px;display:flex}.tc-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tc-btn{pointer-events:auto;border:1px solid var(--stroke);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.05em;white-space:nowrap;cursor:pointer;border-radius:12px;height:38px;padding:0;font-size:12px;font-weight:700}.tc-btn.down{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.tc-btn.brake{height:44px;color:var(--red);border-color:#ff5a4d73;font-size:14px}.tc-btn.brake.down{border-color:var(--red);color:var(--red);background:#ff5a4d33}.tc-btn.pedal{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:62px;display:flex}.tc-btn.pedal span{font-size:20px;line-height:1}.tc-btn.pedal small{letter-spacing:.1em;color:var(--ink-dim);font-size:8px}.yoke{pointer-events:auto;width:var(--pad);height:var(--pad);background:radial-gradient(circle, #ffffff0d, var(--glass) 70%);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;position:relative}.yoke-ring{border:1px dashed #fff3;border-radius:50%;position:absolute;inset:18%}.yoke-h,.yoke-v{background:#ffffff24;position:absolute}.yoke-h{height:1px;top:50%;left:12%;right:12%}.yoke-v{width:1px;top:12%;bottom:12%;left:50%}.yoke-knob{background:radial-gradient(circle at 35% 30%, #ffd36b, var(--amber) 70%);opacity:.85;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;transition:transform .18s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000073,inset 0 -3px 6px #78460059}.yoke.down .yoke-knob{opacity:1;transition:none}.tc-tag{letter-spacing:.12em;color:var(--ink-dim);font-size:8px;position:absolute;left:50%;transform:translate(-50%)}.tc-tag.top{display:none}.lever{--v:0;pointer-events:auto;border:1px solid var(--stroke);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;align-items:center;gap:3px;width:54px;height:172px;padding:6px 0 4px;display:flex}.lever-label,.lever-pct{font:700 10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-dim)}.lever-pct{color:var(--amber);font-size:11px}.lever-track{background:#ffffff1f;border-radius:7px;flex:1;width:14px;position:relative}.lever-fill{height:calc(var(--v) * 100%);background:linear-gradient(to top, var(--amber), #ffd36b);opacity:.55;border-radius:7px;position:absolute;bottom:0;left:0;right:0}.lever-thumb{width:44px;height:24px;left:50%;bottom:calc(var(--v) * (100% - 24px));background:linear-gradient(#ffd36b, var(--amber));border-radius:8px;margin-left:-22px;position:absolute;box-shadow:0 3px 10px #00000080}.lever-thumb:after{content:"";background:#3c23008c;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:8px;right:8px}.lever.down{border-color:var(--amber)}@media (width<=350px){.ds-cell{min-width:38px}}@media (width<=400px){:root{--pad:118px}.tc-col{width:112px}.tc-btn{font-size:11px}.lever{width:48px}.lever-thumb{width:40px;margin-left:-20px}}.is-touch .captions{bottom:calc(var(--sab) + 12px);width:min(560px, calc(100% - 2 * (var(--pad) + var(--sal) + var(--sar) + 90px)));font-size:13px}@media (orientation:portrait){.is-touch .captions{bottom:calc(var(--sab) + var(--pad) + 112px);width:min(620px, calc(100% - var(--sal) - var(--sar) - 24px))}}@media (orientation:landscape) and (height<=480px){.tc-btn.pedal{height:56px}.lever{height:160px}}.splash{z-index:20;pointer-events:auto;background:#0b1620;transition:opacity .5s,background-color .8s;position:absolute;inset:0;overflow:hidden}.splash.live{background-color:#040a124d}.splash.leaving{opacity:0;pointer-events:none}.sp-scroll{padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);-webkit-overflow-scrolling:touch;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.sp-card{background:#080e18b3;border-radius:22px;gap:18px;width:min(460px,100%);padding:24px 24px 22px;display:grid}.sp-col{align-content:start;gap:18px;min-width:0;display:grid}.sp-col.side{gap:0}.sp-col.side .sub{margin-top:0}.sp-title{letter-spacing:-.01em;background:linear-gradient(100deg, #fff, var(--amber) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,7vw,40px);font-weight:800;line-height:1.05}.sp-sub{color:var(--ink-dim);margin:8px 0 0;font-size:14px;line-height:1.4}.sp-load{gap:8px;display:grid}.sp-bar{background:#ffffff24;border-radius:3px;height:6px;overflow:hidden}.sp-bar i{background:linear-gradient(90deg, var(--cyan), var(--amber));transform-origin:0;height:100%;transition:transform .25s ease-out;display:block;transform:scaleX(0)}.sp-status{min-height:1.3em;color:var(--ink-dim);margin:0;font-size:13px}.splash.ready .sp-status{color:var(--cyan)}.sp-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.sp-quality{color:var(--ink-dim);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.hud select{font:600 13px var(--font);color:var(--ink);border:1px solid var(--stroke);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff1a;border-radius:8px;padding:8px 10px}.sp-controls{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.sp-controls li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.sp-controls span{color:var(--ink-dim)}@media (orientation:landscape) and (height<=520px){.sp-card{grid-template-columns:1.2fr .8fr;gap:22px;width:min(760px,100%);padding:16px 20px}.sp-col{gap:12px}.sp-title{font-size:28px}.sp-sub{margin-top:4px;font-size:12.5px}.sp-actions{margin-top:2px}.btn.big{min-height:44px;font-size:16px}.sp-controls{gap:4px;font-size:12px}.modal-panel{width:min(720px,100%)}.modal-body{padding-bottom:12px}.modal-panel.sheet{width:min(760px,100%)}.atc-body{grid-template-columns:1fr 1fr;column-gap:22px;display:grid}.help .modal-body{columns:2 280px;column-gap:24px}.help-sec{break-inside:avoid}}@media (prefers-reduced-motion:reduce){.hud *{transition:none!important;animation:none!important}}