:root{--bg:#06080d;--panel:#0b101af0;--panel-border:#2b3a52;--text:#eaf2ff;--muted:#9fb1c9;--accent:#00e5ff;--accent-2:#ff3b6b;--good:#4ade80;--warn:#fbbf24;--p1:#46b6ff;--p2:#ff6b6b;--p3:#7dff8f;--p4:#ffd166;--radius:10px;font-synthesis-weight:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;overflow:hidden}#viewport{cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--accent);color:var(--text);border-radius:var(--radius);letter-spacing:.02em;background:linear-gradient(#00e5ff38,#00e5ff14);padding:.7em 1.4em;font-weight:650;transition:transform 80ms,background .15s}button:hover{background:linear-gradient(#00e5ff59,#00e5ff24)}button:active{transform:translateY(1px)}button.secondary{border-color:var(--panel-border);background:#ffffff0d}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:radial-gradient(circle at 50% 30%,#003c5a59,#03050acc 75%);place-items:center;padding:2rem 1rem;display:grid;position:fixed;inset:0;overflow:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;width:min(560px,100%);padding:1.75rem;box-shadow:0 24px 70px #0009}.panel h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2.4rem}.panel h1 span{color:var(--accent)}.panel h2{margin:0 0 1rem;font-size:1.4rem}.tagline{color:var(--muted);margin:0 0 1.5rem;line-height:1.5}.hint{color:var(--muted);font-size:.85rem;font-weight:400}label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}input[type=text],input#nick{border-radius:var(--radius);border:1px solid var(--panel-border);background:#ffffff0f;width:100%;margin-bottom:1rem;padding:.7em .9em}fieldset{border:1px solid var(--panel-border);border-radius:var(--radius);margin:0 0 1.2rem;padding:.9rem}legend{padding:0 .4rem;font-size:.9rem;font-weight:600}.slots{flex-wrap:wrap;gap:.5rem;display:flex}.slots label{margin:0}.slots input{opacity:0;width:1px;height:1px;position:absolute}.slots span{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:999px;padding:.5em .85em;font-size:.85rem;display:inline-block}.slots input:checked+span{border-color:var(--accent);background:#00e5ff33}.slots input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}#join-button{width:100%}.form-error{color:var(--accent-2);min-height:1.3em;margin:.7rem 0 0;font-size:.9rem}.controls-help{border-top:1px solid var(--panel-border);color:var(--muted);margin-top:1.4rem;padding-top:1rem;font-size:.9rem}.controls-help summary{cursor:pointer;color:var(--text);font-weight:600}.controls-help ul{margin:.8rem 0 0;padding-left:1.1rem;line-height:1.9}kbd{text-align:center;border:1px solid var(--panel-border);background:#ffffff12;border-bottom-width:2px;border-radius:5px;min-width:1.6em;padding:.1em .35em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;display:inline-block}.player-list{gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.player-list li{border:1px solid var(--panel-border);border-radius:var(--radius);background:#ffffff08;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.player-list .dot{border-radius:50%;flex:none;width:.85rem;height:.85rem}.player-list .name{font-weight:650}.player-list .tags{color:var(--muted);gap:.4rem;margin-left:auto;font-size:.75rem;display:flex}.tag{border:1px solid var(--panel-border);border-radius:999px;padding:.1em .6em}.tag.ready{color:var(--good);border-color:var(--good)}.tag.host{color:var(--accent);border-color:var(--accent)}.tag.away{color:var(--warn);border-color:var(--warn)}.lobby-actions{flex-wrap:wrap;gap:.75rem;display:flex}.lobby-actions button{flex:auto}.lobby-note{color:var(--muted);min-height:1.3em;margin:1rem 0 0;font-size:.9rem}.lobby-share{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.setting{margin-bottom:1rem}.setting input[type=range]{width:100%;accent-color:var(--accent)}.setting.checkbox{align-items:center;gap:.6rem;display:flex}.setting.checkbox label{margin:0;font-weight:500}.setting.checkbox input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}.end-winner{margin:0 0 1rem;font-size:1.2rem}.end-scores{margin:0 0 1.4rem;padding-left:1.4rem;line-height:1.9}.hud{pointer-events:none;z-index:10;font-variant-numeric:tabular-nums;position:fixed;inset:0}.crosshair{width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ch{background:#ffffffeb;position:absolute;box-shadow:0 0 3px #000000e6}.ch-n,.ch-s{width:2px;height:8px;margin-left:-1px;left:50%}.ch-n{top:0}.ch-s{bottom:0}.ch-e,.ch-w{width:8px;height:2px;margin-top:-1px;top:50%}.ch-e{right:0}.ch-w{left:0}.hitmarker{border:2px solid var(--accent-2);opacity:0;border-radius:4px;transition:opacity 80ms linear,transform 80ms linear;position:absolute;inset:-6px;transform:scale(1.4)rotate(45deg)}.hitmarker.show{opacity:1;transform:scale(1)rotate(45deg)}.damage-indicator{opacity:0;background:radial-gradient(circle,#0000 45%,#ff284680 100%);transition:opacity .25s ease-out;position:absolute;inset:0}.damage-indicator.show{opacity:1;transition:opacity 50ms linear}.hud-top{text-align:center;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.match-clock{border:1px solid var(--panel-border);border-radius:var(--radius);background:#060a12b3;padding:.4rem 1rem;display:grid}.match-clock span:first-child{font-size:1.6rem;font-weight:700;line-height:1.1}.match-sub{color:var(--muted);font-size:.75rem}.hud-feed{justify-items:end;gap:.3rem;width:min(340px,40vw);display:grid;position:absolute;top:1rem;right:1rem}.feed-line{border-left:3px solid var(--panel-border);background:#060a12b8;border-radius:4px;max-width:100%;padding:.3rem .6rem;font-size:.85rem;animation:.18s ease-out feed-in}.feed-line.kill{border-left-color:var(--accent-2)}.feed-line.pickup{border-left-color:var(--good)}.feed-line.info{border-left-color:var(--accent)}@keyframes feed-in{0%{opacity:0;transform:translate(12px)}}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex;position:absolute;bottom:1.1rem;left:1.1rem;right:1.1rem}.vitals{gap:.75rem;display:flex}.vital{border:1px solid var(--panel-border);border-radius:var(--radius);background:#060a12b8;min-width:108px;padding:.45rem .8rem}.vital-label{letter-spacing:.14em;color:var(--muted);font-size:.7rem;display:block}.vital strong{font-size:1.7rem;line-height:1.1}.bar{background:#ffffff24;border-radius:3px;height:5px;margin-top:.3rem;overflow:hidden}.bar i{background:var(--good);height:100%;transition:width .12s linear;display:block}.vital-armor .bar i{background:var(--accent)}.weapon-block{text-align:right}.ammo strong{font-size:2rem;line-height:1}.ammo span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;display:block}.heat{letter-spacing:.12em;color:var(--warn);margin-top:.35rem;font-size:.7rem}.heat .bar i{background:var(--warn)}.weapon-list{justify-content:flex-end;gap:.35rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.weapon-list li{border:1px solid var(--panel-border);color:var(--muted);background:#060a12b8;border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.weapon-list li.active{border-color:var(--accent);color:var(--text);background:#00e5ff2e}.weapon-list li.empty{opacity:.4}.powerup-strip{gap:.5rem;display:flex;position:absolute;bottom:7.5rem;left:50%;transform:translate(-50%)}.powerup{border:1px solid var(--warn);color:var(--warn);letter-spacing:.08em;background:#060a12bf;border-radius:999px;padding:.2rem .8rem;font-size:.8rem;font-weight:700}.respawn-note{text-align:center;text-shadow:0 2px 12px #000;font-size:1.3rem;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.respawn-note small{color:var(--muted);margin-top:.3rem;font-size:.8rem;font-weight:400;display:block}.pointer-hint{border:1px solid var(--accent);border-radius:var(--radius);background:#060a12d9;padding:.6rem 1.1rem;font-size:.9rem;position:absolute;bottom:45%;left:50%;transform:translate(-50%)}.pointer-hint[hidden]{display:none}.scoreboard{z-index:25;pointer-events:none;width:min(680px,94vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard table{border-collapse:collapse;width:100%;font-size:.92rem}.scoreboard th,.scoreboard td{text-align:left;border-bottom:1px solid #ffffff17;padding:.4rem .5rem}.scoreboard th{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.scoreboard tr.me td{background:#00e5ff1f}.scoreboard tr.leader td:nth-child(2):after{content:" ★";color:var(--warn)}.scoreboard-foot{color:var(--muted);margin:.9rem 0 0;font-size:.85rem}.connection{z-index:60;text-align:center;border-bottom:1px solid var(--warn);color:var(--warn);background:#fbbf2429;padding:.6rem 1rem;font-weight:650;position:fixed;top:0;left:0;right:0}.connection.error{border-color:var(--accent-2);color:var(--accent-2);background:#ff3b6b29}.connection.ok{border-color:var(--good);color:var(--good);background:#4ade8029}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:720px){.hud-bottom{flex-direction:column;align-items:flex-start}.weapon-block{text-align:left}.weapon-list{justify-content:flex-start}}