/* The selected move stays in the command dock; the battlefield remains visible. */
.war-screen .war-matchup.strong{color:#bde5b1}.war-screen .war-matchup.weak{color:#e3b398}.war-screen .war-matchup.neutral{color:#c5d4d9}.war-screen .war-matchup.support{color:#d5c9ed}
.war-screen .war-awaken.is-planned{background:linear-gradient(120deg,#6d627f,#343755);border-color:#e7d5ff;color:#fff0ff}
.war-screen [data-selected=true]{border-color:#f7dc95!important;background:linear-gradient(135deg,#6a6042,#2f424a)!important;box-shadow:inset 0 0 0 2px #ebcf8d77!important}
.war-choice-layout.has-inspector{display:grid;grid-template-columns:minmax(450px,1.12fr) minmax(360px,1fr);gap:20px;align-items:stretch}
.has-inspector>.war-orders-grid{grid-template-columns:minmax(220px,1fr) 190px;grid-template-rows:36px 1fr;gap:8px 15px}
.has-inspector .war-reserves{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px}.has-inspector .war-reserves .war-section-label{display:flex;flex:none;margin:0;font-size:10px}.has-inspector .war-reserves .war-section-label small{display:none}.has-inspector .war-reserve-row{flex:1;width:100%;max-width:none;margin:0;gap:7px}
.war-screen .has-inspector .war-reserve{height:32px;padding:0 5px 0 37px;display:flex;align-items:center;justify-content:center;border-radius:3px}.has-inspector .war-reserve .war-face{inset:0 auto 0 0;width:32px}.has-inspector .war-reserve>b{position:static;margin:0;font-size:10px;z-index:1}.has-inspector .war-reserve>i,.has-inspector .war-reserve-state{display:none}.has-inspector .war-reserve-bars{left:36px;bottom:2px;gap:2px}.has-inspector .war-reserve:after{background:linear-gradient(90deg,transparent,#12283577)}
.has-inspector .war-troop-orders{grid-column:1;grid-row:2}.has-inspector .war-hero-orders{grid-column:2;grid-row:2}.has-inspector .war-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.has-inspector .war-special-row{grid-template-columns:1fr;gap:7px}
.war-screen .has-inspector .war-skill,.war-screen .has-inspector .war-special{height:61px;flex-direction:row;justify-content:flex-start;gap:8px;padding:7px 9px}.has-inspector .war-skill-art{width:30px;height:30px;flex:none}.has-inspector .war-skill-art .ui-icon{width:20px;height:20px}.has-inspector .war-skill-art i{display:none}.has-inspector .war-skill-copy{align-items:flex-start;gap:5px}.has-inspector .war-skill-copy b,.has-inspector .war-special b{font-size:12px}.has-inspector .war-skill-copy small{font-size:8px}.has-inspector .war-special>span:last-child{gap:3px}.has-inspector .war-special-crest{height:34px;width:25px}.has-inspector .war-special-crest .ui-icon{width:22px;height:22px}.has-inspector .war-section-label{margin-bottom:5px}
.command-inspector{height:246px;min-width:0;display:flex;flex-direction:column;border-left:1px solid #c5ae7877;background:linear-gradient(115deg,#142b36b3,#0b202cd9);box-shadow:inset 0 1px 0 #c9b78033;color:#e6e4d9;overflow:hidden;border-radius:2px 4px 8px 2px}
.command-inspector-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 8px;scrollbar-width:thin;scrollbar-color:#88988b #142d38}
.tactic-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.tactic-title small{display:block;color:#bcae86;font-size:9px;margin-bottom:4px}.tactic-title h3{font:21px/1.25 'Batang',serif;color:#f2dda9;margin:0}.tactic-badge{padding:6px 9px;border:1px solid #77909166;border-radius:3px;color:#c4d4d8;font-size:11px;white-space:nowrap}.tactic-badge.strong{color:#c5ecb8;border-color:#90bd8077;background:#8cb57316}.tactic-badge.weak{color:#e9bb9a;border-color:#c78e6e77}.tactic-badge.support{color:#d9c8f0;border-color:#ba9ed777;background:#a17ecc17}
.tactic-summary{margin:9px 0!important;font-size:12px;line-height:1.6;color:#e3e7e3;word-break:keep-all}.tactic-metrics{display:flex;align-items:center;gap:16px;padding:6px 0;font-size:10px;color:#a8bdc4}.tactic-metrics b{font-size:14px;color:#e8d5a8;margin-left:5px}.tactic-damage b{font:22px Georgia,serif}.tactic-target{display:flex;gap:10px;flex-wrap:wrap;margin:5px 0!important;font-size:10px;color:#a7bfc8}.tactic-target span{color:#d2c5a1}
.tactic-scope{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#a38cce14;border:1px solid #baa6d155;border-radius:3px}.tactic-scope>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tactic-scope .ui-icon{width:17px;height:17px;color:#bcb1d7}.tactic-scope b{font-size:13px;color:#e4d6f6}.tactic-scope small{font-size:10px;color:#bac6d0}.tactic-scope strong{font-size:12px;white-space:nowrap;color:#e8d2f4}.tactic-duration{color:#b9b6c7;font-size:10px;line-height:1.6;margin:7px 0!important}
.tactic-order{display:flex;align-items:center;gap:6px;color:#cec6a4;font-size:10px;margin:7px 0!important}.tactic-order .ui-icon{width:15px;height:15px;flex:none}.tactic-notes{font-size:10px;line-height:1.65;margin:6px 0;padding-left:15px;color:#bbcbd0}.tactic-details{font-size:10px;color:#a4bcc6;border-top:1px solid #9faf9b26;padding-top:6px;margin-top:7px}.tactic-details summary{cursor:pointer;min-height:25px;line-height:22px}.tactic-details p{font-size:11px;line-height:1.7;margin:5px 0}.tactic-footnote{font-size:11px;line-height:1.8;color:#b8c7c8}
.tactic-confirm-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;flex:none;border-top:1px solid #bba87a55;background:#142b36}.war-screen .tactic-confirm-bar button{min-height:40px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;touch-action:manipulation}.tactic-confirm-bar .ui-icon{width:17px;height:17px}.tactic-cancel{flex:0 0 82px;border:1px solid #8eaaa44d;background:transparent;color:#bfcdcb}.tactic-confirm{flex:1;border:1px solid #e7d499;background:linear-gradient(110deg,#e3cc96,#b99b62);color:#182c33;font-weight:bold}.tactic-confirm span{margin-left:auto;padding-left:10px;border-left:1px solid #75663944;font-size:10px}.with-awakening .tactic-confirm{background:linear-gradient(115deg,#e1d4ed,#b5a4cc);border-color:#d8caed}.with-awakening .tactic-title small{color:#d0bce6}
.war-buffs .war-buff-scope{color:#c9b8de;border-color:#b09cc655;background:#292840de}
@media(max-width:1050px) and (min-height:551px){.war-choice-layout.has-inspector{grid-template-columns:minmax(350px,1.1fr) minmax(300px,1fr);gap:12px}.has-inspector>.war-orders-grid{grid-template-columns:minmax(190px,1fr) 135px;gap:8px}.has-inspector .war-skill-art{display:none}.has-inspector .war-special-crest{display:none}.command-inspector-body{padding:11px 12px}.has-inspector .war-reserves .war-section-label{display:none}.has-inspector .war-section-label small{display:none}.has-inspector .war-charge-label{margin-left:auto}.has-inspector .war-charge-label .war-gems{display:none}.has-inspector .war-awaken{font-size:8px;padding:2px 5px}}
@media(max-width:700px) and (min-height:551px){.war-screen:has(.command-inspector){min-height:640px}.war-choice-layout.has-inspector{grid-template-columns:1fr;gap:9px}.has-inspector>.war-orders-grid{grid-template-columns:minmax(180px,1fr) 120px;grid-template-rows:28px 1fr;gap:6px 8px}.has-inspector .war-troop-orders,.has-inspector .war-hero-orders{grid-row:2}.has-inspector .war-reserves{grid-row:1}.has-inspector .war-reserves .war-section-label{display:none}.war-screen .has-inspector .war-reserve{height:28px;padding-left:29px}.has-inspector .war-reserve .war-face{width:25px}.has-inspector .war-reserve>b{font-size:9px}.has-inspector .war-reserve-bars{left:28px}.has-inspector .war-skill-art,.has-inspector .war-special-crest{display:none}.war-screen .has-inspector .war-skill,.war-screen .has-inspector .war-special{height:47px;padding:5px 7px;gap:3px}.has-inspector .war-skill-copy b,.has-inspector .war-special b{font-size:11px}.has-inspector .war-skill-copy small{font-size:7px}.has-inspector .war-section-label{height:20px;margin-bottom:3px;font-size:9px}.has-inspector .war-section-label small,.has-inspector .war-charge-label .war-gems,.has-inspector .war-charge-label b{display:none}.has-inspector .war-skill>em{display:none}.has-inspector .war-special>span:last-child{gap:2px}.has-inspector .war-special small,.has-inspector .war-special em{font-size:7px}.has-inspector .war-awaken{font-size:8px;min-height:20px;padding:2px 3px;max-width:120px}.has-inspector .war-awaken .ui-icon{width:10px;height:10px}.command-inspector{height:218px;border-left:0;border-top:1px solid #c5ae7855}.command-inspector-body{padding:10px 12px 6px}.tactic-title h3{font-size:18px}.tactic-title small{font-size:8px}.tactic-summary{font-size:11px}.tactic-scope small{font-size:9px}.tactic-scope{padding:7px 8px}.tactic-duration{font-size:9px}.tactic-metrics{gap:12px}.tactic-confirm-bar{padding:6px 9px}.war-screen .tactic-confirm-bar button{min-height:42px;font-size:11px}.tactic-badge{font-size:10px;padding:5px 7px}.tactic-notes{font-size:10px}.war-screen:has(.command-inspector) .war-orders-heading{min-height:28px;margin-bottom:3px;padding-bottom:3px}.war-screen:has(.command-inspector) .war-command-dock{padding-bottom:max(8px,env(safe-area-inset-bottom))}.war-screen:has(.command-inspector) .war-orders-heading h2{font-size:12px}.has-inspector .war-solo-note{display:none}.has-inspector .war-skill-grid.is-solo{grid-template-columns:1fr}}
@media(max-height:550px) and (min-width:601px){.war-choice-layout.has-inspector{grid-template-columns:minmax(310px,1fr) minmax(330px,1fr);gap:12px}.has-inspector>.war-orders-grid{grid-template-columns:minmax(185px,1fr) 125px;grid-template-rows:25px 1fr;gap:5px 8px}.has-inspector .war-reserves .war-section-label,.has-inspector .war-skill-art,.has-inspector .war-special-crest{display:none}.war-screen .has-inspector .war-reserve{height:25px;padding-left:28px}.has-inspector .war-reserve .war-face{width:24px}.has-inspector .war-reserve>b{font-size:8px}.has-inspector .war-reserve-bars{left:28px}.war-screen .has-inspector .war-skill,.war-screen .has-inspector .war-special{height:44px;padding:4px 7px}.has-inspector .war-skill-copy b,.has-inspector .war-special b{font-size:10px}.has-inspector .war-skill-copy small{font-size:7px}.has-inspector .war-section-label{height:16px;margin-bottom:3px}.has-inspector .war-section-label small,.has-inspector .war-charge-label .war-gems{display:none}.has-inspector .war-awaken{font-size:7px}.command-inspector{height:156px}.command-inspector-body{padding:7px 12px}.tactic-title h3{font-size:16px}.tactic-title small{font-size:7px}.tactic-summary{font-size:10px;margin:5px 0!important}.tactic-scope{padding:5px 8px}.tactic-scope b{font-size:11px}.tactic-duration{font-size:9px;margin:4px 0!important}.tactic-confirm-bar{padding:5px 8px}.war-screen .tactic-confirm-bar button{min-height:32px;font-size:10px}.tactic-damage b{font-size:18px}.tactic-metrics{padding:3px 0}.has-inspector .war-solo-note{display:none}}
/* On wide, short phones the tactics stay to the side, preserving character height. */
@media(min-width:760px) and (max-height:550px){
  .war-screen:has(.command-inspector){grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:34px minmax(0,1fr)}
  .war-screen:has(.command-inspector) .war-topbar{grid-column:1/-1}
  .war-screen:has(.command-inspector) .war-field{grid-column:1;grid-row:2}
  .war-screen:has(.command-inspector) .war-command-dock{grid-column:2;grid-row:2;padding:4px 10px 6px;border-top:0;border-left:1px solid #bba46b77;overflow:hidden}
  .war-screen:has(.command-inspector) .war-command-dock:before{display:none}
  .war-choice-layout.has-inspector{grid-template-columns:1fr;gap:7px}
  .has-inspector .war-reserve>b{font-size:9px}
  .command-inspector{height:clamp(110px,calc(100svh - 226px),180px);border-left:0;border-top:1px solid #bba46b55}
  .war-screen:has(.command-inspector) .war-hud-row{left:7px;right:7px;grid-template-columns:minmax(0,1fr) 29px minmax(0,1fr);gap:5px}
  .war-screen:has(.command-inspector) .war-company{padding:6px;gap:5px}
  .war-screen:has(.command-inspector) .war-commander-face{display:none}
  .war-screen:has(.command-inspector) .war-turn-seal{width:29px}
  .war-screen:has(.command-inspector) .war-canvas-wrap{top:65px;bottom:30px}
  .war-screen:has(.command-inspector) .war-canvas-wrap>canvas{width:min(100cqw,calc(225cqh - 214px))}
}
@media(min-width:701px) and (min-height:551px){.war-screen:has(.command-inspector) .war-canvas-wrap{transform:translateY(18px)}}