@import url('../flight-envelope/style.css');
main{max-width:1540px}h1{font-size:40px}.intro{padding:30px 0}.experiment{grid-template-columns:260px minmax(0,1fr)}aside{display:block}aside>label{margin-bottom:8px}aside select{margin-bottom:2px}.control-label{margin-top:18px}.input-note{line-height:1.6}.viewbar{align-items:center;padding:10px 18px}.viewbar>div{display:flex;gap:6px}.viewbar button{font-size:10px;padding:7px 10px}button[aria-pressed=true]{border-color:var(--cyan);background:#26565e;color:#c6fff2}.scene{height:405px;position:relative;background:radial-gradient(ellipse at 48% 38%,#42788b 0,#21485f 48%,#0c263b 100%);overflow:hidden}#aircraft-view{height:100%;width:100%}#aircraft-view canvas{width:100%;height:100%;display:block;touch-action:none}.scene-head{position:absolute;left:24px;top:22px;pointer-events:none}.scene-head>span{display:block;color:#d1e8ee;letter-spacing:.09em;font-size:11px;text-transform:uppercase}.scene-head strong{font-size:44px;font-weight:400;display:block;margin-top:5px;font-variant-numeric:tabular-nums}.scene-head small{font-size:14px;color:var(--muted)}.scene-key{position:absolute;right:20px;top:22px;font-size:10px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.scene-key span:before{content:'';display:inline-block;border-top:2px solid currentColor;width:18px;vertical-align:middle;margin-right:7px}.body-key{color:var(--amber)}.velocity-key{color:var(--cyan)}.horizon-key{color:#b3cada}#display-note{position:absolute;bottom:15px;left:18px;color:#c8dce7;font-size:10px;pointer-events:none}#webgl-fallback{position:absolute;inset:35% 15%;background:#193b50;padding:20px;border-radius:12px;font-size:14px;line-height:1.7}.playback{display:flex;align-items:center;gap:10px;background:#12354b;padding:12px 18px}.playback>input{flex:1;min-width:70px}.playback select{width:auto;font-size:11px;padding:8px}.playback output{font-size:11px;min-width:85px}.playback button{font-size:11px}.readouts{padding:20px}.status-panel{border:1px solid #427779;border-radius:9px;margin-top:16px}.status-panel[data-state=outside]{background:#47383b}.comparison-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:16px 0 24px}.comparison-actions p{font-size:11px;color:var(--muted);line-height:1.8;max-width:570px;margin:0}.comparison-actions>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comparison-actions button{font-size:11px;padding:8px 10px}.comparison-actions label{font-size:10px;color:var(--muted)}#window{width:auto;font-size:11px;padding:8px}.mode-cards,.geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.mode-cards article{position:relative;overflow:hidden}.mode-cards article.active{border-color:#72c7c2;background:linear-gradient(120deg,#21525d,#102b41)}.mode-icon{font-size:52px;color:#91dacd;line-height:.8;font-family:Georgia,serif}.mode-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mode-metrics span{font-size:11px;color:var(--muted);display:block}.mode-metrics strong{font-size:28px;font-weight:400;display:block;margin:7px 0}.mode-metrics small{font-size:12px;color:#b1d6dc}.mode-cards button{font-size:11px;margin-top:17px;background:transparent}.geometry-grid svg{width:100%;height:auto;display:block}.geometry-grid h2{font-size:22px}.geometry-grid .section-heading{margin-bottom:0}.curves{gap:20px}.curves svg,.energy svg{width:100%;height:auto;touch-action:none}.energy{margin:0 0 24px}.energy-key{display:flex;gap:15px;font-size:11px;flex-wrap:wrap}.energy-key span:nth-child(1){color:#8cece2}.energy-key span:nth-child(2){color:#d0b0ff}.energy-key span:nth-child(3){color:#ffdaac}.energy-readouts{display:flex;gap:35px;font-size:12px;margin:15px 0}.energy-readouts span{color:var(--muted)}.energy-readouts b{display:block;margin-top:6px;font-size:19px;font-weight:400;color:#effaff}#spectrum{margin-top:15px;font:11px/1.9 monospace;background:#0a2032;padding:15px;border-radius:8px;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}svg text{font-family:Arial,Helvetica,sans-serif}svg .cursor{stroke:#c2e5ec;stroke-width:1;stroke-dasharray:3 4;pointer-events:none}svg .cursor-dot{pointer-events:none}.casebar span{line-height:1.5}.comparison td:nth-child(3){color:var(--cyan)}
@media(max-width:1100px){h1{font-size:33px}.experiment{grid-template-columns:225px minmax(0,1fr)}.scene{height:370px}.viewbar{flex-wrap:wrap;gap:8px}.comparison-actions{flex-direction:column;align-items:flex-start}.mode-metrics strong{font-size:24px}.geometry-grid{gap:14px}.geometry-grid h2{font-size:20px}}
@media(max-width:740px){h1{font-size:31px}h1 span{display:inline}.experiment{display:flex;flex-direction:column}aside{display:block;order:0;padding:18px;border:0;border-bottom:1px solid var(--line)}aside>.input-note{display:block!important}.control-label{display:flex;margin-top:14px}aside>input{margin-top:3px}.scene{height:320px}.scene-head{top:14px;left:15px}.scene-head strong{font-size:34px}.scene-key{top:14px;right:12px;font-size:9px}.viewbar>span{font-size:9px}.viewbar{padding:10px 12px}.playback{flex-wrap:wrap;padding:12px;gap:8px}.playback>input{order:3;flex-basis:70%}.playback output{order:4;min-width:75px}.playback select{margin-left:auto}.mode-cards,.geometry-grid{grid-template-columns:1fr;gap:14px}.mode-metrics strong{font-size:26px}.energy-readouts{gap:16px;flex-wrap:wrap}.energy-key{font-size:10px}.comparison-actions>div{gap:7px}.curves svg text{font-size:16px}.energy svg{min-width:650px}.energy{overflow-x:auto}.energy .section-heading{position:sticky;left:0}.geometry-grid svg text{font-size:14px}#display-note{font-size:9px;max-width:90%;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.path-controls{display:flex;gap:12px;align-items:center;margin:12px 0}.path-controls label{font-size:10px;color:var(--muted)}.path-controls select{width:auto;font-size:10px;padding:6px}