: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;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.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}