:root{--bg: #0d1014;--panel: #171d24;--panel-2: #1f2731;--line: #2c3743;--ink: #e8eef5;--muted: #8b9bab;--accent: #4aa3ff;--danger: #ff5c5c;--ok: #5cd97a;--gold: #ffc94a;--pixel: "Press Start 2P", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated}#hud{position:fixed;inset:0;pointer-events:none;font-family:var(--pixel)}#hud[hidden]{display:none}.hud-corner{position:absolute}.hud-tl{top:14px;left:14px;background:#0d1014b8;border:2px solid var(--line);border-radius:4px;padding:8px 10px;display:grid;gap:6px}.stat{display:flex;gap:10px;align-items:baseline;font-size:12px;color:var(--ok)}.stat-kills{color:var(--danger)}.stat-ping{color:var(--muted)}#ping.ping-mid{color:var(--gold)}#ping.ping-bad{color:var(--danger)}.stat-key{letter-spacing:1px}.stat span:last-child{color:var(--ink);min-width:2ch;text-align:right}.hud-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:12px;background:#0d1014d1;border:2px solid var(--gold);border-radius:4px;white-space:nowrap}.hud-banner[hidden]{display:none}.hud-banner .warn{color:var(--gold)}.hud-banner.danger{border-color:var(--danger);animation:pulse 1s steps(2) infinite}@keyframes pulse{50%{opacity:.55}}#zoneTime{color:var(--gold)}body.paired .hud-tr{pointer-events:auto;cursor:crosshair}.hud-tr{top:14px;right:14px;width:200px;height:200px;border:2px solid var(--line);border-radius:4px;background:#0d1014b8;image-rendering:pixelated}.hud-feed{top:226px;right:14px;display:grid;gap:4px;justify-items:end}.kill-line{display:flex;align-items:center;gap:8px;font-size:10px;padding:5px 9px;background:#0d1014c7;border:2px solid var(--line);border-radius:3px;white-space:nowrap;animation:fade 6.5s forwards}.kill-line.notice{max-width:220px;border-color:var(--gold);color:var(--gold);white-space:normal}.kill-line.mine{border-color:var(--gold);background:#281f0ad9}.kill-line .who{font-size:10px}.kill-line .cause{width:20px;height:20px;image-rendering:pixelated;flex:none}@keyframes fade{0%,75%{opacity:1}to{opacity:0}}.hud-bottom{bottom:14px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:8px}.hp-bar{position:relative;width:260px;height:22px;border:2px solid var(--line);border-radius:3px;background:#0d1014d1;overflow:hidden}#hpFill{position:absolute;inset:0;width:100%;transform-origin:left;background:linear-gradient(180deg,#7ceb95,#33b055);transition:width .12s linear}#hpText{position:relative;display:block;text-align:center;line-height:18px;font-size:10px;text-shadow:0 1px 0 #0008}.ammo{font-size:12px;color:var(--gold);text-shadow:0 2px 0 #0008}.hud-spectating{position:absolute;top:64px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:7px;padding:9px 14px;background:#0d1014d1;border:2px solid var(--line);border-radius:4px;text-align:center;white-space:nowrap}.spectating-title{font-size:12px}.spectating-note{font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#ffb4a8}.spectating-hint{font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;color:var(--muted)}#loadout[hidden],#consumables[hidden],.hud-spectating[hidden]{display:none}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1b2530,#0b0e12 70%);padding:24px;overflow:auto}#overlay[hidden]{display:none}.screen{width:min(560px,100%);background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:28px;display:grid;gap:16px;box-shadow:0 24px 60px #0009}.screen[hidden]{display:none}.logo{font-family:var(--pixel);font-size:34px;margin:0;text-align:center;letter-spacing:2px;text-shadow:0 4px 0 #0b0e12}.logo span{color:var(--accent)}h2{font-family:var(--pixel);font-size:16px;margin:0;text-align:center}h3{font-family:var(--pixel);font-size:12px;margin:0 0 10px}.tagline{margin:0;text-align:center;color:var(--muted);font-size:14px}.hint{margin:0;text-align:center;color:var(--muted);font-size:12px}.field{display:grid;gap:6px;font-size:12px;color:var(--muted)}input{font:inherit;padding:12px 14px;border-radius:6px;border:2px solid var(--line);background:var(--panel-2);color:var(--ink)}input:focus{outline:2px solid var(--accent);outline-offset:1px}.code-input{font-family:var(--pixel);font-size:14px;letter-spacing:4px;text-transform:uppercase;text-align:center;flex:1;min-width:0}.menu-actions{display:grid;gap:10px}.join-row{display:flex;gap:10px}.btn{font:inherit;font-weight:600;padding:12px 18px;border-radius:6px;border:2px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;transition:transform .06s ease,background .12s ease}.btn:hover{background:#27313d}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:#2b7ed4;color:#06121f}.btn-primary:hover{background:#63b1ff}.btn-primary.is-ready{background:var(--ok);border-color:#35a557}.btn-ghost{background:transparent}.room-code{font-family:var(--pixel);font-size:26px;letter-spacing:6px;text-align:center;padding:14px;border:2px dashed var(--accent);border-radius:8px;background:var(--panel-2);color:var(--ink);cursor:pointer}.room-code.copied{border-style:solid;border-color:var(--ok)}.player-list,.standings,.scoreboard ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.player-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--panel-2);border:2px solid var(--line);border-radius:6px;font-size:14px}.swatch{width:14px;height:14px;border-radius:3px;border:2px solid #0006;flex:none}.player-row .who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row .tally{font-size:11px;color:var(--muted);white-space:nowrap}.tag.pair{color:#7dff9a}.pair-btn{font:inherit;font-size:11px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.pair-btn.on{border-color:#7dff9a;color:#7dff9a}.pair-btn.invite{border-color:var(--accent);color:var(--accent)}.tag{font-size:10px;padding:3px 6px;border-radius:4px;background:#0006;color:var(--muted)}.tag.ready{color:var(--ok)}.tag.host{color:var(--gold)}.tag.bot{color:var(--accent)}.kick{flex:none;width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:12px;line-height:1;cursor:pointer}.kick:hover,.kick:focus-visible{border-color:var(--danger);color:var(--danger);background:#ff5c5c1a}.mode-row{display:flex;gap:6px;padding:4px;border:2px solid var(--line);border-radius:8px;background:var(--panel-2)}.mode-btn{flex:1;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.mode-btn.on{background:var(--accent);color:#0b0e12;font-weight:600}.mode-btn:disabled{cursor:default}.mode-btn:not(.on):disabled{opacity:.6}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap}.lobby-actions .btn{flex:1}.error{margin:0;color:var(--danger);font-size:13px;text-align:center}.error[hidden]{display:none}.help{color:var(--muted);font-size:13px}.help ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}.help b{color:var(--ink)}.scoreboard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;padding:18px;background:#0d1014f0;border:2px solid var(--line);border-radius:8px;font-family:var(--pixel);font-size:11px;pointer-events:none}.scoreboard[hidden]{display:none}.score-row{display:flex;gap:10px;align-items:center;padding:6px 4px;border-bottom:1px solid #ffffff12}.score-row.mate .who{color:#7dff9a}.score-row .who{flex:1}.score-row.dead{opacity:.45}.score-row.me{color:var(--gold)}body.playing{cursor:none}.pickup{font-size:10px;padding:7px 12px;background:#0d1014d9;border:2px solid var(--accent);border-radius:4px;white-space:nowrap}.pickup[hidden]{display:none}.pickup b{color:var(--accent)}.channel{position:relative;width:220px;height:16px;border:2px solid var(--line);border-radius:3px;background:#0d1014d9;overflow:hidden}.channel[hidden]{display:none}#channelFill{position:absolute;inset:0;width:0;background:linear-gradient(180deg,#8fe0ff,#3aa6dd)}#channelText{position:relative;display:block;text-align:center;line-height:12px;font-size:8px;text-shadow:0 1px 0 #0008}.shield-bar{width:260px;height:10px;border:2px solid var(--line);border-bottom:0;border-radius:3px 3px 0 0;background:#0d1014d1;overflow:hidden}.shield-bar[hidden]{display:none}#shieldFill{height:100%;width:100%;background:linear-gradient(180deg,#9fd8ff,#3f8fd0)}.weapon-row{display:flex;align-items:baseline;gap:12px}.weapon-name{font-size:11px;color:var(--ink);text-shadow:0 2px 0 #0008}.slots{display:flex;gap:6px}.slot{display:flex;align-items:center;gap:6px;font-size:8px;padding:5px 8px;border:2px solid var(--line);border-radius:3px;background:#0d1014b8;color:var(--muted)}.slot.active{color:var(--ink);background:#ffc94a24;box-shadow:inset 0 0 0 1px var(--gold)}.slot .key{color:var(--gold)}.hud-br{bottom:14px;right:14px;display:grid;gap:6px;justify-items:end;font-family:var(--pixel)}.consumable{display:flex;align-items:center;gap:8px;font-size:9px;padding:6px 9px;border:2px solid var(--line);border-radius:3px;background:#0d1014b8}.consumable .key{color:var(--gold)}.consumable .count{color:var(--ok);min-width:2ch;text-align:right}.consumable.empty{opacity:.4}.stamina-bar{width:260px;height:8px;border:2px solid var(--line);border-top:0;border-radius:0 0 3px 3px;background:#0d1014d1;overflow:hidden}#staminaFill{height:100%;width:100%;background:linear-gradient(180deg,#ffe08a,#e0a72f);transition:width .08s linear}#staminaFill.spent{background:linear-gradient(180deg,#8a7a55,#5f5436)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;padding-top:6px}.podium[hidden]{display:none}.podium-spot{flex:0 1 132px;min-width:0;display:grid;justify-items:center;gap:6px}.slot-3{--delay: 0s}.slot-2{--delay: .3s}.slot-1{--delay: .6s}.podium-avatar{width:64px;height:72px;image-rendering:pixelated;animation:podium-pop .3s steps(3) both;animation-delay:calc(var(--delay) + .45s)}.slot-1 .podium-avatar{width:80px;height:90px;filter:drop-shadow(0 0 10px #ffc94a80)}.podium-name{max-width:100%;font-family:var(--pixel);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-spot.me .podium-name{color:var(--accent)}.podium-kills{font-size:12px;color:var(--muted)}.podium-block{width:100%;display:grid;justify-items:center;padding-top:10px;font-family:var(--pixel);font-size:18px;background:var(--panel-2);border:2px solid #0009;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:inset 0 4px #ffffff40,inset 0 -6px #00000030;transform-origin:bottom;animation:podium-rise .45s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:var(--delay)}.slot-1 .podium-block{height:96px}.slot-2 .podium-block{height:66px}.slot-3 .podium-block{height:46px}.podium-block.gold{background:linear-gradient(180deg,#ffd96a,#d9a21f);color:#4a3200}.podium-block.silver{background:linear-gradient(180deg,#e3e9ef,#9aa6b2);color:#2b3138}.podium-block.bronze{background:linear-gradient(180deg,#eba874,#b26a34);color:#3a1d08}@keyframes podium-rise{0%{transform:scaleY(0)}}@keyframes podium-pop{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.podium-avatar,.podium-block{animation:none}}#standings{max-height:min(40vh,340px);overflow-y:auto}.standing .place{flex:none;width:4ch;font-family:var(--pixel);font-size:10px;color:var(--muted)}.standing .place.gold{color:var(--gold)}.standing .place.silver{color:#c9d3dd}.standing .place.bronze{color:#e09a62}.player-row.me{border-color:var(--accent)}.zone-vignette{position:absolute;inset:0;opacity:0;transition:opacity .25s;box-shadow:inset 0 0 140px 40px #ff2e2e80}.zone-vignette.on{opacity:1;animation:vignette 1.1s ease-in-out infinite}@keyframes vignette{50%{opacity:.5}}.zone-alert{position:absolute;top:64px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:7px;padding:10px 16px;background:#2a0808db;border:2px solid var(--danger);border-radius:4px;white-space:nowrap}.zone-alert[hidden]{display:none}.zone-alert-title{font-size:14px;color:var(--danger);animation:pulse .9s steps(2) infinite}#zoneAlertInfo{font-size:10px}.zone-alert.critical{border-color:#ff8a8a}.zone-alert.critical .zone-alert-title{animation-duration:.4s}@media(prefers-reduced-motion:reduce){.zone-vignette.on,.zone-alert-title{animation:none}}.standing,.result-head{display:grid;grid-template-columns:4ch 14px minmax(0,1fr) repeat(4,6ch);align-items:center;gap:10px}.result-head{padding:0 12px 2px;font-size:11px;color:var(--muted)}.standing .num,.result-head .num{text-align:right;font-variant-numeric:tabular-nums}.standing .who .tag{vertical-align:1px}.awards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.awards[hidden]{display:none}.award{flex:1 1 130px;max-width:170px;display:grid;justify-items:center;gap:5px;padding:8px 10px;background:var(--panel-2);border:2px solid var(--line);border-radius:6px;text-align:center}.award-label{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--gold)}.award-who{max-width:100%;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.award-value{font-family:var(--pixel);font-size:12px}.reconnecting{position:fixed;top:16px;left:50%;z-index:50;transform:translate(-50%);padding:10px 16px;font-family:var(--pixel);font-size:11px;background:#2a1e08eb;border:2px solid var(--gold);border-radius:4px;white-space:nowrap}.reconnecting[hidden]{display:none}.reconnecting .dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.hidden-tag{font-size:10px;padding:4px 8px;color:#8fe08a;background:#0d1e0ecc;border:2px solid #3d7a37;border-radius:3px}.hidden-tag[hidden]{display:none}.touch-layer{position:fixed;inset:0;pointer-events:none;z-index:5}.stick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0d10144d}.stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#ffffff8c}.stick-knob.firing{background:#ff6a4acc}.touch-buttons{display:none}body.touch .touch-buttons{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;gap:10px;pointer-events:auto}@media(max-height:500px){#hud{zoom:.62}}.touch-button{font-family:var(--pixel);font-size:9px;color:var(--ink);padding:12px 10px;border:2px solid var(--line);border-radius:6px;background:#0d1014b8}body.touch #slots .slot,body.touch #consumables .consumable,body.touch #pickupPrompt{pointer-events:auto}body.touch #slots .slot{padding:9px 12px}body.touch #consumables .consumable{padding:9px 11px}#stage canvas{touch-action:none}.rotate-hint{display:none}@media(orientation:portrait){body.touch .touch-buttons{display:none}body.touch .rotate-hint{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;text-align:center;font-family:var(--pixel);font-size:12px;line-height:1.8;color:var(--ink);background:#0d1014eb}}