#modal.combat-modal:has(#combatCanvas) #modalBody{color:#e5eff2;background:radial-gradient(ellipse at top,#285063,#122d40 58%,#0e2637);border-radius:13px}
#modal.combat-modal:has(#combatCanvas) #modalBody>h2{color:#ffe4ab;text-shadow:0 2px 2px #0b2030}
#modal.combat-modal:has(#combatCanvas) #modalBody>.eyebrow{color:#e5be74}
#modal.combat-modal .battle-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 10px;color:#e5f3f7;background:#102a3d;border:1px solid #7d704e;border-radius:9px;font-variant-numeric:tabular-nums}
#modal.combat-modal .battle-score span:last-child{text-align:end}
#modal.combat-modal .battle-score b{color:#fff0bd}
#modal.combat-modal #roundLabel{color:#f4d38d;font-weight:700}
#modal.combat-modal #combatCanvas{display:block;border:1px solid #d0aa68;box-shadow:0 3px 20px #091924,0 0 0 3px #09192480;border-radius:10px}
#modal.combat-modal .combat-commanders>div{color:#f4e9d1;background:#21465a;border-color:#5c7180}
#modal.combat-modal .combat-commanders small{color:#e1ebef}
#modal.combat-modal .combat-bottom{background:#102a3df5;border:1px solid #61717a;border-radius:10px;padding:6px 9px;color:#e4eff1}
#modal.combat-modal #combatLog{color:#e4eff1}
#modal.combat-modal .result-banner{color:#274554}
@media(max-width:600px){#modal.combat-modal .battle-score{gap:4px;padding:5px 6px;font-size:10px}}