.battleHpCard{ position:relative; isolation:isolate; }
.battleHpTrack{ position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:inherit; background:#fff; pointer-events:none; }
.battleHpFill{ display:block; width:100%; height:100%; background:var(--hp-color); opacity:.2; transform:scaleX(var(--hp-remaining,1)); transform-origin:var(--hp-origin,right center); transition:transform .28s ease-out; }
.battleHpInstant > .battleHpTrack > .battleHpFill,
body.lightMode .battleHpFill{ transition:none; }
.olLeader.battleHpCard{ border-radius:14px; }
@media (prefers-reduced-motion:reduce){ .battleHpFill{ transition:none; } }