:root{color:#d8f6ff;font-synthesis:none;text-rendering:geometricprecision;--cyan:#22e6ff;--acid:#b8ff2e;--magenta:#ff2e6d;--panel:#060814c7;--edge:#22e6ff59;background:#04040a;font-family:Rajdhani,Segoe UI,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-width:320px}#app{background:#04040a;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;text-transform:uppercase;transition:opacity .25s;position:absolute;inset:0}#hud.hidden{opacity:0}.hud-corner{top:max(14px, env(safe-area-inset-top));align-items:flex-start;gap:10px;display:flex;position:absolute}.hud-left{left:max(16px, env(safe-area-inset-left))}.hud-right{right:max(16px, env(safe-area-inset-right));align-items:center}.hud-panel{border-left:3px solid var(--cyan);border-bottom:1px solid var(--edge);background:repeating-linear-gradient(#22e6ff0d 0 2px,#0000 2px 4px),linear-gradient(100deg,#060a18e6,#0608149e);min-width:128px;padding:7px 16px 8px 14px;transform:skew(-10deg);box-shadow:0 0 22px #22e6ff29,inset 0 0 14px #22e6ff0f}.hud-panel-flip{border-left:none;border-right:3px solid var(--magenta);text-align:right;box-shadow:0 0 22px #ff2e6d24,inset 0 0 14px #ff2e6d0d}.hud-panel-inner{transform:skew(10deg)}.hud-subrow{opacity:.72;align-items:baseline;gap:6px;margin-top:2px;display:flex}.hud-panel-flip .hud-subrow{justify-content:flex-end}.hud-label{letter-spacing:.22em;color:#d8f6ff99;font-size:.62rem;display:block}.hud-number{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#eafcff;text-shadow:0 0 12px #22e6ff8c;margin-top:1px;font-size:1.32rem;font-weight:700;display:block}.hud-number.sub{margin-top:0;font-size:.82rem}#speed-ticks{background:linear-gradient(90deg, var(--cyan) calc(var(--speed-ratio,0) * 100%), #22e6ff24 calc(var(--speed-ratio,0) * 100%));width:116px;height:7px;margin:4px 0 1px auto;-webkit-mask:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 11px);mask:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 11px)}.hud-number em{color:#d8f6ff99;margin-left:4px;font-size:.62rem;font-style:normal}#btn-pause{pointer-events:auto;border:1px solid var(--edge);background:var(--panel);width:44px;height:44px;color:var(--cyan);letter-spacing:.1em;cursor:pointer;border-radius:3px;font-size:.9rem;font-weight:800}#overdrive{left:50%;bottom:max(20px, env(safe-area-inset-bottom));width:min(320px,56vw);position:absolute;transform:translate(-50%)skew(-14deg)}#overdrive-track{border:1px solid var(--edge);border-left:3px solid var(--cyan);border-right:3px solid var(--cyan);background:repeating-linear-gradient(#22e6ff0d 0 2px,#0000 2px 4px),#060814d1;height:18px;position:relative;overflow:hidden}#overdrive-fill{background:linear-gradient(90deg, #157a8c, var(--cyan));transform-origin:0;transition:transform .12s linear;position:absolute;inset:0;transform:scaleX(0);-webkit-mask:repeating-linear-gradient(90deg,#000 0 14px,#00000059 14px 17px);mask:repeating-linear-gradient(90deg,#000 0 14px,#00000059 14px 17px)}#overdrive-track.active{border-left-color:var(--acid);border-right-color:var(--acid)}#overdrive-track.active #overdrive-fill{background:linear-gradient(90deg, #7ac412, var(--acid));box-shadow:0 0 16px #b8ff2eb3}#overdrive-label{letter-spacing:.34em;text-indent:.34em;color:#eafcffeb;text-shadow:0 0 8px #04060ce6;pointer-events:none;place-items:center;font-size:.62rem;font-weight:800;display:grid;position:absolute;inset:0;transform:skew(14deg)}#popup{letter-spacing:.18em;opacity:0;color:var(--acid);text-shadow:0 0 18px #b8ff2ecc;white-space:nowrap;font-size:clamp(1rem,3.2vw,1.5rem);font-weight:800;position:absolute;top:30%;left:50%;transform:translate(-50%)scale(.9)}#popup[data-tone=alert]{color:var(--magenta);text-shadow:0 0 18px #ff2e6dcc}#popup.pop{animation:.9s ease-out forwards popup-rise}@keyframes popup-rise{0%{opacity:0;transform:translate(-50%,12px)scale(.85)}18%{opacity:1;transform:translate(-50%)scale(1.05)}30%{transform:translate(-50%,-2px)scale(1)}to{opacity:0;transform:translate(-50%,-26px)scale(.98)}}#touch-hint{border:1px solid var(--edge);letter-spacing:.16em;text-transform:uppercase;color:#eafcffd9;white-space:nowrap;background:#060814b8;border-radius:2px;padding:7px 16px;font-size:.72rem;font-weight:600;display:none;position:absolute;top:19%;left:50%;transform:translate(-50%)}.screen{z-index:5;background:radial-gradient(at 50% 120%,#22e6ff14,#0000 60%),linear-gradient(#04040a8c,#04040ad1);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.visible{display:flex}.screen-inner{padding:24px clamp(20px, 6vw, 56px) max(24px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:min(92vw,560px);display:flex}.logo{letter-spacing:.14em;color:#eafcff;text-shadow:0 0 14px #22e6ffe6,0 0 48px #22e6ff73;margin:0;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:800;line-height:1}.logo span{color:var(--cyan)}.tagline{letter-spacing:.2em;text-transform:uppercase;color:#d8f6ffb3;margin:0;font-size:clamp(.8rem,2.4vw,1rem)}.screen-heading{letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 20px #22e6ff99;margin:0;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800}.screen-heading.crash{color:var(--magenta);text-shadow:0 0 24px #ff2e6db3}.record-line{letter-spacing:.3em;color:var(--acid);text-shadow:0 0 16px #b8ff2ecc;margin:-6px 0 0;font-weight:800;animation:.9s steps(2,end) infinite record-blink}@keyframes record-blink{50%{opacity:.35}}.final-stats{gap:clamp(14px,4vw,34px);margin:0;display:flex}.final-stats div{min-width:88px}.final-stats dt{letter-spacing:.24em;text-transform:uppercase;color:#d8f6ff8c;font-size:.64rem}.final-stats dd{margin:4px 0 0;font-size:1.3rem}.btn-primary,.btn-ghost{pointer-events:auto;min-width:200px;min-height:52px;font:inherit;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:12px 34px;font-size:1.02rem;font-weight:800;transition:transform .12s,box-shadow .12s}.btn-primary{color:#04121a;background:linear-gradient(180deg, #6ff2ff, var(--cyan));border:none;box-shadow:0 0 22px #22e6ff8c,0 4px #0a5060e6}.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px);box-shadow:0 0 32px #22e6ffcc,0 6px #0a5060e6}.btn-primary:active{transform:translateY(1px)}.btn-ghost{color:#d8f6ffd9;border:1px solid var(--edge);background:0 0}.btn-ghost:hover,.btn-ghost:focus-visible{box-shadow:0 0 18px #22e6ff59}.screen-help{letter-spacing:.16em;text-transform:uppercase;color:#d8f6ff80;flex-wrap:wrap;justify-content:center;gap:18px;margin:4px 0 0;font-size:.68rem;display:flex}.touch-only{display:none}#flash-overlay{opacity:0;pointer-events:none;z-index:9;background:#fff;position:fixed;inset:0}@media (pointer:coarse){.touch-only{display:inline}#touch-hint{display:block}body[data-state=running] #touch-hint{animation:4s forwards hint-fade}@keyframes hint-fade{0%,70%{opacity:1}to{opacity:0}}}@media (width<=620px){.hud-panel{min-width:96px;padding:5px 11px 6px 10px}.hud-number{font-size:1.06rem}.hud-subrow{display:none}#speed-ticks{width:78px}#overdrive{width:min(240px,62vw)}.final-stats{flex-direction:column;gap:10px}}