#gamable-game-zone{background:#06030e;touch-action:none;user-select:none;-webkit-user-select:none}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf4ff;text-shadow:0 2px 6px rgba(0,0,0,.75);overflow:hidden}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px}.hud-panel{background:#060a186b;border:1px solid rgba(120,220,255,.22);border-radius:12px;padding:4px 10px;backdrop-filter:blur(3px)}.hud-place{font-size:clamp(20px,5.4vw,30px);font-weight:900;font-style:italic;letter-spacing:.04em;line-height:1}.hud-place.first{color:#ffd166;text-shadow:0 0 14px rgba(255,209,102,.8)}.hud-district{margin-top:3px;font-size:clamp(9px,2.3vw,12px);letter-spacing:.14em;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.hud-centre{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1 1 auto;max-width:42vw}.hud-timer{font-size:clamp(17px,4.6vw,26px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.03em}.hud-progress{position:relative;width:100%;min-width:90px;height:5px;border-radius:3px;background:#bee6ff38}.hud-dot{position:absolute;top:50%;width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;border-radius:50%;box-shadow:0 0 8px currentColor}.hud-dot-rival{background:#ff2f88;transform:scale(.85)}.hud-dot-player{background:#fff;width:11px;height:11px;margin-left:-5.5px;margin-top:-5.5px;box-shadow:0 0 10px #00e5ff}.hud-right{display:flex;flex-direction:column;align-items:flex-end;padding:2px 10px}.hud-speed{font-size:clamp(22px,6vw,34px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.hud-unit{font-size:clamp(9px,2.3vw,11px);letter-spacing:.16em;opacity:.75}.hud-bars{position:absolute;top:74px;right:12px;width:min(44vw,210px);display:flex;flex-direction:column;gap:6px}.hud-bar-row{display:flex;align-items:center;gap:6px}.hud-bar-label{font-size:clamp(8px,2.1vw,10px);font-weight:800;letter-spacing:.12em;opacity:.85;width:46px;text-align:right;flex:0 0 auto}.hud-bar-label.alarm{color:#ff4d5e;animation:hud-blink .4s steps(2,start) infinite}.hud-bar{flex:1 1 auto;height:7px;border-radius:4px;background:#b4dcff2e;overflow:hidden}.hud-bar-fill{height:100%;width:0%;border-radius:4px;transition:width .08s linear}.hud-bar-fill.nitro{background:linear-gradient(90deg,#12a5ff,#6df3ff);box-shadow:0 0 10px #50e6ffb3}.hud-bar-fill.heat{background:linear-gradient(90deg,#ff8a1f,#ff2f4f)}.hud-bar-fill.heat.alarm{background:#ff2b3d;animation:hud-blink .4s steps(2,start) infinite}.hud-drift{position:absolute;left:0;right:0;top:60%;text-align:center;opacity:0;transform:scale(.85);transition:opacity .12s,transform .12s}.hud-drift.visible{opacity:1;transform:scale(1)}.hud-drift-value{display:inline-block;font-size:clamp(18px,5vw,30px);font-weight:900;font-style:italic;color:#6df3ff;text-shadow:0 0 14px rgba(80,230,255,.8),0 2px 6px rgba(0,0,0,.8)}.hud-banner{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:clamp(26px,8vw,52px);font-weight:900;font-style:italic;letter-spacing:.04em;opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-banner.good{color:#6df3ff;text-shadow:0 0 20px rgba(80,230,255,.85),0 2px 8px rgba(0,0,0,.9)}.hud-banner.bad{color:#ff4d5e;text-shadow:0 0 20px rgba(255,60,90,.85),0 2px 8px rgba(0,0,0,.9)}.hud-banner.info{color:#ffd166;text-shadow:0 0 20px rgba(255,209,102,.7),0 2px 8px rgba(0,0,0,.9)}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 18px 34%;text-align:center;background:radial-gradient(ellipse at 50% 40%,#0a061e59,#04020cd9)}.hud-over-screen{padding-bottom:18%;background:radial-gradient(ellipse at 50% 45%,#0a061e99,#04020ceb)}.hud-game-title{margin:0;font-size:clamp(34px,12vw,74px);font-weight:900;font-style:italic;letter-spacing:.03em;color:#6df3ff;text-shadow:0 0 26px rgba(80,230,255,.8),0 4px 16px rgba(0,0,0,.9)}.hud-game-title.lose{color:#ff7a9c;text-shadow:0 0 26px rgba(255,80,130,.7),0 4px 16px rgba(0,0,0,.9)}.hud-subtitle{margin:0;font-size:clamp(13px,3.6vw,17px);font-weight:700;max-width:30em;letter-spacing:.04em}.hud-hint{margin:14px 0 0;font-size:clamp(14px,4vw,20px);font-weight:900;letter-spacing:.06em;color:#ffd166}.hud-small{margin:0;font-size:clamp(9px,2.5vw,12px);opacity:.8;max-width:34em;letter-spacing:.05em}.hud-best{margin:6px 0 0;font-size:clamp(11px,3vw,14px);font-weight:800;color:#9bff3a;letter-spacing:.05em}.hud-controls{position:absolute;inset:0;pointer-events:none;--btn: clamp(52px, 12.5vmin, 86px);--gap: 2vmin;--pad: 3vmin;--safe: env(safe-area-inset-bottom, 0px)}.hud-btn{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#96e1ff0b;border:1.5px solid rgba(170,235,255,.28);color:#e2f6ffb3;font-weight:800;font-size:clamp(10px,2.7vmin,14px);letter-spacing:.08em;transition:background .08s,border-color .08s,transform .08s;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.hud-btn.pressed{background:#00e5ff33;border-color:#6df3ff;color:#fff;transform:scale(.96)}.hud-btn-left,.hud-btn-right,.hud-btn-brake,.hud-btn-ebrake{width:var(--btn);height:var(--btn)}.hud-btn-left{left:var(--pad);bottom:calc(4vmin + var(--safe));font-size:clamp(18px,5vmin,30px)}.hud-btn-right{left:calc(var(--pad) + var(--btn) + var(--gap));bottom:calc(4vmin + var(--safe));font-size:clamp(18px,5vmin,30px)}.hud-btn-gas{right:var(--pad);bottom:calc(4vmin + var(--safe));width:calc(var(--btn) * 1.3);height:calc(var(--btn) * 1.3);background:#9bff3a0f;border-color:#b4ff784d}.hud-btn-gas.pressed{background:#9bff3a3d;border-color:#b4ff78}.hud-btn-nitro{right:var(--pad);bottom:calc(4vmin + var(--btn) * 1.3 + var(--gap) + var(--safe));width:calc(var(--btn) * 1.05);height:calc(var(--btn) * 1.05);background:#ff2fb00f;border-color:#ff78d252;color:#ffd3f0}.hud-btn-nitro.pressed{background:#ff2fb042;border-color:#ff7ad2}.hud-btn-brake{right:calc(var(--pad) + var(--btn) * 1.3 + var(--gap));bottom:calc(4vmin + var(--safe));background:#ff5a5a0f;border-color:#ff8c8c4d}.hud-btn-brake.pressed{background:#ff5a5a3d;border-color:#ff9a9a}.hud-btn-ebrake{right:calc(var(--pad) + var(--btn) * 1.3 + var(--gap));bottom:calc(4vmin + var(--btn) + var(--gap) + var(--safe));background:#ffd1660f;border-color:#ffd16652;color:#ffe6b0;font-size:clamp(8px,2.1vmin,11px)}.hud-btn-ebrake.pressed{background:#ffd16642;border-color:#ffd166}.hud-btn-mute{left:50%;bottom:calc(10px + var(--safe));width:38px;height:38px;margin-left:-19px;border-radius:12px;font-size:15px}.hud-btn-mute.muted{color:#ff788ce6;border-color:#ff788c66}@keyframes hud-blink{0%{opacity:1}to{opacity:.35}}@keyframes hud-pulse{0%{opacity:1}to{opacity:.45}}.hud-pulse{animation:hud-pulse .9s ease-in-out infinite alternate}