:root{font-family:Bahnschrift,Aptos,sans-serif;color:#fff3df;background:#101a2c;--orange:#ff7540;--panel:#0c1c30f5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;height:100dvh;overflow:hidden}body::before{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#081321ee,#08132188 36%,transparent 75%)}body.playing::before{display:none}button{font:inherit;min-height:48px;padding:12px 18px;color:inherit;background:#11283be8;border:1px solid #829bae;border-radius:5px;cursor:pointer;touch-action:manipulation}button:hover{background:#254357}button:active{transform:translateY(1px)}button:disabled{cursor:default;color:#bbced9;background:#142c3ce6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe0b0;outline-offset:4px}::selection{background:#ff7540;color:#101a2c}#sea{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) 28px;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:28px;font-weight:850;font-style:italic;color:inherit;text-decoration:none}.panel{position:absolute;left:7vw;top:50%;transform:translateY(-45%);z-index:2;width:min(460px,44vw);max-height:calc(100dvh - 115px);overflow:auto;scrollbar-color:#ff7540 #12273b;scrollbar-width:thin}h1{font-size:clamp(58px,6.7vw,96px);line-height:.94;letter-spacing:-.04em;margin:0 0 22px}h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px}p{font-size:17px;line-height:1.5;color:#dce5e9;margin:12px 0 22px}.primary{width:100%;background:var(--orange);color:#241409;border:0;font-weight:800;font-size:18px;min-height:54px}.primary:hover{background:#ff996d}.instructions{margin:24px 0;display:grid;gap:12px}.instructions>div{display:grid;grid-template-columns:54px 1fr;gap:16px}.instructions dt{font-weight:750;color:#ffc99b}.instructions dd{margin:0;font-size:14px;line-height:1.5;color:#dce5e9}.best{font-size:13px;margin:14px 0 0}#hud{position:fixed;top:92px;left:28px;right:28px;z-index:2;pointer-events:none;display:flex;justify-content:space-between;gap:24px}.course-status{width:min(300px,40%);padding:12px 16px;background:#0b1a2bdf;border-radius:5px;display:flex;flex-direction:column;gap:7px}.course-status strong{font-size:20px}.course-status span{font-size:12px;color:#d1e0e8}.route-track{height:3px;background:#91aebe55;margin-top:3px}.route-track i{display:block;height:100%;background:#ffad6b;transform-origin:left;transform:scaleX(0)}.readouts{display:flex;gap:24px;background:#0b1a2bdf;padding:12px 16px;border-radius:5px}.readouts>div{display:flex;flex-direction:column;gap:4px}.readouts b{font-size:26px;font-variant-numeric:tabular-nums}.readouts span{font-size:11px;color:#d1e0e8}#controls{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:28px;right:28px;z-index:4;display:flex;align-items:end;gap:12px;pointer-events:none}#controls>*{pointer-events:auto}.desktop-hint{margin-right:auto;background:#0b1a2bd9;padding:12px 16px;border-radius:4px;font-size:13px;pointer-events:none!important}#boost{width:170px;text-align:left}#boost>i{display:block;height:3px;background:#ffffff35;margin-top:8px}#boost-fill{display:block;height:100%;background:#7df7e4;transform-origin:left;transform:scaleX(0)}#boost:not(:disabled){background:#ff7540;color:#241409;border-color:#ff7540}#brake{min-height:62px;touch-action:none;user-select:none}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#091529eb;overflow:auto}.intermission{width:min(760px,100%)}.intermission>p{max-width:60ch}#upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}#upgrades button{text-align:left;display:flex;flex-direction:column;gap:16px;padding:22px;min-height:180px}#upgrades b{font-size:21px;color:#ffd3aa}#upgrades span{font-size:15px;line-height:1.5;color:#dce5e9}.menu-panel{width:min(360px,100%);display:grid;gap:12px}.menu-panel h2{margin-bottom:8px}.menu-help{font-size:14px;margin:8px 0}.result{background:var(--panel);padding:30px;border-radius:8px;width:min(500px,calc(100% - 40px))}.result-stats{display:flex;justify-content:space-between;gap:16px;margin:26px 0}.result-stats>div{display:flex;flex-direction:column;gap:6px}.result-stats b{font-size:30px;font-variant-numeric:tabular-nums}.result-stats span{font-size:12px;color:#d1e0e8}#result-home{margin-top:12px;width:100%}#notice{position:fixed;top:29%;left:50%;transform:translateX(-50%);padding:10px 16px;background:#0c1c30e8;border-radius:4px;z-index:3;font-size:16px;font-weight:700;pointer-events:none;opacity:0;text-align:center;max-width:90%}
@media(max-width:700px){header{padding:16px 18px}.panel{left:24px;top:49%;width:calc(100% - 48px);max-height:calc(100dvh - 110px)}h1{font-size:60px;max-width:330px}.intro p{font-size:16px}.instructions{gap:10px;margin:20px 0}.instructions dd{font-size:13px}body::before{background:linear-gradient(90deg,#081321e8,#08132177)}#hud{top:82px;left:14px;right:14px;gap:8px;flex-wrap:wrap}.course-status{width:100%;padding:9px 12px;display:grid;grid-template-columns:1fr auto}.course-status strong{font-size:17px}.route-track{grid-column:1/-1}.readouts{padding:8px 12px;gap:20px}.readouts b{font-size:21px}.readouts span{font-size:11px}.desktop-hint{display:none}#controls{left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));justify-content:space-between}#boost{width:155px}#brake{width:92px}#upgrades{grid-template-columns:1fr;gap:10px;margin-top:20px}#upgrades button{min-height:0;padding:16px;gap:6px}#upgrades b{font-size:18px}#upgrades span{font-size:14px}.intermission h2{font-size:34px}.intermission p{font-size:15px}.result{padding:24px}.result-stats b{font-size:26px}#notice{top:31%;font-size:14px}}
@media(max-height:600px){.panel{top:56%;transform:translateY(-50%)}h1{font-size:48px;margin-bottom:12px}.instructions{margin:12px 0;gap:8px}.intro p{margin:10px 0;font-size:15px}.best{display:none}.menu-panel{gap:8px}.menu-panel h2{font-size:28px}.menu-help{margin:0}.menu-panel button{min-height:40px;padding:8px 14px}.overlay{align-items:start}.readouts{gap:15px}#hud{top:76px}}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}


#hazard-warning{position:fixed;top:31%;left:50%;transform:translateX(-50%);z-index:3;background:#101e2ef2;color:#ffe0ad;border:1px solid #ffbc73;padding:12px 18px;border-radius:5px;font-size:17px;font-weight:750;text-align:center;max-width:94%;pointer-events:none}#jump{min-height:62px;background:#183d50}#controls{gap:10px}@media(max-width:700px){#controls{left:12px;right:12px;gap:8px}#jump,#brake{width:76px;padding:10px;min-height:58px}#boost{width:140px;padding:10px}#hazard-warning{font-size:14px;top:27%;width:calc(100% - 32px)}.instructions{gap:8px}.intro h1{font-size:54px}.intro p{margin-bottom:14px}.instructions dd{font-size:13px}}

@media(max-width:700px){.readouts{gap:15px}.readouts b{font-size:20px}.readouts span{font-size:11px}}