:root{--ink: #140c14;--ember: #ff6a2b;--gold: #ffd27a;--foam: #e8f4ff;--dim: rgba(255, 236, 220, .55);--teal: #4ae0c8}*{box-sizing:border-box;user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:#120910;color:var(--foam);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}canvas{display:block;width:100%;height:100%}#hud{pointer-events:none;position:fixed;inset:0;z-index:2}#brand{position:absolute;top:22px;left:26px}.logo{font-size:22px;letter-spacing:.42em;font-weight:700;color:var(--gold)}.city{margin-top:4px;font-size:12px;letter-spacing:.28em;color:var(--dim)}#loadout{margin-top:8px;font-size:11px;letter-spacing:.22em;color:var(--teal)}#boost-wrap{position:absolute;left:26px;bottom:86px;width:240px}#boost-wrap .label{font-size:11px;letter-spacing:.32em;color:var(--dim);margin-bottom:6px}.bar{height:10px;border:1px solid rgba(255,210,122,.35);background:#00000073;overflow:hidden}#boost-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff4d1a,#ffd27a);box-shadow:0 0 12px #ff6a2b;transition:width .08s linear}#speedo{position:absolute;right:28px;bottom:78px;text-align:right}#speed{font-size:64px;line-height:.9;font-weight:700;letter-spacing:.04em;text-shadow:0 0 18px rgba(255,106,43,.45)}#speedo .unit{font-size:12px;letter-spacing:.28em;color:var(--dim)}#event-banner{position:absolute;top:22px;left:50%;transform:translate(-50%);min-width:280px;padding:10px 22px;text-align:center;letter-spacing:.18em;font-size:14px;background:#12080cb8;border:1px solid rgba(255,106,43,.55)}#event-banner.win{border-color:#7dffb2;color:#7dffb2}#event-banner.lose{border-color:#ff5a6a;color:#ff5a6a}#event-banner.hidden{display:none}#toast{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:42px;letter-spacing:.2em;font-weight:700;color:var(--gold);text-shadow:0 0 24px rgba(255,106,43,.8);opacity:0;transition:opacity .15s ease}#toast.show{opacity:1}#controls{position:absolute;left:26px;bottom:22px;font-size:11px;letter-spacing:.08em;color:var(--dim);line-height:1.55}kbd{display:inline-block;padding:1px 5px;border:1px solid rgba(255,236,220,.25);border-radius:3px;font-family:inherit;font-size:10px}#minimap{position:absolute;top:22px;right:22px;width:148px;height:148px;border:1px solid rgba(255,210,122,.35);background:#0a060a8c}#compass{position:absolute;top:182px;right:22px;width:148px;display:flex;align-items:center;gap:10px}#compass.hidden,#compass.hud-only #compass-dial{display:none}#compass.hud-only{display:flex}#compass-dial{width:36px;height:36px;border:1px solid rgba(255,210,122,.4);border-radius:50%;position:relative;background:#0a060a8c}#compass-needle{position:absolute;left:50%;top:4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:14px solid var(--gold);transform-origin:50% 14px;margin-left:-5px}#compass-meta{letter-spacing:.2em;font-size:11px}#compass-label{color:var(--gold)}#compass-dist{color:var(--dim);margin-top:3px;letter-spacing:.12em}#garage-overlay{position:fixed;inset:0;z-index:4;display:grid;place-items:center;background:#0a060a8c}#garage-overlay.hidden,#mode-overlay.hidden,#map-overlay.hidden{display:none}#mode-overlay,#map-overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#0a060a8c}.slot.on{border-color:var(--teal);box-shadow:0 0 0 1px #4ae0c859}#mode-list,#map-list{display:grid;gap:10px;text-align:left}.garage-panel{text-align:center;min-width:360px;max-width:480px;padding:28px 32px 24px;background:#12080ce0;border:1px solid rgba(74,224,200,.5)}.garage-panel h2{margin:6px 0 0;font-size:42px;letter-spacing:.28em;font-weight:800}.garage-panel .place{letter-spacing:.4em;color:var(--gold);margin:4px 0 18px}#garage-parts{display:grid;gap:10px;text-align:left}.slot{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(255,210,122,.25);background:#00000059}.slot-k{letter-spacing:.22em;font-size:11px;color:var(--dim)}.slot-v{letter-spacing:.16em;color:var(--teal);font-size:16px}.slot-h{color:var(--dim);font-size:11px}.feel{margin-top:16px;color:var(--gold);letter-spacing:.08em;font-size:13px}.garage-panel .hint{margin-top:16px;color:var(--dim);letter-spacing:.1em;font-size:12px}#splash{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,90,30,.28),transparent 55%),#0a060ac7}#splash.gone{display:none}.splash-inner{text-align:center;max-width:560px;padding:24px}.kicker{letter-spacing:.4em;font-size:12px;color:var(--ember)}.splash-inner h1{margin:8px 0 0;font-size:64px;letter-spacing:.28em;font-weight:800}.place{letter-spacing:.46em;color:var(--gold);margin:4px 0 22px}.blurb{color:var(--dim);line-height:1.6;font-size:15px}.cta{margin-top:28px;letter-spacing:.32em;font-size:13px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none;z-index:6}#touch-controls.show{display:block}body.touch-ui #controls{display:none}#touch-stick{pointer-events:auto;position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;border:1px solid rgba(255,210,122,.35);background:#0a060a73;touch-action:none;user-select:none}#touch-stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ff6a2b8c;border:1px solid rgba(255,210,122,.55);box-shadow:0 0 18px #ff6a2b59;will-change:transform}#touch-buttons{pointer-events:none;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:72px 72px 88px;grid-template-rows:52px 72px 88px;gap:10px;touch-action:none;user-select:none}.touch-btn{pointer-events:auto;margin:0;border-radius:16px;border:1px solid rgba(255,210,122,.4);background:#0a060a8c;color:var(--cream, #ffecdc);font:700 12px/1 system-ui,sans-serif;letter-spacing:.12em;touch-action:none;user-select:none;-webkit-user-select:none}.touch-btn.active{background:#ff6a2b73;border-color:#ffd27acc}.touch-map{grid-column:1;grid-row:1;border-radius:12px;font-size:11px}.touch-rev{grid-column:2;grid-row:1;border-radius:12px;font-size:11px}.touch-boost{grid-column:3;grid-row:1 / 3;writing-mode:horizontal-tb}.touch-brake{grid-column:1 / 3;grid-row:2}.touch-gas{grid-column:1 / 4;grid-row:3;border-radius:20px;font-size:16px;letter-spacing:.18em;background:#4ae0c82e;border-color:#4ae0c873}.touch-gas.active{background:#4ae0c866}@media(max-width:420px){#touch-stick{width:112px;height:112px}#touch-buttons{grid-template-columns:56px 56px 68px;grid-template-rows:48px 64px 78px;gap:8px}}