#gamable-game-zone{background:#0b1220;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}#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:#fff;text-shadow:0 2px 4px rgba(0,0,0,.55)}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;font-weight:800}.hud-chip{padding:3px 9px;border-radius:11px;background:#080e1c8c;font-size:clamp(11px,3.2vw,15px);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-time{font-size:clamp(22px,7.5vw,34px);background:#080e1ca6;padding:2px 12px}.hud-time.warning{background:#d62828;animation:pulse .5s ease-in-out infinite alternate}.hud-speed{text-align:right}.hud-compass{position:absolute;top:56px;left:50%;transform:translate(-50%);width:58px;height:58px;border-radius:50%;border:2px solid rgba(57,255,158,.7);background:#080e1c73;display:flex;align-items:center;justify-content:center}.hud-compass.close{border-color:#39ff9e;box-shadow:0 0 14px #39ff9e99}.hud-arrow{font-size:22px;line-height:1;color:#39ff9e;transition:transform .12s linear}.hud-compass-distance{position:absolute;top:60px;left:0;right:0;text-align:center;font-size:11px;font-weight:800;transform:none}.hud-nitro{position:absolute;bottom:clamp(120px,30vh,210px);left:50%;transform:translate(-50%);width:min(46vw,240px);height:20px;border-radius:10px;background:#080e1c8c;border:1px solid rgba(255,255,255,.25);overflow:hidden;display:flex;align-items:center;justify-content:center}.hud-nitro-fill{position:absolute;left:0;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#1f9fd0,#6ef0ff);transition:width .1s linear}.hud-nitro.empty .hud-nitro-fill{background:linear-gradient(90deg,#6b4a1f,#a97a2a)}.hud-nitro-label{position:relative;font-size:11px;font-weight:900;letter-spacing:.12em}.hud-banner{position:absolute;top:26%;left:0;right:0;text-align:center;font-size:clamp(22px,7vw,40px);font-weight:900;font-style:italic;color:#ffd166;opacity:0;transform:scale(.8);transition:opacity .18s,transform .18s}.hud-banner.bad{color:#ff5252}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-hint{position:absolute;top:34%;left:8%;right:8%;text-align:center;font-size:clamp(12px,3.6vw,16px);font-weight:700;opacity:0;transition:opacity .4s}.hud-hint.visible{opacity:.95}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px;text-align:center;background:linear-gradient(#050a1659,#050a16d1)}.hud-title{margin:0;font-size:clamp(30px,10vw,64px);font-weight:900;font-style:italic;letter-spacing:.03em;color:#39ff9e;text-shadow:0 0 22px rgba(57,255,158,.35),0 3px 6px rgba(0,0,0,.6)}.hud-subtitle{margin:0;font-size:clamp(14px,3.8vw,19px);font-weight:600;max-width:30em}.hud-small{margin:0;font-size:clamp(11px,3vw,13px);opacity:.85;max-width:32em}.hud-buttons{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap;justify-content:center}.hud-button{pointer-events:auto;touch-action:manipulation;font-family:inherit;font-size:clamp(15px,4.4vw,20px);font-weight:900;letter-spacing:.06em;color:#fff;background:#141e37e6;border:2px solid rgba(255,255,255,.3);border-radius:14px;padding:12px 22px;min-width:120px;cursor:pointer}.hud-button.primary{background:linear-gradient(#1fce77,#12a05a);border-color:#ffffff80;color:#04220f}.hud-button.small{font-size:clamp(12px,3.4vw,15px);padding:9px 12px;min-width:0}.hud-button:active{transform:translateY(1px);filter:brightness(1.12)}.controls{position:absolute;inset:0;pointer-events:none;z-index:5}.controls.hidden{display:none}.controls-steer,.controls-pedals{position:absolute;bottom:0;display:block}.controls-steer{left:0;width:min(48vw,230px);height:min(30vh,190px)}.controls-pedals{right:0;width:min(52vw,250px);height:min(34vh,220px)}.ctl{position:absolute;pointer-events:auto;touch-action:none;font-family:inherit;font-weight:900;color:#fff;background:#0f182c8c;border:2px solid rgba(255,255,255,.38);border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}.ctl.active{background:#39ff9e66;border-color:#b6ffdc;transform:scale(.96)}.ctl-steer{width:min(21vw,96px);height:min(21vw,96px);bottom:14px;font-size:min(8vw,34px)}.ctl-steer:first-child{left:8px}.ctl-steer:last-child{right:8px}.ctl-gas{width:min(24vw,112px);height:min(24vw,112px);right:10px;bottom:12px;font-size:min(5.4vw,22px);background:#14825a99}.ctl-brake{width:min(19vw,86px);height:min(19vw,86px);right:min(26vw,126px);bottom:18px;font-size:min(4vw,16px);background:#8c28288c}.ctl-nitro{width:min(19vw,86px);height:min(19vw,86px);right:min(6vw,30px);bottom:min(26vw,128px);font-size:min(4vw,16px);background:#1e6ea099;border-color:#6ef0ffb3}.garage{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;z-index:8}.garage.hidden{display:none}.garage-head{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:linear-gradient(#060a16d9,#060a1600)}.garage-tabs{display:flex;gap:6px}.garage-tab{pointer-events:auto;font-family:inherit;font-size:clamp(12px,3.4vw,15px);font-weight:900;letter-spacing:.08em;color:#ffffffb3;background:#0f182cb3;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 14px}.garage-tab.active{color:#04220f;background:#39ff9e;border-color:#b6ffdc}.garage-stage{flex:1 1 auto;pointer-events:auto}.garage-rows{pointer-events:auto;max-height:46%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#060a16eb;border-top:2px solid rgba(57,255,158,.5);padding:10px 12px 18px}.garage-title{font-size:clamp(12px,3.4vw,14px);font-weight:900;letter-spacing:.16em;color:#39ff9e;margin-bottom:6px}.garage-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08)}.garage-label{font-size:clamp(12px,3.5vw,14px);font-weight:700;opacity:.85;flex:0 0 33%}.garage-controls{display:flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:flex-end}.garage-arrow{pointer-events:auto;font-family:inherit;font-size:15px;font-weight:900;color:#fff;background:#1e2c4ae6;border:2px solid rgba(255,255,255,.25);border-radius:9px;width:40px;height:38px}.garage-arrow:active{background:#39ff9e;color:#04220f}.garage-value{pointer-events:auto;display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto;justify-content:center;font-size:clamp(12px,3.6vw,15px);font-weight:800}.garage-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;flex:0 0 auto}.garage-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pulse{0%{opacity:1}to{opacity:.5}}