html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;padding:0;overflow:hidden}canvas{display:block}#hud-off-track,#hud-lap-invalid{color:#fff;letter-spacing:.05em;background:#c22;border-radius:4px;padding:6px 16px;font:700 18px system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%)}#hud-off-track{top:16px}#hud-lap-invalid{background:#950;top:56px}#hud-lap-count,#hud-speed,#hud-current-lap-time,#hud-last-lap-time,#hud-best-lap-time{color:#fff;text-shadow:0 1px 3px #000c;font:700 18px system-ui,sans-serif;position:fixed;left:16px}#hud-lap-count{top:16px}#hud-speed{top:44px}#hud-current-lap-time{top:72px}#hud-last-lap-time{top:100px}#hud-best-lap-time{top:128px}.touch-zone{bottom:calc(24px + env(safe-area-inset-bottom));color:#fff;letter-spacing:.05em;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font:700 15px system-ui,sans-serif;display:flex;position:fixed}#touch-brake{left:calc(24px + env(safe-area-inset-left))}#touch-throttle{right:calc(24px + env(safe-area-inset-right))}#rotate-hint{z-index:1000;color:#fff;text-align:center;background:#000000eb;justify-content:center;align-items:center;padding:40px;font:700 20px system-ui,sans-serif;display:none;position:fixed;inset:0}@media (orientation:portrait){#rotate-hint{display:flex}}.tilt-permission-button{color:#fff;background:#26c;border:none;border-radius:6px;padding:10px 18px;font:700 16px system-ui,sans-serif;position:fixed;top:16px;left:50%;transform:translate(-50%)}