.sound-more{width:32px;height:40px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0 4px 0 0;display:grid}.sound-more:hover,.sound-more:focus-visible,.sound-more[aria-expanded=true]{color:var(--ink)}.sound-legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sound-pop{z-index:8;min-inline-size:0;gap:var(--sp-1);width:min(244px,100vw - 24px);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-l);margin:0;animation:.14s ease-out sound-pop-in;display:grid;position:absolute;top:calc(100% + 8px);left:0}@keyframes sound-pop-in{0%{opacity:0;transform:translateY(-4px)}}.sound-more:focus-visible,.sound-row input[type=range]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sound-more{border-radius:var(--r-pill)}.sound.floating .sound-pop{left:auto;right:0}.sound-row{align-items:center;gap:var(--sp-3);min-height:36px;font-size:var(--fs-s);color:var(--muted);grid-template-columns:56px 1fr;display:grid}.sound-row input[type=range]{width:100%;min-height:32px;accent-color:var(--cyan);touch-action:pan-x;margin:0}.debug .snd-btn{pointer-events:auto;border:1px solid var(--glass-edge);border-radius:var(--r-s);min-height:24px;color:var(--ink);text-align:left;padding:3px 8px}.debug .snd-btn:hover,.debug .snd-btn:focus-visible{border-color:var(--cyan);color:var(--cyan)}.debug .snd-btn.on{color:#0b0620;background:var(--lime);border-color:var(--lime);font-weight:700}.snd-meter{background:#ffffff1f;border-radius:4px;height:8px;margin:3px 0;position:relative;overflow:hidden}.snd-meter>i{background:var(--lime);position:absolute;inset:0 auto 0 0}.snd-table{border-collapse:collapse;width:100%;font-size:var(--fs-xs);white-space:nowrap}.snd-table th,.snd-table td{text-align:right;padding:0 4px 0 0}.snd-table th:first-child,.snd-table td:first-child{text-align:left;white-space:normal}.overlay.touch .debug .snd-btn{min-height:32px}@media (prefers-reduced-motion:reduce){.sound-pop{animation:none}.snd-meter>i{transition:none}}@media (width>=481px) and (height>=501px){.sound:not(.floating) .sound-pop{top:0;left:calc(100% + var(--sp-2))}}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-500-normal-CmLZ27r7.woff2)format("woff2"),url(/assets/baloo-2-latin-500-normal-BSdEhq8m.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}:root{--bg:#0b0620;--ink:#f3eeff;--muted:#b6abdf;--pink:#ff2d6f;--cyan:#2de2ff;--lime:#7cff4f;--violet:#b57bff;--glass:#180e3ead;--glass-edge:#b57bff47;--glass-solid:#140b34e0;--font:"Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--r-s:8px;--r-m:12px;--r-l:16px;--r-pill:999px;--fs-xs:12px;--fs-s:clamp(13px, .35vw + 11.5px, 15px);--fs-m:clamp(14px, .5vw + 12px, 17px);--fs-l:clamp(17px, 1.2vw + 12px, 22px);--fs-xl:clamp(24px, 2.2vw + 14px, 34px);--banner-pad:var(--sp-2) var(--sp-4);--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{touch-action:none;display:block}#root{pointer-events:none;position:fixed;inset:0}.overlay{pointer-events:none;position:absolute;inset:0}@media (pointer:coarse) and (width>=700px) and (height>=700px){.overlay{zoom:1.25}}@media (width>=1800px) and (height>=1000px){.overlay{zoom:1.25}}@media (width>=2400px) and (height>=1300px){.overlay{zoom:1.5}}.panel{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-l);-webkit-backdrop-filter:blur(10px);pointer-events:auto;box-shadow:0 8px 32px #00000059}.overlay.touch .panel{-webkit-backdrop-filter:none;background:#180e3ed9}@media (pointer:coarse){.panel{-webkit-backdrop-filter:none;background:#180e3ed9}}.screen{padding:calc(16px + var(--sa-t)) calc(16px + var(--sa-r)) calc(16px + var(--sa-b)) calc(16px + var(--sa-l));background:radial-gradient(#0b062040,#0b0620bf);place-items:center;display:grid;position:absolute;inset:0}.join,.death{width:min(100%,420px);padding:var(--sp-5) 22px var(--sp-4);gap:var(--sp-3);text-align:center;flex-direction:column;align-items:stretch;display:flex}.join-col{display:contents}@media (orientation:landscape) and (height<=500px){.join{align-items:flex-start;gap:var(--sp-5);width:min(100%,760px);padding:var(--sp-3) var(--sp-5);flex-direction:row}.join-col{gap:var(--sp-3);flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.join .wordmark{font-size:40px}.join .tagline,.join .status{display:none}}.wordmark{letter-spacing:.04em;background:linear-gradient(100deg, var(--lime), var(--cyan) 45%, var(--violet) 75%, var(--pink));color:#0000;filter:drop-shadow(0 0 14px #2de2ff8c)drop-shadow(0 0 32px #ff2d6f59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,14vw,72px);font-weight:800;line-height:.95}.tagline{color:var(--muted);margin:0;font-size:15px}.name-input{font:600 20px var(--font);text-align:center;color:var(--ink);border:1px solid var(--glass-edge);-webkit-user-select:text;user-select:text;background:#08041899;border-radius:12px;outline:none;padding:10px 12px}.name-input:focus-visible{border-color:var(--cyan);outline-offset:1px;outline:3px solid #2de2ff8c}.join{overscroll-behavior:contain;max-height:100%;overflow-y:auto}.carousel{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.carousel-view{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:74px;display:flex}.skin-name{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.arrow{border:1px solid var(--glass-edge);width:44px;height:44px;color:var(--ink);font:700 26px / 1 var(--font);cursor:pointer;background:#08041880;border-radius:50%}.arrow:hover{border-color:var(--cyan)}.skin-preview{flex-direction:row-reverse;justify-content:center;align-items:center;display:flex}.skin-preview .seg{border-radius:50%;margin-left:-9px;display:block}.skin-preview .seg.pulse{animation:2s ease-in-out infinite skin-pulse}@keyframes skin-pulse{0%,to{background:var(--pulse-a)}50%{background:var(--pulse-b)}}.skin-preview .seg.hue{animation:3s linear infinite skin-hue}.skin-preview .seg.iridescent{animation:7s linear infinite skin-hue}@keyframes skin-hue{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.skin-preview .seg.pulse,.skin-preview .seg.hue,.skin-preview .seg.iridescent{animation:none}}.skin-preview .seg.head{margin-left:-9px;position:relative}.skin-preview .seg.head:after{content:"";background:#fff;border-radius:50%;width:22%;height:22%;position:absolute;top:28%;right:22%;box-shadow:0 9px #fff}.play{font:800 28px var(--font);letter-spacing:.06em;color:#0b0620;cursor:pointer;background:linear-gradient(90deg, var(--lime), var(--cyan));border:0;border-radius:999px;padding:10px 20px 12px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 24px #7cff4f73}.play:hover,.play:focus-visible{transform:translateY(-1px)scale(1.02);box-shadow:0 0 34px #2de2ff99}.ghost{font:600 16px var(--font);color:var(--muted);cursor:pointer;border-radius:var(--r-s);background:0 0;border:0;padding:6px}.ghost:hover{color:var(--ink)}.status{font-size:var(--fs-xs);color:var(--muted);margin:0}.death h2{color:var(--pink);text-shadow:0 0 18px #ff2d6f99;margin:0;font-size:40px}.death p{margin:0;font-size:20px}.hud{top:calc(10px + var(--sa-t));left:calc(10px + var(--sa-l));padding:var(--sp-2) 14px;font-size:var(--fs-m);line-height:1.25;position:absolute}.hud .k{color:var(--muted);font-size:var(--fs-xs);margin-right:4px}.hud.panel{border-color:color-mix(in srgb, var(--accent,var(--cyan)) 50%, transparent)}.hud .hud-room{color:var(--accent,var(--cyan));font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hud .ping{color:var(--muted);font-size:var(--fs-xs)}.leaderboard{top:calc(10px + var(--sa-t));right:calc(10px + var(--sa-r));width:190px;font-size:var(--fs-s);margin:0;padding:8px 10px;list-style:none;position:absolute}.leaderboard .row{border-radius:6px;grid-template-columns:20px 1fr auto;gap:6px;padding:1px 4px;display:grid}.leaderboard .row.me{color:var(--cyan);background:#2de2ff33;font-weight:700}.leaderboard .rank{color:var(--muted)}.leaderboard .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.killfeed{bottom:calc(12px + var(--sa-b));left:calc(10px + var(--sa-l));gap:var(--sp-1);font-size:var(--fs-s);flex-direction:column;max-width:min(55%,420px);margin:0;padding:0;list-style:none;display:flex;position:absolute}.kill{border:1px solid var(--glass-edge);white-space:nowrap;text-overflow:ellipsis;background:#0e0828f0;border-radius:999px;align-items:center;gap:8px;padding:3px 10px;transition:opacity .3s;animation:.25s ease-out slide-in;display:flex;overflow:hidden}.kill.leaving{opacity:0}.kill .icon{color:var(--pink)}.toasts{flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:100%;display:flex}.toast{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-l);text-align:center;background:linear-gradient(90deg,#be1450eb,#6e3cbeeb);transition:opacity .3s,transform .3s;animation:.3s ease-out toast-in;box-shadow:0 0 22px #ff2d6f73}.toast.leaving{opacity:0;transform:translateY(-8px)}.chips{top:calc(140px + var(--sa-t));left:calc(10px + var(--sa-l));pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.chip{--chip:#fff;min-height:28px;padding:2px var(--sp-3) 2px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-s);background:var(--glass-solid);border:1px solid var(--chip);box-shadow:0 0 12px color-mix(in srgb, var(--chip) 45%, transparent);align-items:center;gap:6px;font-weight:700;line-height:1;animation:.25s ease-out slide-in;display:flex;position:relative;overflow:hidden}.chip-icon{text-align:center;min-width:18px;color:var(--chip)}.chip-bar{background:var(--chip);transform-origin:0;height:3px;animation:chip-drain var(--drain) linear forwards;position:absolute;bottom:0;left:0;right:0}@keyframes chip-drain{to{transform:scaleX(0)}}.kill.shrunk .icon{color:#ff5a2e}.minimap-wrap{right:calc(10px + var(--sa-r));bottom:calc(10px + var(--sa-b));pointer-events:none;position:absolute}.minimap{width:140px;height:140px;display:block}.boost{right:calc(18px + var(--sa-r));bottom:calc(18px + var(--sa-b));border:2px solid var(--glass-edge);color:#fff;background:radial-gradient(circle at 35% 30%, var(--pink), #7a1c9c);pointer-events:auto;touch-action:none;cursor:pointer;border-radius:50%;width:84px;min-width:72px;height:84px;min-height:72px;font-size:36px;position:absolute;box-shadow:0 0 26px #ff2d6f8c}.boost:active{transform:scale(.94)}.stamina{--c:var(--cyan);left:50%;bottom:calc(22px + var(--sa-b));background:var(--glass);border:1px solid var(--glass-edge);pointer-events:none;border-radius:999px;width:min(280px,50vw);height:12px;transition:opacity .2s;position:absolute;overflow:hidden;transform:translate(-50%)}.stamina-fill{background:var(--c);height:100%;box-shadow:0 0 10px var(--c);border-radius:999px;transition:width .1s linear,background-color .2s}.stamina-ring{--c:var(--cyan);--p:100%;right:calc(10px + var(--sa-r));bottom:calc(10px + var(--sa-b));background:conic-gradient(var(--c) var(--p), #ffffff1f 0);pointer-events:none;border-radius:50%;width:100px;height:100px;transition:opacity .2s;position:absolute;-webkit-mask:radial-gradient(circle,#0000 45px,#000 46px);mask:radial-gradient(circle,#0000 45px,#000 46px)}.stamina[data-state=low],.stamina-ring[data-state=low]{--c:var(--pink)}.stamina[data-state=charging],.stamina-ring[data-state=charging]{opacity:.7}.stamina[data-state=locked],.stamina-ring[data-state=locked]{--c:var(--muted);opacity:.45}.touch .minimap-wrap{bottom:calc(116px + var(--sa-b))}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}}@media (width<=480px),(height<=500px){.minimap{width:90px;height:90px}.touch .minimap-wrap{bottom:calc(112px + var(--sa-b))}.leaderboard{width:140px;font-size:var(--fs-xs)}.leaderboard .row.n5,.leaderboard .row.n6,.leaderboard .row.n7,.leaderboard .row.n8,.leaderboard .row.n9{display:none}.hud{font-size:var(--fs-s);padding:6px 10px}.chips{top:calc(94px + var(--sa-t));left:calc(142px + var(--sa-l));max-width:calc(100% - 142px - 160px - var(--sa-l) - var(--sa-r));flex-flow:wrap}.chip{justify-content:center;min-width:32px;min-height:32px;padding:2px 6px;font-size:13px}.chip-label{display:none}.killfeed{font-size:var(--fs-xs)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.toast,.kill,.chip,.chip-bar{animation:none}.toast,.play{transition:none}}.debug{top:calc(92px + var(--sa-t));left:calc(10px + var(--sa-l));width:min(272px,58vw);max-height:min(100dvh - 120px,640px);color:var(--ink);border:1px solid var(--glass-edge);pointer-events:none;z-index:5;background:#0e0826c7;border-radius:10px;flex-direction:column;padding:6px 8px 8px;font:11px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex;position:absolute;box-shadow:0 6px 24px #0006}.debug button{pointer-events:auto;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.dbg-title{color:var(--lime);letter-spacing:.12em;justify-content:space-between;align-items:center;padding-bottom:3px;font-weight:700;display:flex}.dbg-actions button{min-width:22px;min-height:22px;color:var(--muted);font-size:14px}.dbg-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.overlay.touch .debug{max-height:45dvh;font-size:12px}.overlay.touch .dbg-scroll{pointer-events:auto;touch-action:pan-y}.dbg-note{color:var(--pink);padding:2px 0 4px}.dbg-section{border-top:1px solid #b57bff2e;padding:2px 0}.dbg-head{color:var(--cyan);min-height:20px;font-weight:700}.dbg-body{padding-left:12px}.dbg-row{white-space:nowrap;flex-wrap:wrap;gap:0 10px;display:flex}.dbg-k{color:var(--muted)}.dbg-death{white-space:normal}.dbg-toggles{flex-wrap:wrap;gap:4px;padding:2px 0;display:flex}.debug .dbg-toggle{border:1px solid var(--glass-edge);min-height:24px;color:var(--muted);border-radius:6px;padding:3px 8px}.debug .dbg-toggle.on{color:#0b0620;background:var(--lime);border-color:var(--lime);font-weight:700}.debug .dbg-toggle:disabled{opacity:.35;cursor:default}.dbg-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding-top:4px;font-size:10px}.debug .dbg-toggle{align-items:center;gap:5px;display:inline-flex}.dbg-hint{font:inherit;opacity:.55;border:1px solid;border-radius:3px;padding:0 3px;font-size:9px;line-height:1.3}.overlay.touch .dbg-hint{display:none}.debug .dbg-input{width:64px;min-height:24px;font:inherit;color:var(--ink);border:1px solid var(--glass-edge);pointer-events:auto;background:#00000059;border-radius:6px;padding:2px 6px}.debug .dbg-input:focus{outline:1px solid var(--cyan)}.overlay.touch .debug .dbg-toggle,.overlay.touch .debug .dbg-input{min-height:32px}.god-tag{font-size:var(--fs-xs);letter-spacing:.1em;color:#0b0620;background:var(--lime);box-shadow:0 0 8px var(--lime);border-radius:4px;margin-left:8px;padding:0 6px;font-weight:800}.sound{top:calc(92px + var(--sa-t));left:calc(10px + var(--sa-l));border-radius:999px;align-items:center;display:flex;position:absolute}.sound.floating{top:calc(14px + var(--sa-t));left:auto;right:calc(14px + var(--sa-r))}.sound-btn{width:40px;height:40px;color:var(--cyan);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.sound[data-muted=true] .sound-btn{color:var(--muted)}.sound-btn:hover,.sound-btn:focus-visible{color:var(--ink)}.round-timer{top:calc(10px + var(--sa-t));pointer-events:none;text-align:center;flex-direction:column;align-items:center;min-width:96px;padding:4px 16px 6px;line-height:1.05;display:flex;position:absolute;left:50%;transform:translate(-50%)}.round-label{color:var(--cyan);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-weight:700}.round-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;font-size:30px;font-weight:800}.round-timer[data-phase=countdown] .round-clock,.round-timer[data-phase=results] .round-clock{color:var(--muted);font-size:18px}.round-timer[data-urgent=true]{border-color:var(--pink);box-shadow:0 0 22px #ff2d6f80}.round-timer[data-urgent=true] .round-clock{color:var(--pink);animation:1s ease-in-out infinite urgent-pulse}.round-hud{font-size:var(--fs-xs);color:var(--muted);gap:10px;margin-top:2px;display:flex}.round-stat strong{color:var(--ink)}.countdown{pointer-events:none;text-align:center;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.countdown-text{letter-spacing:.04em;text-shadow:0 0 28px #2de2ffd9,0 4px #0b062099;font-weight:800;line-height:1;animation:1s ease-out both countdown-pop}.countdown-text.count{font-size:clamp(120px,26vw,220px)}.countdown-text.go{color:var(--lime);text-shadow:0 0 34px #7cff4fd9,0 4px #0b062099;font-size:clamp(100px,22vw,190px);animation:.9s ease-out both countdown-go}.countdown-text.ready{font-size:clamp(34px,8vw,64px);animation:none}.countdown-sub{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-size:clamp(16px,3vw,22px);font-weight:600}.results-screen{background:radial-gradient(#0b06201a,#0b06208c)}.results{width:min(100%,400px);max-height:100%;padding:var(--sp-4) var(--sp-5);gap:var(--sp-3);text-align:center;flex-direction:column;display:flex;overflow-y:auto}.results h2{font-size:var(--fs-xl);color:var(--cyan);text-shadow:0 0 16px #2de2ff80;margin:0}.results-list{text-align:left;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.results-row{border-radius:var(--r-m);min-height:34px;font-size:var(--fs-m);background:#ffffff0d;grid-template-columns:28px 22px 1fr auto auto;align-items:center;gap:10px;padding:2px 10px;display:grid}.results-row[data-rank="1"]{background:linear-gradient(90deg,#ffd23d47,#ff9a3d1a);font-weight:700}.results-row.me{outline:2px solid var(--cyan);outline-offset:-2px}.results-rank{color:var(--muted);text-align:center;font-weight:800}.results-row[data-rank="1"] .results-rank{color:#ffd23d}.results-swatch{border-radius:50%;width:16px;height:16px}.results-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.results-score{font-variant-numeric:tabular-nums;font-weight:700}.results-you,.results-next{font-size:var(--fs-m);margin:0}.results-you strong{color:var(--cyan)}.results-next{color:var(--muted)}.results-next strong{color:var(--ink);font-variant-numeric:tabular-nums}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.7)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.15;transform:scale(.85)}}@keyframes countdown-go{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.5)}}@keyframes urgent-pulse{50%{transform:scale(1.1)}}@media (width<=480px),(height<=500px){.round-timer{min-width:76px;padding:3px 10px 5px}.round-clock{font-size:24px}.round-hud{gap:6px}.results{padding:14px 14px 12px}.results-row{min-height:32px}}@media (prefers-reduced-motion:reduce){.countdown-text,.round-timer[data-urgent=true] .round-clock{animation:none}}.results-kills{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap}.top-stack{top:calc(10px + var(--sa-t));align-items:center;gap:var(--sp-2);width:min(calc(100% - 2 * var(--sp-4)), 480px);pointer-events:none;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.top-stack.with-round{top:calc(96px + var(--sa-t))}.zone-banner{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-s);white-space:nowrap;pointer-events:none;font-weight:700}.zone-banner[data-tone=calm]{color:var(--cyan)}.zone-banner[data-tone=warn]{color:#ffd23d}.zone-banner[data-tone=danger]{color:var(--pink);border-color:var(--pink);animation:.9s ease-in-out infinite zone-warn;box-shadow:0 0 20px #ff2d6f8c}.zone-vignette{pointer-events:none;background:radial-gradient(#ff2d6f00 45%,#ff2d6f66 100%);animation:1.2s ease-in-out infinite zone-vignette;position:absolute;inset:0}.spectator-bar{bottom:calc(14px + var(--sa-b));width:max-content;max-width:min(100%,460px);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);align-items:center;gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.spectator-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.spectator-why{color:var(--muted);font-size:var(--fs-xs)}.spectator-target{font-size:var(--fs-l);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectator-target strong,.spectator-why strong{color:var(--cyan)}.spectator-leave{flex:none;min-width:64px;min-height:40px}@keyframes zone-warn{50%{opacity:.7}}@keyframes zone-vignette{50%{opacity:.55}}@media (width<=480px),(height<=500px){.top-stack,.top-stack.with-round{top:calc(150px + var(--sa-t))}.zone-banner{padding:3px 10px}.spectator-bar{bottom:calc(14px + var(--sa-b));left:calc(10px + var(--sa-l));max-width:calc(100% - 150px - var(--sa-l) - var(--sa-r));gap:8px;padding:6px 8px 6px 12px;transform:none}.overlay.spectating .killfeed{bottom:calc(74px + var(--sa-b))}.spectator-target{font-size:var(--fs-m)}}@media (prefers-reduced-motion:reduce){.zone-vignette,.zone-banner[data-tone=danger]{animation:none}}@media (orientation:landscape) and (height<=500px){.top-stack,.top-stack.with-round{top:calc(10px + var(--sa-t));width:min(100% - 340px,480px)}.top-stack.with-round{top:calc(80px + var(--sa-t))}}.event-banner{--ev:var(--accent);min-width:220px;max-width:100%;padding:var(--sp-2) var(--sp-5) 10px;text-align:center;pointer-events:none;border-color:var(--ev);box-shadow:0 0 26px color-mix(in srgb, var(--ev) 55%, transparent);flex-direction:column;align-items:center;gap:1px;line-height:1.1;animation:.35s cubic-bezier(.2,1.4,.4,1) both event-in;display:flex}.event-banner[data-kind=frenzy]{--ev:#3dffb0}.event-banner[data-kind=goldenRain]{--ev:#ffd23d}.event-banner[data-kind=meteors]{--ev:#ff5a2e}.event-title{font-size:var(--fs-l);letter-spacing:.02em;color:var(--ev);text-shadow:0 0 14px color-mix(in srgb, var(--ev) 70%, transparent);white-space:normal;font-weight:800}.event-banner[data-phase=warning] .event-title{animation:.9s ease-in-out infinite event-blink}.event-hint{font-size:var(--fs-xs);color:var(--muted)}.event-bar{background:#ffffff1f;border-radius:2px;width:100%;height:4px;margin-top:6px;display:block;overflow:hidden}.event-bar-fill{background:var(--ev);height:100%;transition:width .1s linear;display:block}@keyframes event-in{0%{opacity:0;transform:translateY(-16px)scale(.9)}}@keyframes event-blink{50%{opacity:.55}}@media (width<=480px),(height<=500px){.event-banner{min-width:0;padding:6px 14px 8px}}@media (prefers-reduced-motion:reduce){.event-banner,.event-banner[data-phase=warning] .event-title{animation:none}}.team-bar{top:calc(78px + var(--sa-t));pointer-events:none;align-items:center;gap:10px;width:min(340px,100% - 24px);padding:5px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.team-side{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.8;align-items:baseline;gap:5px;min-width:74px;font-size:15px;font-weight:700;display:inline-flex}.team-side[data-team="1"]{flex-direction:row-reverse}.team-side[data-lead=true]{opacity:1}.team-marker{font-size:var(--fs-xs)}.team-score{font-size:17px;font-weight:800}.team-you{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;-webkit-text-fill-color:#0b0620;background:currentColor;border-radius:999px;padding:0 5px;font-weight:800;line-height:16px}.team-track{background:#ffffff1a;border-radius:999px;flex:1;height:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff3}.team-fill{height:100%;transition:width .5s}.team-fill[data-team="1"]{flex:1}.team-fill[data-team="0"]{box-shadow:2px 0 #0b0620}.top-stack.with-teams{top:calc(124px + var(--sa-t))}.leaderboard .row[data-team]{border-left:3px solid var(--team);padding-left:3px}.leaderboard .team-tag{color:var(--team);font-size:var(--fs-xs);margin-right:3px}.results-team{border:1px solid var(--team,#ffffff40);box-shadow:0 0 22px color-mix(in srgb, var(--team,#fff) 35%, transparent);background:#ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;margin:0 0 10px;padding:8px 10px;display:flex}.results-team-title{color:var(--team,var(--ink));letter-spacing:.02em;font-size:24px;font-weight:800}.results-team-scores{font-variant-numeric:tabular-nums;gap:14px;font-size:15px;display:flex}.results-team-scores strong{color:var(--ink)}.results-team-verdict{color:var(--muted);font-size:var(--fs-xs)}.results-mvp{font-size:var(--fs-s);color:var(--muted);margin-top:2px}.results-mvp strong{color:var(--ink)}.results-team-marker{color:var(--team);margin-right:4px;font-size:.8em}@media (width<=480px),(height<=500px){.team-bar{top:calc(150px + var(--sa-t));gap:8px;width:min(300px,100% - 20px);padding:3px 10px}.team-side{min-width:58px;font-size:var(--fs-s)}.team-score{font-size:15px}.top-stack.with-teams{top:calc(184px + var(--sa-t))}.results-team-title{font-size:var(--fs-l)}}@media (orientation:landscape) and (height<=500px){.team-bar{top:calc(70px + var(--sa-t))}.top-stack.with-teams,.top-stack.with-round.with-teams{top:calc(106px + var(--sa-t))}}@media (prefers-reduced-motion:reduce){.team-fill{transition:none}}.boss-banner{--gold:#ffd23d;min-width:260px;max-width:100%;padding:var(--sp-2) var(--sp-5) 10px;text-align:center;pointer-events:none;border-color:var(--gold);background:linear-gradient(180deg, #3c26008c, var(--glass));flex-direction:column;align-items:center;gap:1px;line-height:1.1;animation:.5s cubic-bezier(.2,1.4,.4,1) both boss-in;display:flex;box-shadow:0 0 30px #ffd23d80,inset 0 0 18px #ffd23d1f}.boss-banner[data-state=leaving]{border-color:var(--muted);box-shadow:0 0 20px #ffffff26}.boss-banner[data-state=slain]{box-shadow:0 0 44px #ffd23dcc,inset 0 0 24px #ffd23d40}.boss-banner[data-state=escaped]{border-color:var(--muted)}.boss-title{font-size:var(--fs-l);letter-spacing:.02em;color:var(--gold);text-shadow:0 0 14px #ffd23dbf;white-space:nowrap;font-weight:800}.boss-banner[data-state=awake] .boss-title{animation:1.6s ease-in-out infinite boss-glow}.boss-hint{font-size:var(--fs-xs);color:var(--muted)}.boss-bar{background:#ffffff1f;border-radius:2px;width:100%;height:4px;margin-top:6px;display:block;overflow:hidden}.boss-bar-fill{background:linear-gradient(90deg, #ff9a3d, var(--gold));height:100%;transition:width .2s linear;display:block}@keyframes boss-in{0%{opacity:0;transform:translateY(-18px)scale(.85)}}@keyframes boss-glow{50%{text-shadow:0 0 22px #ffd23d}}.minimap-wrap{width:fit-content}.minimap-boss{background:#ffd23d;border:1px solid #fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:left 1s linear,top 1s linear;position:absolute;box-shadow:0 0 8px #ffd23d}.minimap-boss:after{content:"";border:2px solid #ffd23d;border-radius:50%;animation:1.2s ease-out infinite minimap-ping;position:absolute;inset:-4px}@keyframes minimap-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3.4)}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:0;animation:confetti var(--dur) cubic-bezier(.15, .6, .35, 1) var(--delay) both;border-radius:2px;display:block;position:absolute;top:42%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(calc(var(--spin) * .5))}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + var(--fall))) rotate(var(--spin))}}.secret-mark{color:#ffd23d}.secret-hint{color:var(--muted);text-align:center;margin:0;font-size:12px}.carousel-view{position:relative}.secret-unlocked{text-align:center;white-space:nowrap;letter-spacing:.04em;color:#fff;text-shadow:0 0 10px #ff3df2,0 0 18px #2de2ff;font-size:16px;font-weight:800;animation:3.4s ease-out both secret-text;position:absolute;top:-15px;left:0;right:0}.sparkles{width:0;height:0;position:absolute;top:44px;left:50%}.sparkles i{color:#ffe27a;text-shadow:0 0 8px #ff3df2;animation:sparkle 1.3s ease-out var(--d) both;font-size:16px;font-style:normal;position:absolute}@keyframes sparkle{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scale(.2)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(78px) scale(1.2)}}@keyframes secret-text{0%{opacity:0;transform:translateY(6px)scale(.8)}12%,80%{opacity:1;transform:none}to{opacity:0}}.kill.boss{color:#ffe27a;border-color:#ffd23db3}@media (width<=480px),(height<=500px){.boss-banner{min-width:0;padding:6px 14px 8px}}@media (prefers-reduced-motion:reduce){.boss-banner,.boss-banner[data-state=awake] .boss-title,.minimap-boss:after,.secret-unlocked,.sparkles i{animation:none}.secret-unlocked{opacity:1}}.auto{top:calc(140px + var(--sa-t));left:calc(10px + var(--sa-l));border-radius:999px;display:flex;position:absolute}.auto-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.auto-btn:hover,.auto-btn:focus-visible{color:var(--ink)}.auto[data-on=true]{border-color:var(--lime);box-shadow:0 0 12px color-mix(in srgb, var(--lime) 55%, transparent);animation:2.4s ease-in-out infinite auto-pulse}.auto[data-on=true] .auto-btn{color:var(--lime)}@keyframes auto-pulse{50%{box-shadow:0 0 4px color-mix(in srgb, var(--lime) 30%, transparent)}}.has-auto .chips{top:calc(188px + var(--sa-t))}@media (width<=480px),(height<=500px){.auto{top:calc(92px + var(--sa-t));left:calc(92px + var(--sa-l))}.has-auto .chips{top:calc(94px + var(--sa-t))}}.auto-tag{font-size:var(--fs-xs);letter-spacing:.1em;color:#0b0620;background:var(--cyan);box-shadow:0 0 8px var(--cyan);border-radius:4px;margin-left:8px;padding:0 6px;font-weight:800}.bot-tag{vertical-align:-2px;color:var(--cyan);margin-left:4px;display:inline-block}.auto-option{min-height:36px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.auto-option input{width:18px;height:18px;accent-color:var(--lime);margin:0}.auto-option:has(input:checked){color:var(--ink)}.death .auto-respawn{color:var(--lime);justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.auto[data-on=true]{animation:none}}.match{text-align:left;flex-direction:column;gap:8px;display:flex}.pick-radio{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.modes{flex-direction:column;gap:4px;display:flex}.mode-opt,.map-opt{color:var(--ink);border:1px solid var(--glass-edge);cursor:pointer;background:#0804188c;border-radius:10px;transition:border-color .12s,box-shadow .12s,background .12s;position:relative}.mode-opt:hover,.map-opt:hover{border-color:#b57bff99}:is(.mode-opt:has(.pick-radio:focus-visible),.map-opt:has(.pick-radio:focus-visible)){outline:none;box-shadow:0 0 0 3px #2de2ff59}.mode-opt{min-height:36px;font:700 15px var(--font);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 10px;display:grid}.mode-opt.on,.map-opt.on{border-color:var(--card-accent,var(--cyan));background:color-mix(in srgb, var(--card-accent,var(--cyan)) 14%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--card-accent,var(--cyan)) 32%, transparent)}.mode-desc,.mode-count,.map-count{font-size:var(--fs-xs);color:var(--muted);font-weight:500}.mode-desc{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mode-count{font-size:var(--fs-xs);white-space:nowrap}.mode-blurb{min-height:1.3em;font-size:var(--fs-xs);text-align:center;color:var(--muted);margin:0;display:none}.maps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.map-opt{min-height:66px;font:700 14px var(--font);flex-direction:column;align-items:center;gap:1px;padding:7px 4px 5px;display:flex}.map-opt .swatch{border:1px solid #ffffff40;border-radius:50%;width:26px;height:26px;margin-bottom:2px}.map-count{font-size:var(--fs-xs);white-space:nowrap}.join .play{flex:none;position:sticky;bottom:0}@media (height<=800px){.modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.mode-opt{justify-content:center;min-height:36px;padding:3px 2px;font-size:13px;display:flex}.mode-desc,.mode-count{display:none}.mode-blurb{display:block}}.notice{z-index:40;top:calc(12px + var(--sa-t));width:max-content;max-width:min(440px, calc(100% - 2 * var(--sp-4)));padding:var(--banner-pad);text-align:center;font-size:var(--fs-s);pointer-events:none;border-color:var(--accent,var(--cyan));font-weight:600;line-height:1.25;animation:.3s both notice-in;position:absolute;left:50%;transform:translate(-50%)}.notice-inline{color:#ffd23d;background:#ffd23d1a;border:1px solid #ffd23d66;border-radius:10px;margin:0;padding:6px 10px;font-size:13px;font-weight:600}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-8px)}}.dbg-rooms{border-top:1px solid var(--glass-edge);margin-top:4px;padding-top:4px}.dbg-room{color:var(--muted);justify-content:space-between}.dbg-room.here{color:var(--accent,var(--cyan))}@media (prefers-reduced-motion:reduce){.notice{animation:none}}
