.battle-stage-root{--battle-ink:var(--color-ink,#221813);--battle-muted:var(--color-ink-2,#544b46);--battle-paper:var(--color-paper,#faf5f0);--battle-paper-2:var(--color-paper-2,#f5ece6);--battle-rule:var(--color-rule,#ded6d0);--battle-accent:var(--color-accent,#a9371a);--battle-ease:cubic-bezier(.16, 1, .3, 1);color:var(--battle-ink);flex-direction:column;gap:.75rem;min-width:0;display:flex}@supports (color:lab(0% 0 0)){.battle-stage-root{--battle-ink:var(--color-ink,lab(9.43354% 4.13752 5.29373));--battle-muted:var(--color-ink-2,lab(32.6592% 3.09537 4.17312));--battle-paper:var(--color-paper,lab(96.7376% 1.34355 2.65973));--battle-paper-2:var(--color-paper-2,lab(93.9319% 2.32595 3.78476));--battle-rule:var(--color-rule,lab(86.0438% 2.3286 3.78649));--battle-accent:var(--color-accent,lab(40.6283% 46.53 43.3396))}}.battle-roster{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem .75rem;display:grid}.battle-roster-card{align-items:center;gap:.65rem;min-width:0;padding:.35rem 0;display:flex}.battle-roster-card--right{text-align:right;flex-direction:row-reverse}.battle-roster-card__art{border:1.5px solid var(--battle-rule);background:var(--battle-paper-2);object-fit:cover;object-position:top center;border-radius:999px;flex:none;width:3rem;height:3rem}.battle-roster-card__art--you{border-color:var(--battle-accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--battle-accent) 25%, transparent)}.battle-roster-card__text{min-width:0}.battle-roster-card__you{background:color-mix(in oklch, var(--battle-accent) 16%, transparent);color:var(--battle-accent);letter-spacing:.02em;border-radius:999px;margin-bottom:.15rem;padding:.05rem .4rem;font-size:.65rem;font-weight:700;display:inline-block}.battle-roster-card__student{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.battle-roster-card__fighter{color:var(--battle-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.75rem;overflow:hidden}.battle-roster-card__fighter strong{color:var(--battle-ink);font-weight:600}.battle-roster__vs{color:var(--battle-muted);letter-spacing:.04em;font-size:.75rem;font-weight:700}.battle-stage-hud{grid-template-columns:1fr auto 1fr;align-items:end;gap:.5rem .75rem;padding:0 .15rem;display:grid}.battle-hp{flex-direction:column;gap:.25rem;min-width:0;display:flex}.battle-hp--right{text-align:right}.battle-hp--right .battle-hp__fill{margin-left:auto}.battle-hp__meta{color:var(--battle-muted);align-items:baseline;gap:.45rem;font-size:.75rem;display:flex}.battle-hp--right .battle-hp__meta{justify-content:flex-end}.battle-hp__name{color:var(--battle-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.battle-hp__lv{font-variant-numeric:tabular-nums;flex:none}.battle-hp__track{border:1px solid var(--battle-rule);background:color-mix(in oklch, var(--battle-ink) 8%, var(--battle-paper));border-radius:999px;height:.7rem;overflow:hidden}.battle-hp__fill{height:100%;transition:width .35s var(--battle-ease);border-radius:999px}.battle-hp__fill--low{background:color-mix(in oklch, var(--battle-accent) 85%, black)!important}.battle-hp__num{font-variant-numeric:tabular-nums;color:var(--battle-muted);font-size:.7rem}.battle-stage-vs{color:var(--battle-muted);padding-bottom:.85rem;font-size:.7rem;font-weight:700}.battle-arena{border-radius:var(--radius-lg,12px);border:1px solid var(--battle-rule);background:linear-gradient(180deg, color-mix(in oklch, var(--battle-paper-2) 70%, white) 0%, var(--battle-paper-2) 55%, color-mix(in oklch, var(--battle-ink) 8%, var(--battle-paper-2)) 100%);min-height:280px;padding:.75rem .5rem 1rem;position:relative;overflow:hidden}.battle-arena__floor{background:color-mix(in oklch, var(--battle-ink) 18%, transparent);pointer-events:none;border-radius:999px;height:2px;position:absolute;bottom:18%;left:8%;right:8%}.battle-arena__fighters{z-index:1;grid-template-columns:1fr 1fr;align-items:end;gap:.25rem;min-height:220px;padding:0 .25rem 1.5rem;display:grid;position:relative}.battle-side{justify-content:center;align-items:flex-end;min-height:200px;display:flex;position:relative}.battle-fighter{transform-origin:50% 100%;width:min(46vw,180px);height:min(52vw,200px);transition:filter .2s var(--battle-ease);position:relative}.battle-fighter--face-left .battle-fighter__img{transform:scaleX(-1)}.battle-fighter__img{object-fit:contain;object-position:bottom center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 8px 12px color-mix(in oklch, var(--battle-ink) 12%, transparent));display:block}.battle-fighter__tag{background:color-mix(in oklch, var(--battle-paper) 88%, transparent);border:1px solid var(--battle-rule);white-space:nowrap;color:var(--battle-ink);border-radius:999px;padding:.1rem .45rem;font-size:.65rem;font-weight:700;position:absolute;bottom:-.15rem;left:50%;transform:translate(-50%)}.battle-fighter--you .battle-fighter__tag{border-color:color-mix(in oklch, var(--battle-accent) 45%, var(--battle-rule));color:var(--battle-accent)}.battle-fighter--atk-jab{animation:battle-jab .42s var(--battle-ease)}.battle-fighter--atk-hook{animation:battle-hook .55s var(--battle-ease)}.battle-fighter--atk-special{animation:battle-special .7s var(--battle-ease)}.battle-fighter--face-left.battle-fighter--atk-jab{animation-name:battle-jab-left}.battle-fighter--face-left.battle-fighter--atk-hook{animation-name:battle-hook-left}.battle-fighter--face-left.battle-fighter--atk-special{animation-name:battle-special-left}.battle-fighter--hit{animation:battle-hit .4s var(--battle-ease)}.battle-fighter--face-left.battle-fighter--hit{animation-name:battle-hit-left}.battle-fighter--buff-crit.battle-fighter--atk-special .battle-fighter__img,.battle-fighter--buff-crit.battle-fighter--atk-hook .battle-fighter__img{filter:drop-shadow(0 8px 12px color-mix(in oklch, var(--battle-ink) 12%, transparent)) drop-shadow(0 0 10px color-mix(in oklch, var(--battle-accent) 45%, transparent))}.battle-fighter--ko{animation:battle-ko .55s var(--battle-ease) forwards;opacity:.55}.battle-fighter--win .battle-fighter__img{filter:drop-shadow(0 8px 12px color-mix(in oklch, var(--battle-ink) 12%, transparent)) drop-shadow(0 0 0 2px color-mix(in oklch, var(--battle-accent) 35%, transparent))}@keyframes battle-jab{0%{transform:translate(0)}45%{transform:translate(28%)}to{transform:translate(0)}}@keyframes battle-jab-left{0%{transform:translate(0)}45%{transform:translate(-28%)}to{transform:translate(0)}}@keyframes battle-hook{0%{transform:translate(0)rotate(0)}40%{transform:translate(34%)rotate(-6deg)}to{transform:translate(0)rotate(0)}}@keyframes battle-hook-left{0%{transform:translate(0)rotate(0)}40%{transform:translate(-34%)rotate(6deg)}to{transform:translate(0)rotate(0)}}@keyframes battle-special{0%{transform:translate(0)scale(1)}35%{transform:translate(18%)scale(1.06)}55%{transform:translate(42%)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes battle-special-left{0%{transform:translate(0)scale(1)}35%{transform:translate(-18%)scale(1.06)}55%{transform:translate(-42%)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes battle-hit{0%,to{transform:translate(0)}30%{transform:translate(10%)}55%{transform:translate(4%)}}@keyframes battle-hit-left{0%,to{transform:translate(0)}30%{transform:translate(-10%)}55%{transform:translate(-4%)}}@keyframes battle-ko{to{opacity:.4;transform:translateY(12%)rotate(-8deg)}}.battle-dmg{color:var(--battle-accent);animation:battle-dmg-float .75s var(--battle-ease) forwards;pointer-events:none;z-index:3;font-size:1.25rem;font-weight:800;position:absolute;top:18%}.battle-dmg--left{left:55%}.battle-dmg--right{right:55%}@keyframes battle-dmg-float{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-28px)}}.battle-callout{z-index:2;text-align:center;color:var(--battle-muted);min-height:1.25rem;margin:.25rem 0 0;font-size:.8125rem;font-weight:600;position:relative}.battle-result{z-index:4;background:color-mix(in oklch, var(--battle-paper) 72%, transparent);animation:battle-result-in .4s var(--battle-ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem;display:flex;position:absolute;inset:0}@keyframes battle-result-in{0%{opacity:0}to{opacity:1}}.battle-result__title{letter-spacing:-.02em;color:var(--battle-ink);margin:0;font-size:1.5rem;font-weight:800}.battle-result__sub{color:var(--battle-muted);margin:0;font-size:.875rem}.battle-result__fighter{color:var(--battle-accent);margin:.35rem 0 0;font-size:.8125rem;font-weight:600}.battle-stage-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.battle-stage-progress{color:var(--battle-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}@media (prefers-reduced-motion:reduce){.battle-fighter--atk-jab,.battle-fighter--atk-hook,.battle-fighter--atk-special,.battle-fighter--hit,.battle-fighter--ko,.battle-dmg,.battle-result{animation:none!important}}