:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11151c;--panel:#1d2330;--text:#f2f4f8;--muted:#a9b1c1;--accent:#fc3;--danger:#ff6b6b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#app{position:fixed;inset:0}#app>canvas{width:100%;height:100%;display:block}[hidden]{display:none!important}.overlay{z-index:10;text-align:center;background:#0000008c;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay>*{flex-shrink:0}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}.overlay h2{margin:0;font-size:32px}.hint{color:var(--muted);max-width:640px;margin:0;font-size:18px}.button{font:inherit;background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:10px;padding:12px 28px;font-size:20px;font-weight:700}.button:disabled{opacity:.6;cursor:default}.button.secondary{color:var(--text);background:#3a4254}.crosshair{z-index:5;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0009}.join{z-index:20;background:var(--panel);border-radius:16px;flex-direction:column;gap:16px;width:min(440px,100% - 32px);height:fit-content;margin:auto;padding:28px;display:flex;position:absolute;inset:0}.join h1{margin:0 0 4px;font-size:36px}.join label{color:var(--muted);flex-direction:column;gap:6px;font-size:18px;display:flex}.join input,.join select{font:inherit;color:var(--text);background:#0f131a;border:2px solid #3a4254;border-radius:8px;padding:10px 12px;font-size:20px}.join input:focus,.join select:focus{border-color:var(--accent);outline:none}.error{min-height:1.4em;color:var(--danger);margin:0;font-size:18px}.self-view{z-index:6;aspect-ratio:16/9;background:var(--panel);width:220px;color:var(--muted);pointer-events:none;border:2px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;overflow:hidden}.self-view video{object-fit:contain;width:100%;height:100%;transform:scaleX(-1)}.video-sink{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;top:0;left:0;overflow:hidden}.video-sink video{width:2px;height:2px}.banner{z-index:7;color:#fff;text-align:center;background:#781e1ee6;border-radius:10px;max-width:calc(100% - 32px);padding:10px 18px;font-size:18px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.join{max-height:calc(100% - 32px);overflow-y:auto}.preview-box{aspect-ratio:16/9;background:#0f131a;border-radius:10px;flex-shrink:0;overflow:hidden}.preview{object-fit:contain;width:100%;height:100%;transform:scaleX(-1)}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.overlay .error{max-width:640px}.camera-retry{align-self:flex-start;padding:8px 18px;font-size:16px}.hint.small{font-size:15px}.map-picker{align-items:center;gap:12px;font-size:20px;display:flex}.map-picker select{font:inherit;color:var(--text);background:#0f131a;border:2px solid #3a4254;border-radius:8px;padding:8px 12px;font-size:20px}.map-picker select:disabled{opacity:.5;cursor:not-allowed}.hud{z-index:4;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000c;position:absolute;inset:0}.hud-health{flex-direction:column;display:flex;position:absolute;bottom:152px;left:20px}.hud-weapon{flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:20px;right:24px}.hud-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:16px}.hud-value{font-size:44px;font-weight:800;line-height:1}.hud-value.low{color:var(--danger)}.hud-slots{gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hud-slot{color:#ffffff4d;background:#00000059;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.hud-slot.owned{color:#fff;background:#0000008c}.hud-slot.current{border-color:var(--accent);color:var(--accent)}.hit-marker{background:linear-gradient(45deg,#0000 44%,#fff 44% 56%,#0000 56%),linear-gradient(-45deg,#0000 44%,#fff 44% 56%,#0000 56%);width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%}.hit-marker.head{background:linear-gradient(45deg,#0000 42%,#ff3b3b 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#ff3b3b 42% 58%,#0000 58%);width:42px;height:42px;margin:-21px 0 0 -21px}.damage-arcs{position:absolute;inset:0;overflow:hidden}.damage-arc{border:12px solid #0000;border-top-color:#ff2828e6;border-radius:50%;width:50vmin;height:50vmin;margin:-25vmin 0 0 -25vmin;position:absolute;top:50%;left:50%}.vignette{opacity:0;background:radial-gradient(#0000 50%,#c80000bf 100%);transition:opacity .3s;position:absolute;inset:0}.explosion-flash{opacity:0;background:radial-gradient(circle,#fff4d2f2,#ff963ca6);position:absolute;inset:0}.scope{background:radial-gradient(circle,#0000 0 38vmin,#000 38.5vmin);position:absolute;inset:0}.scope:before,.scope:after{content:"";background:#000000bf;position:absolute}.scope:before{width:2px;margin-left:-1px;top:12vmin;bottom:12vmin;left:50%}.scope:after{height:2px;margin-top:-1px;top:50%;left:calc(50% - 38vmin);right:calc(50% - 38vmin)}.death{background:#3c000040;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:11vh;display:flex;position:absolute;inset:0}.death h2{margin:0;font-size:44px}.countdown{margin:8px 0 0;font-size:64px;font-weight:800}.kill-feed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:16px;right:16px}.feed-line{background:#00000080;border-radius:8px;padding:6px 12px;font-size:18px}.feed-line.mine{background:#fc36}.toast{font-size:26px;font-weight:700;position:absolute;top:62%;left:50%;transform:translate(-50%)}.stats{z-index:8;color:#9ff59f;pointer-events:none;background:#0009;border-radius:8px;padding:6px 10px;font:14px ui-monospace,monospace;position:absolute;top:16px;left:16px}.match-top{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.match-clock{font-size:32px;font-weight:800;line-height:1}.match-score{background:#00000073;border-radius:8px;padding:4px 12px;font-size:18px;font-weight:700}.match-banner{color:#111;text-shadow:none;background:#ffcc33d9;border-radius:8px;padding:6px 14px;font-size:18px;font-weight:700}.match-center{font-size:56px;font-weight:800;position:absolute;top:22vh;left:50%;transform:translate(-50%)}.banner{top:112px}.downed{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:11vh;display:flex;position:absolute;inset:0}.downed h2{margin:0;font-size:40px}.downed-hint{color:#fff;margin:4px 0 0;font-size:18px}.give-up-bar{background:#ffffff40;border-radius:5px;width:220px;height:10px;margin-top:10px;overflow:hidden}.give-up-fill{background:var(--danger);width:0;height:100%}.revive-ring{background:conic-gradient(#7dff9a var(--p,0%), #fff3 0);border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 28px,#000 29px);mask:radial-gradient(circle,#0000 28px,#000 29px)}.revive-label{margin:0;font-size:20px;font-weight:700;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.downed-markers{position:absolute;inset:0;overflow:hidden}.downed-marker{flex-direction:column;align-items:center;width:64px;margin:-26px 0 0 -32px;display:flex;position:absolute;top:0;left:0}.downed-plus{color:#fff;background:#2fd35a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:28px;font-weight:900;line-height:1;animation:1s ease-in-out infinite downed-pulse;display:flex}.downed-marker.edge .downed-plus{background:#1f9e41}.downed-distance{margin-top:2px;font-size:14px;font-weight:700}@keyframes downed-pulse{50%{transform:scale(1.25)}}.scoreboard{min-width:min(640px,100% - 32px);text-shadow:none;background:#11151ce0;border-radius:14px;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard h2{text-align:center;margin:0 0 8px;font-size:28px}.team-totals{justify-content:center;gap:24px;margin:0 0 8px;font-size:22px;font-weight:800;display:flex}.team-total.red{color:#ff7a7a}.team-total.blue{color:#7ab8ff}.team-total.winner{text-decoration:underline}.scoreboard table{border-collapse:collapse;width:100%;font-size:17px}.scoreboard th{color:var(--muted);text-align:right;padding:4px 8px;font-weight:600}.scoreboard td{text-align:right;padding:4px 8px}.scoreboard th:first-child,.scoreboard td:first-child{text-align:left}.score-row.red td:first-child{border-left:4px solid #ff5a5a}.score-row.blue td:first-child{border-left:4px solid #4f9dff}.score-row.self{background:#ffffff1a}.score-row.winner{color:var(--accent);font-weight:800}.score-row.away{opacity:.55}.match-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.setting-value{text-align:left;font-variant-numeric:tabular-nums;min-width:4.5em}.map-picker input[type=range]{width:200px;accent-color:var(--accent)}.victim-cam{z-index:6;aspect-ratio:16/9;background:var(--panel);pointer-events:none;border:2px solid #ffcc33d9;border-radius:10px;justify-content:center;align-items:center;width:220px;display:flex;position:absolute;bottom:16px;left:248px;overflow:hidden}.victim-cam video{object-fit:contain;width:100%;height:100%}.victim-name{text-align:center;color:#fff;background:#0000008c;margin:0;padding:2px 6px;font-size:15px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.victim-no-camera{color:var(--muted);margin:0 0 18px;font-size:16px}.kill-clips{z-index:5;pointer-events:none;width:180px;position:absolute;top:16px;bottom:240px;left:16px}.kill-clips.zombies{inset:232px 16px 104px auto}.kill-clip{background:#000;border:2px solid #ffcc33d9;border-radius:8px;width:180px;animation-name:kill-clip-slide;animation-timing-function:linear;animation-fill-mode:both;position:absolute;top:0;left:0;overflow:hidden}.kill-clip canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.kill-clip-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fff;background:#000000b3;margin:0;padding:2px 6px;font-size:14px;font-weight:700;line-height:18px;overflow:hidden}@keyframes kill-clip-slide{0%{top:0}to{top:calc(100% - 125px)}}.join{width:min(820px,100% - 32px)}.join-looks{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.join-camera,.join-avatar{flex-direction:column;gap:10px;min-width:0;display:flex}.join-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.join-fields label{min-width:0}.join{padding-bottom:0}.join-actions{z-index:1;background:var(--panel);flex-direction:column;gap:16px;padding-bottom:28px;display:flex;position:sticky;bottom:0}@media (width<=720px){.join-looks,.join-fields{grid-template-columns:1fr}}.head-slot{aspect-ratio:16/11;background:#0f131a;border-radius:10px;overflow:hidden}.head-preview,.head-preview canvas{width:100%;height:100%;display:block}.avatar-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.avatar-tile{font:inherit;color:var(--text);cursor:pointer;background:#0f131a;border:2px solid #3a4254;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:14px;display:flex}.avatar-tile canvas{width:64px;height:48px}.avatar-tile.chosen{border-color:var(--accent);background:#ffcc3326}.overlay .avatar-tiles{grid-template-columns:repeat(6,1fr);width:min(640px,100%)}@media (height<=900px){.join{gap:12px;padding:20px 24px 0}.join-actions{padding-bottom:20px}.join h1{margin:0;font-size:30px}.join-camera,.join-avatar{gap:8px}.head-slot{aspect-ratio:16/9}.avatar-tile{gap:2px;padding:4px}.avatar-tile canvas{width:56px;height:42px}}.threat-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.threat{opacity:0;--c:#ff8a70;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.threat.lv0{width:28px;height:28px}.threat.lv1{width:34px;height:34px}.threat.lv2{width:42px;height:42px}.threat.lv3{width:50px;height:50px}.threat.walker{--c:#ff8a70}.threat.runner{--c:#ffd23f}.threat.brute{--c:#ff3b3b}.threat.spitter{--c:#9cff3d}.threat.leaper{--c:#c77dff}.threat:before{content:"";background:radial-gradient(circle, var(--c) 0, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:192px;height:192px;margin:-96px 0 0 -96px;position:absolute;top:50%;left:50%}.threat.lv2:before{opacity:.3}.threat.lv3:before{opacity:.55}.threat-shape{background:var(--c);filter:drop-shadow(0 0 2px #000000e6)drop-shadow(0 0 1px #000);width:100%;height:100%;position:relative}.threat.walker .threat-shape{border-radius:50%;width:78%;height:78%}.threat.runner .threat-shape{clip-path:polygon(50% 0,100% 38%,100% 58%,50% 20%,0 58%,0 38%,50% 42%,100% 80%,100% 100%,50% 62%,0 100%,0 80%,50% 42%,0 38%);rotate:var(--a,0deg)}.threat.brute .threat-shape{clip-path:polygon(0 0,100% 0,100% 52%,50% 100%,0 52%);width:125%}.threat.spitter .threat-shape{border-radius:50% 0 50% 50%;width:74%;height:74%;rotate:-45deg}.threat.leaper .threat-shape{clip-path:polygon(50% 0,100% 48%,68% 48%,68% 100%,32% 100%,32% 48%,0 48%)}.threat.lv2 .threat-shape{animation:.833s ease-in-out infinite threat-pulse}.threat.lv3 .threat-shape{animation:.4s ease-in-out infinite threat-pulse}@keyframes threat-pulse{50%{scale:1.18}}.threat-badge,.threat-vert{color:#fff;white-space:nowrap;background:#000000b3;border-radius:8px;padding:0 5px;font-size:15px;font-weight:800;line-height:20px;position:absolute}.threat-badge{bottom:-10px;right:-14px}.threat-vert{font-size:17px;top:-10px;left:-14px}.threat-badge:empty,.threat-vert:empty{display:none}.last-zombie{flex-direction:column;align-items:center;width:64px;margin:-26px 0 0 -32px;display:flex;position:absolute;top:0;left:0}.last-zombie-icon{background:#00000073;border:4px solid #ff8a70;border-radius:50%;width:34px;height:34px;animation:1s ease-in-out infinite last-zombie-pulse;box-shadow:inset 0 0 0 7px #00000073,inset 0 0 0 17px #ff8a70}.last-zombie-distance{color:#ff8a70;margin-top:2px;font-size:14px;font-weight:700}@keyframes last-zombie-pulse{50%{scale:1.2}}.gate-arrow{background:var(--c,#fff);clip-path:polygon(50% 0,100% 70%,64% 70%,64% 100%,36% 100%,36% 70%,0 70%);filter:drop-shadow(0 0 2px #000);width:44px;height:44px;animation:1s ease-in-out infinite gate-pulse;position:absolute;top:0;left:0}.gate-arrow.north{--c:#3a7bff}.gate-arrow.east{--c:#ffd23a}.gate-arrow.south{--c:#ff4a3a}.gate-arrow.west{--c:#f2f2f2}@keyframes gate-pulse{50%{opacity:.55}}.alert-feed{pointer-events:none;flex-direction:column;justify-content:flex-end;gap:5px;width:340px;max-height:120px;display:flex;position:absolute;top:16px;left:16px;overflow:hidden}.alert{background:#0000009e;border-left:6px solid #4fa3ff;border-radius:8px;align-items:baseline;gap:8px;padding:5px 12px 5px 10px;font-size:17px;font-weight:700;line-height:20px;display:flex}.alert.danger{border-left-color:#ff4d4d}.alert.warn{border-left-color:#ffb020}.alert.info{border-left-color:#4fa3ff}.alert-text{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.alert-count{color:#ffd23f;font-size:16px}.alert-count:empty{display:none}.points-view{pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:232px;left:20px}.points-label{color:#ffd23f;text-transform:uppercase;letter-spacing:.08em;font-size:16px;font-weight:700}.points-value{color:#ffd23f;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.points-popups{margin-left:14px;position:absolute;bottom:0;left:100%}.points-popup{white-space:nowrap;color:#7dff9a;font-size:26px;font-weight:800;line-height:1;position:absolute;bottom:4px;left:0}.points-popup.gain{color:#7dff9a}.points-popup.loss{color:#ffb020}.points-reason{margin-left:6px;font-size:16px;font-weight:700}.points-reason:empty{display:none}.waiting-tiles{z-index:6;pointer-events:none;flex-flow:column wrap;align-content:flex-start;gap:8px;max-height:calc(100% - 152px);display:flex;position:absolute;top:136px;left:16px}.waiting-tile{background:#1d2330;border:3px solid #a8d8ff;border-radius:10px;justify-content:center;align-items:center;width:240px;height:135px;display:flex;position:relative;overflow:hidden}.waiting-tile video{object-fit:contain;width:100%;height:100%}.waiting-name{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;margin:0;padding:2px 6px;font-size:15px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.waiting-no-camera{color:#a9b1c1;margin:0 0 18px;font-size:16px}.waiting-tiles.enlarged .waiting-tile{width:480px;height:270px}@media (height<=860px){.waiting-tiles{gap:6px}.waiting-tile{width:160px;height:90px}}.scoreboard-sub{text-align:center;color:#ffd23f;margin:-2px 0 10px;font-size:18px;font-weight:700}.status-icon{color:#fff;vertical-align:-3px;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;font-size:15px;font-weight:900;line-height:1;display:inline-flex}.status-icon.downed{background:#2fd35a}.status-icon.dead{background:#5b6272}.scoreboard td.best{color:#ffd23f;text-underline-offset:3px;font-weight:800;text-decoration:underline}.match-center.good{color:#7dff9a}.match-center.bad{color:#ff4d4d}.hud[data-mode=zombies] .death{background:0 0;box-shadow:inset 0 0 0 3px #a8d8ff}.zombie-death-line{margin:8px 0 0;font-size:32px;font-weight:800}.zombie-death-hint{color:#d6ecff;margin:10px 0 0;font-size:18px;font-weight:700}.hud[data-mode=zombies] .damage-arc{width:88vmin;height:88vmin;margin:-44vmin 0 0 -44vmin}.damage-arc.acid{border-top-color:#9cff3de6}.hit-marker.kill:after{content:"";border:3px solid #ff3b3b;border-radius:50%;position:absolute;inset:-7px}.downed-marker.mauled .downed-plus{background:#ff4d4d}.threat.acid .threat-shape{box-shadow:0 0 0 3px #fff}