.effect-critical{--effect:#ff7b83;color:var(--effect)}.effect-dodge{--effect:#70eed8;color:var(--effect)}.effect-shield{--effect:#92c7ff;color:var(--effect)}.effect-heal{--effect:#9befa3;color:var(--effect)}.effect-bonus{--effect:#ffd079;color:var(--effect)}.effect-weaken{--effect:#d4a2ff;color:var(--effect)}.effect-vampire{--effect:#ff94c7;color:var(--effect)}.effect-sweep{--effect:#ffbd8c;color:var(--effect)}.effect-hit,.effect-cast{--effect:#e8d7a4;color:var(--effect)}
.effect-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.effect-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--effect,#d6c18d) 38%,transparent);background:color-mix(in srgb,var(--effect,#d6c18d) 8%,#12201b);border-radius:5px;padding:4px 6px;font:10px Arial,sans-serif;line-height:1.3;white-space:normal}
.effect-badge .effect-icon{width:14px;height:14px;flex-basis:14px}.effect-badge strong{font-weight:700;color:inherit}
.arena-page{--critical:#ff7b83;--dodge:#70eed8;--shield:#92c7ff;--heal:#9befa3;--bonus:#ffd079;--weaken:#d4a2ff}
.arena-legend{display:flex;flex-wrap:wrap;gap:7px;margin:-8px 0 22px}.arena-sound{border:1px solid #ad975c77;padding:10px 13px;border-radius:5px;color:#dfcb94;white-space:nowrap}
.arena-controls{border-radius:10px;background:linear-gradient(130deg,#273527fa,#12231ffa);backdrop-filter:blur(14px);border-color:#b49a5f99}
.arena-action-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.arena-action{border-radius:6px;min-height:54px;position:relative}.arena-action.selected{box-shadow:inset 0 -2px #e9d6a2,0 0 18px #d8bc5f15}.arena-skill-action{color:var(--effect);border-color:color-mix(in srgb,var(--effect) 40%,#26352b);flex-wrap:wrap;gap:4px 7px}.arena-skill-action strong{color:var(--effect)}.arena-skill-action small{font-size:7px;letter-spacing:.7px;flex-basis:100%;text-align:center}.arena-skill-action .effect-icon{width:19px;height:19px}
.arena-playback{display:grid;grid-template-columns:1fr auto;gap:14px;overflow:hidden;border-color:#b7a06d88}.arena-playback h2{font-size:25px;line-height:1.3}.arena-playback p{font-size:11px;line-height:1.7;color:#b9c6b3;margin-bottom:0}.arena-playback-count{font:38px Georgia,serif;color:#eed6a2;align-self:center;white-space:nowrap}.arena-playback-count small{font-size:20px;color:#9dada2}.arena-playback-track{grid-column:1/-1;height:3px;background:#13201b;overflow:hidden;border-radius:4px}.arena-playback-track i{display:block;height:100%;background:linear-gradient(90deg,#728c5b,#f1d49a);transition:width .2s}.arena-playback #team-error{grid-column:1/-1}
.arena-spotlight{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}.arena-spotlight-actor{width:150px;max-width:30%;min-width:0;text-align:center}.arena-spotlight-art{height:105px;position:relative;overflow:hidden;border:1px solid currentColor;border-radius:8px;background:#102019;box-shadow:0 0 20px color-mix(in srgb,currentColor 15%,transparent)}.arena-spotlight-art>img,.arena-spotlight-art>.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.arena-spotlight-actor>strong{display:block;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.arena-spotlight-actor>small{display:block;font-size:9px;color:#bdcab6;margin-top:3px;line-height:1.4}.arena-spotlight-link{color:#d7c38f;font-size:23px}.arena-spotlight .impact-number{font-size:34px}.arena-spotlight .impact-label{font-size:7px}.arena-spotlight-rune{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#0b1e14aa;animation:arena-rune .7s both}.arena-spotlight-rune .effect-icon{width:45px;height:45px;flex-basis:45px}.arena-spotlight-rune b{font-size:24px}
.arena-battle-stage{position:relative;isolation:isolate;padding:20px;border:1px solid #a18d5a66;border-radius:12px;background:linear-gradient(#0b1b18dc,#15251de8),url('/assets/slavic/dungeon.png') center/cover;box-shadow:inset 0 0 90px #0009,0 20px 60px #0004}
.arena-battle-stage:before{content:'✧';position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:110px Georgia,serif;color:#c1ab6c25;pointer-events:none}
.arena-battle-stage .arena-team{position:relative;z-index:1}.arena-actor.fighter{border-radius:8px;background:linear-gradient(#203027,#13221b);box-shadow:0 7px 18px #0007;transition:border-color .18s,box-shadow .18s}.arena-actor.is-player{border-color:#e9cc80;box-shadow:0 0 0 1px #e9cc8030,0 8px 26px #0009}.arena-actor.is-target{border-color:#fff1a9!important;box-shadow:0 0 0 2px #e4c47577,0 0 24px #e4c47544}
.arena-actor .fighter-art{height:190px;overflow:hidden}.arena-actor .fighter-art>img{object-position:center 25%}.arena-actor .fighter-art:before{content:'';position:absolute;inset:0;z-index:3;border:1px solid #fff2;pointer-events:none;border-radius:7px 7px 0 0}.arena-actor-info{padding:12px}.arena-actor-info h3{min-height:0!important;font-size:21px;margin-bottom:5px}.arena-class-name{font-size:17px;min-height:38px}.arena-actor-level{color:#b4c0b0;font-size:9px}.arena-hp{margin-top:8px}.health-bar>span{transition:width .28s ease-out}
.arena-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.arena-stat-grid>span{display:grid;grid-template-columns:13px 1fr;gap:2px 4px;align-items:center;padding:5px;border-radius:4px;background:#07181280;border:1px solid #6e816b35}.arena-stat-grid .effect-icon{width:12px;height:12px;grid-row:1/3;min-width:0}.arena-stat-grid small{font-size:8px;overflow-wrap:anywhere}.arena-stat-grid b{font-size:12px}.arena-stat-grid .stat-empty{opacity:.4}.arena-resource-mini em{font-size:8px}.arena-live-effects{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.arena-live-effects:empty{display:none}
.arena-ability-card{margin-top:10px;border:1px solid color-mix(in srgb,var(--effect,#d6c18d) 35%,transparent);border-radius:5px;background:#07171199}.arena-ability-card summary{display:flex;gap:6px;align-items:center;padding:8px 6px;cursor:pointer;list-style:none;line-height:1.4;font-size:10px}.arena-ability-card summary::-webkit-details-marker{display:none}.arena-ability-card summary>span{min-width:0}.arena-ability-card small{display:block;font:7px Arial,sans-serif;letter-spacing:.5px;opacity:.85;margin-top:3px}.arena-ability-card p{font-size:10px!important;color:#d1dccb!important;line-height:1.6;padding:0 9px 9px;margin:0}
.arena-past-order{font-size:9px;line-height:1.5;padding-top:9px;margin:0;border-top:1px solid #93a17d33;overflow-wrap:anywhere;color:#d8d4c4}.arena-past-order small{display:block;font-size:7px;letter-spacing:.7px;color:#879b8b;margin-bottom:3px}.arena-intent{min-height:0!important;font-size:8px!important;line-height:1.5;color:#94af9c;margin:6px 0 0}
.arena-flight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:9}.arena-flight path{stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 5px currentColor);stroke-dasharray:20 9;animation:arena-flight .65s linear both}
.arena-striking .fighter-art>.hero-portrait,.arena-striking .fighter-art>img{animation:arena-lunge .4s ease-out both}.team-1 .arena-striking .fighter-art>.hero-portrait,.team-1 .arena-striking .fighter-art>img{animation-name:arena-lunge-left}
.arena-aura .fighter-art:before{border:2px solid var(--aura);box-shadow:inset 0 0 40px color-mix(in srgb,var(--aura) 45%,transparent);animation:arena-aura .7s ease-out both}.aura-heal{--aura:#8bf7a3}.aura-shield{--aura:#92c7ff}.aura-weaken{--aura:#d4a2ff}.aura-bonus{--aura:#ffd079}.aura-vampire{--aura:#ff94c7}.aura-sweep{--aura:#ffbd8c}
.arena-spell-float{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse,#09180ae0,transparent 75%);pointer-events:none;animation:arena-rune .7s ease-out both;text-align:center;padding:8px}.arena-spell-float>.effect-icon{width:60px;height:60px;flex-basis:60px;filter:drop-shadow(0 0 12px currentColor)}.arena-spell-float strong{font:bold 35px Georgia,serif;text-shadow:0 2px 6px #000}.arena-spell-float>span{font-size:9px;font-weight:700;text-shadow:0 2px 7px #000}
.impact-critical{color:#ff9aa0;background:radial-gradient(ellipse at 50% 45%,#b1284866,transparent 70%)}.impact-critical .impact-number{text-shadow:0 3px 5px #000,0 0 20px #ff3869;font-size:clamp(38px,4.5vw,76px)}.impact-critical .impact-ring{border-color:#ff6e87;box-shadow:0 0 22px #ff4f7877}.impact-dodge{color:#70eed8}.impact-guard,.impact-absorb{color:#92c7ff}.react-critical .hero-base,.react-critical .fighter-art>img{animation:arena-critical .5s ease-out both}.react-dodge .hero-base,.react-dodge .fighter-art>img{animation:arena-dodge .55s ease-out both}
.arena-round-seal{width:54px;height:54px;border:1px solid #b8a166;color:#f1d9a2;display:grid;place-items:center;border-radius:50%;font:28px Georgia,serif;background:radial-gradient(#514b29,#16231a)}.arena-stat-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.arena-stat-summary>div{padding:15px;background:#0b1915;border:1px solid #7c90643b;border-radius:7px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px}.arena-stat-summary>div>strong{flex-basis:100%;color:#d2c08f;font-size:10px;letter-spacing:1px}.arena-stat-summary>div>span{line-height:1.5}.arena-stat-summary b{font-variant-numeric:tabular-nums}.arena-event{padding:12px 0;border-top:1px solid #86916b30;font-size:11px;line-height:1.8}.arena-event .effect-badge{vertical-align:middle}.arena-hit-badges{display:flex;gap:5px;flex-wrap:wrap;grid-column:1/-1}.arena-hit-row{grid-template-columns:1fr auto;gap:8px;border-radius:5px}.arena-hit-row.involves-player{border-left:2px solid #e9ca7c;background:#b89c5010}.arena-recap details>summary{cursor:pointer;color:#d9c28c;line-height:1.7;padding:8px 0}
.arena-result{position:relative;overflow:hidden;border-radius:12px}.arena-result-sigil{display:block;font:70px Georgia,serif;color:#efd08a;text-shadow:0 0 30px #e4c67466;margin:0 auto 10px}.arena-victory{background:radial-gradient(ellipse at 50% 0,#87732e44,transparent 70%),#18291f}.arena-victory:before,.arena-victory:after{content:'✦ · ✧ · ✦ · ✧ · ✦';position:absolute;left:5%;right:5%;top:0;color:#ffe2a4;font-size:26px;letter-spacing:35px;pointer-events:none;animation:arena-sparks 2.4s ease-out both}.arena-victory:after{animation-delay:.25s;left:15%;font-size:19px}.arena-result .text-link{margin-left:22px}
@keyframes arena-flight{from{opacity:1;stroke-dashoffset:90}to{opacity:0;stroke-dashoffset:-50}}@keyframes arena-lunge{0%,100%{transform:translateX(0) scale(1)}40%{transform:translateX(12px) scale(1.06)}}@keyframes arena-lunge-left{0%,100%{transform:translateX(0) scale(1)}40%{transform:translateX(-12px) scale(1.06)}}@keyframes arena-aura{0%{opacity:.2}30%{opacity:1}100%{opacity:.35}}@keyframes arena-rune{from{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.15) translateY(-10px)}}@keyframes arena-critical{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px) rotate(-3deg);filter:brightness(1.6) saturate(1.5)}45%{transform:translateX(8px) rotate(2deg)}70%{transform:translateX(-4px)}}@keyframes arena-dodge{0%,100%{transform:translateX(0);opacity:1}35%{transform:translateX(-18px) skewX(-5deg);opacity:.35}}@keyframes arena-sparks{from{opacity:0;transform:translateY(-30px) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(210px) scale(1.3)}}
@media(max-width:1000px){.arena-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-battle-stage{padding:12px;gap:16px}.arena-actor .fighter-art{height:160px}.arena-actor-info{padding:9px}.arena-actor-info h3{font-size:18px}.arena-class-name{font-size:15px}}
@media(max-width:650px){.arena-controls{position:relative;top:auto}.arena-playback{position:sticky;top:3px;padding:13px}.arena-playback h2{font-size:19px}.arena-playback p{font-size:9px}.arena-playback-count{font-size:26px}.arena-page>.page-heading{gap:10px}.arena-sound{font-size:9px;padding:8px}.arena-legend{gap:4px;margin-bottom:14px}.arena-legend .effect-badge{font-size:8px;padding:3px 5px}.arena-battle-stage{padding:7px;gap:10px}.arena-action-grid{gap:5px}.arena-action{min-height:51px;flex-direction:column;gap:3px;padding:7px 4px}.arena-action strong{font-size:9px}.arena-skill-action small{font-size:6px;flex-basis:auto}.arena-command-description{flex-direction:column;gap:6px}.arena-command-description p,.arena-command-description strong{max-width:100%;font-size:10px}.arena-actor .fighter-art{height:150px}.arena-actor-info{padding:7px}.arena-actor-info h3{font-size:17px}.arena-class-name{font-size:14px;min-height:36px}.arena-stat-grid{gap:3px}.arena-stat-grid>span{padding:4px 3px;gap:2px}.arena-stat-grid small{font-size:7px}.arena-stat-grid b{font-size:11px}.arena-ability-card summary{font-size:9px;padding:7px 5px}.arena-ability-card .effect-icon{width:17px;flex-basis:17px}.arena-ability-card small{font-size:6px}.arena-stat-summary{gap:8px}.arena-stat-summary>div{padding:9px;font-size:10px;gap:7px}.arena-stat-summary>div>strong{font-size:8px}.arena-hit-row{grid-template-columns:1fr}.arena-result .text-link{display:block;margin:18px 0 0}.arena-spell-float>.effect-icon{width:45px;height:45px;flex-basis:45px}}
@media(prefers-reduced-motion:reduce){.arena-flight path,.arena-striking .fighter-art>.hero-portrait,.arena-striking .fighter-art>img,.arena-aura .fighter-art:before,.arena-spell-float,.react-critical .hero-base,.react-critical .fighter-art>img,.react-dodge .hero-base,.react-dodge .fighter-art>img,.arena-victory:before,.arena-victory:after{animation:none!important}.arena-spell-float{opacity:1}.arena-flight path{opacity:.35;stroke-dasharray:none}.health-bar>span,.arena-playback-track i{transition:none}}
@media(max-width:650px){.arena-spotlight{gap:7px}.arena-spotlight-art{height:85px}.arena-spotlight-actor{max-width:31%}.arena-spotlight-actor>strong{font-size:9px}.arena-spotlight-actor>small{font-size:8px}.arena-spotlight-link{font-size:15px}.arena-spotlight .impact-number{font-size:28px}.arena-spotlight .impact-label{display:none}}
@media(prefers-reduced-motion:reduce){.arena-spotlight-rune{animation:none}}

.arena-playback-tools{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#c7c7ac}.arena-playback-tools button{padding:7px 10px;border:1px solid #8b926a77;border-radius:5px;font-size:10px}.arena-playback-tools .selected{border-color:#ebd59c;background:#baa36122;color:#ffe8b4}.arena-playback-tools button:disabled{opacity:.35;cursor:default}
.arena-page .impact-overlay{animation-name:arena-impact-hold;animation-duration:.25s}.arena-page .impact-number{animation:arena-number-in .3s ease-out both}.arena-page .arena-spell-float,.arena-page .arena-spotlight-rune{animation:arena-rune-hold .45s ease-out both}.arena-page .arena-flight path{animation-duration:1s}
@keyframes arena-impact-hold{from{opacity:0}to{opacity:1}}@keyframes arena-number-in{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arena-rune-hold{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.arena-page .arena-spell-float,.arena-page .arena-spotlight-rune{animation:none}}

.arena-personal-contribution{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;font-size:9px;color:#c6cbb4}.arena-personal-contribution b{display:block;font-size:17px;color:#edda9f;margin-top:4px}.arena-resource-mini em{font-size:7px;white-space:normal}.arena-contributions{margin-top:24px}.arena-contributions h2{margin:10px 0;font-size:27px}.arena-contributions p{font-size:11px;line-height:1.8;max-width:950px}.arena-contribution-scroll{overflow-x:auto}.arena-contributions table{width:100%;font-size:11px;border-collapse:collapse;margin:15px 0;min-width:560px}.arena-contributions th,.arena-contributions td{padding:10px 8px;border-bottom:1px solid #7d8d6738;text-align:left;font-variant-numeric:tabular-nums}.arena-contributions th{font-weight:500}.arena-contributions td>small,.arena-contributions th>small{display:block;color:#aebbab;font-size:9px;margin-top:5px}.arena-contributions .is-you{background:#a0924122}.arena-contributions td:last-child{color:#f0d798}.arena-contributions .team-1 th{color:#e4b5a1}

/* Size feedback to its portrait, including long damage values in small cards. */
.arena-page .fighter-art,.arena-spotlight-art{container-type:inline-size;--impact-max:44px}
.arena-spotlight-art{--impact-max:32px}
.arena-page .impact-number{top:28%;left:7%;right:7%;font-size:min(var(--impact-max),calc(140cqi / var(--impact-chars,5)));line-height:1;letter-spacing:-.03em;white-space:nowrap}
.arena-page .impact-label{left:7%;right:7%;overflow-wrap:anywhere}
.arena-page .impact-critical{box-shadow:inset 0 0 0 2px #ff8194,inset 0 0 30px #aa1f4c88}
.arena-page .impact-critical .impact-label{display:block;top:62%;font-size:min(12px,10cqi);line-height:1.2;letter-spacing:.08em;font-weight:800;color:#fff0f2;background:#68182ce8;border:1px solid #ff8194;border-radius:4px;padding:3px 2px}
.arena-page .impact-ward{top:85%;left:7%;right:7%;font-size:clamp(7px,7cqi,9px);line-height:1.1}
@media(max-width:650px){.arena-spotlight-art{--impact-max:26px}}