.battle-stage{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:15px;text-align:center;padding:45px 0}
.fighter{display:grid;justify-items:center;gap:8px}.fighter span{color:var(--muted);font-size:.68rem}.battle-avatar{width:88px;height:88px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;background:#292318;font:700 1.5rem "Barlow Condensed";box-shadow:0 0 30px #d6b36a18}
.battle-avatar.enemy{border-color:#b64f55;background:#2d181c}.versus{font:700 1.4rem "Barlow Condensed";color:#5d6571}.battle-loader{height:3px;background:#222831;overflow:hidden}.battle-loader i{display:block;width:35%;height:100%;background:var(--gold);animation:scan 1s infinite}
@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(400%)}}.battle-result{text-align:center;padding:28px}.result-mark{width:82px;height:82px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:2.6rem;background:#173126;color:#70ca8d;border:1px solid #306a45}
.battle-result.lost .result-mark{background:#351c20;color:#e36b70;border-color:#6d3035}.battle-result h3{font:700 2rem "Barlow Condensed";margin:18px 0 7px}.battle-result>p{color:var(--muted)}.fight-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:24px 0}
.fight-stats div{padding:16px;border-right:1px solid var(--line)}.fight-stats div:last-child{border:0}.fight-stats small{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.1em}.fight-stats strong{font:600 1.1rem "Barlow Condensed";display:block;margin-top:5px}.result-again{padding:13px 20px!important;background:var(--gold)!important;color:#090a0c!important;border-color:var(--gold)!important}
@media(max-width:520px){.battle-stage{grid-template-columns:1fr 35px 1fr}.battle-avatar{width:66px;height:66px}.fight-stats div{padding:11px 5px}}