:root{--bg:#070b14;--panel:#101827ee;--panel-solid:#121c2c;--border:#243249;--text:#e8eef8;--muted:#8b9bb3;--accent:#3dffa8;--accent-dim:#1a8f5c;--danger:#ff5c6c;--warn:#ffc857;--font-display:"Segoe UI", "Trebuchet MS", sans-serif;--font-mono:"Cascadia Mono", "Consolas", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-display);overflow:hidden}button,input,select{font:inherit}canvas#game-canvas{background:#0a1020;width:100%;height:100%;display:block}.overlay{z-index:20;background:radial-gradient(at 20% 10%,#1a3a2a88,#0000 50%),radial-gradient(at 80% 90%,#142038aa,#0000 45%),linear-gradient(160deg,#070b14 0%,#0d1524 50%,#0a1a14 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;width:min(920px,94vw);max-height:min(90vh,860px);padding:28px 32px;overflow:auto;box-shadow:0 24px 80px #000a}.brand{align-items:center;gap:14px;margin-bottom:8px;display:flex}.brand-mark{border:2px solid var(--accent);width:48px;height:48px;color:var(--accent);letter-spacing:-1px;background:#0e1a28;place-items:center;font-weight:800;display:grid}.brand h1{letter-spacing:.04em;text-transform:uppercase;font-size:1.65rem;line-height:1.1}.brand h1 span{color:var(--accent)}.tagline{color:var(--muted);font-size:.95rem;font-family:var(--font-mono);margin-bottom:22px}.disclaimer-bar{border:1px solid var(--accent-dim);color:var(--accent);font-size:.82rem;font-family:var(--font-mono);background:#0d2218;margin-bottom:20px;padding:10px 12px}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.mode-card{text-align:left;background:var(--panel-solid);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:16px;transition:border-color .15s,transform .15s}.mode-card:hover{border-color:var(--accent);transform:translateY(-2px)}.mode-card h3{color:var(--accent);margin-bottom:6px;font-size:1.05rem}.mode-card p{color:var(--muted);font-size:.85rem;line-height:1.35}.mode-card.soon{opacity:.55;cursor:not-allowed}.mode-card.soon:hover{border-color:var(--border);transform:none}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:var(--accent);color:#04140c;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;padding:10px 16px;font-weight:700}.btn:hover{filter:brightness(1.08)}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.legal-links{flex-wrap:wrap;gap:14px;margin-top:18px;font-size:.85rem;display:flex}.legal-links a,.legal-links button.linkish{color:var(--muted);cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.legal-links a:hover,.legal-links button.linkish:hover{color:var(--accent)}.doc h2{color:var(--accent);margin:18px 0 8px;font-size:1.1rem}.doc p,.doc li{color:var(--muted);margin-bottom:8px;font-size:.92rem;line-height:1.5}.doc ul{margin-bottom:10px;padding-left:1.2rem}.doc .meta{font-family:var(--font-mono);color:var(--accent-dim);margin-bottom:12px;font-size:.78rem}#hud{pointer-events:none;z-index:10;display:none;position:fixed;inset:0}#hud.active{display:block}.crosshair{border:2px solid #e8eef8cc;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008}.crosshair:before,.crosshair:after{content:"";background:#e8eef8cc;position:absolute}.crosshair:before{width:2px;height:6px;top:-8px;left:50%;transform:translate(-50%)}.crosshair:after{width:2px;height:6px;bottom:-8px;left:50%;transform:translate(-50%)}.hud-bottom{font-family:var(--font-mono);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.stat-block{border:1px solid var(--border);background:#0a1220cc;min-width:140px;padding:10px 14px}.stat-block .label{color:var(--muted);text-transform:uppercase;font-size:.7rem}.stat-block .value{color:var(--accent);font-size:1.6rem;font-weight:700}.stat-block .value.danger{color:var(--danger)}.weapon-name{text-align:right}.killfeed{width:min(360px,50vw);font-family:var(--font-mono);flex-direction:column;align-items:flex-end;gap:4px;font-size:.78rem;display:flex;position:absolute;top:18px;right:18px}.killfeed .item{border-left:3px solid var(--accent);color:var(--text);background:#0a1220cc;padding:4px 8px}.topbar{font-family:var(--font-mono);border:1px solid var(--border);text-align:center;background:#0a1220cc;padding:8px 16px;font-size:.9rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}.topbar .zone{color:var(--warn)}.hint{font-family:var(--font-mono);color:var(--muted);background:#0a122088;padding:6px 10px;font-size:.8rem;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.scoreboard{pointer-events:none;background:#0008;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.scoreboard.visible{display:flex}.scoreboard .inner{background:var(--panel-solid);border:1px solid var(--border);min-width:320px;font-family:var(--font-mono);padding:18px 22px}.scoreboard h3{color:var(--accent);margin-bottom:10px}.scoreboard table{border-collapse:collapse;width:100%}.scoreboard td{border-bottom:1px solid var(--border);padding:4px 8px}.damage-flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 40%,#f004 100%);transition:opacity .1s;position:absolute;inset:0}.damage-flash.on{opacity:1}#end-screen{z-index:25}.settings-grid{gap:12px;margin:16px 0;display:grid}.settings-grid label{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.settings-grid input[type=range]{width:160px}