:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#163943;background:#edf3f1;font-synthesis:none;font-weight:500;--ink: #153b46;--muted: #688087;--teal: #117a78;--lime: #d9ef9c}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .18s,box-shadow .18s}button:hover{background:#deebe7}button:focus-visible,a:focus-visible{outline:3px solid #188985;outline-offset:3px}button:active{transform:translateY(1px)}button[aria-pressed=true]{border-color:#15766b}button:disabled{opacity:.5}a{color:inherit;text-decoration:none}.app-shell{max-width:2400px;margin:auto}.masthead{height:92px;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:.06em}.brand b{font-weight:500;font-size:30px;letter-spacing:-.05em}.brand small{display:block;font-size:8px;letter-spacing:.23em;margin-top:1px;color:#698087}.moon{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#cbe9b1;border-radius:14px;width:48px;height:48px;font-size:38px;line-height:1;transform:rotate(-28deg)}.header-tools{display:flex;align-items:center;gap:12px}.aircraft-name{font-size:11px;font-weight:800;letter-spacing:.13em;margin-right:22px}.aircraft-name i{display:block;font-size:8px;font-style:normal;letter-spacing:.21em;font-weight:500;color:var(--muted);margin-top:4px}.icon-button{border:1px solid #d7e1dc;border-radius:9px;padding:10px 13px;font-size:11px}main{padding:0 26px}.scenario-bar{display:flex;align-items:center;gap:25px;margin-bottom:15px;min-height:54px}nav{display:flex;background:#e0e9e5;padding:4px;border-radius:11px;gap:3px}nav button{display:flex;gap:10px;align-items:center;padding:12px 17px;font-size:12px;border-radius:8px;white-space:nowrap}.number{font-size:9px;color:#729086}.scenario-arrow{margin-left:12px;font-size:17px}nav button.selected{background:var(--ink);color:#fff;box-shadow:0 3px 5px #123a4018}nav button.selected .number{color:#b4d9a3}.scenario-bar>p{font-size:11px;color:#7d9192;margin:0}.scene-actions{margin-left:auto;display:flex;gap:8px}.scene-actions button{width:38px;height:38px;background:#f8fbf8;border:1px solid #dbe5df;border-radius:9px;font-size:23px}.flight-window{position:relative;border-radius:18px;overflow:hidden;height:calc(100dvh - 415px);min-height:360px;background:#b9dcdf;box-shadow:0 2px 2px #174d4520;border:1px solid #b4d3cf}.phaser-viewport{position:absolute;inset:0}.phaser-viewport canvas{display:block}.telemetry{position:absolute;left:26px;top:23px;display:flex;background:#f5fcfbcb;border:1px solid #ffffffe0;box-shadow:0 8px 24px #16435509;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 0;pointer-events:none}.metric{padding:0 20px;border-left:1px solid #adc5c64d;min-width:103px}.metric:first-child{border:0}.metric label{display:block;font-size:8px;font-weight:700;letter-spacing:.13em;color:#68868c;margin-bottom:4px}.metric strong{display:flex;gap:6px;align-items:baseline;font-size:27px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.metric strong small{font-size:11px;font-weight:500;letter-spacing:0;color:#6d898f}.metric.primary strong{color:#116f70}.metric.danger strong{color:#b14926}.viewport-toggles{position:absolute;right:24px;top:23px;display:flex;gap:7px}.viewport-toggles button{border-radius:8px;padding:10px 12px;background:#f7fcfb9c;border:1px solid #ffffffba;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewport-toggles button.active{background:#194b50e8;color:#edf8ec;border-color:#326163}.viewport-toggles b{font-size:8px;letter-spacing:.08em;margin-left:5px;opacity:.65}.scene-caption{position:absolute;bottom:19px;left:26px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.09em;color:#fff;text-shadow:0 1px 3px #173a51}.scene-caption i{font-style:normal;opacity:.4}.scene-caption>span:last-child{font-size:10px;letter-spacing:0;opacity:.8}.live-dot{width:5px;height:5px;background:#c4eda5;border-radius:50%;box-shadow:0 0 8px #def8bf}.scale-caption{position:absolute;right:24px;bottom:19px;font-size:8px;letter-spacing:.15em;color:#eaf0e9}.scale-caption span{padding:0 8px;opacity:.5}.warning{position:absolute;top:115px;left:50%;transform:translate(-50%);background:#813d22ee;color:#fff6d5;border:1px solid #ffbe6970;padding:10px 19px;border-radius:7px;font-size:11px;white-space:nowrap}.force-legend{position:absolute;bottom:46px;left:26px;display:flex;gap:14px;font-size:10px;background:#ffffffd9;padding:9px 13px;border-radius:8px}.force-legend span:nth-child(1){color:#07825a}.force-legend span:nth-child(2){color:#b35442}.force-legend span:nth-child(3){color:#247aaa}.force-legend span:nth-child(4){color:#af750c}.control-deck{display:grid;grid-template-columns:1.55fr 1.1fr 1.1fr 1.05fr .78fr;margin-top:18px;border:1px solid #d8e3de;border-radius:14px;background:#f8fbf7;overflow:hidden;min-height:192px;box-shadow:0 3px 5px #203e3904}.director{padding:20px 25px;background:#e9f0e6}.eyebrow{font-size:8px;font-weight:800;letter-spacing:.15em;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;background:#8c9f96;border-radius:50%}.status-dot.on{background:#168a67;box-shadow:0 0 0 3px #168a6718}.director h2{font-size:17px;letter-spacing:-.045em;margin:10px 0 4px;font-weight:700;line-height:1.3}.director p{font-size:10px;color:#718475;margin:0 0 13px;min-height:14px;line-height:1.4}.auto-button{background:var(--lime);border:1px solid #c5dda0;width:100%;border-radius:7px;text-align:left;padding:11px 13px;display:flex;justify-content:space-between;font-size:11px;font-weight:800}.auto-button:hover{background:#cde694}.auto-button span{font-size:15px}.control-column{padding:25px 24px;border-left:1px solid #e1e8df}.control-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;gap:4px}.control-heading label{font-size:12px;font-weight:700;white-space:nowrap}.control-heading strong{font-size:22px;letter-spacing:-.05em;font-weight:600;font-variant-numeric:tabular-nums}.control-heading small{font-size:8px;letter-spacing:.05em;color:#7b9287;margin-left:3px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:5px;background:#dce8df;border-radius:5px;cursor:pointer;display:block;accent-color:#207a70;margin:12px 0 13px;touch-action:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:21px;border:3px solid #fcfef9;border-radius:5px;background:#297e73;box-shadow:0 1px 3px #1a514655}input[type=range]::-moz-range-thumb{width:10px;height:16px;border:3px solid #fcfef9;border-radius:5px;background:#297e73;box-shadow:0 1px 3px #1a514655}.range-labels{display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.1em;color:#87a093}.spool{display:flex;align-items:center;gap:10px;font-size:9px;color:#81958a;margin-top:28px}.spool>div{height:3px;flex:1;background:#e1e9df;border-radius:2px;overflow:hidden}.spool i{display:block;height:100%;background:#8fa98a}.spool b{font-weight:500;font-size:8px}.pitch-buttons{display:flex;gap:6px;margin-top:17px}.pitch-buttons button{flex:1;border:1px solid #d9e3d9;border-radius:5px;padding:5px;font-size:14px;touch-action:none;-webkit-user-select:none;user-select:none}.pitch-buttons span{font-size:9px}.configuration .control-heading,.braking .control-heading{min-height:26px}.flap-buttons{display:flex;background:#e7eee5;border-radius:6px;padding:3px;gap:2px;margin-top:-1px}.flap-buttons button{flex:1;font-size:9px;border-radius:4px;padding:7px 5px}.flap-buttons button.active{background:#2b7468;color:#fff}.gear-button{display:flex;width:100%;align-items:center;justify-content:space-between;font-size:10px;padding:12px 0 0;margin-top:7px}.gear-button:hover{background:transparent;color:#118476}.gear-button b{font-size:8px;font-weight:600;color:#7e9387;margin-left:auto;margin-right:8px}.gear-led{width:6px;height:6px;border-radius:50%;background:#bdc8bd}.gear-led.down{background:#40a17c;box-shadow:0 0 0 3px #40a17c16}.brake-button{display:flex;align-items:center;justify-content:center;gap:7px;background:#e6ece2;border:1px solid #d6dfd0;border-radius:6px;width:100%;padding:10px 6px;font-size:16px;touch-action:none;-webkit-user-select:none;user-select:none}.brake-button span{font-size:10px}.brake-button.active{background:#dec18d}.spoiler-button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:9px;padding:12px 0 0}.spoiler-button b{font-size:8px;color:#8a9d8e}.spoiler-button.active,.spoiler-button.active b{color:#bd662c}footer{display:flex;align-items:center;justify-content:space-between;padding:18px 7px 15px;font-size:9px;color:#8a9a92}footer i{font-style:normal;padding:0 8px;opacity:.5}kbd{font:8px Manrope,system-ui;border:1px solid #d3dfd6;border-radius:3px;padding:2px 4px;display:inline-block;min-width:16px;text-align:center;margin-right:3px;color:#7a9185;background:#f5f9f2}footer b{font-size:17px;margin-left:11px;color:#7f9b83}.pause-overlay{position:absolute;inset:0;background:#17445433;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:3}.pause-overlay button{background:#f5fbf0f2;border:1px solid white;border-radius:20px;padding:26px 45px;font-size:25px;box-shadow:0 20px 50px #173b4922}.pause-overlay button>span{display:block;color:#46867a;margin-bottom:10px}.pause-overlay small{display:block;font-size:10px;margin-top:10px;color:#799287}.landing-card{position:absolute;top:115px;right:24px;border-radius:12px;background:#f6fbefed;border:1px solid #ffffffaa;padding:17px 23px;box-shadow:0 8px 30px #23484413;min-width:225px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-card>span{display:block;font-size:8px;letter-spacing:.15em;color:#6a8a76}.landing-card strong{display:block;font-size:21px;margin-top:7px;color:#286b50}.landing-card p{font-size:10px;color:#769083}.landing-card i{padding:0 6px;font-style:normal}.landing-card button{font-size:10px;padding:6px 0;color:#257967}.help-panel{position:fixed;top:20px;right:20px;bottom:20px;width:min(430px,calc(100vw - 40px));background:#f7fbf3;border:1px solid #d3e3d2;border-radius:18px;padding:32px;z-index:10;overflow:auto;box-shadow:0 20px 120px #143f4777}.help-panel .close{position:absolute;right:17px;top:10px;font-size:29px}.help-panel h2{font-size:27px;letter-spacing:-.04em;line-height:1.25;margin:24px 0}.help-panel p{font-size:12px;line-height:1.8;color:#567767}.help-panel small{font-size:10px;line-height:1.8;display:block;color:#8a9b8d;border-top:1px solid #dfe9da;padding-top:15px}.key-list{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;margin:22px 0}.debug{position:fixed;bottom:5px;left:5px;background:#102d39e8;color:#c3efc2;padding:10px;z-index:15;font-size:10px;pointer-events:none;border-radius:7px}@media(min-width:1700px){.masthead{height:104px;padding:0 50px}main{padding:0 40px}.scenario-bar{margin-bottom:20px}.flight-window{height:calc(100dvh - 430px)}.control-deck{grid-template-columns:1.55fr 1fr 1fr 1fr .8fr}.director{padding:22px 30px}.control-column{padding:26px 32px}.director h2{font-size:20px}.director p{font-size:11px}.metric{min-width:117px}.metric strong{font-size:31px}.telemetry{padding:17px 0}.control-heading label{font-size:14px}.auto-button{font-size:12px}footer{font-size:10px}}@media(max-width:1150px){.masthead{padding:0 24px;height:76px}.aircraft-name{display:none}main{padding:0 18px}.scenario-bar{gap:10px}.scenario-bar>p{display:none}.control-column{padding:20px 16px}.director{padding:20px}.director h2{font-size:15px}.control-deck{grid-template-columns:1.5fr 1fr 1fr 1fr .8fr}.flight-window{height:calc(100dvh - 382px);min-height:320px}.metric{min-width:83px;padding:0 14px}.metric strong{font-size:23px}.viewport-toggles{right:16px;top:18px}.telemetry{top:18px;left:18px}.viewport-toggles button{font-size:10px;padding:9px}.viewport-toggles button span{display:none}footer>span:last-child{display:none}}@media(max-width:760px){.masthead{height:62px;padding:0 15px}.brand{font-size:16px;gap:9px}.brand b{font-size:23px}.brand small{font-size:8px;letter-spacing:.14em}.moon{width:34px;height:34px;font-size:28px;border-radius:10px}.header-tools{gap:5px}.icon-button{padding:7px;font-size:9px}.icon-button span{display:none}main{padding:0 9px}.scenario-bar{min-height:42px;margin-bottom:9px}nav{gap:0;padding:3px;flex:1}nav button{font-size:10px;padding:9px 10px;gap:5px;flex:1;justify-content:center}.number{font-size:7px}.scenario-arrow{display:none}.scene-actions{gap:3px}.scene-actions button{width:30px;height:30px;font-size:19px}.flight-window{min-height:315px;height:48dvh;border-radius:12px}.telemetry{top:10px;left:10px;right:10px;justify-content:space-around;padding:10px 0;border-radius:8px}.metric{padding:0 8px;min-width:0}.metric label{font-size:8px;letter-spacing:.05em}.metric strong{font-size:20px;gap:3px}.metric strong small{font-size:8px}.viewport-toggles{top:auto;bottom:39px;right:10px;gap:4px}.viewport-toggles button{padding:7px 9px}.scene-caption{left:12px;bottom:13px;font-size:9px;gap:6px}.scene-caption>span:last-child{font-size:8px}.scale-caption{right:12px;bottom:13px;font-size:8px;letter-spacing:.03em}.control-deck{margin-top:10px;grid-template-columns:1fr 1fr 1fr;min-height:0;border-radius:10px}.director{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;padding:13px 16px;column-gap:15px;align-items:center}.director .eyebrow{font-size:7px}.director h2{font-size:14px;margin:4px 0 0}.director p{display:none}.auto-button{grid-column:2;grid-row:1/3;width:170px;font-size:10px;padding:10px}.control-column{padding:16px 12px}.control-heading{margin-bottom:14px}.control-heading label{font-size:10px}.control-heading strong{font-size:19px}.control-heading small{font-size:7px}.throttle-column{border-left:0}.spool{margin-top:21px;font-size:8px;gap:5px}.pitch-buttons{margin-top:11px}.pitch-buttons button{padding:4px}.range-labels{font-size:6px}.configuration .control-heading{min-height:22px}.braking{grid-column:1/-1;border-top:1px solid #e1e8df;display:flex;gap:16px;align-items:center;padding:10px 14px}.braking .control-heading{margin:0;min-height:0}.brake-button{width:140px;padding:7px}.spoiler-button{width:110px;padding:6px}.warning{top:84px;max-width:95%;white-space:normal;width:max-content;font-size:9px;padding:7px 11px;text-align:center}.landing-card{top:80px;right:12px;padding:12px 16px;min-width:170px}.landing-card strong{font-size:16px}.force-legend{left:12px;bottom:46px;gap:6px;font-size:9px;padding:7px}footer{font-size:9px;padding:12px 0}footer i{padding:0 2px}kbd{font-size:9px;padding:1px 3px;min-width:12px;margin-right:2px}}@media(max-height:620px)and (orientation:landscape){.masthead{height:46px;padding:0 18px}.brand{font-size:16px}.brand b{font-size:21px}.brand small{display:none}.moon{width:30px;height:30px;font-size:24px;border-radius:8px}.icon-button{padding:5px 9px;font-size:9px}.scenario-bar{min-height:35px;margin-bottom:7px}nav button{padding:6px 12px;font-size:10px}.scenario-arrow{display:none}.scene-actions button{height:27px;width:30px;font-size:18px}.flight-window{height:calc(100dvh - 212px);min-height:170px;border-radius:11px}.telemetry{top:10px;left:12px;right:auto;padding:8px 0}.metric{padding:0 12px;min-width:72px}.metric label{font-size:8px;margin-bottom:3px}.metric strong{font-size:18px}.viewport-toggles{top:10px;bottom:auto;right:12px}.control-deck{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .8fr;min-height:102px;margin-top:8px}.director{display:block;grid-column:auto;padding:12px 14px}.director h2{font-size:11px;margin:6px 0}.director p{display:none}.director .eyebrow{font-size:6px}.auto-button{width:100%;padding:7px 9px;font-size:9px}.control-column{padding:12px 14px}.control-heading{margin-bottom:6px}.control-heading label{font-size:10px}.control-heading strong{font-size:16px}.control-heading small{font-size:7px}input[type=range]{margin:9px 0}.range-labels{font-size:6px}.spool{margin-top:9px;font-size:7px}.pitch-buttons{margin-top:6px}.pitch-buttons button{padding:2px;font-size:10px}.pitch-buttons span{font-size:7px}.configuration .control-heading,.braking .control-heading{min-height:19px}.flap-buttons{padding:2px}.flap-buttons button{padding:5px;font-size:8px}.gear-button{padding-top:4px;margin-top:4px;font-size:8px}.braking{display:block;grid-column:auto;border-top:0}.brake-button{width:100%;padding:5px;font-size:12px}.brake-button span{font-size:8px}.spoiler-button{width:100%;padding-top:7px;font-size:8px}footer{display:none}.scene-caption{bottom:11px;left:15px;font-size:7px}.scale-caption{bottom:11px;right:15px;font-size:7px}.warning{top:68px;font-size:9px;padding:7px 11px}.landing-card{top:65px;padding:10px 14px;min-width:170px}.landing-card strong{font-size:15px}.landing-card p{margin:6px 0}.landing-card>span{font-size:7px}.landing-card button{font-size:9px}.force-legend{bottom:30px;left:15px;font-size:8px}.pause-overlay button{padding:15px 30px;font-size:18px}}@media(prefers-reduced-motion:reduce){button{transition:none}}