.battle-hud{position:absolute;z-index:8;top:105px;width:29%;font-family:"DM Mono",monospace}.hud-left{left:5%}.hud-right{right:5%;text-align:right}.battle-hud span{display:block;color:#d7ff36;font-size:7px;letter-spacing:.06em}.battle-hud strong{display:block;color:#fff;font:800 15px Manrope}.battle-hud>div{height:9px;margin-top:4px;border:2px solid #66771d;background:#0a0b08;padding:1px}.battle-hud>div i{display:block;height:100%;background:#d7ff36}.hud-left>div i{width:67%}.hud-right>div i{width:100%;margin-left:auto}.battle-clock{position:absolute;z-index:8;left:50%;top:102px;transform:translateX(-50%);text-align:center;background:#0a0b08;padding:4px 9px;border:2px solid #d7ff36}.battle-clock small{display:block;color:#9da675;font:6px "DM Mono",monospace}.battle-clock strong{display:block;color:#fff;font:800 13px "DM Mono",monospace}
.fight-stage{position:absolute;z-index:7;left:5%;right:5%;top:138px;height:208px;border-bottom:5px solid #d7ff36;background:linear-gradient(90deg,transparent 49.7%,#d7ff3630 50%,transparent 50.3%)}
.pixel-fighter{position:absolute;bottom:7px;width:76px;height:126px;image-rendering:pixelated;transform-origin:50% 100%}.fighter-nova{left:19%;animation:nova-fight 4.8s steps(1) infinite}.fighter-pulse{right:19%;animation:pulse-fight 4.8s steps(1) infinite}.fighter-shadow{position:absolute;left:4px;bottom:-5px;width:68px;height:9px;background:#0008;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}
.fighter-head{position:absolute;left:24px;top:3px;width:32px;height:31px;background:#efeeda;border:5px solid #0a0b08;box-shadow:4px 0 0 #d7ff36}.fighter-head:before{content:"";position:absolute;left:4px;top:8px;width:5px;height:5px;background:#11120e;box-shadow:14px 0 0 #11120e}.fighter-head i{position:absolute;right:-9px;top:14px;width:7px;height:5px;background:#d7ff36}.fighter-body{position:absolute;left:18px;top:33px;width:43px;height:46px;background:#d7ff36;border:5px solid #0a0b08;display:grid;place-items:center}.fighter-body b{color:#11120e;font:800 22px Manrope}.fighter-pulse .fighter-body{background:#fff}.fighter-pulse .fighter-head{box-shadow:-4px 0 0 #d7ff36}.fighter-pulse .fighter-head i{left:-9px;right:auto}
.fighter-arm,.fighter-leg{position:absolute;background:#d7ff36;border:5px solid #0a0b08;transform-origin:50% 3px}.fighter-pulse .fighter-arm,.fighter-pulse .fighter-leg{background:#fff}.fighter-arm{top:39px;width:18px;height:47px}.arm-front{right:1px;transform:rotate(-24deg)}.arm-back{left:2px;transform:rotate(24deg)}.fighter-pulse .arm-front{left:1px;right:auto;transform:rotate(24deg)}.fighter-pulse .arm-back{right:2px;left:auto;transform:rotate(-24deg)}.fighter-leg{top:74px;width:19px;height:46px}.leg-front{left:37px;transform:rotate(-7deg)}.leg-back{left:18px;transform:rotate(8deg)}.fighter-pulse .leg-front{left:20px;transform:rotate(7deg)}.fighter-pulse .leg-back{left:39px;transform:rotate(-8deg)}
.fighter-shield{position:absolute;z-index:4;top:39px;width:31px;height:42px;background:#11120e;color:#d7ff36;border:4px solid #d7ff36;display:grid;place-items:center;font:800 13px Manrope;clip-path:polygon(50% 0,100% 14%,88% 78%,50% 100%,12% 78%,0 14%)}.fighter-nova .fighter-shield{left:-18px}.fighter-pulse .fighter-shield{right:-18px;background:#fff;color:#11120e}.attack-trail{position:absolute;z-index:-1;top:45px;width:64px;height:22px;border-top:5px solid #d7ff36;border-bottom:5px solid #d7ff36;opacity:0}.fighter-nova .attack-trail{left:67px}.fighter-pulse .attack-trail{right:67px}
.fight-impact{position:absolute;z-index:10;left:50%;top:46%;transform:translate(-50%,-50%);width:76px;height:76px;opacity:0;animation:impact-flash 4.8s steps(1) infinite}.fight-impact i{position:absolute;left:34px;top:0;width:8px;height:76px;background:#d7ff36}.fight-impact i:nth-child(2){transform:rotate(45deg)}.fight-impact i:nth-child(3){transform:rotate(90deg)}.fight-impact i:nth-child(4){transform:rotate(135deg)}.fight-impact b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:4px;background:#fff;color:#11120e;font:800 10px Manrope;white-space:nowrap}
@keyframes nova-fight{0%,12%,100%{transform:translate(0,0)}13%,20%{transform:translate(36px,-5px) rotate(4deg)}21%,45%{transform:translate(0,0)}46%,53%{transform:translate(-8px,-12px) rotate(-5deg)}54%,72%{transform:translate(0,0)}73%,80%{transform:translate(28px,-3px)}81%,99%{transform:translate(0,0)}}
@keyframes pulse-fight{0%,12%,100%{transform:translate(0,0)}13%,20%{transform:translate(8px,-9px) rotate(5deg)}21%,45%{transform:translate(0,0)}46%,53%{transform:translate(-42px,-5px) rotate(-5deg)}54%,72%{transform:translate(0,0)}73%,80%{transform:translate(-12px,-11px) rotate(-5deg)}81%,99%{transform:translate(0,0)}}
.fighter-nova .attack-trail{animation:nova-trail 4.8s steps(1) infinite}.fighter-pulse .attack-trail{animation:pulse-trail 4.8s steps(1) infinite}@keyframes nova-trail{0%,12%,21%,72%,81%,100%{opacity:0}13%,20%,73%,80%{opacity:1}}@keyframes pulse-trail{0%,45%,54%,100%{opacity:0}46%,53%{opacity:1}}@keyframes impact-flash{0%,17%,20%,49%,52%,76%,79%,100%{opacity:0}18%,19%,50%,51%,77%,78%{opacity:1}}
@media(prefers-reduced-motion:reduce){.pixel-fighter,.fight-impact,.attack-trail{animation:none!important}.fight-impact{opacity:1;transform:translate(-50%,-50%) scale(.6)}}
@media(max-width:560px){.battle-hud{width:34%}.hud-left{left:3%}.hud-right{right:3%}.battle-clock{top:111px}.fight-stage{left:2%;right:2%;top:148px;height:204px}.fighter-nova{left:12%}.fighter-pulse{right:12%}.pixel-fighter{transform:scale(.82);transform-origin:50% 100%}}