/* All combat screens. Actor headers travel with their own sprites. */
.battle-actors-ui .battle-actor-unit {
    left:var(--actor-x); right:auto; bottom:calc(var(--actor-base,33%) + var(--actor-offset));
    width:clamp(64px,24%,112px); transform:translateX(-50%); z-index:10;
    text-align:center; line-height:1;
}
.battle-actors-ui .battle-actor-unit--creature { width:clamp(82px,28%,150px); }
.battle-actors-ui .battle-actor-name {
    display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    font-size:12px; line-height:15px; text-shadow:1px 1px 1px #000;
}
.battle-actors-ui .battle-actor-resources { display:flex; flex-direction:column; gap:0; margin:3px auto 0; width:90%; }
.battle-actors-ui .battle-actor-bar { height:4px; overflow:hidden; background:#181820; border:1px solid #101018; box-sizing:content-box; }
.battle-actors-ui .battle-actor-bar > span { display:block; height:100%; }
.battle-actors-ui .battle-actor-bar--hp > span { background:#e22f46; }
.battle-actors-ui .battle-actor-bar--mp > span { background:#428cf3; }
.battle-actors-ui .battle-actor-sprite {
    display:block; margin:4px auto 0; width:auto; height:auto;
    max-width:100%; max-height:clamp(40px,8vw,60px); image-rendering:pixelated;
}
.battle-actors-ui .battle-actor-unit--creature .battle-actor-sprite { max-height:122px; }
.battle-actors-ui .battle-actor-buffs { display:flex; justify-content:center; gap:2px; margin-top:3px; min-height:0; }
.battle-actors-ui .battle-actor-buffs:empty { display:none; }
.battle-actors-ui[data-party-size="3"] .battle-actor-unit--human { width:clamp(50px,18%,104px); }
@media(max-width:380px){
    .battle-actors-ui .battle-actor-name { font-size:11px; line-height:14px; }
    .battle-actors-ui .battle-actor-bar { height:3px; }
}
.battle-actors-ui--crowded .battle-actor-unit--human { width:clamp(44px,16%,92px); }
.battle-actors-ui--crowded .battle-actor-unit--human .battle-actor-sprite { max-height:32px; }
.battle-actors-ui--crowded .battle-actor-name { font-size:10px;line-height:12px; }
.battle-actors-ui--crowded .battle-actor-bar { height:3px; }
.battle-actors-ui--mass .battle-actor-unit { --actor-base:calc(50% - 26px);cursor:pointer; }
.battle-actors-ui--mass .battle-actor-sprite { outline:1px solid var(--actor-outline,#888);border-radius:3px; }
.battle-actors-ui[data-formation="dense"] .battle-actor-unit--human,
.battle-actors-ui[data-formation="very-dense"] .battle-actor-unit--human { width:min(11%,50px);--actor-base:calc(50% - 18px); }
.battle-actors-ui[data-formation="dense"] .battle-actor-name,
.battle-actors-ui[data-formation="very-dense"] .battle-actor-name { font-size:9px;line-height:10px; }
.battle-actors-ui[data-formation="dense"] .battle-actor-resources,
.battle-actors-ui[data-formation="very-dense"] .battle-actor-resources { margin-top:1px; }
.battle-actors-ui[data-formation="dense"] .battle-actor-sprite { max-height:26px;margin-top:2px; }
.battle-actors-ui[data-formation="very-dense"] .battle-actor-sprite { max-height:20px;margin-top:2px; }
.battle-actors-ui[data-formation="dense"] .battle-actor-bar,
.battle-actors-ui[data-formation="very-dense"] .battle-actor-bar { height:2px; }

.battle-actors-ui--mass:not(.battle-actors-ui--crowded) .battle-actor-sprite { max-height:48px; }

.battle-actors-ui--mass.battle-actors-ui--crowded[data-formation="compact"] .battle-actor-unit { --actor-base:calc(50% - 16px); }

.battle-actors-ui--mass[data-formation="very-dense"] .battle-actor-unit { --actor-base:calc(50% - 2px); }

.battle-actors-ui .game-viewport__scene { min-height:var(--actor-scene-min,230px); }