:root{--bg: #2d3340;--panel: #394152;--text: #f2f4f7;--muted: #a9b2c3;--accent: #f5c518}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#touch{position:fixed;inset:0;touch-action:none}#joystick{position:fixed;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);pointer-events:none}#joystick[hidden]{display:none}#joystick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffff8c}#hud{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));padding:4px 10px;border-radius:8px;background:#00000059;font-size:13px;pointer-events:none}#hud[hidden]{display:none}#menu{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#44506a,var(--bg));padding:16px}#menu[hidden]{display:none}#menu-form{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:var(--panel);box-shadow:0 12px 40px #00000059;text-align:center}#menu-form h1{margin:0;font-size:28px;color:var(--accent)}#menu-form p{margin:0;color:var(--muted)}#menu-form input{font:inherit;font-size:18px;padding:12px 14px;border-radius:10px;border:2px solid transparent;background:#262c38;color:var(--text);text-align:center;outline:none;-webkit-user-select:text;user-select:text}#menu-form input:focus{border-color:var(--accent)}#menu-form button{font:inherit;font-size:18px;font-weight:700;padding:12px;border:0;border-radius:10px;background:var(--accent);color:#1d2027;cursor:pointer}#menu-form button:disabled{opacity:.6;cursor:default}#menu-error{min-height:1.2em;color:#ff8a80;font-size:14px}#menu-form small{color:var(--muted);line-height:1.4}#speedo{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);padding:6px 16px;border-radius:10px;background:#0006;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}#toast{position:fixed;top:18%;left:50%;transform:translate(-50%);max-width:80vw;padding:8px 16px;border-radius:10px;background:#0009;font-size:15px;text-align:center;pointer-events:none}#action,#handbrake{position:fixed;right:max(20px,env(safe-area-inset-right));font:inherit;font-weight:700;color:#1d2027;border:0;border-radius:14px;touch-action:none}#action{bottom:max(28px,env(safe-area-inset-bottom));min-width:132px;padding:16px 20px;font-size:18px;background:var(--accent);box-shadow:0 6px 20px #00000059}#handbrake{bottom:calc(max(28px,env(safe-area-inset-bottom)) + 76px);padding:12px 18px;font-size:15px;background:#e5534b;color:#fff}#handbrake:active{background:#b8372f}#action[hidden],#handbrake[hidden],#speedo[hidden],#toast[hidden]{display:none}