:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3e9e2;background:#120806;font-family:system-ui,sans-serif}html,body,#root{height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#3a1f12;border:1px solid #7a4a2a;border-radius:4px;padding:.35rem .8rem}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:default}button:focus-visible{outline-offset:1px;outline:2px solid #fc5}.muted{color:#a9978c}.error{color:#ff7a6a}.row{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.swatch{vertical-align:middle;border-radius:50%;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}.char-icon{color:#f0d9b5;vertical-align:middle;object-fit:cover;background:#3a2418;border-radius:3px;flex:none;place-items:center;width:1.2rem;height:1.2rem;margin-right:.3rem;font-size:.7rem;font-weight:700;display:inline-grid}.char-icon-lg{border-radius:6px;width:3.5rem;height:3.5rem;margin:0;font-size:1.6rem}.character-select{align-items:flex-end}.character-preview{background:radial-gradient(circle at 50% 70%,#3a2418,#0000 70%);border-radius:6px;width:140px;height:180px}.character-picker{border:none;gap:.5rem;margin:.5rem 0;padding:0;display:flex}.character-picker legend{margin-bottom:.35rem;padding:0}.character-card{border:2px solid #5a3420;border-radius:6px;justify-items:center;gap:.25rem;padding:.4rem;display:grid}.character-card.selected{border-color:#fc5;box-shadow:0 0 6px #fc5}.character-card:disabled{opacity:.6;cursor:not-allowed}.home{max-width:34rem;margin:0 auto;padding:2rem 1rem}.field{gap:.25rem;display:grid}.bots-panel{border:1px solid #7a4a2a;border-radius:4px;margin:.5rem 0 1rem;padding:.75rem}.bots-panel button[aria-checked=true]{background:#6a3418;border-color:#ff9a4a}.browser ul{padding:0;list-style:none}.browser li{grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.3rem 0;display:grid}.match{height:100%;position:relative;overflow:hidden}.game-canvas{position:absolute;inset:0}.overhead-labels{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.ohl{--ohl-gap:10px;--ohl-bar-w:56px;--ohl-bar-h:7px;--ohl-frame:#000000b3;--ohl-bg:#1a1a1acc;--ohl-hurt:#ffb300;--ohl-critical:#ff3d00;--ohl-critical-bg:#460800d9;--ohl-lava:#ff7a1a;--ohl-shield:#4de8ff;--ohl-pulse:calc(1s / 1.2);--ohl-flicker:calc(1s / 2.5);translate:-50% calc(-100% - var(--ohl-gap));will-change:transform, opacity;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.ohl--self{--ohl-bar-w:64px;--ohl-bar-h:8px}.ohl-name{color:#fff;white-space:nowrap;text-shadow:0 0 2px #000,0 1px 1px #000;align-items:center;gap:3px;max-width:150px;font-size:12px;font-weight:600;line-height:1.1;display:flex}.ohl-swatch{outline:1px solid #000000b3;flex:none;width:3px;height:3px}.ohl-text{text-overflow:ellipsis;max-width:110px;overflow:hidden}.ohl-bot{color:#a0a0a0;font-size:10px;font-weight:500;display:none}.ohl-dc{color:#ffd84a;font-size:11px;display:none}.ohl--bot .ohl-bot,.ohl--dc .ohl-dc{display:inline}.ohl--dc .ohl-swatch,.ohl--dc .ohl-text,.ohl--dc .ohl-bot{opacity:.5}.ohl--no-name .ohl-name,.ohl--no-bar .ohl-bar{display:none}.ohl-bar{width:var(--ohl-bar-w);height:var(--ohl-bar-h);background:var(--ohl-bg);position:relative}.ohl-chip,.ohl-fill,.ohl-ticks{position:absolute;inset:0}.ohl-chip,.ohl-fill{transform-origin:0}.ohl-chip{background:#fff}.ohl-ticks{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#0000008c calc(100% - 1px));background-repeat:repeat-x}.ohl-bar:before{content:"";z-index:1;border:1px solid var(--ohl-frame);position:absolute;inset:-1px}.ohl-bar--hurt:before{border-color:var(--ohl-hurt)}.ohl-bar--critical{background:var(--ohl-critical-bg)}.ohl-bar--critical:before{border-color:var(--ohl-critical);animation:ohl-pulse var(--ohl-pulse) ease-in-out infinite alternate}.ohl-bar--lava:before{border-color:var(--ohl-lava);animation:ohl-flicker var(--ohl-flicker) steps(2, jump-none) infinite}.ohl-bar--shield{box-shadow:0 0 0 2px var(--ohl-shield)}@keyframes ohl-pulse{0%{opacity:.6}to{opacity:1}}@keyframes ohl-flicker{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.ohl-bar:before{animation:none!important}}.damage-numbers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.damage-number{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;will-change:transform, opacity;font-size:1.1rem;font-weight:800;position:absolute;top:0;left:0}.damage-number.dealt{color:#ffd84a}.damage-number.taken{color:#ff5a4a;font-size:1.3rem}.hud{--ui-scale:1;--panel-bg:#140a06d9;--frame:#5a3420;--ember:#ff8a3d;--teal:#3fc1b0;--violet:#a77bff;--danger:#ff4a36;--amber:#ffb03a;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud .panel,.hud button{pointer-events:auto}.panel{background:#140a06d9;border:1px solid #5a3420;border-radius:6px;padding:.75rem 1rem}.waiting{width:22rem;position:absolute;top:4rem;left:1rem}.waiting header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.waiting h2{flex:1;margin:0}.roster{padding:0;list-style:none}.roster li{align-items:center;gap:.25rem;display:flex}.roster li>:last-child{margin-left:auto}.ready{color:#8fe388}.bot-badge{color:#cfe3ff;letter-spacing:.05em;vertical-align:middle;background:#3a4a5c;border-radius:3px;margin-left:.3em;padding:0 .3em;font-size:.7em;font-weight:700}.bot-controls{border:0;flex-wrap:wrap;margin:0 0 .5rem;padding:0}.bot-controls input{width:3.5rem}.remove-bot{padding:0 .4rem}.settings{border-color:#5a3420;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.settings label{gap:.2rem;display:grid}.kill-feed{text-align:right;text-shadow:0 1px 2px #000;margin:0;padding:0;list-style:none;position:absolute;top:.75rem;right:1rem}.shop{gap:.75rem;width:min(60rem,100% - 2rem);max-height:calc(100% - 10rem);display:grid;position:absolute;top:3.75rem;left:50%;overflow-y:auto;transform:translate(-50%)}.shop header{align-items:center;gap:1rem;display:flex}.shop h2{flex:1;margin:0}.shop .gold{color:#fc5;font-weight:700}.shop .timer{font-variant-numeric:tabular-nums}.shop-ready[aria-pressed=true]{color:#8fe388;border-color:#8fe388}.shop-spells{grid-template-columns:repeat(8,1fr);gap:.4rem;display:grid}.shop-col{flex-direction:column;gap:.35rem;display:flex}.shop-col .key{text-align:center;font-weight:700}.shop-spell{text-align:center;background:#2a160c;border:1px solid #5a3420;border-radius:6px;flex-direction:column;align-items:stretch;gap:.3rem;padding:.4rem;font-size:.8rem;display:flex}.shop-spell.owned{border-color:#b8743e}.shop-spell button,.shop-items button{padding:.2rem .4rem;font-size:.75rem}.pips{justify-content:center;gap:3px;display:flex}.pip{border:1px solid #b8743e;border-radius:50%;width:.5rem;height:.5rem}.pip.on{background:#fc5}.shop-items{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.inventory{grid-template-columns:repeat(2,7rem);gap:.35rem;display:grid}.inv-slot{text-align:center;border:1px dashed #5a3420;border-radius:6px;flex-direction:column;justify-content:center;gap:.2rem;min-height:3rem;padding:.25rem;font-size:.75rem;display:flex}.inv-slot.filled{background:#2a160c;border-style:solid}.inv-slot.locked{opacity:.4}.item-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.item-list li{grid-template-columns:8rem 2rem 1fr auto;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.item-list .tier{color:#cfe3ff;font-size:.7rem}.shop-players{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.shop-players li{align-items:center;gap:.3rem;display:flex}.scoreboard{border-collapse:collapse;min-width:26rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard th,.scoreboard td{text-align:left;padding:.25rem .6rem}.toast{background:#7a1f12;border-radius:6px;padding:.5rem 1rem;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.leave{position:absolute;bottom:1rem;right:1rem}.map-summary{grid-column:1/-1;margin:0}.map-pool{flex-wrap:wrap;grid-column:1/-1;gap:.75rem;display:flex}.map-pool label{align-items:center;gap:.25rem;display:flex}.round-strip .next-map{text-align:center;color:#ffc58a;flex-basis:100%;font-size:.85em}.friction,.map-props{grid-column:1/-1;gap:.2rem;display:grid}.friction p,.map-props p{margin:0;font-size:.85em}.segmented{display:flex}.segmented button{border-radius:0;flex:1;padding:.2rem .3rem}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-radius:0 4px 4px 0}.segmented button[aria-pressed=true]{color:#fff;background:#7a3a18;border-color:#ffc58a}.round-strip .friction-tag{color:#8fd3ff;border:1px solid #8fd3ff;border-radius:4px;padding:0 .4rem}.round-strip,.hud-bottom,.gold-chip,.kill-feed,.center-banner,.shop-loadout{font-size:calc(1rem * var(--ui-scale))}.round-strip{background:var(--panel-bg);border:1px solid var(--frame);white-space:nowrap;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2em 1em;max-width:max(26em,100% - 60rem);padding:.4em 1em;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 .6em #ff78281f}.round-strip .timer,.gold-chip,.self-vitals,.slot .cd{font-variant-numeric:tabular-nums}.round-strip .timer.big{font-size:1.5em;font-weight:800}.timer.urgent{color:var(--danger);animation:1s step-end infinite tick}@keyframes tick{50%{opacity:.55}}.round-strip .shrink .timer{color:var(--amber);font-weight:700}.player-pips{gap:.2em;display:inline-flex}.alive-teams{gap:.8em;display:inline-flex}.player-pip{border:2px solid;border-radius:50%;width:.6em;height:.6em}.player-pip.on{background:currentColor}.hud-bottom{flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hud-bottom-top{align-items:flex-end;gap:.6em;display:flex}.hud-bottom-row{align-items:flex-end;gap:1em;display:flex}.self-vitals{background:var(--panel-bg);border:1px solid var(--frame);border-radius:6px;align-items:center;gap:.6em;padding:.3em .6em;display:flex}.hp-bar{background:#1a0d07;border:1px solid #2a160c;border-radius:3px;width:16em;height:1.1em;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(#5fd35a,#2f9a2c);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.self-vitals[data-risk=hurt] .hp-fill{background:linear-gradient(#ffc14a,#d0861a)}.self-vitals[data-risk=critical] .hp-fill{background:linear-gradient(#ff5a44,#b0231a)}.hp-text{text-align:center;text-shadow:0 1px 2px #000;font-size:.75em;font-weight:700;line-height:1.45em;display:block;position:relative}.self-vitals .kb{min-width:6.5em;font-size:1.15em;font-weight:800}.self-vitals[data-risk=hurt] .kb{color:var(--amber)}.self-vitals[data-risk=critical] .kb{color:var(--danger);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.risk-mark{font-size:.7em}.sliding-tag{border:1px solid var(--teal);color:var(--teal);letter-spacing:.08em;border-radius:3px;padding:0 .4em;font-size:.7em;font-weight:800}.status-effects{gap:.3em;margin:0;padding:0;list-style:none;display:flex}.status{background:currentColor;border-radius:50%;place-items:center;width:2.2em;height:2.2em;display:grid;position:relative}.status:before{content:"";background:#1a0d07;border-radius:50%;position:absolute;inset:3px}.status>*{position:relative}.status-burning{color:var(--ember)}.status-shielded{color:#7fd3ff}.status-linked{color:var(--violet)}.status-glyph{font-size:1.05em;line-height:1}.status-detail{white-space:nowrap;text-shadow:0 1px 2px #000;font-size:.65em;position:absolute;top:100%}.spell-bar{background:var(--panel-bg);border:1px solid var(--frame);border-radius:8px;gap:.35em;padding:.35em;display:flex}.spell-bar .slot[data-slot=D],.spell-bar .slot[data-slot=C]{margin-left:.6em}.slot{--group:var(--ember);border:2px solid color-mix(in srgb, var(--group) 55%, #2a160c);background:radial-gradient(circle at 50% 35%,#3a2014,#1a0d07);border-radius:6px;place-items:center;width:4em;height:4em;transition:transform 80ms ease-out,filter 80ms;display:grid;position:relative;overflow:hidden}.group-mobility{--group:var(--teal)}.group-control{--group:var(--violet)}.slot.empty .slot-glyph{opacity:.3;color:var(--group);font-size:1.6em}.slot.armed{box-shadow:0 0 .6em var(--group);border-color:#fff3c4;transform:translateY(-4px)}.slot.dimmed{filter:saturate(.2)brightness(.6)}.slot.ready-flash{animation:.15s ease-out ready-flash}@keyframes ready-flash{0%{box-shadow:0 0 1em .2em var(--group);border-color:#fff}}.slot .key{z-index:2;text-shadow:0 1px 2px #000;font-size:.7em;font-weight:800;position:absolute;top:1px;left:3px}.slot .pips{z-index:2;gap:2px;position:absolute;bottom:3px;left:0;right:0}.slot .pip{width:.35em;height:.35em}.slot .sweep{z-index:1;position:absolute;inset:0}.slot .cd{z-index:2;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:1.1em;font-weight:800;position:absolute}.icon{object-fit:cover;width:100%;height:100%}.icon-placeholder{color:var(--group,var(--ember));text-shadow:0 1px 2px #000;place-items:center;font-size:1.2em;font-weight:800;display:grid}.spell-bar.read-only{font-size:.75em}.items-row{background:var(--panel-bg);border:1px solid var(--frame);border-radius:8px;gap:.3em;padding:.35em;display:flex}.item-slot{background:#1a0d07;border:2px solid #6b5a4a;border-radius:6px;place-items:center;width:3em;height:3em;display:grid;position:relative;overflow:hidden}.item-slot.passive .icon{opacity:.7}.item-slot.empty{opacity:.5;border-style:dashed}.item-slot .key{text-shadow:0 1px 2px #000;font-size:.65em;font-weight:800;position:absolute;top:1px;left:3px}.gold-chip{background:var(--panel-bg);border:1px solid var(--frame);color:#fc5;border-radius:999px;padding:.3em .7em;position:absolute;bottom:3.5rem;right:1rem}.spectator{flex-direction:column;align-items:center;gap:.35em;display:flex}.spectator-bar{background:var(--panel-bg);border:1px solid var(--frame);border-radius:6px;padding:.3em .9em}.muted{opacity:.7}.kill-feed li{background:#00000059;border-radius:4px;justify-content:flex-end;align-items:center;gap:.2em;margin-bottom:.2em;padding:.1em .5em;display:flex}.kill-feed li.mine{outline:1px solid var(--ember);background:#ff8a3d4d}.kill-how{align-items:center;gap:.15em;display:inline-flex}.kill-how .icon{border-radius:3px;width:1.4em;height:1.4em}.kill-how .icon-placeholder{font-size:.75em}.lava-glyph{color:var(--ember)}.center-banner{text-shadow:0 0 6px #000,0 2px 3px #000;flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.center-banner.countdown{font-size:calc(5rem * var(--ui-scale));font-weight:900;animation:.3s ease-out pop}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(1.6)}}.center-banner.round-end strong{font-size:2em}.gold-toast{background:var(--panel-bg);border:1px solid var(--frame);color:#fc5;border-radius:999px;padding:.2em .8em}.vignette{opacity:.25;position:absolute;inset:0}.vignette.low-hp{box-shadow:inset 0 0 6vmin 1vmin var(--danger)}.vignette.lava{opacity:.35;box-shadow:inset 0 0 8vmin 2vmin var(--ember)}.scoreboard tr.dead{opacity:.55}.scoreboard tr.winner{background:#ffcc552e;outline:1px solid #fc5}.dead-mark{margin-right:.2em}.shop-col>.key{border-bottom:2px solid var(--group,var(--ember));color:var(--group,var(--ember))}.shop-col.group-offense{--group:var(--ember)}.shop-spell .icon{border-radius:4px;width:2.2em;height:2.2em;margin:0 auto}.shop-loadout{justify-content:center;align-items:center;gap:.75em;display:flex}.shop .timer.urgent{font-weight:800}@media (prefers-reduced-motion:reduce){.timer.urgent,.self-vitals[data-risk=critical] .kb,.slot.ready-flash,.center-banner.countdown{animation:none}}