/* Enamel roster rails and a shared tactical dossier. No modal or backdrop. */
.strategy-screen,.strategy-switch{--s-gold:#d8be83;--s-line:#c2af7a66;color:#e9e4d2;font-family:'Malgun Gothic',sans-serif;line-height:1.4}
.strategy-screen{max-width:none;width:100%;height:100svh;min-height:590px;display:grid;grid-template-rows:76px minmax(0,1fr) 104px;gap:0;margin:0;padding:0!important;overflow:hidden;background:linear-gradient(110deg,#102f3bf5,#142634e6 48%,#301f2ef2),url('/art/battle/v2/battlefield.webp') center/cover}
.strategy-screen *,.strategy-switch *{box-sizing:border-box}.strategy-screen button,.strategy-switch button{font-family:inherit;touch-action:manipulation;cursor:pointer}.strategy-screen button:disabled,.strategy-switch button:disabled{cursor:default;opacity:.48}.strategy-screen button:focus-visible,.strategy-switch button:focus-visible,.strategy-move summary:focus-visible{outline:2px solid #f7dfa0;outline-offset:-3px}
.strategy-top{display:flex;align-items:center;gap:17px;padding:10px 28px;border-bottom:1px solid var(--s-line);background:#132430c9}.strategy-top h1{font:22px 'Batang',serif;margin:4px 0;color:#ecdfbb}.strategy-top small{font:9px Georgia,serif;letter-spacing:3px;color:#cfb77e}.strategy-top-note{margin-left:auto;color:#aabec2;font-size:11px}.strategy-screen .strategy-back{display:grid;place-items:center;width:40px;height:40px;background:#33454a77;border:1px solid var(--s-line);border-radius:3px;color:var(--s-gold);padding:8px}.strategy-back .ui-icon{width:22px;height:22px}
.strategy-board{display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,1.55fr) minmax(220px,1fr);gap:22px;min-height:0;padding:21px 28px 14px;max-width:1560px;width:100%;margin:0 auto}.strategy-roster,.strategy-analysis{min-width:0;min-height:0;display:flex;flex-direction:column}.strategy-section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;min-height:28px;margin-bottom:8px;border-bottom:1px solid var(--s-line);padding-bottom:7px}.strategy-section-title b{color:#d7dbc9;letter-spacing:1px}.strategy-section-title>span{font-size:9px;color:#b4bbac}.enemy .strategy-section-title b{color:#e3b9aa}.strategy-unit-list{display:grid;gap:8px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9c9670 #122731;padding:2px}
.strategy-screen .strategy-unit,.strategy-switch .strategy-unit{position:relative;display:flex;gap:11px;align-items:center;min-width:0;width:100%;min-height:68px;padding:5px 10px 5px 4px;border:1px solid #78989477;border-radius:3px 3px 12px 3px;background:linear-gradient(115deg,#315369a3,#1a3344e6);color:#ebead8;text-align:left;box-shadow:inset 0 0 0 2px #0b253666;overflow:hidden}.enemy .strategy-unit{border-color:#ab817477;background:linear-gradient(115deg,#623a48a6,#312b3cdb)}
.strategy-unit.inspecting{border-color:#f7dd98!important;background:linear-gradient(110deg,#746444b3,#3a514d)!important;box-shadow:inset 0 0 0 2px #e9d08644!important}.strategy-unit.inspecting:before{content:'';width:3px;position:absolute;inset:8px auto 8px 0;background:#f9e5ad}.strategy-unit.enlisted .strategy-rank{background:#d6be83;color:#23343a;border-color:#eadba9}.strategy-rank{margin-left:auto;flex:none;min-width:24px;text-align:center;color:#b9c9c4;border:1px solid #789b8b66;padding:5px 3px;font-size:10px;border-radius:2px}.strategy-unit-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.strategy-unit-copy>b{font-size:13px;font-weight:600;white-space:nowrap}.strategy-unit-copy>b small{color:#ccbb8d;font-size:8px;font-weight:normal}.strategy-unit-copy>small{font-size:9px;color:#c2b8b0}.strategy-face{position:relative;display:block;flex:none;width:53px;height:57px;overflow:hidden;border-radius:2px;background:radial-gradient(ellipse at 50% 25%,#899a8855,transparent);mask-image:linear-gradient(#000 85%,transparent)}.strategy-face img{position:absolute;width:165%;max-width:none;height:auto;left:-32%;top:-5%;pointer-events:none}.strategy-class{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#c7c6ab}.strategy-class .ui-icon{width:13px;height:13px}.strategy-relations{display:flex;gap:7px;font-size:9px;line-height:1.3}.strategy-good{color:#c4e99e!important}.strategy-warn{color:#efba8e!important}.strategy-neutral{color:#aebcbf}.strategy-support{color:#d4c1e1!important}.strategy-coverage-mark{flex:none;width:23px;height:23px;display:grid;place-items:center;border:1px solid #b7a66b55;border-radius:50%;font:bold 14px Georgia,serif}.strategy-coverage-mark.covered{color:#c4e3b0;background:#55795e55}.strategy-coverage-mark.gap{color:#f4c683;background:#97593255}
.strategy-roster-note{font-size:10px;line-height:1.7;color:#a1b8be;margin:10px 3px 0}.strategy-coverage{border:1px solid #b8995b66;background:#53433344;margin:10px 2px 0;padding:10px 12px;flex:none}.strategy-coverage>b{display:flex;justify-content:space-between;font-size:11px;color:#e0d0ac}.strategy-coverage strong{font:18px Georgia,serif;color:#f3d99b}.strategy-coverage p{font-size:9px;color:#bdb8a6;margin:6px 0 0;line-height:1.7}
.strategy-analysis{background:linear-gradient(135deg,#43525155,#142c3acc);border:1px solid var(--s-line);box-shadow:inset 0 0 0 3px #0e26374d;padding:14px 16px 12px;border-radius:3px 3px 14px 3px}.strategy-analysis-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#889685 #122836}.strategy-versus{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 0 11px;border-bottom:1px solid #b5a26d44}.strategy-versus>div{display:flex;gap:7px;align-items:center}.strategy-versus>div:last-child{text-align:right}.strategy-versus>em{font:italic 16px Georgia,serif;color:#b5a984}.strategy-versus b{display:block;font:16px 'Batang',serif;margin:3px 0;color:#f5e2af}.strategy-versus small{font-size:9px;color:#a0b6b9}.strategy-versus .strategy-face{width:48px;height:64px}.strategy-versus>div:last-child small{color:#d2b0a5}
.strategy-best{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 12px;background:linear-gradient(100deg,#86713d38,#314d4633);border-left:2px solid #d5bc79;margin:12px 0}.strategy-best>span{min-width:0}.strategy-best small{font-size:9px;color:#c0c6b3;display:block}.strategy-best b{font-size:14px;color:#efe1b7;display:block;margin-top:4px}.strategy-best em{font-size:9px;color:#dcce95;font-style:normal;font-weight:normal}.strategy-best>strong{font:25px Georgia,serif;white-space:nowrap;color:#f9df9e;text-align:right}.strategy-best>strong small{font:9px 'Malgun Gothic',sans-serif;margin-top:2px}
.strategy-moves{display:grid;gap:5px}.strategy-move{border:1px solid #899b9066;background:#132e3b88;border-radius:2px}.strategy-move.recommended{border-color:#cbb88088;background:#52614b30}.strategy-move summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 9px;cursor:pointer}.strategy-move summary::-webkit-details-marker{display:none}.strategy-move-icon{display:grid;place-items:center;width:28px;height:28px;color:#cfba83;background:#b1b67b0d;border:1px solid #b1b67b33;border-radius:50%;flex:none}.strategy-move-icon .ui-icon{width:18px;height:18px}.strategy-move-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.strategy-move-copy>b{font-size:12px;font-weight:500;color:#e8e3cb}.strategy-move-copy>small{font-size:9px;color:#b4c5c9}.strategy-move-value{display:flex;flex-direction:column;gap:3px;text-align:right;flex:none}.strategy-move-value>b{font:17px Georgia,serif;color:#e8d7b0}.strategy-move-value>b.strategy-support{font:10px 'Malgun Gothic',sans-serif}.strategy-move-value>small{font-size:8px;color:#b8c5ba}.strategy-expand{color:#b8b594;font-size:11px}.strategy-move[open] .strategy-expand{transform:rotate(180deg)}.strategy-move-detail{border-top:1px solid #a8b28b33;color:#c2cdd0;font-size:10px;line-height:1.9;padding:8px 12px}.strategy-move-detail strong{color:#f1d699}.strategy-locked{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px dashed #a7a07a44;color:#a7b6b5;font-size:10px}.strategy-locked .ui-icon{width:15px;height:15px}.strategy-locked small{margin-left:auto;font-size:9px}.strategy-note{font-size:9px;line-height:1.8;color:#9fb6bb;margin:10px 0 2px}
.strategy-pick{display:flex;gap:7px;padding-top:10px;border-top:1px solid #a9a67833;margin-top:8px;flex:none}.strategy-primary,.strategy-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border-radius:3px;font-size:12px}.strategy-screen .strategy-primary,.strategy-switch .strategy-primary{border:1px solid #e6cd8e;background:linear-gradient(115deg,#e1cf99,#b79b60);color:#21333b;font-weight:bold;box-shadow:inset 0 0 0 3px #624b241c}.strategy-pick .strategy-primary{flex:1}.strategy-primary .ui-icon,.strategy-secondary .ui-icon{width:19px;height:19px}.strategy-screen .strategy-secondary,.strategy-switch .strategy-secondary{border:1px solid var(--s-line);background:#263c49;color:#d4ccad;white-space:nowrap}
.strategy-bottom{display:flex;align-items:center;gap:25px;padding:12px 28px 17px;border-top:1px solid #d0b57577;background:linear-gradient(#243841,#12212e);box-shadow:0 -6px 18px #06141d55}.strategy-chosen{display:flex;gap:10px;flex:1;min-width:0}.strategy-slot{position:relative;display:flex;align-items:center;gap:6px;min-width:0;flex:1;height:62px;margin-top:7px;padding:6px 9px;border:1px solid #9b9f7966;background:#132d3b77;color:#96abad;border-radius:3px}.strategy-slot>span:first-child{position:absolute;top:-9px;left:12px;background:#25363d;color:#b9c7b9;font-size:9px;padding:0 6px;letter-spacing:1px}.strategy-slot.filled{border-color:#c4ac7377}.strategy-slot.filled>span:first-child{color:#e3ce9c}.strategy-slot>b{font-size:12px;font-weight:normal;margin:auto}.strategy-slot .strategy-face{height:54px;width:48px}.strategy-screen .strategy-slot-name{display:flex;flex-direction:column;min-width:0;gap:4px;text-align:left;background:none;border:0;padding:5px 0;flex:1;color:#e1dbc2;border-radius:0}.strategy-slot-name b{font-size:12px;white-space:nowrap}.strategy-slot-name small{font-size:8px;color:#a3b9b8}.strategy-screen .strategy-remove{background:none;border:0;color:#c8baa0;font-size:20px;padding:3px 5px;min-width:30px;min-height:40px}.strategy-deploy{width:240px;min-height:64px;justify-content:space-between}.strategy-deploy small{display:block;font:8px Georgia,serif;letter-spacing:2px}.strategy-deploy b{font:20px 'Batang',serif;display:block;margin-top:5px;letter-spacing:3px}
.strategy-screen .strategy-unit-list{flex:1;grid-template-rows:repeat(6,minmax(49px,1fr))}.strategy-screen .strategy-unit{min-height:49px}.strategy-target-vitals{display:flex;gap:13px;font-size:9px;color:#c9c2a7;margin:7px 0}.strategy-target-vitals span{color:#a3b6b9}.strategy-target-vitals b{font-weight:normal}.strategy-switch .strategy-target-vitals{font-size:8px;margin:5px 0}
/* Switching remains a dock below the live battlefield. */
.strategy-switch{height:354px;display:flex;flex-direction:column}.war-screen:has(.strategy-switch) .war-command-dock{padding:6px 24px 8px}.strategy-switch-title{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--s-line);padding:3px 0 6px;flex:none}.strategy-switch-title>div{display:flex;align-items:center;gap:12px}.strategy-switch-title span{font:8px Georgia,serif;letter-spacing:2px;color:#b3a878}.strategy-switch-title h2{font:16px 'Batang',serif;margin:0;color:#e8d7aa}.strategy-switch-title p{margin:0;font-size:9px;color:#b0c2c5}.strategy-switch-title button{margin-left:auto;display:flex;align-items:center;gap:5px;background:none;border:0;color:#cbbd95;font-size:10px;padding:5px}.strategy-switch-title .ui-icon{width:14px;height:14px}.strategy-switch .strategy-board{flex:1;min-height:0;padding:10px 0;grid-template-columns:230px minmax(280px,1fr) 260px;gap:20px}.strategy-switch .strategy-analysis{padding:0 10px;border:0;border-left:1px solid var(--s-line);border-right:1px solid var(--s-line);border-radius:0;background:transparent;box-shadow:none}.strategy-switch .strategy-section-title{font-size:10px;margin-bottom:5px;min-height:19px;padding-bottom:4px}.strategy-switch .strategy-unit-list{gap:5px}.strategy-switch .strategy-unit{min-height:57px;padding:3px 5px;gap:6px}.strategy-switch .strategy-unit-copy>b{font-size:11px}.strategy-switch .strategy-face{width:43px;height:48px}.strategy-switch .strategy-class{font-size:8px}.strategy-hp{display:flex;gap:8px;font-size:8px;color:#bbcccb}.strategy-hp>span{flex:1;min-width:0;display:block}.strategy-hp b{font:10px Georgia,serif;float:right}.strategy-hp i{display:block;height:2px;margin-top:3px;background:linear-gradient(90deg,#a2d2be var(--value),#071c28 var(--value))}.strategy-hp>span+span i{background:linear-gradient(90deg,#d6c080 var(--value),#071c28 var(--value))}.strategy-switch .strategy-roster-note{font-size:9px;margin-top:6px}.strategy-switch .enemy .strategy-unit{min-height:32px;padding:3px 6px}.strategy-switch .enemy .strategy-unit-copy{gap:1px}.strategy-switch .enemy .strategy-unit-copy>small{font-size:8px}.strategy-enemy-symbol{width:24px;flex:none;display:grid;place-items:center;color:#d8b496}.strategy-enemy-symbol .ui-icon{width:19px;height:19px}.strategy-short-relation{font-size:9px;color:#d3d4b7;flex:none}.strategy-switch .fallen{opacity:.45}.strategy-switch .strategy-versus{padding-bottom:5px}.strategy-switch .strategy-versus .strategy-face{width:37px;height:46px}.strategy-switch .strategy-versus b{font-size:13px}.strategy-switch .strategy-versus small{font-size:8px}.strategy-switch .strategy-best{margin:7px 0;padding:6px 9px}.strategy-switch .strategy-best b{font-size:11px}.strategy-switch .strategy-best>strong{font-size:21px}.strategy-switch .strategy-best small{font-size:8px}.strategy-switch .strategy-move summary{min-height:40px;padding:4px 7px}.strategy-switch .strategy-move-copy>b{font-size:11px}.strategy-switch .strategy-move-copy>small{font-size:8px}.strategy-switch .strategy-move-icon{width:23px;height:23px}.strategy-switch .strategy-move-icon .ui-icon{width:15px;height:15px}.strategy-switch-bottom{display:flex;gap:9px;align-items:center;border-top:1px solid var(--s-line);padding-top:8px;flex:none}.strategy-entry-risk{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.strategy-entry-risk>span{font-size:9px}.strategy-entry-risk>b{font-size:11px;color:#e6d4ac;font-weight:500}.strategy-entry-risk>small{font-size:8px;color:#a9bdbf}.strategy-switch-bottom .strategy-primary{min-width:210px;font-size:12px}.strategy-switch-bottom .strategy-secondary{font-size:11px;min-height:40px}.war-screen:has(.strategy-switch) .war-canvas-wrap{top:65px;bottom:25px}.war-screen:has(.strategy-switch) .war-canvas-wrap>canvas{width:min(100cqw,calc(225cqh - 160px))}.war-screen:has(.strategy-switch) .war-field-caption{display:none}
@media(min-width:1550px) and (min-height:850px){.strategy-screen{grid-template-rows:90px minmax(0,1fr) 115px}.strategy-board{padding-top:32px;gap:30px}.strategy-screen .strategy-unit{min-height:88px}.strategy-screen .strategy-face{width:65px;height:74px}.strategy-screen .strategy-unit-copy>b{font-size:16px}.strategy-screen .strategy-move summary{min-height:58px}.strategy-screen .strategy-move-copy>b{font-size:14px}.strategy-switch{height:390px}}
@media(max-width:1050px){.strategy-board{grid-template-columns:minmax(180px,1fr) minmax(280px,1.5fr) minmax(180px,1fr);gap:12px;padding:14px 14px 12px}.strategy-top{padding:8px 15px}.strategy-top h1{font-size:18px}.strategy-top-note{font-size:9px}.strategy-screen .strategy-unit{gap:5px;padding-right:5px}.strategy-screen .strategy-face{width:40px;height:54px}.strategy-unit-copy>b{font-size:11px}.strategy-unit-copy .strategy-relations{gap:4px;font-size:8px;flex-wrap:wrap}.strategy-coverage-mark{width:18px;height:18px}.strategy-analysis{padding:10px}.strategy-versus .strategy-face{display:none}.strategy-bottom{gap:14px;padding:10px 15px}.strategy-deploy{width:190px}.strategy-slot .strategy-face{display:none}.strategy-switch .strategy-board{grid-template-columns:190px minmax(220px,1fr) 210px;gap:12px}.strategy-switch-title span{display:none}.strategy-switch-bottom .strategy-primary{min-width:170px}}
@media(max-width:700px) and (min-height:551px){.strategy-screen{height:auto;min-height:100svh;overflow:visible;display:flex;flex-direction:column}.strategy-top{min-height:64px;gap:10px}.strategy-top h1{font-size:15px}.strategy-top small{font-size:8px;letter-spacing:2px}.strategy-top-note{display:none}.strategy-top>.strategy-back:last-child{margin-left:auto}.strategy-screen .strategy-board{grid-template-columns:1fr 1fr;gap:14px 10px;padding:13px 10px 18px}.strategy-screen .strategy-roster{grid-row:1}.strategy-screen .strategy-analysis{grid-column:1/-1;grid-row:2;min-height:390px}.strategy-screen .strategy-section-title{font-size:10px;align-items:flex-start;flex-direction:column;gap:3px}.strategy-screen .strategy-section-title>span{font-size:8px}.strategy-screen .strategy-unit-list{gap:5px;overflow:visible}.strategy-screen .strategy-unit{min-height:62px;padding:3px;gap:2px}.strategy-screen .strategy-face{width:31px;height:47px}.strategy-unit-copy>b{font-size:10px;letter-spacing:-.5px}.strategy-rank{font-size:8px;min-width:15px;padding:3px 1px}.strategy-class{font-size:8px;gap:3px}.strategy-class .ui-icon{width:11px;height:11px}.strategy-unit-copy .strategy-relations{font-size:7px;gap:2px}.strategy-coverage-mark{width:15px;height:15px;font-size:10px}.strategy-roster-note{font-size:9px}.strategy-coverage{padding:7px;margin:8px 0 0}.strategy-coverage>b{font-size:9px}.strategy-coverage strong{font-size:14px}.strategy-coverage p{font-size:8px}.strategy-screen .strategy-analysis>.strategy-section-title{flex-direction:row}.strategy-screen .strategy-versus .strategy-face{display:block;width:45px;height:60px}.strategy-screen .strategy-move summary{min-height:48px}.strategy-screen .strategy-analysis-scroll{overflow:visible}.strategy-bottom{position:sticky;bottom:0;z-index:6;display:grid;gap:8px;padding:9px 10px max(10px,env(safe-area-inset-bottom));background:#142936f5;backdrop-filter:blur(10px)}.strategy-chosen{gap:5px}.strategy-slot{height:44px;padding:3px 4px;gap:1px}.strategy-slot-name b{font-size:9px;letter-spacing:-.5px}.strategy-slot-name small{font-size:7px}.strategy-slot>span:first-child{font-size:7px;left:4px}.strategy-screen .strategy-remove{min-width:20px;min-height:30px;padding:2px;font-size:17px}.strategy-slot>b{font-size:10px}.strategy-deploy{width:100%;min-height:43px;padding:5px 15px}.strategy-deploy>span{display:flex;align-items:center;gap:15px}.strategy-deploy b{font-size:16px;margin:0}.strategy-deploy small{font-size:8px}.strategy-switch{height:470px}.war-screen:has(.strategy-switch){min-height:750px}.war-screen:has(.strategy-switch) .war-command-dock{padding:5px 10px 8px}.strategy-switch-title{gap:5px}.strategy-switch-title h2{font-size:13px}.strategy-switch-title p{display:none}.strategy-switch-title button{min-height:30px}.strategy-switch .strategy-board{grid-template-columns:1fr 1fr;grid-template-rows:135px minmax(0,1fr);gap:9px;padding:7px 0}.strategy-switch .strategy-analysis{grid-column:1/-1;grid-row:2;border:1px solid var(--s-line);padding:7px}.strategy-switch .strategy-roster{grid-row:1}.strategy-switch .strategy-roster-note{display:none}.strategy-switch .strategy-section-title{font-size:9px;min-height:17px;margin-bottom:3px}.strategy-switch .strategy-section-title>span{font-size:7px}.strategy-switch .strategy-unit{min-height:43px}.strategy-switch .strategy-face{width:26px;height:35px}.strategy-switch .strategy-unit-copy>b{font-size:10px}.strategy-switch .strategy-unit-copy>b small{font-size:7px}.strategy-switch .strategy-class{display:none}.strategy-switch .strategy-unit-list{gap:4px}.strategy-switch .enemy .strategy-unit{min-height:33px}.strategy-switch .strategy-versus .strategy-face{display:block;width:30px;height:37px}.strategy-switch .strategy-best{padding:5px 8px}.strategy-switch .strategy-switch-bottom{display:grid;grid-template-columns:60px 1fr;gap:7px}.strategy-entry-risk{grid-column:1/-1}.strategy-entry-risk>b{font-size:10px}.strategy-entry-risk>small{font-size:8px}.strategy-switch-bottom .strategy-primary,.strategy-switch-bottom .strategy-secondary{min-height:40px}.strategy-switch .strategy-enemy-symbol{width:18px}.strategy-switch .strategy-enemy-symbol .ui-icon{width:15px}.strategy-short-relation{font-size:8px}}
@media(max-height:550px) and (min-width:701px){.strategy-screen{min-height:350px;grid-template-rows:48px minmax(0,1fr) 70px}.strategy-top h1{font-size:15px}.strategy-top small{font-size:7px}.strategy-top .strategy-back{height:31px;width:31px}.strategy-top-note{display:none}.strategy-top>.strategy-back:last-child{margin-left:auto}.strategy-board{grid-template-columns:185px minmax(260px,1fr) 185px;padding:8px 12px;gap:12px}.strategy-screen .strategy-section-title{font-size:10px;min-height:19px;margin-bottom:4px;padding-bottom:3px}.strategy-section-title>span{font-size:8px}.strategy-screen .strategy-unit{min-height:48px}.strategy-screen .strategy-unit-list{gap:4px}.strategy-screen .strategy-face{width:32px;height:40px}.strategy-screen .strategy-unit-copy{gap:1px}.strategy-screen .strategy-unit-copy>b{font-size:10px}.strategy-class{font-size:8px}.strategy-unit-copy .strategy-relations{font-size:7px}.strategy-roster-note,.strategy-screen .strategy-coverage p{display:none}.strategy-coverage{margin-top:5px;padding:5px}.strategy-coverage>b{font-size:9px}.strategy-coverage strong{font-size:13px}.strategy-analysis{padding:7px 9px}.strategy-versus b{font-size:13px}.strategy-best{margin:7px 0;padding:6px 8px}.strategy-best b{font-size:11px}.strategy-best>strong{font-size:20px}.strategy-pick{padding-top:6px;margin-top:5px}.strategy-pick .strategy-primary,.strategy-pick .strategy-secondary{min-height:32px;font-size:10px;padding:6px 8px}.strategy-bottom{padding:5px 12px;gap:12px}.strategy-slot{height:43px;margin-top:5px}.strategy-slot-name b{font-size:10px}.strategy-slot-name small{font-size:7px}.strategy-deploy{min-height:45px;width:175px}.strategy-deploy b{font-size:15px}.strategy-deploy small{font-size:7px}.strategy-switch{height:230px}.war-screen:has(.strategy-switch){min-height:390px;grid-template-columns:1fr;grid-template-rows:34px minmax(0,1fr) auto}.war-screen:has(.strategy-switch) .war-command-dock{padding:3px 12px 5px}.strategy-switch .strategy-board{grid-template-columns:175px minmax(220px,1fr) 185px;padding:5px 0;gap:8px}.strategy-switch-title h2{font-size:12px}.strategy-switch-title button{padding:2px}.strategy-switch-title p{font-size:8px}.strategy-switch .strategy-roster-note{display:none}.strategy-switch .strategy-unit{min-height:43px}.strategy-switch .strategy-face{height:36px;width:30px}.strategy-switch .strategy-class{display:none}.strategy-switch .strategy-section-title{min-height:16px;font-size:9px}.strategy-switch .strategy-section-title>span{font-size:7px}.strategy-switch .strategy-best{margin:5px 0}.strategy-switch .strategy-switch-bottom{padding-top:5px}.strategy-entry-risk{gap:1px}.strategy-entry-risk>span{font-size:8px}.strategy-entry-risk>b{font-size:10px}.strategy-entry-risk>small{font-size:7px}.strategy-switch-bottom .strategy-primary,.strategy-switch-bottom .strategy-secondary{min-height:34px;font-size:10px;padding:6px 9px}.war-screen:has(.strategy-switch) .war-hud-row{top:7px;left:12px;right:12px}.war-screen:has(.strategy-switch) .war-canvas-wrap{top:0;bottom:0}.war-screen:has(.strategy-switch) .war-canvas-wrap>canvas{width:min(100cqw,225cqh)}.war-screen:has(.strategy-switch) .war-announcement{display:none}}
/* Keep all three friendly reserves visible on a portrait phone. */
@media(max-width:700px) and (min-height:551px){
  .strategy-switch .ally .strategy-unit{min-height:34px;padding:2px 4px}
  .strategy-switch .ally .strategy-unit-copy{gap:1px}
  .strategy-switch .ally .strategy-face{height:29px}
  .strategy-switch .ally .strategy-hp i{margin-top:2px}
}