/* Battle geometry reserves full card faces on large displays. */
@media(min-width:1101px){
 .battle-page.battle-board{width:100%;max-width:1760px;height:calc(100dvh - var(--battle-hud));min-height:0;padding:8px 18px;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:36px 168px minmax(160px,1fr) 168px 24px;gap:6px 14px}
 .battle-board>.battle-side{height:168px;padding:10px}
 .battle-board>.battle-side .hand{width:calc(100% - 152px);max-width:none;height:146px;grid-template-rows:minmax(0,1fr);gap:10px}
 .battle-board>.battle-side .card-click,.battle-board>.battle-side .hero-card{height:100%}
 .battle-board>.arena.battlefield{height:100%;min-height:160px}
 .battle-board>.battle-skill-summary{padding:10px 12px}
 .battle-board>.battle-controls{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:10px 12px;gap:6px;justify-content:normal;overflow:hidden}
 .battle-board>.battle-controls .battle-troop-control{min-height:0;overflow:auto;scrollbar-width:thin}
 .battle-board>.battle-controls .battle-troop-control>div:first-child{line-height:1.2}
 .battle-board>.battle-controls .troop-input{margin:3px 0 4px}
 .battle-board>.battle-controls .troop-input output{font-size:21px;line-height:1}
 .battle-board>.battle-controls .troop-shortcuts{margin-bottom:4px}
 .battle-board>.battle-controls .troop-shortcuts button{padding:4px 6px;font-size:8px;line-height:1}
 .battle-board>.battle-controls .boost{padding:1px 0;font-size:9px;line-height:1.2;margin-bottom:3px;align-items:center}
 .battle-board>.battle-controls .boost input{width:14px;height:14px;margin:0;flex:none}
 .battle-board>.battle-controls #reserve-label{display:block;font-size:9px;line-height:1.2}
 .battle-board>.battle-controls .commit-panel{padding:6px 0 0;gap:4px}
 .battle-board>.battle-controls .attack-preview{margin:0}
 .battle-board>.battle-controls .attack-preview>span{line-height:1.2}
 .battle-board>.battle-controls .attack-preview strong{font-size:24px}
 .battle-board>.battle-controls .attack-preview>small{font-size:7px;line-height:1.3}
 .battle-board>.battle-controls .commit-panel .btn{padding:8px 7px;font-size:11px;line-height:1.2}
 .battle-board>.battle-controls .commit-hint{font-size:7px;line-height:1.2}
 .battle-board>.battle-history{grid-row:5}
}
@media(min-width:1280px) and (min-height:900px){
 .battle-page.battle-board{--full-hand-height:clamp(240px,calc((100dvh - 380px)/2),260px);grid-template-rows:36px var(--full-hand-height) minmax(190px,1fr) var(--full-hand-height) 24px}
 .battle-board>.battle-side{height:var(--full-hand-height)}
 .battle-board>.battle-side .hand{height:calc(var(--full-hand-height) - 22px);width:calc(100% - 96px);gap:10px}
 .battle-board>.battle-side .battle-side-heading{top:17px;left:10px;width:82px}
 .battle-board>.battle-side .battle-side-heading h3{max-width:82px;font-size:12px}
 .battle-board>.battle-side .life-track{bottom:84px;left:10px;width:80px}
 .battle-board>.battle-side .battle-side-meta{bottom:25px;left:10px;width:82px}
 .battle-board>.battle-side .battle-side-meta>small{max-width:82px}
}
.battle-inspect-dock .inspect-expanded-header{display:none}
@media(max-width:760px){
 .battle-inspect-dock .inspect-expanded-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #b99c6655}
 .battle-inspect-dock:not([open]) .inspect-header>*{display:none!important}
 .battle-board>.battle-inspect-dock>summary:before{content:"Картын мэдээлэл"}
 .battle-board>.battle-inspect-dock[open]>summary:before{content:"Картын мэдээлэл"}
 .battle-board>.battle-inspect-dock[open]>summary>*{display:none!important}
 .battle-board>.battle-inspect-dock>.battle-skill-content:before{display:none}
}
/* Keep the clash banner above the commanders while retaining enemy/player rows. */
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .battle-replay{padding:5px 9px}
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .replay-heading{min-height:14px}
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .replay-heading>b{font-size:9px}
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .replay-progress{height:2px;margin:3px 0}
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .replay-motion-numbers{grid-template-columns:1fr;gap:3px;font-size:8px;line-height:1.2}
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .replay-motion-numbers>span{flex-direction:row;align-items:center;justify-content:space-between;gap:6px}
.battle-board .replay-host:is([data-phase="charge"],[data-phase="impact"]) .replay-motion-numbers b{font-size:11px}
/* Arithmetic follows the winner's own side of the field, away from its target camp. */
.battle-board #battle-reveal.replay-host[data-phase="assault"]{left:50%;right:auto;width:min(620px,63%);height:min(120px,calc(50% - 22px));max-height:calc(50% - 22px);transform:translateX(-50%)}
.battle-board #battle-reveal.replay-host[data-phase="assault"][data-winner-side="player"]{left:7px;right:auto;top:auto;bottom:7px;transform:none}
.battle-board #battle-reveal.replay-host[data-phase="assault"][data-winner-side="opponent"]{left:auto;right:7px;top:7px;bottom:auto;transform:none}
.battle-board .replay-host[data-phase="assault"] .battle-replay{padding:6px 10px}
.battle-board .replay-host[data-phase="assault"] .replay-assault-target{font-size:9px}
.battle-board .replay-host[data-phase="assault"] .replay-assault-loss{font-size:8px;margin-top:3px!important}
.battle-board .replay-host[data-phase="assault"] .replay-assault-loss>b{font-size:20px}
.battle-board .replay-host[data-phase="assault"] .replay-assault-health{font-size:13px;margin-top:2px!important}
.battle-board .replay-host[data-phase="assault"] .replay-damage-formula{margin-top:3px!important;font-size:8px;gap:2px 6px}
.battlefield:has(#battle-reveal[data-phase="assault"]) .battle-phase{top:50%;bottom:auto;transform:translate(-50%,-50%);max-width:80%;font-size:8px}
@media(max-width:760px){
 .battle-board #battle-reveal.replay-host[data-phase="assault"]{width:65%;height:100px;max-height:calc(50% - 14px)}
 .battle-board #battle-reveal.replay-host[data-phase="assault"][data-winner-side="player"]{bottom:5px}
 .battle-board #battle-reveal.replay-host[data-phase="assault"][data-winner-side="opponent"]{top:5px}
 .battle-board .replay-host[data-phase="assault"] .battle-replay{padding:5px 7px}
 .battle-board .replay-host[data-phase="assault"] .replay-assault-loss{font-size:7px}
 .battle-board .replay-host[data-phase="assault"] .replay-assault-loss>b{font-size:18px}
 .battle-board .replay-host[data-phase="assault"] .replay-assault-health{font-size:12px}
 .battle-board .replay-host[data-phase="assault"] .replay-damage-formula{font-size:7px}
}