:root{color-scheme:dark;--bg:#101918;--ink:#e6eee1;--lime:#d7fb83;--muted:#89968c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}main{max-width:1360px;margin:auto;padding:28px 48px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354039;padding-bottom:24px}.brand{font-size:19px;font-weight:800;letter-spacing:2px;color:var(--ink);text-decoration:none}.brand-light{font-weight:400;color:var(--muted)}.brand-icon{display:inline-grid;place-items:center;background:var(--lime);color:#14201a;width:30px;height:30px;margin-right:10px;font-size:26px}.edition{font-size:11px;color:var(--muted);letter-spacing:2px}.edition i{display:inline-block;height:12px;border-left:1px solid #526052;margin:0 16px;vertical-align:middle}.intro{display:flex;align-items:end;justify-content:space-between;margin:34px 0 29px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--lime);margin:0 0 14px}h1{font-size:clamp(28px,3.2vw,44px);letter-spacing:-2px;margin:0;font-weight:600}h1 em{font-style:normal;color:var(--lime);margin-left:12px}.intro-copy{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.game-shell{border:1px solid #465144;border-radius:12px;overflow:hidden;background:#14201d}.topbar{height:45px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.weather{margin-left:24px;color:var(--muted)}button{font:inherit;cursor:pointer;color:inherit}.topbar button{background:none;border:0;font-size:11px}.topbar button:disabled{opacity:.35}.viewport{height:min(58vw,550px);min-height:390px;position:relative;overflow:hidden;background:#1c2e2a}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}canvas:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}.hud{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #000}.hud small{display:block;color:#bdc9b9;font-size:10px;letter-spacing:1px;margin-bottom:7px}.hud strong{font:32px "Avenir Next",sans-serif;font-weight:500}.hud .unit{font-size:14px;color:#b3bfb0}.health{text-align:right}.health strong{font-size:20px;color:var(--lime)}.route{position:absolute;top:29px;left:36%;right:36%;display:flex;align-items:center;gap:9px;font:8px monospace;color:#bdc9b9;pointer-events:none}.route>div{height:2px;background:#7a89765c;flex:1}.route i{display:block;height:2px;background:var(--lime);width:0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#12201eb8,#12201e35,#12201e70);text-align:center}.overlay[hidden]{display:none}.brief{padding:26px 30px;min-width:300px}.tag{font:9px monospace;letter-spacing:2px;color:var(--lime)}h2{font-size:clamp(48px,5vw,70px);line-height:1.05;letter-spacing:-4px;margin:18px 0 20px;font-weight:650}.brief>p{font-size:12px;line-height:1.9;color:#c2cec0}.primary{margin-top:13px;border:0;background:var(--lime);color:#17221b;padding:17px 23px;min-width:238px;text-align:left;border-radius:4px;font-size:13px;font-weight:650;box-shadow:0 0 40px #d7fb8314;transition:transform .2s}.primary:hover{transform:translateY(-2px);background:#e6ffad}.primary span{float:right;font-size:20px;line-height:16px}.brief p.hint{font-size:10px;color:#a5b2a0;margin-top:14px}.telemetry{position:absolute;bottom:24px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#b3c0ad;font:9px monospace;pointer-events:none}.telemetry b{font-size:17px;font-weight:500;color:#e9f2e3;margin-right:6px}.telemetry>span:nth-child(2){letter-spacing:3px;color:var(--lime)}.boost{position:absolute;bottom:64px;right:24px;padding:10px 14px;background:#1a2c27cf;border:1px solid #a5c57880;border-radius:5px;font-size:11px;touch-action:none;user-select:none}.boost span{margin-left:10px;color:var(--lime)}.boost:disabled{opacity:.3}.controls{min-height:53px;display:flex;align-items:center;gap:23px;padding:12px 24px;font-size:10px;color:var(--muted);flex-wrap:wrap}kbd{font:10px monospace;padding:4px 5px;border:1px solid #4a5748;border-radius:3px;color:#cdd6c7;margin-right:4px}.record{margin-left:auto}.record b{color:var(--lime);font-weight:400;margin-left:10px}.touch-note{display:none}footer{display:flex;justify-content:space-between;margin:22px 0 0;color:#748474;font:9px monospace;letter-spacing:1.5px}button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:700px){main{padding:20px 16px}.edition{display:none}.intro{margin:25px 0 22px}.intro-copy{display:none}h1{font-size:30px}h1 em{margin-left:5px}.viewport{height:62vh;min-height:420px;max-height:650px}.hud{left:16px;right:16px;top:19px}.route{top:82px;left:17px;right:17px}.controls{padding:13px 16px;gap:12px}.controls>span:not(.touch-note):not(.record){display:none}.touch-note{display:block}.telemetry{left:16px;right:16px;bottom:18px}.telemetry>span:nth-child(2){display:none}.boost{right:16px}.topbar{padding:0 16px}footer{font-size:8px;letter-spacing:0}.brand{font-size:16px}.brief{padding-top:46px}h2{font-size:58px}}
/* 3D edition: the scene is the hero, with an off-centre flight briefing. */
.viewport{height:min(67vh,680px);min-height:480px;background:#c7b89f}.overlay{justify-content:flex-start;text-align:left;background:linear-gradient(90deg,#101d28df 0%,#101d2866 36%,transparent 68%)}.brief{padding:36px 48px;max-width:390px}.hud{z-index:1}.hud small{color:#f1f4ed}.hud strong{text-shadow:0 2px 12px #142330}.health strong{color:#e6ffab}.route{z-index:1;color:#f5ffef}.tag{font-size:10px}h2{font-size:64px;white-space:pre-line}.telemetry{padding:12px 15px;background:#0d202bba;left:20px;right:20px;bottom:16px;border:1px solid #ffffff20;border-radius:4px;color:#bed0d8}.telemetry>span:nth-child(2){letter-spacing:1px}.boost{bottom:85px;background:#152a36d9}.warning{position:absolute;top:110px;left:50%;transform:translateX(-50%);background:#a83422df;color:#fff1d0;font-size:12px;padding:10px 18px;border:1px solid #ffac7d;border-radius:4px;white-space:nowrap}.hit:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #ff493b99}.primary:disabled{opacity:.5;cursor:wait}#message{white-space:pre-line}.intro{margin-top:24px;margin-bottom:24px}@media(max-width:700px){.viewport{height:70vh;min-height:520px;max-height:760px}.overlay{align-items:flex-start;background:linear-gradient(180deg,#14232dd9,transparent 82%)}.brief{padding:118px 24px 20px;max-width:310px}.brief h2{font-size:44px;margin:12px 0}.brief p{font-size:11px}.primary{padding:14px 18px;min-width:215px;margin-top:5px}.telemetry{left:10px;right:10px;padding:10px;gap:8px;font-size:8px}.telemetry b{font-size:14px;margin-right:3px}.boost{bottom:78px}.intro h1{font-size:28px}.controls .record{margin-left:0}.warning{font-size:10px;top:100px;padding:8px 12px}}
.timer-box{position:absolute;top:90px;right:24px;padding:12px 16px;background:#112635d9;border:1px solid #d7fb8366;border-radius:6px;width:175px;color:#eaffcf;pointer-events:none}.timer-box>small{font-size:10px;display:block}.timer-box strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;margin:4px 0}.timer-box strong small{font-size:12px}.timer-box>span{font-size:10px;color:#bed0bc}.meter{height:4px;background:#ffffff25;margin-bottom:8px}.meter i{display:block;width:100%;height:100%;background:#d7fb83}.urgent{border-color:#ff825c;color:#ffb291}.urgent .meter i{background:#ff825c}.flight-action{position:absolute;bottom:85px;left:24px;padding:14px 18px;background:#d7fb83;color:#14201a;border:0;border-radius:5px;font-size:13px;font-weight:600}.flight-action:disabled{opacity:.45;cursor:default}.overlay{z-index:3}.warning{top:105px;max-width:95%}@media(max-width:700px){.timer-box{top:100px;right:12px;width:145px;padding:9px 12px}.timer-box strong{font-size:25px}.flight-action{left:12px;bottom:78px;font-size:11px;padding:11px 12px}.warning{top:220px;font-size:10px}}
.brake{position:absolute;right:24px;bottom:137px;background:#6e2b24df;color:#ffe5d7;border:1px solid #e8a58c;padding:11px 18px;border-radius:5px;font-size:12px;touch-action:none}.brake[hidden]{display:none}#boost-label{margin:0;color:inherit}@media(max-width:700px){.brake{right:16px;bottom:128px;padding:10px 15px}}

/* Portrait arcade playfield keeps incoming traffic readable from above. */
.game-shell{max-width:620px;margin:0 auto}.viewport{height:720px;min-height:560px}.overlay{justify-content:center;text-align:center;background:#10201c9c}.brief{padding:90px 24px 24px;max-width:420px}.intro-copy{max-width:300px}.route{display:none}.timer-box{top:88px;right:12px;width:140px;padding:8px 12px}.timer-box strong{font-size:24px}.warning{top:205px;font-size:11px}.hud{left:16px;right:16px}.controls{gap:12px;padding:14px}.telemetry>span:nth-child(2){display:none}@media(max-width:700px){.viewport{height:76vh;min-height:580px;max-height:820px}.brief{padding:150px 24px 24px}.warning{top:205px}.intro h1{font-size:26px}}

.brief h2{font-size:42px;letter-spacing:-2px}@media(max-width:700px){.brief h2{font-size:32px}}

.viewport{height:min(78dvh,720px);min-height:480px}@media(max-width:700px){.viewport{height:76dvh;min-height:480px}}

/* Side-scrolling stage: full-width landscape, two clearly separated heights. */
.game-shell{max-width:none}.viewport{height:auto;aspect-ratio:2.3;min-height:360px;max-height:570px}.timer-box{top:82px;right:20px}.warning{top:82px;left:50%}.flight-action{left:24px;bottom:74px}.brief{padding:20px;max-width:560px}.overlay{background:#101d28b8}.brief h2{font-size:46px}.hud{top:18px}.intro{margin:20px 0}.telemetry{bottom:12px}@media(max-width:700px){main{padding:12px}.viewport{min-height:300px;aspect-ratio:1.6;max-height:none}.brief{padding:60px 12px 10px}.brief h2{font-size:28px}.timer-box{top:70px;right:10px;width:125px}.warning{top:160px;font-size:10px}.flight-action{left:12px;bottom:64px}.hud strong{font-size:24px}.intro h1{font-size:25px}}@media(max-height:550px) and (orientation:landscape){header,.intro,footer{display:none}main{padding:6px}.viewport{height:calc(100dvh - 94px);min-height:230px;aspect-ratio:auto}.topbar{height:30px}.controls{min-height:30px;padding:8px}.brief h2{font-size:28px;margin:8px 0}.brief p{margin:5px}.primary{padding:10px 16px}.timer-box{top:64px}}

@media(min-width:701px) and (min-height:551px){.viewport{height:min(55dvh,480px);aspect-ratio:auto;min-height:340px}}
/* Keep the action control below the enlarged player's silhouette. */
.flight-action{left:auto;right:24px;bottom:22px;z-index:2}.telemetry{right:225px}@media(max-width:700px){.flight-action{left:auto;right:10px;bottom:20px;padding:10px;font-size:10px}.telemetry{right:165px;gap:5px}.telemetry>span:last-child{display:none}}