:root{--bg:#2b2620;--panel:#1c1814c7;--text:#f6f1e7;--muted:#d8cfbf;--accent:#e9b949;--accent-text:#1f1a14;--focus:#ffd86b;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}.app,.surface{position:fixed;inset:0}.surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.panel{background:var(--panel);color:var(--text);border:1px solid #ffffff1f;border-radius:10px;padding:8px 12px;font-size:15px}.hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.hud-top{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));justify-content:center;align-items:center;gap:8px;height:44px;display:flex;position:absolute}.hud-buttons{gap:8px;display:flex}.button-small{pointer-events:auto;min-width:44px;min-height:44px}.hud-bottom{align-self:center;gap:20px;margin-top:auto;display:flex}.ammo{align-items:center;gap:8px;display:flex}.ammo-label{color:var(--muted)}.pips{gap:5px;display:flex}.pip{border:2px solid var(--muted);border-radius:50%;width:12px;height:12px}.pip.full{background:var(--accent);border-color:var(--accent)}.reload-bar{background:#fff3;border-radius:4px;width:40px;height:8px;overflow:hidden}.reload-fill{background:var(--muted);height:100%;display:block}.overlay{background:#14110e73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-card{text-align:center;background:#201b16f0;border:1px solid #ffffff24;border-radius:16px;width:100%;max-width:440px;padding:24px 28px;box-shadow:0 20px 50px #0006}.overlay-card h1{letter-spacing:.02em;margin:0 0 12px;font-size:30px}.overlay-card p{color:var(--muted);line-height:1.45}.help{color:var(--muted);margin:16px 0 20px;padding:0;line-height:1.9;list-style:none}kbd{min-width:1.6em;color:var(--text);background:#ffffff14;border:1px solid #ffffff59;border-radius:5px;padding:0 5px;font-family:inherit;font-size:.9em;line-height:1.5;display:inline-block}.primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;min-height:48px;padding:12px 28px;font-size:17px;font-weight:700}.touch-layer{position:fixed;inset:0}.touch-zone{touch-action:none;position:absolute;top:0;bottom:0}.touch-left{width:50%;left:0}.touch-right{width:50%;right:0}.stick-base{pointer-events:none;background:#ffffff14;border:2px solid #fff6;border-radius:50%;place-items:center;width:112px;height:112px;margin:-56px 0 0 -56px;display:grid;position:fixed}.stick-knob{background:#ffffff8c;border-radius:50%;width:48px;height:48px}.mine-button{right:max(16px, env(safe-area-inset-right));bottom:max(70px, calc(env(safe-area-inset-bottom) + 60px));width:72px;height:72px;color:var(--accent-text);touch-action:none;background:#c9a23ad9;border:2px solid #ffffff80;border-radius:50%;font-weight:700;position:absolute}@media (height<=420px){.panel{padding:6px 10px;font-size:13px}}.new-tank strong{color:var(--text)}.swatch{vertical-align:-2px;border:1px solid #ffffff80;border-radius:3px;width:14px;height:14px;margin-right:8px;display:inline-block}