: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}.build-bar{transform-origin:50% 100%;z-index:4;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000c;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.build-row{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;font-size:13px;font-weight:800;position:absolute;bottom:calc(100% + 8px);left:0}.build-tiles{gap:8px;display:flex}.build-tile{background:#0c1018b8;border:3px solid #ffffff2e;border-radius:10px;flex:none;width:72px;height:72px;transition:transform 80ms ease-out,background-color 80ms;position:relative;overflow:visible}.build-tile.selected{border-color:var(--accent);background:#222632e0;transform:scale(1.08)}.build-tile.poor{opacity:.45}.build-tile.poor .build-price{color:#ff4d4d;text-decoration:line-through;text-decoration-thickness:2px}.build-tile.full{opacity:.45}.build-tile.empty{background:#0c10184d;border-style:dashed}.build-tile.flash{background:#ffffffbf}.build-key{color:#ffffffbf;font-size:13px;font-weight:800;position:absolute;top:1px;left:4px}.build-badge{letter-spacing:.04em;color:#7dff9a;font-size:10px;font-weight:800;position:absolute;top:2px;right:3px}.build-tile.full .build-badge{color:#fff}.build-name{text-align:center;justify-content:center;align-items:center;height:21px;font-size:10px;font-weight:700;line-height:10.5px;display:flex;position:absolute;top:29px;left:1px;right:1px;overflow:hidden}.build-price{text-align:center;color:#ffd23f;font-size:13px;font-weight:800;line-height:14px;position:absolute;bottom:0;left:0;right:0}.build-pop{text-align:center;color:#ffb020;opacity:0;will-change:transform, opacity;font-size:22px;font-weight:800;position:absolute;top:-28px;left:-12px;right:-12px}.build-points{flex-direction:column;align-items:flex-start;min-width:104px;padding-bottom:4px;display:flex}.build-points-label{letter-spacing:.08em;color:var(--muted,#a9b1c1);font-size:12px;font-weight:700}.build-points-value{color:#ffd23f;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}@media (width<=1159px){.build-bar{transform:translate(-50%)scale(.85)}}@media (width<=1057px){.build-bar{transform:translate(-50%)scale(.7)}}@media (width<=959px){.build-points{display:none}}@media (width<=874px){.build-bar{transform:translate(calc(20px - 50%))scale(.6)}}.build-glyph{width:30px;height:22px;margin-left:-15px;position:absolute;top:6px;left:50%}.build-glyph:before,.build-glyph:after{content:"";position:absolute}.build-glyph.block:before{background:#b58a5a;border:2px solid #6e5030;border-radius:2px;width:18px;height:18px;top:1px;left:5px}.build-glyph.stairs:before{clip-path:polygon(0 100%,0 75%,25% 75%,25% 50%,50% 50%,50% 25%,75% 25%,75% 0,100% 0,100% 100%);background:#a67c4e;width:24px;height:22px;top:1px;left:3px}.build-glyph.stairs:after{border-top:3px solid #fff;border-left:3px solid #fff;width:12px;height:12px;top:0;left:3px;transform:translate(1px,2px)rotate(45deg)scale(.7)}.build-glyph.gun:before,.build-glyph.frost:before,.build-glyph.rocket:before{background:#6b7682;border:2px solid #3d444c;border-radius:2px;width:14px;height:13px;bottom:0;left:8px}.build-glyph.gun:after{background:#d7dde4;width:15px;height:3px;top:5px;left:14px;box-shadow:0 5px #d7dde4}.build-glyph.frost:before{background:#8fb8d8;border-color:#4f7897}.build-glyph.frost:after{clip-path:polygon(0 50%,100% 0,100% 100%);background:#bee6ffd9;width:16px;height:16px;top:1px;left:14px}.build-glyph.rocket:before{background:#7a6a5a;border-color:#4a3f34}.build-glyph.rocket:after{clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);background:#e0e0e0;width:17px;height:7px;top:2px;left:12px}.build-glyph.portal:before{border:4px solid #8e9aa8;border-bottom:none;border-radius:2px 2px 0 0;width:20px;height:22px;top:0;left:5px}.build-glyph.portal:after{background:linear-gradient(#4dd2ff,#4dd2ff40);border-radius:5px 5px 0 0;width:10px;height:17px;top:5px;left:10px}.build-glyph.repair:before{background:#cfd6de;border-radius:2px;width:5px;height:18px;top:6px;left:13px;transform:rotate(45deg)}.build-glyph.repair:after{border:3px solid #cfd6de;border-right-color:#0000;border-radius:50%;width:10px;height:10px;top:0;left:14px;transform:rotate(45deg)}.build-glyph.shotgun:before{background:#c9ced6;width:28px;height:3px;top:8px;left:1px;box-shadow:0 4px #c9ced6}.build-glyph.shotgun:after{clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);background:#8a5a36;width:10px;height:9px;top:11px;left:0}.build-glyph.machinegun:before{background:#c9ced6;width:28px;height:4px;top:8px;left:1px}.build-glyph.machinegun:after{background:#5d646d;border-radius:1px;width:7px;height:10px;top:12px;left:11px}.build-glyph.rocket-launcher:before{background:#6f7b52;border-radius:3px;width:24px;height:9px;top:7px;left:0}.build-glyph.rocket-launcher:after{clip-path:polygon(0 0,100% 50%,0 100%);background:#e0e0e0;width:8px;height:9px;top:7px;left:22px}.build-glyph.sniper:before{background:#c9ced6;width:30px;height:3px;top:12px;left:0}.build-glyph.sniper:after{background:#4b525a;border-radius:2px;width:11px;height:5px;top:6px;left:9px}.build-glyph.medkit:before{background:#fff;border-radius:3px;width:22px;height:19px;top:2px;left:4px}.build-glyph.medkit:after{background:linear-gradient(#e23b3b,#e23b3b) 50%/5px 100% no-repeat,linear-gradient(#e23b3b,#e23b3b) 50%/100% 5px no-repeat;width:14px;height:14px;top:4px;left:8px}.reason-pill{z-index:5;pointer-events:none;color:#fff;white-space:nowrap;opacity:0;will-change:opacity;background:#280a0cd9;border:2px solid #ff4d4d;border-radius:999px;padding:6px 14px;font-size:18px;font-weight:800;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}.build-aim-line{z-index:5;pointer-events:none;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #000c;background:#00000073;border-radius:8px;padding:3px 12px;font-size:16px;font-weight:700;position:absolute;top:calc(50% + 64px);left:50%;transform:translate(-50%)}.build-sell-ring{z-index:5;pointer-events:none;background:conic-gradient(#ffb020 var(--p,0%), #ffffff38 0);border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 24px,#000 25px);mask:radial-gradient(circle,#0000 24px,#000 25px)}.portal-prompt{z-index:8;color:#fff;text-shadow:0 1px 2px #000c;background:#0c1018e6;border:2px solid #4dd2ff8c;border-radius:12px;flex-direction:column;gap:6px;width:420px;padding:12px 16px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%)}.portal-prompt-title{font-size:20px;font-weight:800}.portal-prompt-row{align-items:center;gap:10px;display:flex}.portal-prompt-field{min-width:0;font:inherit;color:#fff;unicode-bidi:plaintext;background:#0b0f16;border:2px solid #4dd2ff;border-radius:8px;outline:none;flex:1;padding:5px 10px;font-size:22px;font-weight:700}.portal-prompt-count{text-align:right;min-width:44px;color:var(--muted,#a9b1c1);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:700}.portal-prompt-hint{color:var(--muted,#a9b1c1);font-size:13px}.portal-prompt-names{flex-wrap:wrap;gap:6px;display:flex}.portal-prompt-name{white-space:nowrap;unicode-bidi:isolate;background:#ffffff1a;border:2px solid #ffffff40;border-radius:999px;max-width:100%;padding:2px 10px;font-size:15px;font-weight:700;overflow:hidden}.portal-prompt-name.selected{color:#0b0f16;text-shadow:none;background:#4dd2ff;border-color:#4dd2ff}.portal-prompt-reason{min-height:20px;font-size:15px;font-weight:700}.portal-prompt-reason.rule{color:var(--muted,#a9b1c1)}.portal-prompt-reason.bad{color:#ff6b6b}.portal-prompt-reason.links{color:#4dd2ff}.portal-prompt-field.shake-a{border-color:#ff6b6b;animation:.3s ease-out portal-prompt-shake-a}.portal-prompt-field.shake-b{border-color:#ff6b6b;animation:.3s ease-out portal-prompt-shake-b}@keyframes portal-prompt-shake-a{20%{translate:-8px}40%{translate:7px}60%{translate:-5px}80%{translate:3px}}@keyframes portal-prompt-shake-b{20%{translate:-8px}40%{translate:7px}60%{translate:-5px}80%{translate:3px}}@media (prefers-reduced-motion:reduce){.portal-prompt-field.shake-a,.portal-prompt-field.shake-b{animation:none}}@media (height<=760px){.portal-prompt{gap:4px;padding:9px 14px}.portal-prompt-title{font-size:17px}.portal-prompt-field{padding:3px 8px;font-size:19px}}@media (height<=640px){.portal-prompt{gap:3px;padding:6px 12px}.portal-prompt-title{font-size:15px}.portal-prompt-field{padding:2px 8px;font-size:16px}.portal-prompt-hint{font-size:12px}.portal-prompt-name{padding:1px 8px;font-size:13px}.portal-prompt-reason{min-height:17px;font-size:13px}}body:has(.portal-prompt:not([hidden])) .build-row{visibility:hidden}.portal-pings{pointer-events:none;position:absolute;inset:0;overflow:hidden}.portal-ping{opacity:0;width:64px;height:64px;position:absolute;top:0;left:0}.portal-ping-ring{box-sizing:border-box;background:radial-gradient(circle,#240c3c00 55%,#240c3c59 100%);border:6px solid #b36bff;border-radius:50%;width:64px;height:64px;position:absolute;top:0;left:0;box-shadow:inset 0 0 8px #b36bff8c,inset 0 0 0 1px #00000059}.portal-ping-arrow{width:0;height:0;transform:rotate(var(--a)) translateY(-26px);filter:drop-shadow(0 0 1px #000c);border-bottom:10px solid #f3e8ff;border-left:6px solid #0000;border-right:6px solid #0000;margin:-5px 0 0 -6px;position:absolute;top:50%;left:50%}