: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{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}.phase-banner{background:#0000008c;border-radius:6px;gap:1rem;padding:.4rem 1rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.phase-banner .timer{font-variant-numeric:tabular-nums}.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}.spell-bar{gap:.35rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.slot{background:#2a160c;border:2px solid #5a3420;border-radius:6px;width:3.4rem;height:3.4rem;font-size:.7rem;position:relative;overflow:hidden}.slot.armed{border-color:#fc5;box-shadow:0 0 8px #fc5}.slot.empty{opacity:.4}.slot .key{font-weight:700;position:absolute;top:2px;left:4px}.slot .name{text-align:center;position:absolute;bottom:3px;left:0;right:0}.slot .sweep{position:absolute;inset:0}.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}.phase-banner .next-map{color:#ffc58a}.friction{grid-column:1/-1;gap:.2rem;display:grid}.friction 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}.phase-banner .friction-tag{color:#8fd3ff;border:1px solid #8fd3ff;border-radius:4px;padding:0 .4rem}