.fighter-hud{position:relative}.hud-damage{position:absolute;top:31px;right:0;color:#a44436;font:800 23px/1 'Space Grotesk',sans-serif;opacity:0;text-shadow:0 1px 2px #fff;pointer-events:none}.opponent-hud .hud-damage{left:0;right:auto}.hud-damage.pop{animation:damage-number .65s ease-out both}
.arena .impact{top:auto;bottom:84px;left:50%;max-width:90%;text-align:center;font-size:32px;white-space:normal}.arena .combo-display{top:auto;bottom:61px;left:4%;right:auto}.combo-display>strong{font-size:26px}.combo-display>span{font-size:13px}.combo-display>em{font-size:11px}
.promotion-card .style-bonus{font-size:13px;color:#287867;margin:-2px 0 12px;line-height:1.4;padding-bottom:10px;border-bottom:1px solid #d5d4c2}.style-bonus strong{color:#926124}
@keyframes damage-number{0%{opacity:1;transform:translateY(5px) scale(1.1)}65%{opacity:1}100%{opacity:0;transform:translateY(-14px) scale(1)}}
@media(max-width:700px){.hud-damage{font-size:18px;top:28px}.arena .impact{bottom:91px;font-size:23px}.arena .combo-display{bottom:51px}.combo-display>strong{font-size:21px}.combo-display>span{font-size:11px}.combo-display>em{font-size:10px}.promotion-card .style-bonus{font-size:12px}}
.reduced .hud-damage.pop{animation:damage-fade .65s linear both}@keyframes damage-fade{0%,65%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.hud-damage.pop{animation:damage-fade .65s linear both}}