.combat-animation{height:clamp(170px,26vh,245px);width:100%;margin:10px 0 14px;overflow:hidden;border:1px solid var(--line,#53636a);background:radial-gradient(ellipse at 50% 100%,rgba(104,121,115,.15),transparent 65%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.38));pointer-events:none}
.combat-animation[hidden]{display:none}
.combat-animation canvas{display:block;width:100%;height:100%}
@media(max-width:800px){.combat:has(.combat-animation){padding:8px}.combat:has(.combat-animation) .combat-card{box-sizing:border-box;width:100%;max-width:calc(100vw - 16px)}}
.combat-has-animation .combatant{grid-template-columns:64px 1fr;min-height:80px}
.combat-has-animation .combatant img,.combat-has-animation .barry-combat-portrait{width:64px!important;height:80px!important}
.combat-has-animation .combatant>div:last-child{padding:10px 14px}
@media(max-width:800px){.combat-animation{height:180px}.combat-has-animation .combatant{min-height:68px;grid-template-columns:54px 1fr}.combat-has-animation .combatant img,.combat-has-animation .barry-combat-portrait{width:54px!important;height:68px!important}.combat-has-animation .combatants{gap:5px}.combat-has-animation .combatant strong{font-size:1.25rem}}