:root{--ink:#f4efe0;--hot:#ff3b30;--amber:#ffc83d}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#111;height:100%;margin:0;font-family:Arial Black,Impact,system-ui,sans-serif;overflow:hidden}canvas{display:block}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.stick-zone{pointer-events:auto;touch-action:none;width:55%;position:fixed;top:0;bottom:0;left:0}.stick-base{background:#00000040;border:3px solid #f4efe08c;border-radius:50%;width:116px;height:116px;margin:-58px 0 0 -58px;display:none;position:fixed}.stick-knob{background:#f4efe0bf;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn{pointer-events:auto;touch-action:none;color:var(--ink);white-space:pre;letter-spacing:.5px;-webkit-tap-highlight-color:transparent;background:#00000059;border:3px solid #f4efe0b3;border-radius:50%;font:700 13px/1.1 Arial Black,system-ui,sans-serif;position:fixed}.btn.on{background:#ffc83d8c}.hud-stars{top:max(10px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));letter-spacing:3px;color:#f4efe080;text-shadow:0 2px #000;font-size:28px;position:fixed}.hud-stars.hot{color:var(--amber);animation:.7s steps(2,end) infinite pulse}@keyframes pulse{50%{color:var(--hot)}}.hud-bars{top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));width:150px;position:fixed}.bar{box-sizing:border-box;background:#00000080;border:2px solid #000;height:10px;margin-bottom:5px}.bar i{background:#46c05a;height:100%;display:block}.bar.car{display:none}.bar.car i{background:#4aa3ff}.hud-speed{left:max(16px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));color:var(--ink);text-shadow:0 2px #000;font-size:16px;position:fixed}.hud-banner{text-align:center;color:var(--hot);letter-spacing:.08em;text-shadow:0 4px #000;opacity:0;font-size:12vmin;transition:opacity .3s;position:fixed;top:38%;left:0;right:0}.hud-banner.show{opacity:1}.hud-money{top:max(70px, calc(env(safe-area-inset-top) + 58px));right:max(16px, env(safe-area-inset-right));color:#7dff8a;text-shadow:0 2px #000;font-size:20px;position:fixed}.hud-weapon{top:max(48px, calc(env(safe-area-inset-top) + 40px));left:max(16px, env(safe-area-inset-left));width:150px;color:var(--ink);text-shadow:0 2px #000;font-size:13px;position:fixed}.hud-obj{left:50%;bottom:max(14px, env(safe-area-inset-bottom));text-align:center;max-width:46vw;color:var(--amber);text-shadow:0 2px #000;font-size:13px;position:fixed;transform:translate(-50%)}.hud-toast{text-align:center;max-width:70vw;color:var(--ink);opacity:0;background:#0000008c;border-radius:6px;padding:8px 14px;font-size:18px;transition:opacity .25s;position:fixed;top:22%;left:50%;transform:translate(-50%)}.hud-toast.show{opacity:1}.hud-timer{left:50%;top:max(10px, env(safe-area-inset-top));color:var(--ink);text-shadow:0 2px #000;font-size:26px;position:fixed;transform:translate(-50%)}.minimap{left:max(16px, env(safe-area-inset-left));top:max(76px, calc(env(safe-area-inset-top) + 68px));background:#00000073;border:2px solid #000;border-radius:50%;width:96px;height:96px;position:fixed}.shop{pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.shop.open{display:flex}.shop-card{border:3px solid var(--ink);min-width:260px;color:var(--ink);background:#1c1f22;border-radius:10px;padding:14px 18px}.shop-card h3{margin:0 0 8px;font-size:18px}.shop-row{justify-content:space-between;align-items:center;gap:14px;margin:6px 0;font-size:14px;display:flex}.shop-row button,.shop-close{border:2px solid var(--ink);min-height:44px;color:var(--ink);background:#333;border-radius:6px;padding:8px 12px;font:700 13px Arial Black,system-ui,sans-serif}.shop-row button:disabled{opacity:.4}:root{--sr:max(22px, env(safe-area-inset-right));--sb:max(22px, env(safe-area-inset-bottom))}.btn{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;transition:transform 60ms,background .1s;display:flex}.btn.on{transform:scale(.92)}.btn-act{right:var(--sr);bottom:var(--sb);width:96px;height:96px;font-size:14px}.btn-act.idle{opacity:.5}.btn-act.ready{border-color:var(--amber);background:#ffc83d47;animation:1s ease-in-out infinite ready}@keyframes ready{50%{box-shadow:0 0 0 8px #ffc83d47}}.btn-fire{right:calc(var(--sr) + 108px);bottom:calc(var(--sb) + 14px);background:#78140a59;border-color:#ff5a46e6;width:88px;height:88px;font-size:14px}.btn-swap{right:calc(var(--sr) + 8px);bottom:calc(var(--sb) + 108px);width:60px;height:60px;font-size:11px}.btn-gas{right:var(--sr);bottom:var(--sb);background:#28783259;border-color:#7dff8a;width:116px;height:116px;font-size:17px}.btn-rev{right:calc(var(--sr) + 128px);bottom:calc(var(--sb) + 4px);background:#781e144d;border-color:#ff7a6a;width:88px;height:88px;font-size:12px}.btn-hb{right:calc(var(--sr) + 134px);bottom:calc(var(--sb) + 104px);width:64px;height:64px;font-size:11px}.in-car .btn-act{right:calc(var(--sr) + 8px);bottom:calc(var(--sb) + 128px);width:66px;height:66px;font-size:12px}.in-car .foot-only,#ui:not(.in-car) .car-only{display:none}.hud-pause{top:max(10px, env(safe-area-inset-top));left:calc(max(16px, env(safe-area-inset-left)) + 164px);width:44px;height:44px;color:var(--ink);pointer-events:auto;touch-action:manipulation;background:#0006;border:2px solid #f4efe099;border-radius:10px;font:900 15px system-ui;position:fixed}.hud-pause:active{background:#ffc83d66}.stick-base{width:124px;height:124px;margin:-62px 0 0 -62px}.stick-knob{width:58px;height:58px}.menu{pointer-events:auto;z-index:5;background:#0a0c0ed1;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.menu.open{display:flex}.menu-card{text-align:center;min-width:280px;max-width:86vw;max-height:92vh;color:var(--ink);flex-direction:column;align-items:stretch;gap:10px;padding:18px 22px;display:flex;overflow:auto}.menu-card h1{letter-spacing:.08em;color:var(--amber);text-shadow:0 4px #000;margin:0;font-size:clamp(34px,10vh,64px)}.menu-card h2{margin:0;font-size:28px}.menu-card p{opacity:.85;margin:0 0 6px;font:14px system-ui,sans-serif}.menu-btn{border:2px solid var(--ink);min-height:54px;color:var(--ink);touch-action:manipulation;background:#2a2e32;border-radius:10px;padding:0 20px;font:800 18px Arial Black,system-ui,sans-serif}.menu-btn.primary{background:var(--amber);color:#111;border-color:#000;min-height:64px;font-size:22px}.menu-btn.danger{color:#ff9a8a;border-color:#ff6a5a;min-height:44px;font-size:13px}.menu-help{opacity:.8;font:12px/1.6 system-ui,sans-serif}.rotate-hint{z-index:9;color:var(--ink);text-align:center;pointer-events:auto;background:#111;flex-direction:column;justify-content:center;align-items:center;font:18px system-ui,sans-serif;display:none;position:fixed;inset:0}.rotate-hint div{font-size:64px}@media (orientation:portrait) and (max-width:700px){.rotate-hint{display:flex}}@media (prefers-reduced-motion:reduce){.btn-act.ready,.hud-stars.hot{animation:none}}@media (max-height:340px){.btn-gas{width:96px;height:96px}.btn-act{width:80px;height:80px}.btn-fire{width:74px;height:74px}}