*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;overflow:hidden}#app canvas{display:block}#hud{text-align:right;color:#fff;text-shadow:0 2px 8px #0009;pointer-events:none;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:22px;right:28px}#compass{background:#0a0c1080;border:2px solid #ffffff59;border-radius:50%;width:64px;height:64px;margin-bottom:8px;position:relative}#compass-rose{will-change:transform;position:absolute;inset:0}#compass .c{color:#ffffffd9;text-shadow:none;font-size:13px;font-weight:700;position:absolute}#compass .c-n{color:#ff6058;top:4px;left:50%;transform:translate(-50%)}#compass .c-s{bottom:4px;left:50%;transform:translate(-50%)}#compass .c-e{top:50%;right:6px;transform:translateY(-50%)}#compass .c-w{top:50%;left:6px;transform:translateY(-50%)}#compass-marker{border-top:8px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}#minimap{pointer-events:none;border:2px solid #ffffff80;border-radius:8px;width:180px;height:180px;position:fixed;top:12px;left:12px;box-shadow:0 4px 16px #00000059}#hud #speed{letter-spacing:-2px;font-size:64px;font-style:italic;font-weight:800;line-height:1}#hud .unit{letter-spacing:4px;opacity:.8;margin-top:2px;font-size:15px;font-weight:700}#race{color:#fff;letter-spacing:1px;text-shadow:0 2px 10px #000000b3;pointer-events:none;white-space:nowrap;background:#0a0c1073;border-radius:12px;padding:6px 22px;font-size:34px;font-style:italic;font-weight:800;display:none;position:fixed;top:18px;left:50%;transform:translate(-50%)}#hint{color:#ffffffd9;letter-spacing:.4px;pointer-events:none;white-space:nowrap;background:#0a0c1073;border-radius:999px;padding:8px 18px;font-size:12.5px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}body.touch{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.touch #hint{display:none}body.touch #hud{bottom:12px;right:50%;transform:translate(50%)}#touch-ui .pedal{bottom:calc(14px + env(safe-area-inset-bottom));color:#ffffffe6;letter-spacing:1px;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0c1080;border:2px solid #ffffff59;border-radius:50%;width:clamp(84px,20vw,128px);height:clamp(84px,20vw,128px);font:700 15px/1 Avenir Next,Segoe UI,system-ui,sans-serif;position:fixed}#touch-ui .pedal.held{background:#ffffff47;border-color:#ffffffb3}#touch-ui #pedal-gas{right:calc(16px + env(safe-area-inset-right))}#touch-ui #pedal-brake{left:calc(16px + env(safe-area-inset-left))}#touch-ui #pedal-rev{left:calc(16px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom) + clamp(84px, 20vw, 128px) + 12px);width:clamp(60px,14vw,92px);height:clamp(60px,14vw,92px);font-size:12px}#touch-reset{top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));color:#ffffffe6;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0c1080;border:2px solid #ffffff59;border-radius:50%;width:46px;height:46px;font-size:22px;line-height:1;position:fixed}#tilt-cta{left:50%;bottom:calc(30px + env(safe-area-inset-bottom) + clamp(84px, 20vw, 128px));color:#fff;background:#0a0c10b3;border:2px solid #ffffff80;border-radius:999px;padding:12px 22px;font:600 14px/1 Avenir Next,Segoe UI,system-ui,sans-serif;position:fixed;transform:translate(-50%)}