@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg:#070b16;--panel:#0e1628ee;--panel-solid:#121c30;--border:#2a3a58;--text:#e8eef8;--muted:#8b9bb3;--accent:#5ef0ff;--accent-dim:#2a90aa;--purple:#a78bfa;--gold:#c9a44a;--danger:#ff5c6c;--warn:#ffc857;--font-display:"Orbitron", "Segoe UI", sans-serif;--font-body:"Rajdhani", "Segoe UI", sans-serif;--font-mono:"Rajdhani", "Cascadia Mono", 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-body);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 15% 20%,#1a285088,#0000 45%),radial-gradient(at 85% 80%,#2a184888,#0000 40%),linear-gradient(160deg,#070b16 0%,#0c1428 50%,#0a1020 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(12px);backdrop-filter:blur(12px);border-radius:2px;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{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.brand h1{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1.65rem;line-height:1.1}.brand h1 span{color:var(--accent)}.brand-sub{font-family:var(--font-mono);letter-spacing:.18em;color:var(--purple);margin-top:2px;font-size:.72rem}.tagline{color:var(--muted);font-size:.95rem;font-family:var(--font-mono);margin-bottom:16px}.disclaimer-bar{border:1px solid var(--accent-dim);color:var(--accent);font-size:.82rem;font-family:var(--font-mono);background:#0a1a28;margin-bottom:20px;padding:10px 12px}.protocol-tag{font-family:var(--font-display);letter-spacing:.2em;color:var(--purple);margin-bottom:8px;font-size:.7rem}.lobby-heading{font-family:var(--font-display);letter-spacing:.08em;margin-bottom:14px;font-size:1.35rem}.lobby-overlay{background:#070b16;justify-content:stretch;align-items:stretch;padding:0;overflow:hidden}.lobby-shell{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lobby-bg-canvas{z-index:0;cursor:grab;touch-action:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.lobby-bg-canvas:active{cursor:grabbing}.lobby-vignette{z-index:1;pointer-events:none;background:radial-gradient(at 70% 45%,#0000 20%,#070b16cc 72%),linear-gradient(#070b16aa 0%,#0000 18% 70%,#070b16dd 100%);position:absolute;inset:0}.lobby-topbar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a1220ee,#0a122088);border-bottom:1px solid #1e2a4088;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 20px;display:grid;position:relative}.lobby-brand-inline{font-family:var(--font-display);letter-spacing:.14em;align-items:center;gap:10px;font-size:.95rem;display:flex}.lobby-brand-inline span{color:var(--accent)}.lobby-tabs{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.lobby-tab{color:var(--muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.16em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:.72rem;transition:color .15s,border-color .15s,background .15s}.lobby-tab:hover{color:var(--text);background:#ffffff08}.lobby-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#5ef0ff14}.lobby-meta{justify-content:flex-end;align-items:center;gap:8px;display:flex}.meta-chip{font-family:var(--font-mono);color:var(--muted);background:#12182ecc;border:1px solid #2a3a58;padding:6px 10px;font-size:.75rem}.meta-chip strong{color:var(--accent);margin-left:4px}.credit-chip{border:1px solid var(--gold);color:var(--gold);font-family:var(--font-mono);background:#142038cc;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;display:inline-flex}.credit-ico{color:var(--accent)}.icon-round{width:36px;height:36px;color:var(--text);cursor:pointer;font-family:var(--font-display);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);background:#0e1628cc;border:1px solid #2a3a58;font-size:.7rem}.icon-round:hover{border-color:var(--accent);color:var(--accent)}.lobby-stage{z-index:4;pointer-events:none;flex:1;align-items:flex-end;min-height:0;padding:18px 24px 28px;display:flex;position:relative}.lobby-stage>*{pointer-events:auto}.lobby-panel-view{width:min(560px,100%);max-height:100%;overflow:auto}.lobby-panel-view.hidden{display:none}.play-cinematic{flex-direction:column;gap:14px;display:flex}.play-copy{border:1px solid #2a3a5888;border-left:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#0c1528ee,#101828cc);padding:22px 24px 20px;box-shadow:0 20px 60px #000a}.play-mode-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 8px;font-size:clamp(1.6rem,3vw,2.2rem)}.play-mode-desc{color:var(--muted);max-width:36ch;margin-bottom:14px;font-size:1rem}.play-meta-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.play-select{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;flex-direction:column;gap:4px;font-size:.68rem;display:flex}.play-select select{color:var(--text);min-width:110px;font-family:var(--font-body);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:#0a1220;border:1px solid #2a3a58;padding:8px 10px;font-size:.95rem}.play-select select:focus{border-color:var(--accent);outline:none}.play-cta-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.play-cta{letter-spacing:.22em;flex:180px;margin-top:0;padding:16px 22px;font-size:1.05rem;animation:2.4s ease-in-out infinite ctaGlow}.change-mode-btn{flex:none;padding:16px 18px}.play-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.linkish{color:var(--purple);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-underline-offset:3px;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.linkish:hover{color:var(--accent)}.play-preview-hint{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;background:#0a1220aa;border:1px solid #1e2a4088;align-self:flex-start;padding:6px 10px;font-size:.72rem}.stage-panel{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0c1528f0,#101828d8);border:1px solid #2a3a5888;max-height:min(70vh,620px);padding:20px 22px;overflow:auto;box-shadow:0 18px 50px #000a}.stage-panel.compact{max-width:480px}.mode-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050810cc;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.mode-overlay.hidden{display:none}.mode-overlay-panel{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:linear-gradient(160deg,#0e1628f2,#121c30ee);border:1px solid #2a3a58;width:min(920px,100%);padding:22px 24px;box-shadow:0 30px 80px #000c}.mode-carousel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 18px;display:grid}.mode-tile{text-align:left;color:var(--text);cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);min-height:110px;font-family:var(--font-body);background:#0a1220;border:1px solid #2a3a58;padding:16px 14px;transition:border-color .15s,transform .15s,background .15s}.mode-tile:hover{border-color:var(--accent);background:#101c30;transform:translateY(-2px)}.mode-tile.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 24px #5ef0ff22;background:#0e2230}.mode-tile h3{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);margin-bottom:8px;font-size:.85rem}.mode-tile p{color:var(--muted);font-size:.88rem;line-height:1.35}.mode-overlay-actions{justify-content:flex-end;gap:10px;display:flex}.power-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.power-card{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#0a1220;border:1px solid #2a3a58;padding:14px;position:relative}.power-card.selected{border-color:var(--accent)}.power-card.locked{opacity:.45}.power-card h3{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);font-size:.8rem}.power-card p{color:var(--muted);margin-top:4px;font-size:.85rem}.power-card span{font-family:var(--font-display);color:var(--purple);position:absolute;top:10px;right:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:linear-gradient(135deg, var(--accent), #3ad0e0);color:#041018;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-weight:700;font-family:var(--font-display);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);border:none;padding:10px 16px;font-size:.78rem;transition:filter .12s,transform .12s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--text);background:#0e1628cc;border:1px solid #2a3a58}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-family:var(--font-display);margin:14px 0 8px}@keyframes ctaGlow{0%,to{box-shadow:0 0 12px #5ef0ff44}50%{box-shadow:0 0 28px #5ef0ff88}}.fighter-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.fighter-card{cursor:pointer;color:inherit;text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:#0a1220;border:1px solid #2a3a58;padding:14px}.fighter-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fighter-card h3{font-family:var(--font-display);color:var(--accent);letter-spacing:.1em}.fighter-card p{color:var(--purple);font-size:.9rem}.fighter-card span{color:var(--muted);font-size:.8rem}.rank-card{border:1px solid var(--gold);background:#0a1220;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.rank-badge{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg, var(--accent), var(--purple));color:#041018;place-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:800;display:grid}.lb-list{font-family:var(--font-mono);margin-bottom:10px;font-size:.85rem}.lb-row{border-bottom:1px solid #1a2434;justify-content:space-between;padding:4px 0;display:flex}.lb-row.muted{color:var(--muted)}.disclaimer-bar.tiny{margin-top:12px;font-size:.72rem}.fighter-chip{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:.75rem;display:flex}.fighter-mark{border:1px solid var(--accent);width:28px;height:28px;color:var(--accent);background:#152038;place-items:center;font-size:.65rem;font-weight:800;display:grid}@media (width<=1100px){.lobby-topbar{grid-template-columns:1fr;gap:8px}.lobby-tabs,.lobby-meta{justify-content:flex-start}.fighter-cards,.power-grid{grid-template-columns:1fr}}@media (width<=1366px){.play-copy{padding:18px 18px 16px}.play-mode-title{font-size:1.55rem}.lobby-stage{padding:12px 16px 18px}}.panel.wide{width:min(960px,96vw)}.chest-card{border:1px solid var(--border);text-align:center;background:#0d1524;margin:12px 0;padding:16px}.chest-visual{color:var(--accent);font-size:2.4rem}.chest-result{text-align:center;border:1px solid var(--accent);margin-bottom:12px;padding:16px}.chest-reveal .gun-name{font-size:1.6rem;font-weight:800;font-family:var(--font-display)}.owned-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.gun-chip{border:1px solid var(--border);background:#0a1220;padding:8px;font-size:.85rem}.gun-chip small{color:var(--muted);text-transform:uppercase;font-size:.65rem}.change-entry{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:12px}.lobby-panel{background:0 0;border:none;margin-top:0;padding:0}.member-row{border-bottom:1px solid var(--border);font-family:var(--font-mono);justify-content:space-between;gap:8px;padding:6px 0;font-size:.85rem;display:flex}.mp-panel{background:linear-gradient(#0c1420 0%,#0a1018 100%);border:1px solid #1e3a4a;flex-direction:column;width:min(720px,94vw);max-height:min(88vh,720px);padding:18px 20px 14px;display:flex;box-shadow:0 12px 40px #000a}.mp-title{text-align:center;letter-spacing:.22em;color:#9fe9ff;margin:0 0 12px;font-size:1.15rem}.mp-list-head,.mp-row{font-family:var(--font-mono);grid-template-columns:1.6fr .9fr 1.1fr .7fr .6fr .55fr;align-items:center;gap:8px;font-size:.78rem;display:grid}.mp-list-head{color:#6a8498;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1a2a38;padding:0 10px 6px;font-size:.65rem}.mp-list{flex:1;min-height:180px;max-height:42vh;margin-bottom:8px;overflow-y:auto}.mp-row{color:#d5e6f0;cursor:pointer;border-bottom:1px solid #13202c;padding:8px 10px}.mp-row:hover{background:#122030}.mp-row.selected{background:#143048;outline:1px solid #2ec8e8}.mp-name{color:#eef7ff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mp-lock{color:#ffb86b;vertical-align:middle;border:1px solid #ffb86b66;margin-left:4px;padding:0 4px;font-size:.6rem;display:inline-block}.mp-st{color:#6dffa8;font-size:.7rem}.mp-empty{text-align:center;color:#6a8498;font-family:var(--font-mono);padding:28px 12px;font-size:.85rem}.mp-actions{border-top:1px solid #1a2a38;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:10px;display:flex}.mp-actions .btn{letter-spacing:.04em;min-width:0;padding:8px 12px;font-size:.75rem}.mp-status{text-align:center;min-height:1.2em;font-family:var(--font-mono);color:#8ad4ef;margin:4px 0;font-size:.8rem}.mp-status.err{color:#ff7a7a}.mp-host-panel{background:#0c1420;border:1px solid #1e3a4a;width:min(380px,92vw);padding:16px 18px}.mp-host-panel h2{text-align:center;letter-spacing:.14em;color:#9fe9ff;margin:0 0 12px;font-size:1rem}.mp-field{color:#8aa0b4;font-size:.75rem;font-family:var(--font-mono);flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.mp-field input,.mp-field select{color:#fff;background:#0a1220;border:1px solid #243848;padding:8px 10px}.mp-check{font-family:var(--font-mono);color:#c8d8e8;align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem;display:flex}.mp-lobby{width:min(520px,94vw)}.mp-lobby-head h2{color:#e8f6ff;margin:0 0 4px;font-size:1.15rem}.mp-lobby-head p{color:#7a96aa;font-family:var(--font-mono);margin:0 0 12px;font-size:.78rem}.mp-members{background:#0a121c;border:1px solid #1a2a38;max-height:180px;margin-bottom:10px;overflow-y:auto}.mp-member{font-family:var(--font-mono);color:#d8e8f4;border-bottom:1px solid #13202c;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;display:flex}.mp-host-ico{color:#5ef0ff;margin-right:6px}.mp-ready{color:#6dffa8;margin-right:8px;font-size:.68rem}.mp-wait{color:#667888;margin-right:8px;font-size:.68rem}.btn.tiny{padding:3px 8px;font-size:.65rem}.mp-lobby-chat{height:110px;font-family:var(--font-mono);background:#080e16;border:1px solid #1a2a38;margin-bottom:6px;padding:6px 8px;font-size:.72rem;overflow-y:auto}.mp-chat-line{color:#c2d4e0;margin-bottom:3px}.mp-chat-line.sys{color:#6a8498}.mp-lobby-chat-row{gap:6px;margin-bottom:10px;display:flex}.mp-lobby-chat-row input{color:#fff;font-family:var(--font-mono);background:#0a1220;border:1px solid #243848;flex:1;padding:6px 8px;font-size:.78rem}.mp-settings{color:#8ad4ef;font-family:var(--font-mono);border:1px solid #1a2a38;margin-bottom:10px;padding:6px 10px;font-size:.75rem}.mp-settings-grid{gap:8px;margin-top:8px;display:grid}.mp-settings-grid label{color:#7a96aa;flex-direction:column;gap:3px;display:flex}.mp-settings-grid select{color:#fff;background:#0a1220;border:1px solid #243848;padding:6px}@media (width<=700px){.mp-list-head{display:none}.mp-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.mp-row span:nth-child(n+5){display:none}}#srv-name,#srv-mode,#srv-map,textarea,.settings-grid input[type=text],.settings-grid input:not([type=range]),input{border:1px solid var(--border);color:#fff;background:#0a1220;padding:8px}textarea{width:100%;margin-top:6px}.doc h2{color:var(--accent);font-size:1.1rem;font-family:var(--font-display);margin:18px 0 8px}.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}.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:.95rem;display:flex}.settings-grid input[type=range]{width:160px}#hud{pointer-events:none;z-index:10;display:none;position:fixed;inset:0}#hud.active{display:block}.minimap-chip{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#0a1220dd;border:1px solid #2a4a5a;padding:8px 12px;font-size:.65rem;position:absolute;top:16px;left:16px}.crosshair{--ch-spread:6px;background:#7ef0ff;border-radius:1px;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #7ef0ffaa}.crosshair:before,.crosshair:after{content:"";background:#e8eef8cc;position:absolute;box-shadow:0 0 0 1px #0006}.crosshair:before{left:50%;top:calc(-1 * var(--ch-spread) - 8px);width:2px;height:8px;box-shadow:0 calc(var(--ch-spread) * 2 + 8px) 0 0 #e8eef8cc, 0 0 0 1px #0006;transform:translate(-50%)}.crosshair:after{top:50%;left:calc(-1 * var(--ch-spread) - 8px);width:8px;height:2px;box-shadow:calc(var(--ch-spread) * 2 + 8px) 0 0 0 #e8eef8cc, 0 0 0 1px #0006;transform:translateY(-50%)}.crosshair.shield{background:var(--accent);box-shadow:0 0 14px var(--accent)}.hud-bottom{font-family:var(--font-mono);justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.vitals{min-width:240px}.fighter-chip{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:.72rem;display:flex}.fighter-mark{border:1px solid var(--accent);width:22px;height:22px;color:var(--accent);place-items:center;font-size:.55rem;display:grid}.vital-bars{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#0a1220dd;border:1px solid #2a4a5a;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.bar-row{grid-template-columns:42px 1fr 36px;align-items:center;gap:8px;display:grid}.bar-label{color:var(--muted);letter-spacing:.06em;font-size:.65rem}.bar-track{background:#0a1520;border:1px solid #1e3344;height:10px;overflow:hidden}.bar-fill{width:100%;height:100%;transition:width .12s ease-out}.hp-fill{background:linear-gradient(90deg,#1a8f5c,#3dffa8);box-shadow:0 0 8px #3dffa866}.sh-fill{background:linear-gradient(90deg,#1a6a9a,#5ec8ff);box-shadow:0 0 8px #5ec8ff66}.bar-val{text-align:right;color:var(--text);font-size:.85rem;font-weight:700}.bar-val.danger{color:var(--danger)}.ability-slots{gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.abil{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);width:48px;height:48px;color:var(--muted);background:#0a1220cc;border:1px solid #2a4a5a;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.7rem;display:flex}.abil small{color:var(--purple);font-size:.85rem}.stat-block{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#0a1220dd;border:1px solid #2a4a5a;min-width:160px;padding:10px 14px}.stat-block .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.ammo-block{text-align:right;min-width:180px;margin-left:auto}.ammo-row{justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.ammo-mag{color:#7ef0ff;font-size:2.4rem;font-weight:800;font-family:var(--font-display)}.ammo-sep{color:var(--muted);font-size:1.4rem}.ammo-res{color:var(--text);font-size:1.35rem;font-weight:700}.eq-meter{letter-spacing:.12em;color:var(--purple);font-size:.72rem;font-family:var(--font-display);margin-top:4px}.killfeed{width:min(360px,50vw);font-family:var(--font-mono);flex-direction:column;align-items:flex-end;gap:4px;font-size:.82rem;display:flex;position:absolute;top:18px;right:18px}.killfeed .item{border-left:3px solid var(--accent);color:var(--text);clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));background:#0a1220cc;padding:4px 8px}.topbar{font-family:var(--font-mono);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);text-align:center;letter-spacing:.04em;background:#0a1220dd;border:1px solid #2a4a5a;padding:8px 18px;font-size:.95rem;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:.85rem;position:absolute;bottom:100px;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);font-family:var(--font-display);letter-spacing:.1em;margin-bottom:10px}.scoreboard table{border-collapse:collapse;width:100%}.scoreboard th,.scoreboard td{border-bottom:1px solid var(--border);text-align:left;padding:4px 8px}.scoreboard th{color:var(--muted);letter-spacing:.08em;font-size:.75rem}.damage-flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 35%,#ff203055 100%);transition:opacity 80ms;position:absolute;inset:0}.damage-flash.on{opacity:1}.dmg-indicator{opacity:0;pointer-events:none;background:conic-gradient(from -30deg,#ff5c6ccc 0deg,#0000 60deg);width:120px;height:120px;transition:opacity .1s;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(#0000 45%,#000 52% 58%,#0000 65%);mask:radial-gradient(#0000 45%,#000 52% 58%,#0000 65%)}.dmg-indicator.on{opacity:.9}.countdown-overlay{font-family:var(--font-display);color:#7ef0ff;text-shadow:0 0 24px #5ef0ffaa,0 4px #0008;letter-spacing:.08em;font-size:5rem;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.countdown-overlay.hidden{display:none}.storm-warn{font-family:var(--font-display);color:#ffc857;letter-spacing:.16em;background:#2a1a08cc;border:1px solid #ffc85766;padding:4px 12px;font-size:.7rem;font-weight:700;animation:1.2s ease-in-out infinite stormPulse;position:absolute;top:58px;left:50%;transform:translate(-50%)}.storm-warn.hidden{display:none}@keyframes stormPulse{0%,to{opacity:.7}50%{opacity:1}}.hit-marker{opacity:0;border:none;width:22px;height:22px;transition:opacity 80ms,transform 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.hit-marker:before,.hit-marker:after{content:"";background:#fff;width:10px;height:2px;position:absolute}.hit-marker:before{transform-origin:0;top:0;left:0;transform:rotate(45deg);box-shadow:12px 12px #fff}.hit-marker:after{transform-origin:100%;top:0;right:0;transform:rotate(-45deg);box-shadow:-12px 12px #fff}.hit-marker.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.hit-marker.headshot:before{background:#ff5c6c;box-shadow:12px 12px #ff5c6c}.hit-marker.headshot:after{background:#ff5c6c;box-shadow:-12px 12px #ff5c6c}.spectate-banner{color:#fff;font-family:var(--font-mono);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#d94b4bcc;padding:8px 16px;font-weight:700;position:absolute;top:70px;left:50%;transform:translate(-50%)}.spectate-banner.hidden{display:none}.boss-bar{z-index:20;pointer-events:none;text-align:center;width:min(420px,70vw);position:absolute;top:52px;left:50%;transform:translate(-50%)}.boss-bar.hidden{display:none}.boss-name{font-family:var(--font-display,"Segoe UI", sans-serif);letter-spacing:.14em;color:#ffb090;text-shadow:0 0 12px #f306;margin-bottom:4px;font-size:.78rem}.boss-bar.enraged .boss-name{color:#f53;animation:.6s ease-in-out infinite alternate boss-pulse}@keyframes boss-pulse{0%{opacity:.85}to{opacity:1}}.boss-hp-track{background:#0a0808cc;border:1px solid #f535;height:12px;position:relative;overflow:hidden}.boss-hp-trail{pointer-events:none;background:#fa68;width:100%;height:100%;transition:width .35s ease-out;position:absolute;inset:0 auto 0 0}.boss-hp-fill{z-index:1;background:linear-gradient(90deg,#8a1a0a,#f42 60%,#fa6);width:100%;height:100%;transition:width .12s ease-out;position:relative}.boss-enrage-mark{opacity:.7;z-index:2;pointer-events:none;background:#fea;width:2px;position:absolute;top:0;bottom:0;left:30%}.boss-hp-meta{letter-spacing:.08em;color:#ffc8a8aa;font-size:.65rem;font-family:var(--font-mono,monospace);justify-content:space-between;margin-top:3px;display:flex}.boss-bar.enraged .boss-hp-fill{background:linear-gradient(90deg,#5a0000,#f20 50%,#f80)}.boss-abil-hud{z-index:22;pointer-events:none;gap:8px;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.boss-abil-hud.hidden{display:none}.boss-abil{background:#0a0808cc;border:1px solid #f538;place-items:center;width:48px;height:48px;display:grid;position:relative}.boss-abil-key{letter-spacing:.06em;color:#ffc8a8;z-index:1;font-size:.65rem}.boss-abil-cd{background:conic-gradient(#000b calc(var(--cd,0) * 1%), transparent 0);position:absolute;inset:0}.boss-abil.cooling{opacity:.75}.perf-overlay{z-index:40;font-family:var(--font-mono,monospace);color:#9fef9f;pointer-events:none;background:#000a;padding:4px 8px;font-size:11px;position:absolute;top:8px;left:8px}.perf-overlay.hidden{display:none}.chat-panel{pointer-events:none;width:min(380px,48vw);font-family:var(--font-mono);position:absolute;bottom:120px;left:16px}.chat-feed{flex-direction:column;gap:3px;max-height:180px;display:flex;overflow-y:auto}.chat-line{background:#0a1220aa;padding:4px 8px;font-size:.82rem}.chat-line .chat-name{color:var(--accent);margin-right:6px;font-weight:700}.chat-line.system .chat-name{color:var(--warn)}.chat-input{pointer-events:auto;border:1px solid var(--accent);width:100%;color:var(--text);background:#0a1220ee;margin-top:6px;padding:8px 10px}.chat-input.hidden{display:none}#end-screen{z-index:25}.end-panel{overflow:hidden}.end-title{font-family:var(--font-display);letter-spacing:.16em;margin:8px 0 18px;font-size:clamp(2.4rem,6vw,3.6rem)}#end-screen.victory .end-title{color:var(--gold);text-shadow:0 0 40px #c9a44a88;animation:.6s ease-out victoryIn}#end-screen.defeat .end-title{color:var(--danger);text-shadow:0 0 40px #ff5c6c66;animation:.6s ease-out defeatIn}@keyframes victoryIn{0%{opacity:0;letter-spacing:.4em;transform:scale(.85)translateY(12px)}to{opacity:1;letter-spacing:.16em;transform:scale(1)translateY(0)}}@keyframes defeatIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}.end-stats{justify-content:center;gap:24px;margin-bottom:12px;display:flex}.end-stat{flex-direction:column;gap:4px;min-width:80px;display:flex}.end-stat span{letter-spacing:.14em;color:var(--muted);font-size:.7rem;font-family:var(--font-display)}.end-stat strong{font-size:1.6rem;font-family:var(--font-display);color:var(--accent)}.xp-track{background:#ffffff14;border-radius:4px;max-width:320px;height:8px;margin-top:8px;overflow:hidden}.xp-track.thin{height:4px;margin-top:6px}.xp-fill{background:linear-gradient(90deg,#3dffa8,#5ef0ff);width:0%;height:100%;transition:width .25s}.quest-list{gap:10px;margin-bottom:8px;display:grid}.quest-card{background:#0a14248c;border:1px solid #5ef0ff26;padding:10px 12px}.quest-card.ready{border-color:#3dffa88c}.quest-card.claimed{opacity:.55}.quest-head{justify-content:space-between;gap:8px;display:flex}.season-track{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.season-node{background:#ffffff0a;border:1px solid #ffffff1a;padding:6px 10px;font-size:12px}.season-node.got{color:#3dffa8;border-color:#3dffa8}.season-node.locked{opacity:.4}.title-list{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.title-chip{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #fff3;padding:4px 10px}.title-chip.active{color:#5ef0ff;border-color:#5ef0ff}.login-toast{background:linear-gradient(90deg,#3dffa826,#5ef0ff14);border-left:3px solid #3dffa8;margin:8px 0 12px;padding:10px 12px}.mvp-tag{letter-spacing:.2em;color:#ffb43d;font-weight:700}.mvp-tag.hidden{display:none}.tiny-btn{margin-top:6px;padding:4px 8px;font-size:12px}#hud.low-hp:after{content:"";pointer-events:none;z-index:5;position:fixed;inset:0;box-shadow:inset 0 0 120px #b414288c}#hud.near-miss:before{content:"";pointer-events:none;z-index:4;background:#ffdcb40f;position:fixed;inset:0}.streak-chip,.bounty-chip{letter-spacing:.12em;z-index:8;background:#00000073;border:1px solid #ffb43d80;padding:4px 12px;font-size:12px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.bounty-chip{color:#ff8aa0;border-color:#ff4d6a8c;top:100px}.streak-chip.hidden,.bounty-chip.hidden{display:none}.last-match{background:#00000040;margin-bottom:12px;padding:8px 10px}