/* Combat presentation. Shared by actual combat and local effects sample. */
.bm-ghost { box-shadow:0 20px 45px #0009!important; }
.bm-spark,.bm-ring,.bm-damage { position:fixed;z-index:99999;pointer-events:none; }
.bm-spark { width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px currentColor; }
.bm-ring { width:32px;height:32px;border:3px solid var(--hit-color);border-radius:50%;animation:bm-ring .55s ease-out forwards; }
@keyframes bm-ring { from{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0} }
.bm-damage { color:#fff1d2;font:900 32px 'Segoe UI',sans-serif;text-shadow:0 3px 3px #000,0 0 10px #000;white-space:nowrap;animation:bm-number 1s ease-out forwards; }
.bm-critical { color:#ffd06e;font-size:38px; }
@keyframes bm-number { 0%{transform:translate(-50%,0) scale(.75);opacity:0}15%{transform:translate(-50%,-10px) scale(1.15);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-65px) scale(1);opacity:0} }
#combat-screen .tcg-card { box-shadow:0 14px 26px #0008; }
#combat-screen .arena-turn-badge { color:#f4dfac; }
/* Supersede fixed-distance lunges only when the dynamic motion module is loaded. */
.battle-motion-ready #combat-screen .tcg-card.card-attacking-right,
.battle-motion-ready #combat-screen .tcg-card.card-attacking-left { animation:none!important; }
#pvp-animated-combat .pvp-anim-combat-box { max-width:860px;border:1px solid #8c744b;border-radius:18px;background:linear-gradient(#10151cb3,#0a1018f5),url('../img/bg/elvenrions.jpg') center/cover;box-shadow:0 28px 90px #000b;padding:28px; }
#pvp-animated-combat .pvp-anim-title { color:#f0d7a4;animation:none;font-size:20px; }
#pvp-animated-combat .pvp-anim-side { background:#111b27bb;border:1px solid #485264;border-radius:12px;padding:20px 12px; }
#pvp-animated-combat .pvp-anim-avatar { width:150px!important;height:205px!important;border-radius:10px;border:2px solid #be9b61;box-shadow:0 10px 28px #0008; }
#pvp-animated-combat .pvp-anim-avatar-photo { border-radius:8px; }
#pvp-animated-combat .pvp-anim-hp-fill { transition:width .28s ease-out; }
#pvp-animated-combat .pvp-anim-hp-text { font:12px 'Segoe UI',sans-serif;color:#dbe3ed; }
#pvp-animated-combat .pvp-anim-log { font-family:'Segoe UI',sans-serif;background:#08111bd9;border-radius:8px; }
@media(max-width:600px){
 #pvp-animated-combat .pvp-anim-combat-box{padding:16px 10px}
 #pvp-animated-combat .pvp-anim-avatar{width:94px!important;height:132px!important}
 #pvp-animated-combat .pvp-anim-side{padding:12px 4px}
 .bm-damage{font-size:24px}.bm-critical{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.bm-ring,.bm-spark{display:none}.bm-damage{animation:none;transform:translateX(-50%)} }