@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#10130f;--panel:#191d17;--line:#353b2f;--lime:#d6ff62;--muted:#a0aa94;--mono:'IBM Plex Mono',monospace;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f3e9;font-family:var(--body);font-size:16px}.shell{max-width:1440px;margin:auto;padding:0 48px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-weight:800;letter-spacing:-.5px;font-size:20px;display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;background:var(--lime);color:var(--bg);width:31px;height:31px;border-radius:50%;font-size:28px}.brand-period{color:var(--lime);margin-left:-10px}.edition,.eyebrow,.section-label{font-family:var(--mono);font-size:12px;letter-spacing:1.4px}.edition{color:var(--muted)}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 30px;gap:20px}.eyebrow{color:var(--lime);margin-bottom:12px}h1{font-family:var(--display);font-size:clamp(40px,4.3vw,64px);text-transform:uppercase;line-height:.99;letter-spacing:-.5px;margin:0}h1 span{color:var(--lime)}.intro p{color:var(--muted);line-height:1.65;margin:0 0 3px;font-size:15px}.flight-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.cockpit{border:1px solid #46503c;background:#181d16;border-radius:12px;overflow:hidden;align-self:start}.instrument-top{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font:12px var(--mono);color:#a8b29b;gap:10px}.instrument-top b{color:#eaf2dc;font-weight:500}.instrument-top i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--lime);margin-right:7px}.viewport{height:380px;position:relative;overflow:hidden;background:#202f30}canvas{width:100%;height:100%;display:block}.hud-left,.hud-right{position:absolute;top:22px;pointer-events:none;text-shadow:0 1px 5px #000}.hud-left{left:24px}.hud-right{right:24px;text-align:right}.hud-left small,.hud-right small{font:11px var(--mono);letter-spacing:1px;color:#dee7cf}.hud-left strong,.hud-right strong{display:block;font:34px var(--mono);margin-top:3px;color:var(--lime)}.hud-left strong span,.hud-right strong span{font-size:16px}.center-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;background:linear-gradient(90deg,#111c1ada,#14211ddb,#111c1ada);backdrop-filter:blur(3px)}.tag{font:11px var(--mono);letter-spacing:1.4px;color:var(--lime);margin-bottom:12px}.center-overlay h2{font:700 48px/.99 var(--display);text-transform:uppercase;max-width:530px;margin:0}.center-overlay p{font-size:14px;color:#c3cbb9;line-height:1.6;margin:14px 0 20px;max-width:370px}.center-overlay>small{font:11px var(--mono);color:#a5b19b;margin-top:13px}button{font-family:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:default}.primary{background:var(--lime);color:#18200f;border:0;padding:15px 23px;font-weight:700;min-width:205px;display:flex;justify-content:space-between;gap:24px;font-size:16px;border-radius:5px}.primary:hover{background:#e5ff9d}.radio{position:absolute;bottom:17px;left:22px;right:22px;display:flex;gap:13px;align-items:center;font:12px var(--mono);pointer-events:none}.radio>span:first-child{color:var(--lime);border:1px solid #85955e;padding:4px 6px;border-radius:2px;font-size:10px}.radio>span:last-child{color:#e6eddc;text-shadow:0 1px 5px #000}.center-overlay:not(.hidden)~.radio{display:none}.instrument-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 21px;border-top:1px solid #45503a}.instrument-bottom small{font:10px var(--mono);letter-spacing:1px;color:var(--muted);display:block;margin-bottom:7px}.instrument-bottom strong{font:12px var(--mono);color:var(--lime)}.status{text-align:right}.bank-meter{width:170px}.bank-meter small{display:flex;justify-content:space-between}.bank-meter b{color:#e7eddf;font-weight:400}.meter{height:12px;position:relative;border-top:1px solid #58604d;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#454c3b calc(25% - 1px),#454c3b 25%)}.meter span{position:absolute;width:3px;height:12px;background:var(--lime);left:50%;top:-4px}.touch-controls{display:flex;justify-content:space-between;padding:13px 16px 16px;align-items:center;gap:10px}.touch-controls button{border:1px solid #454e3a;border-radius:5px;background:#272f20;color:#eef4e4;font-size:22px;padding:10px 17px;display:flex;align-items:center;gap:14px;user-select:none;touch-action:none}.touch-controls button span{font:11px var(--mono)}.touch-controls button:active,.touch-controls button.pressed{background:var(--lime);color:#16200e}.touch-controls>span{text-align:center;font:10px/1.6 var(--mono);color:#a4ad98}.touch-controls>span b{font-weight:400;color:#78846c}.section-label{color:var(--muted);font-size:11px;letter-spacing:1px;margin:4px 0 15px}.modes{display:flex;flex-direction:column;gap:8px}.mode{background:transparent;border:1px solid var(--line);text-align:left;color:#d9e0ce;padding:16px 30px 16px 15px;position:relative;border-radius:6px}.mode span{font-size:14px;font-weight:600;display:block}.mode small{font-size:11px;color:#a0aa94;display:block;margin-top:5px}.mode b{position:absolute;right:13px;top:16px;font-size:18px;font-weight:400;color:#6f7964}.mode.active{border-color:var(--lime);background:#20291a}.mode.active span,.mode.active b{color:var(--lime)}.mode:disabled{opacity:.5}.score-panel{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.score{font:700 80px/.9 var(--display);letter-spacing:-1px;margin:21px 0 12px}.score small{font:16px var(--mono);color:#76816b;letter-spacing:0}.score-caption{font-size:14px;color:#aeb7a1;line-height:1.5}.share{margin-top:21px;background:#eef2e6;color:#17200f;border:0;border-radius:5px;padding:13px 15px;display:flex;width:100%;justify-content:space-between;font-weight:600;font-size:14px}.share:disabled{background:#2d3427;color:#77816e}.copy{border:0;background:none;color:#b5bea9;display:flex;justify-content:space-between;width:100%;padding:15px 0 0;font-size:13px}.copy:hover{color:var(--lime)}#feedback{font-size:12px;color:var(--lime);min-height:15px;margin:8px 0 0}.flight-note{display:flex;gap:12px;margin-top:13px;color:#79866c}.flight-note>span{font-size:28px;color:var(--lime)}.flight-note p{font-size:13px;line-height:1.5;margin:0;font-style:italic}.breakdown{margin-top:14px;font-size:12px;color:var(--muted)}.breakdown div{display:flex;justify-content:space-between;margin-top:6px}.breakdown b{color:#dae5ca;font-family:var(--mono);font-weight:400}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;color:#818d75;font:10px/1.6 var(--mono)}footer>span:first-child{letter-spacing:1px}footer>span:nth-child(2){font:12px var(--body)}footer button{font:12px var(--mono);background:none;border:1px solid var(--line);color:#aab59e;border-radius:4px;padding:7px 10px;white-space:nowrap}.hidden{display:none!important}@media(min-width:1400px){.viewport{height:415px}}@media(max-width:1000px){.shell{padding:0 25px}.flight-layout{grid-template-columns:minmax(0,1fr) 275px;gap:20px}.intro p{font-size:13px}.instrument-top{font-size:10px;padding:0 14px}.status{display:none}.viewport{height:380px}.touch-controls button{padding:10px}.touch-controls button span{display:none}footer>span:first-child{display:none}}@media(max-width:740px){.shell{padding:0 16px}header{height:70px}.brand{font-size:17px}.edition{display:none}.intro{padding:26px 0 24px}.intro p{display:none}h1{font-size:43px}.flight-layout{grid-template-columns:1fr}.viewport{height:390px}.hud-left{left:15px}.hud-right{right:15px}.hud-left small,.hud-right small{font-size:9px}.hud-left strong,.hud-right strong{font-size:27px}.center-overlay h2{font-size:44px}.center-overlay p{font-size:13px}.center-overlay>small{max-width:230px;line-height:1.5}.instrument-top{font-size:9px}.instrument-top span:nth-child(2){font-size:8px}.touch-controls button{padding:12px 16px}.touch-controls button span{display:inline;font-size:10px}.instrument-bottom{padding:17px}.radio{left:15px;right:15px;font-size:10px}.modes{gap:8px}.section-label{margin-top:8px}.score-panel{margin-top:22px}.score{font-size:78px}.flight-note{display:none}footer{align-items:flex-start;padding:22px 0}footer>span:nth-child(2){max-width:230px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Two-axis approach instruments and paired multi-touch controls. */
#flight{background:none;border:0;color:#eaf2dc;font:inherit;padding:4px;cursor:pointer}#flight:hover{color:var(--lime)}.viewport{height:440px}.hud-left,.hud-right{padding:9px 12px;background:#102019a8;border:1px solid #e4f2cf2e;border-radius:4px;top:15px}.hud-left{left:15px}.hud-right{right:15px}.hud-left small,.hud-right small{font-size:10px}.hud-left strong,.hud-right strong{font-size:30px}.center-overlay{background:linear-gradient(90deg,#112017d9,#17231dcc,#112017d9);backdrop-filter:blur(2px)}.center-overlay h2{font-size:48px}.center-overlay>small{line-height:1.7;font-size:12px}.instrument-bottom{display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;gap:10px;padding:16px 18px}.instrument-bottom strong{font-size:14px}.instrument-bottom small{font-size:11px}.bank-meter{width:auto}.glide-strip{display:flex;align-items:center;gap:15px;background:#111a0f;padding:13px 18px;border-top:1px solid #384330;border-bottom:1px solid #384330}.glide-strip strong{font:12px var(--mono);color:var(--lime)}.glide-strip>span{font-size:12px;color:#9faa91;margin-left:auto}#papi{display:flex;gap:5px}.papi-lamp{display:block;background:#fff8de;width:10px;height:10px;border-radius:2px;box-shadow:0 0 5px #fff8de66}.papi-lamp.red{background:#ff5e52;box-shadow:0 0 5px #ff4b4477}.touch-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:14px 16px 8px}.roll-controls,.pitch-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.touch-controls button{justify-content:center;padding:12px 10px;gap:8px;min-height:50px}.touch-controls button span{font-size:11px}.pitch-controls button{border-color:#6c7755;background:#303a25}.control-note{padding:4px 16px 14px;color:#a5b19a;font-size:12px;line-height:1.5}.flare-cue{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:#d6ff62;color:#18200f;padding:9px 14px;border-radius:3px;font:600 12px var(--mono);white-space:nowrap}.radio{background:#0c1a11cb;bottom:13px;padding:8px 10px;left:14px;right:14px;border-radius:3px;font-size:12px}.egg-badge{background:#d6ff6214;color:var(--lime);border:1px dashed #6a8044;padding:11px;font:12px/1.5 var(--mono);margin-top:14px}#touchStats{color:#d8e4c9;font:12px var(--mono);border-top:1px solid #384330;padding-top:10px}#secretCount{display:block;margin-top:12px;color:var(--lime);font:12px var(--mono)}#secretCount[hidden]{display:none}.mode small{font-size:12px}.intro p{font-size:16px}.section-label{font-size:12px}.breakdown{font-size:14px}.flight-note p{font-size:14px}footer>span:nth-child(2){font-size:12px}@media(max-width:1000px){.instrument-bottom{grid-template-columns:1fr 1fr}.bank-meter{max-width:140px}.touch-controls{gap:12px}.touch-controls button span{display:inline;font-size:10px}.glide-strip{gap:10px;flex-wrap:wrap}.glide-strip>span{width:100%;margin:0}.viewport{height:420px}}@media(max-width:740px){.viewport{height:440px}.center-overlay h2{font-size:43px}.hud-left,.hud-right{padding:7px 9px;top:12px}.hud-left small,.hud-right small{font-size:9px}.hud-left strong,.hud-right strong{font-size:25px}.glide-strip>span{width:auto;font-size:11px}.glide-strip{gap:10px;padding:11px 13px}.glide-strip strong{font-size:11px}.touch-controls{gap:12px;padding:13px 12px 8px}.touch-controls button{padding:10px 6px;font-size:21px}.touch-controls button span{font-size:9px}.control-note{font-size:12px}.center-overlay p{font-size:14px}.center-overlay>small{max-width:290px;font-size:11px}.radio{font-size:11px;line-height:1.45}.flare-cue{font-size:10px;padding:8px 10px;bottom:77px}.instrument-bottom{padding:15px}.intro{padding-bottom:20px}.score-panel{margin-top:22px}.flight-note{display:flex}}@media(max-width:370px){.glide-strip>span{width:100%}.touch-controls{gap:7px}.touch-controls button span{font-size:8px}.hud-left small,.hud-right small{font-size:8px}}
/* Essential flight values stay inside the forward view. */
.hud-left,.hud-right{min-width:130px;z-index:1}.hud-left strong,.hud-right strong{font-size:38px}.hud-left em,.hud-right em{display:block;font:9px var(--mono);font-style:normal;color:#d8e3cd;margin-top:5px;letter-spacing:.4px}.hud-left small,.hud-right small{font-size:11px}.center-overlay{z-index:3}.instrument-bottom{grid-template-columns:1.1fr .8fr 1fr 1.2fr 1fr}.warning-cue{position:absolute;left:50%;top:28%;transform:translateX(-50%);z-index:2;padding:7px 13px;background:#362100ed;color:#ffe090;border:1px solid #d5a148;border-radius:3px;font:600 15px var(--mono);letter-spacing:1px;white-space:nowrap}.warning-cue.urgent{color:#fff1e6;background:#7c1c12ed;border-color:#ff8974}.audio-controls{display:flex;align-items:center;gap:12px;padding:0 16px 14px}.audio-controls button{font:13px var(--mono);background:#27321f;border:1px solid #65764e;color:var(--lime);padding:8px 12px;border-radius:4px}.audio-controls span{font-size:12px;color:#a8b69a}#audioStatus{font-size:12px;color:#f0c78b;line-height:1.5;margin:0 16px 12px}#audioStatus:empty{display:none}footer a{font-size:12px;text-decoration:underline;white-space:nowrap}.radio{z-index:1}.flare-cue{z-index:2}@media(max-width:1000px){.instrument-bottom{grid-template-columns:1fr 1fr 1fr}.bank-meter{max-width:150px}.hud-left strong,.hud-right strong{font-size:32px}.hud-left,.hud-right{min-width:110px}.hud-left em,.hud-right em{font-size:8px}.hud-left small,.hud-right small{font-size:10px}}@media(max-width:740px){.hud-left strong,.hud-right strong{font-size:32px}.hud-left,.hud-right{min-width:105px}.hud-left small,.hud-right small{font-size:9px}.hud-right em{font-size:7px}.hud-left em{font-size:8px}.instrument-bottom strong{font-size:13px}.instrument-bottom small{font-size:10px}.warning-cue{top:30%;font-size:13px}.audio-controls{gap:9px}.audio-controls span{font-size:11px}}@media(max-width:370px){.hud-left,.hud-right{min-width:90px}.hud-left strong,.hud-right strong{font-size:28px}.hud-left em,.hud-right em{font-size:7px}}
/* PFD tapes: scrolling scales, fixed numeric windows, explicit units. */
.pfd-tape{position:absolute;top:42%;transform:translateY(-50%);width:88px;z-index:1;font-family:var(--mono);pointer-events:none}.speed-tape{left:15px}.altitude-tape{right:15px}.tape-title{display:flex;justify-content:space-between;color:#edf5e4;background:#15211eed;padding:6px 5px;font-size:11px;border:1px solid #85968170;border-bottom:0;line-height:1.4}.tape-title span{color:#b9cea5}.tape-window{height:210px;position:relative;background:linear-gradient(#1b2824b8,#182421e8 50%,#1b2824b8);border:1px solid #99ae8e80}.tape-scale{position:absolute;inset:0;overflow:hidden}.tape-tick{position:absolute;top:50%;left:0;right:0;height:1px;will-change:transform}.tape-tick::after{content:'';position:absolute;right:0;top:0;width:9px;height:1px;background:#e2edda}.tape-tick.major::after{width:15px;background:#f4ffeb}.tape-tick span{position:absolute;right:22px;top:0;transform:translateY(-50%);font-size:14px;color:#f0f6e8;line-height:1;font-variant-numeric:tabular-nums}.altitude-tape .tape-tick::after{right:auto;left:0}.altitude-tape .tape-tick span{right:auto;left:22px}.tape-readout{position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%);height:40px;display:flex;align-items:center;justify-content:center;background:#0b1510;border:2px solid #ebffd2;color:#f5ffe7;z-index:1}.tape-readout::after{content:'';position:absolute;width:9px;height:9px;right:-6px;top:calc(50% - 5px);transform:rotate(45deg);background:#0b1510;border-top:2px solid #ebffd2;border-right:2px solid #ebffd2}.altitude-tape .tape-readout::after{right:auto;left:-6px;transform:rotate(225deg)}.tape-readout strong{font:600 27px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-1px}.tape-caption{padding:6px 0;font-size:9px;letter-spacing:.2px;text-align:center;background:#15211ee6;color:#c6d9b6;white-space:nowrap}.touch-controls.cross-controls{display:flex;align-items:center;justify-content:center;gap:30px;padding:18px 20px 14px}.control-cross{display:grid;grid-template-columns:repeat(3,82px);grid-template-rows:repeat(3,54px);gap:4px;touch-action:none;user-select:none;-webkit-user-select:none}.control-cross #up{grid-column:2;grid-row:1}.control-cross #left{grid-column:1;grid-row:2}.control-cross #right{grid-column:3;grid-row:2}.control-cross #down{grid-column:2;grid-row:3}.control-neutral{grid-column:2;grid-row:2;display:grid;place-items:center;font:25px var(--mono);color:#8a997a;background:#1c2517;border:1px solid #37442c;border-radius:8px}.control-cross button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;min-height:0;border-radius:7px;background:#2a3522;border:1px solid #65764f;color:#eaf4df;touch-action:none}.control-cross button b{font:22px/1 var(--body)}.control-cross button span{display:block;font:10px/1.2 var(--mono);white-space:nowrap}.control-cross button.pressed,.control-cross button:active{background:var(--lime);color:#15200d;border-color:var(--lime)}.cross-help{max-width:200px;display:flex;flex-direction:column;gap:11px}.cross-help strong{font:11px var(--mono);color:var(--lime)}.cross-help span{font-size:14px;line-height:1.5;color:#b9c6aa}.cross-help small{font:11px/1.5 var(--mono);color:#8f9e7f}@media(max-width:1100px){.touch-controls.cross-controls{gap:18px;padding-left:12px;padding-right:12px}.control-cross{grid-template-columns:repeat(3,73px);grid-template-rows:repeat(3,53px)}.cross-help{max-width:135px}.cross-help strong{font-size:10px}.cross-help span{font-size:12px}}@media(max-width:850px) and (min-width:741px){.cross-help{display:none}}@media(max-width:740px){.pfd-tape{width:68px}.speed-tape{left:11px}.altitude-tape{right:11px}.tape-title{font-size:9px;padding:6px 3px}.tape-window{height:190px}.tape-tick span{font-size:12px;right:18px}.altitude-tape .tape-tick span{left:18px}.tape-tick.major::after{width:12px}.tape-readout{height:36px}.tape-readout strong{font-size:23px}.tape-caption{font-size:7px}.touch-controls.cross-controls{flex-direction:column;gap:10px;padding:17px 12px 12px}.control-cross{grid-template-columns:repeat(3,83px);grid-template-rows:repeat(3,53px)}.cross-help{max-width:none;gap:0;text-align:center}.cross-help strong,.cross-help small{display:none}.cross-help span{font-size:12px}.cross-help br{display:none}.warning-cue{top:15%;max-width:calc(100% - 170px);font-size:11px;padding:7px 5px}.control-cross button span{font-size:10px}.control-cross button b{font-size:23px}}@media(max-width:370px){.control-cross{grid-template-columns:repeat(3,77px)}.pfd-tape{width:64px}.speed-tape{left:8px}.altitude-tape{right:8px}.tape-title{font-size:8px}.tape-readout strong{font-size:22px}}
/* Refined flight-deck layout: the scene, target, and controls form one working surface. */
:root{--bg:#0d1217;--panel:#151e25;--line:#2d3b44;--muted:#9bacb6}body{background:radial-gradient(ellipse at 45% 0,#1b2931 0,transparent 65%),var(--bg)}.shell{max-width:1500px;padding:0 36px}header{height:68px;border-color:#34424b}.brand{font-size:18px;letter-spacing:.1px}.edition{font-size:11px;color:#859aa5}.intro{padding:23px 0 24px;align-items:center}.eyebrow{font-size:11px;margin-bottom:10px}h1{font-size:clamp(36px,3.5vw,51px);line-height:1.04;letter-spacing:.1px}.intro p{font-size:14px;color:#a6b9c4;line-height:1.7}.flight-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.cockpit{border-color:#42515a;border-radius:12px;background:#172128;box-shadow:0 20px 70px #0004}.instrument-top{height:39px;background:#202d35;font-size:11px;color:#a4b9c5;padding:0 16px}.tdz-goal{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#24351e;border-top:1px solid #8faa4544;border-bottom:1px solid #a9cf5255}.tdz-goal>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zone-key{width:10px;height:10px;border:1px solid #d6ff62;background:#90b641}.tdz-goal strong{font:600 11px var(--mono);color:#e0ffab}.tdz-goal small{font-size:11px;color:#abc88a}.tdz-goal>span{font:11px var(--mono);white-space:nowrap;color:#d6ff62}.tdz-goal.passed{background:#3c2a21;border-color:#bc7c4655}.tdz-goal.passed>span{color:#ffc39f}.viewport{height:440px}.center-overlay{background:linear-gradient(90deg,#0d171edb,#14241ccd,#0d171edb)}.center-overlay h2{font-size:52px;line-height:1}.center-overlay p{font-size:15px;line-height:1.6;color:#d0dbd2}.center-overlay>small{font-size:12px;color:#a7b7b5}.primary{border-radius:6px;box-shadow:0 5px 20px #060e084d;min-width:224px}.primary:hover{transform:translateY(-1px)}.touch-controls.cross-controls{padding:14px 20px;gap:32px;background:#162129;border-top:1px solid #354750;border-bottom:1px solid #354750}.control-cross{grid-template-columns:repeat(3,78px);grid-template-rows:repeat(3,46px);gap:4px}.control-cross button{background:linear-gradient(#34434a,#27363c);border-color:#596d76;border-bottom-width:3px;border-radius:7px;box-shadow:0 3px 0 #0c151b;color:#edf7e8}.control-cross button span{font-size:9px}.control-neutral{background:#121c22;border-color:#33434c;color:#738b96}.cross-help{max-width:220px}.cross-help strong{font-size:11px;letter-spacing:.4px}.cross-help span{font-size:14px;color:#bccbd2}.cross-help small{font-size:11px;color:#8ea4ae}.instrument-bottom{background:#121c23;padding:15px 18px;border-top:0;gap:12px}.instrument-bottom small{color:#90a8b4}.instrument-bottom strong{color:#e1eee0}.glide-strip{background:#18251f;border-color:#3e5141}.control-note{padding:12px 16px 8px;color:#acbdc5}.audio-controls{padding-bottom:13px}.audio-controls button{background:#22332d}.audio-controls span{color:#91a7b0}.brief,.score-panel{padding:20px;border:1px solid #344550;background:linear-gradient(140deg,#1d2a33,#151f26);border-radius:10px}.section-label{margin:0 0 16px;color:#9bb0bd;font-size:11px;letter-spacing:1.1px}.modes{gap:8px}.mode{padding:15px 25px 15px 12px;background:#111c23;border-color:#394a53;border-radius:6px}.mode span{font-size:13px;line-height:1.4}.mode small{color:#8fa6b2;font-size:11px;line-height:1.4}.mode b{right:10px}.mode.active{background:#293a23;border-color:#a8d752}.mode:hover:not(:disabled){border-color:#a4bf80}.score-panel{margin-top:16px;padding-top:20px}.score{font-size:91px;color:#e7f3e8;margin:22px 0 12px}.score small{color:#718b9b}.score-caption{color:#adc1cc;font-size:14px}.share{border-radius:5px;background:#e4eee8;color:#12212b}.share:disabled{background:#2b3b45;color:#7a929f}.copy{font-size:12px;color:#a6bdc9}.flight-note{padding:4px 9px}.flight-note p{font-size:12px;color:#8ca5b2}.flight-note>span{font-size:23px}.result-card{margin-top:18px}.result-card img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid #46606b;aspect-ratio:1200/630;background:#101b22}.save-card{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid #92b04b;border-radius:5px;background:#cce96c;color:#172217;font-size:13px;font-weight:700;padding:12px 10px;margin-top:10px}.save-card:hover{background:#e0f79c}.result-card+.share{margin-top:10px}.egg-badge{border-color:#667f40}footer{padding:22px 0;color:#8097a4}.pfd-tape{filter:drop-shadow(0 2px 5px #0006)}@media(max-width:1100px){.shell{padding:0 22px}.flight-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.brief,.score-panel{padding:16px}.tdz-goal small{display:none}.tdz-goal{padding:10px 12px}.tdz-goal strong,.tdz-goal>span{font-size:10px}.cross-help{max-width:160px}.cross-help span{font-size:12px}.control-cross{grid-template-columns:repeat(3,69px)}.viewport{height:420px}}@media(max-width:850px) and (min-width:741px){.cross-help{display:none}.tdz-goal{flex-direction:column;gap:6px;align-items:flex-start}.instrument-top{font-size:9px}}@media(max-width:740px){.shell{padding:0 12px}header{height:55px}.brand{font-size:16px}.brand-icon{width:27px;height:27px}.intro{padding:16px 3px 18px}.eyebrow{font-size:10px;margin-bottom:8px}h1{font-size:36px}.flight-layout{grid-template-columns:1fr;gap:18px}.instrument-top{height:34px;font-size:9px;padding:0 12px}.tdz-goal{padding:9px 11px;gap:6px;flex-direction:column;align-items:flex-start}.tdz-goal small{display:inline;font-size:10px}.tdz-goal strong{font-size:10px}.tdz-goal>span{font-size:10px}.viewport{height:340px}.center-overlay{padding:14px}.center-overlay h2{font-size:40px}.center-overlay p{font-size:13px;margin:10px 0 15px}.center-overlay>small{font-size:10px;margin-top:10px}.center-overlay .tag{font-size:9px;margin-bottom:10px}.primary{padding:12px 18px}.touch-controls.cross-controls{padding:11px 12px;gap:6px;flex-direction:row}.control-cross{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(3,45px);gap:3px}.control-cross button b{font-size:21px}.control-cross button span{font-size:8px}.cross-help{display:none}.instrument-bottom{padding:12px;gap:14px}.instrument-bottom small{font-size:9px}.instrument-bottom strong{font-size:12px}.control-note{font-size:12px;padding:10px 12px 8px}.brief,.score-panel{padding:18px}.mode span{font-size:14px}.mode small{font-size:12px}.mode{padding:15px}.section-label{font-size:12px}.result-card img{max-height:230px;object-fit:contain}.tape-window{height:165px}.tape-title{font-size:9px}.tape-caption{font-size:7px}.radio{font-size:10px;bottom:9px;left:10px;right:10px;padding:6px 8px}.flare-cue{bottom:61px;font-size:9px}.warning-cue{top:9%;font-size:10px}.glide-strip>span{font-size:10px}footer{padding:18px 3px}.score{font-size:82px}}@media(prefers-reduced-motion:reduce){.primary:hover{transform:none}}
.wind-hud{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);display:flex;gap:18px;padding:8px 13px;border:1px solid #a3b49555;border-radius:5px;background:#101c19d9;z-index:1;pointer-events:none;white-space:nowrap}.wind-hud div{display:flex;flex-direction:column;gap:4px}.wind-hud small{font:9px var(--mono);color:#afc1ab}.wind-hud b{font:12px var(--mono);font-weight:500;color:#e4f6d4}.wind-hud.shear-active{border-color:#f2ac75}.wind-hud.shear-active div:last-child b{color:#ffb786}.flare-cue{bottom:119px}@media(max-width:740px){.wind-hud{bottom:48px;gap:11px;padding:6px 9px}.wind-hud small{font-size:8px}.wind-hud b{font-size:10px}.flare-cue{bottom:101px;font-size:9px}.radio{font-size:9px}}

footer .creator-credit{font-family:var(--mono);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--lime);flex:none;text-underline-offset:3px}footer .creator-credit:hover{text-decoration:underline}