:root{--sky-1:#0e2036;--sky-2:#163b5c;--sky-3:#1f5f8b;--water:#35b7e8;--bank:#5fd07a;--orange-1:#ffb347;--orange-2:#ff8a3d;--orange-3:#ff4d6d;--mint:#7ef7c8;--ink:#06131f;--card:#0a1e32db;--card-line:#7ef7c838;--text:#eef7ff;--text-dim:#9dc3dd;--radius:26px;--radius-sm:16px;--shadow-lg:0 30px 70px #0000008c;--shadow-md:0 14px 34px #0000006b;--glow-mint:0 0 22px #7ef7c873;--glow-orange:0 0 26px #ff8a3d80;--display:"Arial Narrow", "Helvetica Neue Condensed", "Franklin Gothic Medium", "Segoe UI Semibold", Impact, system-ui, -apple-system, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{background:var(--sky-1);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}body{touch-action:none}.hidden{display:none!important}#app{isolation:isolate;background:radial-gradient(120% 80% at 50% -10%, var(--sky-3) 0%, var(--sky-2) 42%, var(--sky-1) 100%);width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#game-canvas{touch-action:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.screen{z-index:20;padding:calc(20px + var(--safe-t)) calc(20px + var(--safe-r)) calc(20px + var(--safe-b)) calc(20px + var(--safe-l));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card{border-radius:var(--radius);background:linear-gradient(180deg, #1f5f8b8c 0%, #06131fb8 100%), var(--card);border:1px solid var(--card-line);width:min(430px,100%);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(14px)saturate(1.15);text-align:center;flex-direction:column;align-items:stretch;gap:14px;padding:30px 26px 28px;animation:.42s cubic-bezier(.2,.9,.25,1.05) both card-in;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.card:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#7ef7c824,#0000 34%);position:absolute;inset:0}.eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--mint);text-shadow:var(--glow-mint);margin:0;font-size:12px;font-weight:800}.display{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 3px #00000059,0 0 34px #35b7e88c,0 0 62px #ff8a3d59;margin:0;font-size:clamp(40px,13vw,62px);font-weight:900;line-height:.92}.display--sm{font-size:clamp(30px,10vw,44px)}.blurb{color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}.keys{border-radius:var(--radius-sm);color:var(--text-dim);letter-spacing:.04em;background:#ffffff0d;border:1px dashed #9dc3dd47;flex-direction:column;gap:7px;margin:2px 0 0;padding:12px;font-size:12.5px;list-style:none;display:flex}.key{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:7px;min-width:24px;margin-right:4px;padding:2px 7px;font-size:11.5px;font-weight:700;display:inline-block;box-shadow:0 2px #00000059}.seed-line{letter-spacing:.16em;text-transform:uppercase;color:#7ef7c8d9;margin:0;font-size:12px}.btn{appearance:none;font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:18px;min-height:56px;padding:16px 20px;font-size:18px;font-weight:900;transition:transform .12s,filter .18s,box-shadow .18s}.btn:active{transform:translateY(2px)scale(.985)}.btn--primary{background:linear-gradient(180deg, var(--orange-1) 0%, var(--orange-2) 52%, var(--orange-3) 100%);box-shadow:var(--shadow-md), var(--glow-orange), inset 0 2px 0 #ffffff6b, inset 0 -4px 0 #0000003d;color:#2a1004;text-shadow:0 1px #ffffff73}.btn--primary:disabled{filter:grayscale(.75)brightness(.62);cursor:progress;box-shadow:var(--shadow-md)}.btn--primary:not(:disabled):hover{filter:brightness(1.07)}.btn--ghost{color:var(--text-dim);background:#ffffff12;border:1px solid #fff3;min-height:50px;font-size:15px}.btn--ghost:hover{color:#fff;background:#ffffff21}.btn--icon{letter-spacing:.06em;width:46px;height:46px;min-height:46px;color:var(--mint);background:#06131f99;border:1px solid #7ef7c852;border-radius:14px;padding:0;font-size:16px;box-shadow:0 8px 20px #00000059}.btn--icon.is-off{color:#e2f0ff66;background:#06131f6b;border-color:#7ef7c824}.card--loading{gap:18px}.loading-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px}.bar{background:#00000073;border:1px solid #ffffff24;border-radius:999px;width:100%;height:14px;overflow:hidden;box-shadow:inset 0 3px 8px #00000080}.bar-fill{background:linear-gradient(90deg, var(--mint) 0%, var(--water) 45%, var(--orange-2) 100%);border-radius:999px;width:0%;height:100%;transition:width .35s cubic-bezier(.25,.9,.3,1);box-shadow:0 0 18px #35b7e8bf}#hud{z-index:15;pointer-events:none;justify-content:flex-start;align-items:stretch;padding:0;display:block}.hud-top{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.brand{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);background:#06131f9e;border:1px solid #7ef7c842;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;display:inline-flex}.brand-dot{background:linear-gradient(180deg, var(--orange-1), var(--orange-3));width:10px;height:10px;box-shadow:var(--glow-orange);border-radius:50%}.brand-text{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:#fff;font-size:13px;font-weight:900}.hud-top-right{pointer-events:auto;align-items:center;gap:8px;display:inline-flex}.fps{letter-spacing:.14em;color:var(--text-dim);font-variant-numeric:tabular-nums;background:#06131f80;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.readouts{top:calc(66px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute}.readout{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(9px);text-align:center;background:linear-gradient(#1f5f8b80,#06131fb8);border:1px solid #ffffff1f;flex-direction:column;gap:3px;min-width:0;padding:9px 8px 10px;display:flex}.readout-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:9.5px;font-weight:800}.readout-value{font-family:var(--display);letter-spacing:.03em;color:#fff;text-shadow:0 2px #00000059,0 0 18px #35b7e880;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(17px,5.4vw,23px);font-weight:900;overflow:hidden}.readout--mult .readout-value{color:var(--mint);text-shadow:0 2px 0 #00000059, var(--glow-mint)}.dial{left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));pointer-events:none;filter:drop-shadow(0 10px 24px #00000080);width:96px;height:96px;position:absolute}.dial-svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.dial-track{fill:#06131fb8;stroke:#ffffff24;stroke-width:9px}.dial-fill{fill:none;stroke:url(#boost-grad);stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 7px #ff8a3de6);transition:stroke-dashoffset .14s linear}.dial-core{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.dial-label{letter-spacing:.18em;color:var(--text-dim);font-size:9px;font-weight:800}.dial-bolt{color:var(--orange-1);text-shadow:var(--glow-orange);font-size:24px;line-height:1}#combo-feedback{pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:max-content;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}#combo-feedback .combo{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);text-shadow:0 3px 0 #0006, var(--glow-mint);white-space:nowrap;font-size:clamp(20px,7vw,30px);font-weight:900;animation:.85s cubic-bezier(.2,.9,.25,1) both pop}#combo-feedback .combo--warn{color:var(--orange-1);text-shadow:0 3px 0 #0006, var(--glow-orange)}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.7)}22%{opacity:1;transform:translateY(0)scale(1.12)}62%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-34px)scale(.94)}}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 2px;display:grid}.stat{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #ffffff1f;flex-direction:column;gap:4px;padding:12px 6px;display:flex}.stat-label{letter-spacing:.18em;color:var(--text-dim);font-size:9.5px;font-weight:800}.stat-value{font-family:var(--display);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(18px,5.6vw,24px);font-weight:900}.card--crash{border-color:#ff4d6d6b}.card--crash .display{text-shadow:0 3px #00000059,0 0 34px #ff4d6d99}#mobile-controls{z-index:18;padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.pad{pointer-events:auto;align-items:center;gap:10px;display:flex}.pad--steer{flex-direction:row}.pad--throttle{flex-direction:column}.pad--boost{align-items:center;padding-bottom:6px}.pad-btn{appearance:none;color:#fff;-webkit-backdrop-filter:blur(9px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#06131f80;border:1px solid #ffffff3d;border-radius:22px;width:68px;min-width:64px;height:68px;min-height:64px;font-size:24px;line-height:1;transition:transform 80ms,background .12s,box-shadow .12s;box-shadow:0 10px 24px #0000006b,inset 0 1px #ffffff29}.pad-btn.active,.pad-btn:active{color:var(--ink);box-shadow:var(--glow-mint), inset 0 1px 0 #ffffff80;background:linear-gradient(#7ef7c8e6,#35b7e8d9);transform:scale(.94)}.boost-btn{appearance:none;min-width:92px;min-height:68px;font-family:var(--display);letter-spacing:.14em;color:#2a1004;background:linear-gradient(180deg, var(--orange-1), var(--orange-2) 55%, var(--orange-3));box-shadow:var(--shadow-md), var(--glow-orange), inset 0 2px 0 #ffffff6b, inset 0 -4px 0 #00000038;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:0;border-radius:26px;padding:0 20px;font-size:17px;font-weight:900;transition:transform 80ms,filter .12s}.boost-btn.active,.boost-btn:active{filter:brightness(1.15);transform:scale(.94)}@media (pointer:fine){#mobile-controls{display:none}}@media (height<=520px){.card{gap:10px;padding:20px 18px 18px}.display{font-size:clamp(28px,8vw,40px)}.blurb,.keys{display:none}.readouts{top:calc(60px + var(--safe-t))}.dial{width:76px;height:76px}}@media (width>=760px){.readouts{grid-template-columns:repeat(4,130px);justify-content:center}.hud-top{padding:0 max(0px,50% - 320px)}}@media (prefers-reduced-motion:reduce){.card{animation:none}#combo-feedback .combo{animation-duration:.5s}.bar-fill{transition:none}}