:root{--font-ui:"Chakra Petch", system-ui, sans-serif}html,body{color:#cfd8e3;height:100%;font-family:var(--font-ui);background:#0b0f14;margin:0}button,input{font-family:inherit}#build-id{opacity:.6;pointer-events:none;font:11px ui-monospace,monospace;position:fixed;bottom:8px;right:8px}#hud{pointer-events:none;position:fixed;inset:0}.hp-bar{background:#1b2633;border:2px solid #5a6b7d;width:260px;height:24px;position:absolute;bottom:16px;left:16px}.hp-bar__fill{background:#4fc3f7;height:100%}.hp-bar__label{font:bold 14px/24px var(--font-ui);text-align:center;color:#fff;text-shadow:0 1px 2px #000;position:absolute;inset:0}.abilities{gap:8px;display:flex;position:absolute;bottom:16px;left:292px}.cooldown{box-sizing:border-box;background:#1b2633;border:2px solid #5a6b7d;min-width:44px;height:44px;padding:0 6px;position:relative;overflow:hidden}.cooldown--ready{border-color:#4fc3f7}.cooldown__shade{background:#0009;position:absolute;bottom:0;left:0;right:0}.cooldown__label{white-space:nowrap;font:bold 16px/40px var(--font-ui);text-align:center;color:#fff;text-shadow:0 1px 2px #000;position:relative}.endurance{box-sizing:border-box;background:#1b2633;border:2px solid #5a6b7d;width:132px;height:44px;position:relative;overflow:hidden}.endurance--ready{border-color:#4fc3f7}.endurance__fill{background:#3f7fa0;height:100%}.endurance--ready .endurance__fill{background:#4fc3f7}.endurance__mark{background:#fff;width:2px;position:absolute;top:0;bottom:0}.endurance__label{white-space:nowrap;font:bold 16px/40px var(--font-ui);text-align:center;color:#fff;text-shadow:0 1px 2px #000;position:absolute;inset:0}.match-timer{font:bold 28px var(--font-ui);color:#fff;text-shadow:0 1px 4px #000;position:absolute;top:16px;left:50%;transform:translate(-50%)}.results{pointer-events:auto;background:#0b0f14d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.results__title{margin:0;font-size:48px}.results__stats{font:16px var(--font-ui);grid-template-columns:auto auto;gap:4px 24px;margin:0;display:grid}.results__stats dt{text-align:right;opacity:.7}.results__stats dd{margin:0}.results__callout{color:#fff176;margin:0}.results__again{cursor:pointer;padding:8px 20px;font-size:16px}.status{pointer-events:none;background:#0b0f14b3;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.debug-overlay{color:#a5d6a7;pointer-events:none;background:#0b0f14bf;margin:0;padding:6px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute;top:8px;right:8px}.match-hud{position:absolute;inset:0}.panel{pointer-events:auto;background:#0b0f14eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.panel button,.results__again{cursor:pointer;padding:8px 20px;font-size:16px}.title__heading,.lobby__heading{margin:0;font-size:48px}.title__name,.lobby__hint{opacity:.7;margin:0}.name-prompt__label{flex-direction:column;gap:6px;font-size:14px;display:flex}.name-prompt__input{padding:8px 12px;font-size:18px}.lobby__pods{gap:16px;display:flex}.lobby__buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pod{flex-direction:column;align-items:center;gap:8px;width:140px;display:flex}.pod__frame{box-sizing:border-box;background:#1b2633;border:3px solid #5a6b7d;border-radius:8px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.pod--empty .pod__frame{border-style:dashed;border-color:#33414f}.pod__avatar{object-fit:contain;width:112px;height:112px}.pod__crown{font-size:28px;position:absolute;top:-14px;right:-8px}.pod__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;overflow:hidden}.pod--empty .pod__name{opacity:.5}.pod__marker{color:#4fc3f7;font-size:12px}.chat{box-sizing:border-box;flex-direction:column;gap:6px;width:min(620px,90vw);display:flex}.chat__log{box-sizing:border-box;overflow-wrap:anywhere;background:#00000059;border:1px solid #33414f;height:140px;margin:0;padding:6px 10px;font:14px/1.4 ui-monospace,monospace;list-style:none;overflow-y:auto}.chat__name{color:#4fc3f7}.chat__input{padding:6px 10px;font-size:14px}.cycle{background:#0b0f14f5}.cycle__card{box-sizing:border-box;background:#1b2633;border:2px solid #5a6b7d;width:min(560px,90vw);max-height:70vh;padding:8px 24px 16px;font-size:16px;line-height:1.5;overflow-y:auto}.cycle__card h1{font-size:32px}.cycle__card h2{color:#fff176;margin-bottom:4px;font-size:18px}.cycle__card p,.cycle__card ul{margin:4px 0}.teammates{width:200px;font:14px/18px var(--font-ui);color:#fff;text-shadow:0 1px 2px #000;background:#0b0f148c;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;top:16px;left:16px}.teammates:empty{display:none}.teammate__name{align-items:center;gap:6px;display:flex}.teammate__tint{border-radius:50%;flex:none;width:10px;height:10px}.teammate{grid-template-columns:1fr auto;gap:2px 8px;display:grid}.teammate__hp{background:#1b2633;border:1px solid #5a6b7d;grid-column:1/-1;height:10px}.teammate__hp-fill{background:#4fc3f7;height:100%}.teammate__state{color:#ff8a65;font-weight:700}.teammate--dead{opacity:.5}.teammate--dead .teammate__state{color:#9aa7b4}.teammate--downed .teammate__hp-fill{background:#ff8a65}.teammate__revive{background:#1b2633;grid-column:1/-1;height:4px}.teammate__revive-fill{background:#7be38f;height:100%}.match-banner{font:bold 16px var(--font-ui);color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;background:#0b0f14b3;padding:6px 14px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.match-countdown{font:bold 160px var(--font-ui);color:#fff;text-shadow:0 4px 16px #000,0 0 4px #000;pointer-events:none;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.downed-arrows{pointer-events:none;position:absolute;inset:0}.downed-arrow{filter:drop-shadow(0 1px 3px #000);border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:24px solid #ff8a65;width:0;height:0;margin:-12px 0 0 -12px;position:absolute;top:0;left:0}.settings__row{justify-content:space-between;align-items:center;gap:16px;min-width:280px;font-size:18px;display:flex}.settings__row:has(.settings__mute){justify-content:flex-start}.settings__row input[type=range]{width:160px}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chakra-petch-latin-400-normal-SafcrIr2.woff2)format("woff2"),url(/assets/chakra-petch-latin-400-normal-D7EtbySE.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2)format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff)format("woff")}