:root{--bg:#2b2620;--panel:#1c1814c7;--text:#f6f1e7;--muted:#d8cfbf;--accent:#e9b949;--accent-text:#1f1a14;--focus:#ffd86b;--error:#ffb4a6;--line:#ffffff8c;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;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay-card{text-align:center;background:#201b16f0;border:1px solid #ffffff24;border-radius:16px;width:100%;max-width:440px;margin:auto;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}.button-column{gap:10px;margin-top:16px;display:grid}.secondary{color:var(--text);border:2px solid var(--line);background:0 0;border-radius:10px;min-height:48px;padding:10px 24px;font-size:16px;font-weight:600}.primary:disabled,.primary[aria-disabled=true]{opacity:.55}.overlay-card .online-note{font-size:14px}.overlay-card .code-display{color:var(--text);letter-spacing:.12em;font-variant-numeric:tabular-nums;margin:8px 0;font-size:44px;font-weight:800}.overlay-card .link-text{word-break:break-all;font-size:13px}.overlay-card .error-text{color:var(--error)}.overlay-card .warning-text{color:var(--accent);font-weight:700}.code-input{border:2px solid var(--line);width:100%;color:var(--text);letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#ffffff0f;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:28px;display:block}.code-input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.countdown{text-align:center;pointer-events:none;text-shadow:0 2px 12px #000c;place-content:center;display:grid;position:fixed;inset:0}.countdown p{margin:4px 0}.countdown-result,.countdown-round{font-size:22px;font-weight:700}.countdown-number{font-size:96px;font-weight:800;line-height:1}.link-lost{text-align:center;pointer-events:none;max-width:calc(100vw - 32px);font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}