/* V227: streamline the battle HUD and move buttons so the combat screen feels lighter and less chunky. */
#creatureBox:has(.battle-v14){width:min(920px,96vw)!important;padding:14px!important}
.battle-panel{gap:8px!important;margin-top:6px!important;align-items:stretch}
.battle-message{border-width:3px!important;border-radius:10px!important;padding:10px 12px!important;min-height:86px!important;font-size:clamp(12px,1.65vw,16px)!important;line-height:1.35!important}
.battle-moves{gap:7px!important;align-content:start}
.battle-v14 .battle-moves button,
#creatureBox:has(.battle-v14) #battleActions button,
#creatureBox:has(.battle-v14) button[data-attack],
#creatureBox:has(.battle-v14) button[data-action],
#creatureBox:has(.battle-v14) button[data-switch],
#creatureBox:has(.battle-v14) button[data-capture]{
 background:none!important;
 background-color:#f2f3de!important;
 border:2px solid #67786d!important;
 border-radius:12px!important;
 box-shadow:0 2px 0 #40544a26!important;
 color:#1d3a30!important;
 text-shadow:none!important;
 min-height:44px!important;
 padding:8px 10px!important;
 font-size:clamp(11px,1.45vw,13px)!important;
 line-height:1.15!important;
 letter-spacing:.1px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:flex-start!important;
 gap:3px!important;
 }
.battle-v14 .battle-moves button:hover:not(:disabled),
#creatureBox:has(.battle-v14) #battleActions button:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.03)!important;box-shadow:0 5px 10px #18291c1f!important}
.battle-v14 .battle-moves button:active:not(:disabled),
#creatureBox:has(.battle-v14) #battleActions button:active:not(:disabled){transform:translateY(1px)!important;filter:brightness(.98)!important}
.battle-v14 .battle-moves button small,
#creatureBox:has(.battle-v14) #battleActions button small{display:block!important;color:#577062!important;font-size:10px!important;font-weight:700!important;text-shadow:none!important;line-height:1.1!important}
.battle-v14 .battle-moves button.stamina-unaffordable{opacity:.55!important;filter:grayscale(.22)!important;cursor:not-allowed!important}
.battle-v14 .battle-moves button .stamina-cost{color:#146fa1!important;font-weight:900!important}
.battle-v14 #v226RestButton{grid-column:1 / -1;background:#e8f6ff!important;border-color:#71afd4!important;color:#184a68!important}
.battle-v14 #v226RestButton small{color:#44728c!important}
.battle-hud{width:clamp(138px,31%,225px)!important;padding:7px 8px!important;border:2px solid #56675f!important;border-radius:10px!important;box-shadow:2px 3px 0 #344b4352!important;background:#f6f4e6f2!important;font-size:12px!important}
.battle-hud.enemy{top:3.5%!important;left:2%!important}
.battle-hud.player{bottom:4%!important;right:2%!important}
.battle-hud .row{gap:6px!important}
.battle-hud .name{display:block;max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.battle-hud .level{font-size:11px!important;color:#435e4f!important;white-space:nowrap}
.battle-hud .type-line{font-size:10px!important;color:#6a8074!important;margin-top:1px;margin-bottom:5px!important;text-transform:uppercase;letter-spacing:.45px}
.battle-hud .meter{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.battle-hud .meter-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#30483d;font-weight:900;line-height:1.05}
.battle-hud .meter-head .label{letter-spacing:.35px}
.battle-hud .bar,.battle-hud .stamina-track{height:7px!important;margin:0!important;border-width:1.5px!important;border-radius:999px!important}
.battle-hud .stamina-track{background:#b9cad4!important;border-color:#52758e!important}
.battle-hud .hp,.battle-hud .type,.battle-hud .stamina-caption{display:none!important}
@media(max-width:700px){
 .battle-hud{width:clamp(128px,39%,190px)!important;padding:6px 7px!important}
 .battle-message{min-height:72px!important;padding:9px 10px!important}
}
@media(max-width:550px){
 .battle-panel{grid-template-columns:1fr!important}
 .battle-field{height:272px!important}
 .battle-message{min-height:56px!important}
 .battle-v14 .battle-moves button{min-height:40px!important;padding:7px 9px!important;font-size:11px!important}
 .battle-v14 #v226RestButton{grid-column:auto!important}
 .battle-hud{width:clamp(122px,43%,172px)!important;padding:5px 6px!important}
 .battle-hud .meter-head,.battle-hud .type-line{font-size:9px!important}
}