.hero-hp{position:absolute;z-index:6;left:8px;top:8px;width:130px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;font-size:10px}.hero-hp i{height:9px;border-radius:7px;background:#27304f;overflow:hidden}.hero-hp em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#32d977,#a4f35b);transition:.35s}.hero-hp b{color:#fff}.battle-hero.hero-hurt{animation:heroHurt .65s!important}.battle.hero-damage:after{content:'';position:absolute;inset:0;background:#ff214355;animation:redFlash .55s;pointer-events:none}.enemy.damage-1{filter:drop-shadow(0 0 11px #a66cff) brightness(.92)}.enemy.damage-2{filter:drop-shadow(0 0 14px #ff8b35) brightness(.8) saturate(.75)}.enemy.damage-3{filter:drop-shadow(0 0 17px #ff315b) brightness(.65) saturate(.55)}.attack-effects{position:absolute;z-index:7;inset:0;pointer-events:none;overflow:hidden}.effect-particle{position:absolute;left:55%;top:47%;font-size:24px;animation:particleFly .8s ease-out forwards}.impact-ring{position:absolute;right:5%;top:25%;width:105px;height:105px;border:7px solid #fff8b0;border-radius:50%;animation:impactRing .65s ease-out forwards;box-shadow:0 0 18px #fff}.monster-wound{position:absolute;z-index:9;right:19%;top:37%;font-size:30px;color:#ffed65;text-shadow:0 0 10px #ff3131;animation:woundPop .75s forwards}.fail-dialog{width:min(92%,430px);border:0;border-radius:28px;text-align:center;color:#28325e;padding:30px}.fail-dialog::backdrop{background:#070a20df}.fail-dialog .fail-icon{font-size:70px}.fail-dialog h2{margin:3px}.fail-dialog p{color:#65708d}.fail-dialog button{display:block;width:100%;margin-top:11px}@keyframes particleFly{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@keyframes impactRing{to{transform:scale(2);opacity:0}}@keyframes woundPop{50%{transform:scale(1.7) rotate(18deg)}100%{opacity:0}}@keyframes heroHurt{25%{transform:translateX(-22px) rotate(-7deg);filter:brightness(2) sepia(1) saturate(5)}55%{transform:translateX(8px)}100%{transform:none}}@keyframes redFlash{to{opacity:0}}@media(max-width:430px){.hero-hp{width:105px}.effect-particle{font-size:19px}}