:root{--bg: #0b1018;--panel: #121a26;--ink: #e8eef7;--muted: #8b9bb0;--line: #2a3a50;--accent: #f5c518;--accent-dim: #c49612}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,Malgun Gothic,sans-serif}body{overflow:hidden}#backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,transparent 20%,#070b12 78%)}#app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:28px 40px 40px;max-width:1100px}.topbar{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.mark{width:28px;height:28px;display:grid;place-items:center;background:var(--accent);color:#111;font-weight:800;letter-spacing:0}.product{color:var(--ink);font-weight:700}.screen{margin-top:auto;margin-bottom:auto;padding:8px 0 48px}.screen.hidden{display:none}.eyebrow{margin:0 0 10px;color:var(--accent);letter-spacing:.28em;font-size:11px;font-weight:700}h1,h2{margin:0 0 12px;font-weight:800;letter-spacing:.04em}h1{font-size:clamp(48px,8vw,84px);line-height:.92}h2{font-size:40px}.lede{margin:0 0 28px;max-width:42ch;color:var(--muted);line-height:1.55}.menu{display:flex;flex-wrap:wrap;gap:10px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#111;font:inherit;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:24px;max-width:620px}.card{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:16px;letter-spacing:0;text-transform:none;font-weight:600}.card.active{border-color:var(--accent)}.card .role{display:block;color:var(--accent-dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.card .name{display:block;font-size:18px}.card .blurb{display:block;margin-top:8px;color:var(--muted);font-weight:400;font-size:13px;line-height:1.4}.hint{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.55}body.playing #app,body.playing #vignette{display:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#hud.hidden,#overlay.hidden,.hidden{display:none!important}#crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #f5c518;transform:rotate(45deg)}#crosshair.hot{border-color:#ff4d6a}#top-obj{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(420px,80vw);text-align:center}#clock{font-weight:800;letter-spacing:.12em;margin-bottom:8px}#caps{display:grid;gap:4px}.cap{height:8px;background:#1a2433;overflow:hidden}.cap i{display:block;height:100%;width:0}.cap.ally i{background:#f5c518}.cap.enemy i{background:#ff4d6a}#obj-label{margin-top:8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}#killfeed{position:absolute;top:18px;right:22px;text-align:right;font-size:13px;color:var(--muted)}#bottom{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}#health-wrap{min-width:180px}#health-bar{width:260px;height:16px}.ow-hp{position:relative;height:10px;background:#161616;border:1px solid #050505;box-shadow:0 0 0 1px #ffffff29;overflow:hidden}.ow-hp .hp-fill{display:block;height:100%;width:var(--hp, 100%);background:linear-gradient(#f8f3e6,#ddd6c4)}.ow-hp .hp-ticks i{position:absolute;top:0;bottom:0;width:1px;background:#3dba6a;transform:translate(-50%);box-shadow:0 0 0 .5px #00000059}.ow-hp .hp-ticks i.major{width:2px;background:#2f9e54}#hp-floats{position:absolute;top:0;right:0;bottom:0;left:0}.hp-float{position:absolute;left:0;top:0;pointer-events:none}.hp-float .ow-hp{width:84px;height:8px}.hp-float.enemy .hp-ticks i{background:#e85d4c}.hp-float.enemy .hp-ticks i.major{background:#c94436}#health-num{display:block;margin-top:6px;font-weight:800}#abils{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.abil{min-width:86px;padding:8px 10px;background:#121a26;border:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.abil.ready{border-color:var(--accent);color:var(--accent)}#ammo{min-width:120px;text-align:right;font-weight:800;font-size:22px}#hint{position:absolute;left:50%;bottom:88px;transform:translate(-50%);color:var(--muted);font-size:13px}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#070b12b8;display:grid;place-items:center}#overlay .panel{width:min(420px,90vw);padding:28px;background:#121a26;border:1px solid var(--line)}@media(max-width:640px){#app{padding:20px 18px 28px}}.maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.map-card{padding:0;overflow:hidden;text-align:left;letter-spacing:0;text-transform:none;font-weight:600;background:#121a26;border:1px solid var(--line);color:var(--ink)}.map-card.active{border-color:var(--accent)}.map-art{height:112px;display:block}.map-art.horizon{background:#1a3a4a}.map-art.streets{background:#2a2436}.map-art.ruins{background:#3a3224}.map-meta{padding:12px 14px 14px}.map-mode{display:block;color:var(--accent);font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}.map-name{display:block;font-size:18px;font-weight:800}.map-en{display:block;margin-top:4px;font-size:11px;letter-spacing:.16em;color:var(--muted)}.map-place{display:block;margin-top:8px;font-size:12px;color:var(--muted);font-weight:400}.sides{display:flex;justify-content:space-between;gap:16px;margin:0 0 18px;max-width:520px}.side{display:flex;gap:6px;align-items:center}.pip{width:18px;height:28px;background:var(--accent)}.side.red .pip{background:#ff4d6a}.side span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#team-count{margin-top:6px;font-size:12px;letter-spacing:.18em;color:var(--muted)}@media(max-width:900px){.maps{grid-template-columns:1fr}}.vote-count{display:block;margin-top:8px;font-size:20px;font-weight:800;color:var(--accent)}.vote-timer{margin:0 0 14px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:800}.map-card.spin-on{border-color:var(--accent);outline:2px solid var(--accent)}.map-card.winner{border-color:var(--accent)}#scope{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 16%,#05070c 17%,#05070c 18%,transparent 19%)}#charge-ring{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border:3px solid rgba(155,28,46,.3);border-radius:50%;overflow:hidden;background:#4a0e164d}#charge-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:#e31c3d4d}#charge-num{position:absolute;left:50%;top:calc(50% + 60px);transform:translate(-50%);font-weight:800;letter-spacing:.12em;color:#e31c3d}.ticket.win{background:#f5c518}#kill-mark{position:absolute;left:50%;top:auto;bottom:96px;width:48px;height:48px;margin:0 0 0 -24px;opacity:0;transform:scale(.84);filter:drop-shadow(0 0 8px rgba(227,28,61,.8));transition:opacity .15s linear,transform .15s ease}#kill-mark.show{opacity:1;transform:scale(1)}#kill-mark .skull{position:absolute;top:0;right:0;bottom:0;left:0;width:48px;height:48px}#kill-mark .gem{display:none;position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;background:#e31c3d}#kill-mark.head .gem{display:block;animation:gems .85s linear infinite}#kill-mark.head .g1{--a: 0deg}#kill-mark.head .g2{--a: 90deg}#kill-mark.head .g3{--a: 180deg}#kill-mark.head .g4{--a: 270deg}@keyframes gems{0%{transform:rotate(var(--a, 0deg)) translate(34px) rotate(45deg)}to{transform:rotate(calc(var(--a, 0deg) + 360deg)) translate(34px) rotate(45deg)}}.ticket-wrap{margin:8px 0 20px}.ticket-label{margin:0 0 8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}#ticket-rail{display:flex;flex-wrap:wrap;gap:6px;min-height:34px}.ticket{width:22px;height:32px;border:1px solid var(--line)}.ticket.horizon{background:#2a5a6a}.ticket.streets{background:#4a3a58}.ticket.ruins{background:#5a4a30}.ticket.on{outline:2px solid #f5c518}.ticket.win{outline:2px solid #f5c518;background:#f5c518}