*{box-sizing:border-box}html,body{color:#fff;-webkit-touch-callout:none;background:#a9d3f0;height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#game{touch-action:none;width:100dvw;height:100dvh;display:block}#hud{pointer-events:none;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141820b8;border-radius:12px;padding:10px 14px;position:absolute}.dim{opacity:.65;font-weight:400}#score{font-size:30px;font-weight:800;top:16px;left:16px}#score.pop{animation:.35s ease-out pop}@keyframes pop{40%{transform:scale(1.25)}}#street{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 32px);font-size:18px;font-weight:700;top:16px;left:50%;overflow:hidden;transform:translate(-50%)}#speedo{text-align:right;min-width:120px;font-size:26px;font-weight:800;bottom:252px;right:16px}#turbo{background:#ffffff26;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}#turbo-fill{transform-origin:0;background:#f2e6c8;width:100%;height:100%;transition:background-color .15s;transform:scaleX(0)}#turbo-fill[data-tier="1"]{background:#4fb7ff;box-shadow:0 0 8px #4fb7ff}#turbo-fill[data-tier="2"]{background:#ff8a2a;box-shadow:0 0 10px #ff8a2a}#minimap{border:3px solid #ffffffd9;border-radius:50%;position:absolute;bottom:24px;right:16px;box-shadow:0 4px 18px #00000059}#controls{font-size:13px;line-height:1.7;bottom:24px;left:16px}#controls.hidden{display:none}#controls .blue{color:#6cc4ff;font-weight:700}#controls .orange{color:#ffa04d;font-weight:700}kbd{text-align:center;background:#ffffff2e;border-radius:4px;min-width:20px;margin:0 1px;padding:0 5px;font:600 12px ui-monospace,monospace;display:inline-block}#toast{text-shadow:0 2px 6px #0009;opacity:0;white-space:nowrap;font-size:20px;font-weight:800;transition:opacity .3s;position:absolute;top:76px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#flash{opacity:0;background:#fff;position:absolute;inset:0}#flash.go{animation:.45s ease-out shutter}@keyframes shutter{0%{opacity:.85}to{opacity:0}}#attribution{color:#ffffffeb;text-shadow:0 1px 3px #000000b3;pointer-events:auto;text-align:center;width:max-content;max-width:calc(100vw - 32px);font-size:10.5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}#attribution a{color:inherit}#loading{background:#1d2330;place-items:center;font-size:22px;font-weight:700;display:grid;position:fixed;inset:0}#loading.error{color:#ff9a9a;text-align:center;padding:24px}#touch-controls{display:none}@media (pointer:coarse),(width<=700px){#touch-controls{pointer-events:none;touch-action:none;display:block;position:absolute;inset:0}#touch-controls button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:#fff;background:#141820ad;border:1px solid #ffffff6b;font:800 22px system-ui;box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff26}#touch-controls button:active{background:#417091e6;transform:scale(.96)}.touch-cluster{bottom:max(22px, env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute}.touch-cluster button{border-radius:50%;width:clamp(52px,15vw,76px);height:clamp(52px,15vw,76px)}.touch-steer{left:max(16px, env(safe-area-inset-left))}.touch-pedals{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column-reverse}.touch-pedals button{border-radius:16px;width:clamp(54px,16vw,80px);height:clamp(44px,12vw,62px);font-size:13px!important}.touch-action{right:max(18px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 145px);border-radius:14px;width:84px;height:44px;position:absolute;font-size:12px!important}.touch-actions{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));gap:7px;display:flex;position:absolute}.touch-actions button{border-radius:12px;width:44px;height:44px;font-size:18px!important}#speedo{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 108px);min-width:100px;padding:6px 10px;font-size:20px;right:50%;transform:translate(50%)}#score{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));font-size:23px}#minimap{width:100px;height:100px;top:calc(max(12px, env(safe-area-inset-top)) + 54px);bottom:auto;left:max(14px, env(safe-area-inset-left));right:auto}#controls{display:none}#attribution{bottom:max(2px, env(safe-area-inset-bottom));font-size:8px}#street{top:max(14px, env(safe-area-inset-top));max-width:calc(100vw - 360px);font-size:15px}#toast{top:calc(max(14px, env(safe-area-inset-top)) + 54px);white-space:normal;text-align:center;max-width:60vw;font-size:16px}#loading{text-align:center;padding:24px;font-size:18px}}@media (width<=980px){#street{top:76px}#toast{top:128px}}@media (width<=700px){#street{top:calc(max(10px, env(safe-area-inset-top)) + 54px);max-width:calc(100vw - 32px)}#toast{top:calc(max(10px, env(safe-area-inset-top)) + 88px);width:max-content;max-width:calc(100vw - 40px)}#minimap{top:calc(max(10px, env(safe-area-inset-top)) + 136px);width:90px;height:90px}}@media (pointer:coarse) and (width>=701px){#street{top:max(14px, env(safe-area-inset-top))}#toast{top:calc(max(14px, env(safe-area-inset-top)) + 54px)}}.hyper-overlay{pointer-events:none;display:none;position:absolute;inset:0}.hyper-overlay.on{display:block}.hyper-loading{text-align:center;background:radial-gradient(circle at 50% 40%,#1b2440 0%,#05070d 75%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:none;position:absolute;inset:0}.hyper-loading.show{display:flex}.hyper-title{letter-spacing:.18em;background:linear-gradient(90deg,#8fd3ff,#fff,#ffcf7a);color:#0000;filter:drop-shadow(0 0 18px #8fd3ff8c);-webkit-background-clip:text;background-clip:text;font:900 clamp(28px,7vw,64px)/1 system-ui}.hyper-count{opacity:.85;font:600 15px ui-monospace,monospace}.hyper-bar{background:#ffffff1f;border-radius:2px;width:min(420px,80vw);height:4px;overflow:hidden}.hyper-bar-fill{transform-origin:0;background:linear-gradient(90deg,#4fb7ff,#ffcf7a);height:100%;transform:scaleX(0);box-shadow:0 0 12px #4fb7ff}.hyper-quip{opacity:.75;min-height:1.2em;font-size:15px;font-style:italic}.hyper-specs{text-align:left;grid-template-columns:auto auto;gap:4px 18px;margin:14px 0 0;font:600 12px ui-monospace,monospace;display:grid}.hyper-specs dt{opacity:.6}.hyper-specs dd{color:#ffcf7a;margin:0}.hyper-badge{text-align:right;text-shadow:0 1px 4px #000c;opacity:.9;font:700 11px ui-monospace,monospace;position:absolute;top:16px;right:16px}.hyper-fps{color:#9dff7a;margin-top:2px;font-size:13px}@media (pointer:coarse),(width<=700px){.hyper-badge{top:calc(max(12px, env(safe-area-inset-top)) + 54px);right:max(14px, env(safe-area-inset-right));font-size:9px}.hyper-fps{font-size:11px}}
