/* Shared touch layout. Browsers keep zoom available; safe areas cover phone notches. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,summary{touch-action:manipulation}
.tactic-confirm-bar button{white-space:nowrap}
.asset-loading[hidden]{display:none}
.asset-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0b1b25ed;color:#eee1bd}
.asset-loading>div{width:min(420px,100%);text-align:center}
.asset-loading span{font:32px Georgia,serif;letter-spacing:8px}
.asset-loading p{font-size:14px;line-height:1.8;margin:26px 0 16px}
.asset-loading progress{display:block;width:100%;height:8px;accent-color:#d2b578}
.asset-loading button{min-height:48px;margin-top:24px;padding:10px 26px;background:#d2b578;color:#142b35;border:0;border-radius:5px;font-size:15px}
.asset-loading button[hidden]{display:none}
.mobile-battle-nav,.mobile-playback{display:none}

/* A phone shows one decision at a time. Desktop retains its full command board. */
@media(max-width:700px),(max-width:1100px) and (max-height:600px){
  :root .main-menu,:root .command-screen,:root .strategy-screen,:root .war-screen{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}
  button:focus-visible,summary:focus-visible{outline:2px solid #ffe4a1;outline-offset:2px}
  .round-control,.game-back,.strategy-back{min-width:44px;min-height:44px}
  .command-panel-content,.strategy-analysis-scroll,.command-inspector-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .command-tabs{overflow-x:auto;flex-shrink:0;scrollbar-width:none}
  .command-tabs button{min-width:0;min-height:44px;font-size:13px;letter-spacing:0;padding:10px 6px}
  .command-panel-content{font-size:13px}
  .command-panel-content h2{font-size:16px}
  .command-panel-content .loadout-help,.command-panel-content .loadout-option p,.command-panel-content .class-role p,.command-panel-content .passive-medallion p{font-size:13px;line-height:1.65}
  .command-panel-content summary,.command-panel-content .build-choices button,.training-tools button{min-height:44px}
  .command-panel-content .class-role span,.command-panel-content .loadout-option small,.command-panel-content .build-choice-group h2 small{font-size:12px}
  .command-panel-content .class-seals.full-roster{float:none;width:100%;margin:0 0 14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .command-panel-content .class-seals.full-roster button{height:102px}
  .command-panel-content .class-seals b{font-size:13px;letter-spacing:0}
  .command-panel-content .class-seals small{font-size:11px}
  .command-panel-content .awakening-path-copy strong{font-size:14px}
  .command-panel-content .awakening-path-copy small,.command-panel-content .awakening-path-body{font-size:12px}
  .command-panel-content .training-step b{font-size:13px}.command-panel-content .training-step small{font-size:11px}
  .command-panel-content .training-step button{width:44px;height:44px}
  .command-panel-content .loadout-slots{position:sticky;top:-12px;z-index:3;background:#18303e;padding:7px 0}
  .command-panel-content .loadout-slots button{min-height:58px}
  .command-panel-content .loadout-slots b{font-size:12px;white-space:normal}
  .command-panel-content .loadout-option button{min-height:52px}
  .command-panel-content .loadout-option b{font-size:14px}
  .item-loadout button{min-height:48px}

  :root .war-screen{height:100svh;height:100dvh;min-height:640px;grid-template-columns:1fr;grid-template-rows:44px minmax(205px,1fr) minmax(390px,50dvh);overflow:hidden}
  :root .war-screen .war-topbar{grid-column:1;grid-row:1;gap:4px;padding:0 8px}
  :root .war-screen .war-tool{min-height:44px;min-width:44px;padding:6px}
  .war-title>span,.war-battle-mode,.war-tool>span{display:none}
  .war-title>b{font-size:15px;letter-spacing:2px}
  :root .war-screen .war-field{grid-column:1;grid-row:2}
  :root .war-screen .war-command-dock{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:8px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #c8b580}
  .war-command-dock:before,.war-field-caption,.war-orders-heading{display:none}
  .mobile-battle-nav{display:grid;grid-template-columns:1fr 1fr 44px;gap:6px;flex-shrink:0}
  .war-screen .mobile-battle-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #a4b6a83f;border-radius:7px;background:#142934;color:#b9cacb;font-size:14px}
  .mobile-battle-nav .ui-icon{width:19px;height:19px}
  .war-screen .mobile-battle-nav button[aria-pressed=true]{background:#dbca98;color:#1a2c33;border-color:#efdfac;font-weight:bold}
  .mobile-battle-nav small{padding:1px 5px;border:1px solid currentColor;border-radius:4px;font-size:11px}
  :root .war-screen .war-choice-layout{display:flex;flex-direction:column;gap:0;min-height:0;flex:1;overflow:auto}
  :root .war-screen .war-orders-grid{display:flex;flex-direction:column;gap:10px;min-width:0}
  :root .war-screen .war-reserves{display:none}
  .war-screen .war-section-label{height:auto;min-height:16px;margin:0 0 5px;font-size:12px;letter-spacing:0}
  .war-section-label small{display:none}
  :root .war-screen .war-skill-grid{grid-template-columns:1fr 1fr;gap:8px}
  :root .war-screen .war-skill{height:72px;min-height:64px;flex-direction:row;justify-content:flex-start;gap:8px;padding:10px;border-radius:8px}
  .war-skill-art,.war-special-crest,.war-skill>em{display:none}
  :root .war-screen .war-skill-copy{align-items:flex-start;gap:6px;width:100%}
  :root .war-screen .war-skill-copy b{font-size:14px;white-space:normal;line-height:1.25;text-align:left}
  :root .war-screen .war-skill-copy small{font-size:11px;white-space:normal;line-height:1.3}
  :root .war-screen .war-matchup{justify-content:flex-start;gap:4px}
  .war-matchup>small{display:none}
  .war-skill:disabled .war-matchup>small{display:block}
  :root .war-screen .war-skill-copy .tactical-signal{font-size:11px;min-height:23px;padding:3px 6px}
  .war-screen .war-skill:hover:not(:disabled){transform:none}
  .war-screen .war-hero-orders{display:flex;flex-direction:column;gap:7px}
  .war-hero-orders>.war-section-label{display:none}
  :root .war-screen .war-special-row{grid-template-columns:1fr 1fr;gap:8px}
  :root .war-screen .war-special{height:68px;min-height:60px;padding:9px;text-align:left;justify-content:flex-start;border-radius:8px}
  .war-screen .war-special>span:last-child{gap:4px}
  :root .war-screen .war-special b{font-size:14px;white-space:normal;line-height:1.2}
  :root .war-screen .war-special small,:root .war-screen .war-special em{font-size:11px;letter-spacing:0;white-space:normal}
  :root .war-screen .war-awaken{position:static;order:2;min-height:44px;max-width:none;width:100%;font-size:13px;justify-content:center;margin:0;border-radius:7px}
  .war-screen .item-battle-warning{margin:0;font-size:11px;line-height:1.5}
  :root .war-screen .has-inspector>.war-orders-grid{display:none}
  :root .war-screen .command-inspector{height:100%;min-height:0;flex:1;max-height:none;border:1px solid #ae9b6055;border-radius:8px;outline-offset:-2px}
  :root .war-screen .command-inspector-body{padding:14px;min-height:0;overflow:auto;flex:1}
  :root .war-screen .tactic-title small{display:block;font-size:12px;line-height:1.5;margin-bottom:5px}
  :root .war-screen .tactic-title h3{font-size:21px}
  :root .war-screen .tactical-signal{font-size:12px;min-height:27px;padding:4px 7px}
  .war-screen .concise-impact{padding:12px 0;gap:15px}
  .war-screen .concise-impact>span>b{font-size:32px}
  .war-screen .concise-impact small{font-size:12px;line-height:1.4}
  .war-screen .build-battle-description{font-size:14px;line-height:1.65;margin:9px 0}
  .war-screen .concise-tags>span{font-size:11px;padding:5px 7px}
  .war-screen .concise-buff>strong{font-size:17px}.war-screen .concise-buff>span{font-size:13px}
  .war-screen .tactic-details{display:block;padding-top:6px}
  .war-screen .tactic-details summary,.war-screen .build-summary summary{min-height:44px;display:flex;align-items:center;font-size:13px}
  .war-screen .tactic-details p,.war-screen .build-summary p{font-size:13px;line-height:1.7}
  .war-screen .tactic-confirm-bar{padding:9px;gap:8px;background:#162c37}
  :root .war-screen .tactic-confirm-bar button{min-height:50px;font-size:14px;border-radius:6px}
  .war-screen .tactic-cancel{flex:0 0 105px}
  .war-screen .tactic-confirm-bar .tactic-confirm{white-space:normal;min-width:0;line-height:1.4}
  .war-screen .tactic-confirm span{display:none}
  .war-screen .ally-targets{display:grid;grid-template-columns:1fr;gap:7px}
  .war-screen .ally-targets button{min-height:54px;font-size:13px}
  .war-screen .ally-targets small{font-size:12px}
  :root .war-screen .war-hud-row{left:8px;right:8px;top:9px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:5px}
  :root .war-screen .war-company{padding:9px;gap:0;border-radius:5px 5px 14px 5px}
  :root .war-screen .war-commander-face,.war-class-seal,.war-company-state,.war-company-name>span{display:none}
  :root .war-screen .war-company-name{display:block;margin:0 0 7px;min-height:0;text-align:left}
  .war-screen .war-company-name h2{font-size:14px;white-space:normal}
  :root .war-screen .war-company-name>small{display:block;font-size:10px;margin-top:3px;white-space:normal}
  .war-screen .war-vital{font-size:10px;gap:5px;margin:6px 0}.war-screen .war-vital>b{font-size:13px;min-width:23px}.war-vital small{display:none}
  .war-screen .war-vital>span{width:23px;white-space:nowrap}
  .war-screen .war-health-track{height:7px;transform:none}
  .war-screen .war-buffs{top:calc(100% + 4px);left:0;gap:3px;max-width:100%;max-height:38px;overflow:auto;pointer-events:auto}
  .war-screen .war-buffs .unit-item{display:none}
  .war-screen .war-buffs>span{font-size:10px;padding:3px 5px}
  .war-screen .war-turn-seal{width:28px;height:50px;margin-top:-9px;padding-bottom:6px}
  .war-screen .war-turn-seal b{font-size:20px}.war-turn-seal small{font-size:6px;letter-spacing:0}.war-turn-seal>span{display:none}
  :root .war-screen .war-canvas-wrap{top:112px;bottom:40px;transform:none}
  :root .war-screen .war-canvas-wrap>canvas{width:100%;max-width:none;filter:none}
  :root .war-screen .war-announcement{display:flex;min-height:40px;padding:6px 12px;gap:7px}
  .war-screen .war-announcement p{font-size:12px;line-height:1.4}
  .war-announcement-mark,.war-live-light{display:none}
  :root .war-screen.is-playing{grid-template-rows:44px minmax(205px,1fr) auto}
  .is-playing .mobile-battle-nav,.is-playing .war-choice-layout{display:none!important}
  .is-playing .mobile-playback{display:flex;align-items:center;gap:12px;min-height:58px;padding:5px 6px}
  .mobile-playback>.ui-icon,.mobile-playback>span{color:#e5ca88;width:26px}
  .mobile-playback>div{display:flex;flex-direction:column;gap:6px}.mobile-playback b{font-size:14px;color:#efdaa8}.mobile-playback small{font-size:12px;color:#b7c8cc}

  :root .war-screen .quick-switch{flex:1;min-height:0;gap:7px;width:100%}
  .war-screen .quick-switch-heading{flex-wrap:wrap;gap:4px 8px;min-height:0;padding:0 0 5px;flex-shrink:0}
  .quick-switch-heading h2{display:none}
  .war-screen .quick-opponent{flex:1;order:0;flex-basis:auto;font-size:12px;gap:6px}
  .war-screen .quick-opponent b{font-size:13px}.war-screen .quick-opponent .strategy-face{width:25px;height:32px}
  :root .war-screen .quick-opponent .unit-item,.quick-opponent .strategy-class{display:none}
  :root .war-screen .quick-details-link{min-height:44px;font-size:12px;margin:0;padding:6px}
  .war-screen .quick-candidates{grid-template-columns:1fr;gap:7px;overflow:auto;flex:1;align-content:start;min-height:0}
  :root .war-screen .quick-candidate{padding:6px 10px;gap:4px;border-radius:7px}
  .war-screen .quick-candidate-identity{gap:10px;align-items:center}
  .war-screen .quick-candidate-identity>.strategy-face{height:36px;width:36px}
  .war-screen .quick-candidate-identity b{font-size:14px}.quick-candidate .unit-item{display:none}
  .war-screen .quick-candidate-identity>span:nth-child(2){display:grid;grid-template-columns:1fr auto;gap:4px}
  .war-screen .quick-candidate-identity .strategy-class{font-size:11px}
  .war-screen .quick-candidate .strategy-hp{grid-column:1/-1;font-size:11px;gap:12px}
  .war-screen .quick-candidate .strategy-hp b{font-size:12px}.war-screen .quick-candidate .strategy-hp i{display:none}
  .war-screen .quick-choice-check{position:static;align-self:center;font-size:18px;padding:0}
  .war-screen .quick-impact{display:flex;gap:8px;min-height:26px;padding:4px 0 0;background:transparent}
  .war-screen .quick-impact>small{font-size:11px}.war-screen .quick-impact>strong{font-size:21px}
  .war-screen .quick-impact>.tactical-signal{margin-left:auto;font-size:11px;min-height:24px}
  .war-screen .quick-answer{display:none}
  .war-screen .quick-switch-footer{flex-shrink:0;display:grid;grid-template-columns:90px 1fr;gap:7px;padding-top:6px}
  .war-screen .quick-switch-footer>div{grid-column:1/-1;display:flex;gap:5px;align-items:center}
  .war-screen .quick-switch-footer>div>b{font-size:13px}.war-screen .quick-switch-footer>div>small{font-size:11px}
  .war-screen .quick-switch-footer>div>small:last-child{font-size:10px}
  :root .war-screen .quick-switch .strategy-primary,:root .war-screen .quick-switch .strategy-secondary{min-height:48px;min-width:0;font-size:14px;border-radius:6px}
  :root .war-screen .strategy-switch{height:auto;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
  .war-screen .strategy-switch-title{min-height:44px;flex-shrink:0}.war-screen .strategy-switch-title button{min-height:44px;font-size:12px}
  .war-screen .strategy-switch .strategy-board{display:flex;flex-direction:column;overflow:auto;min-height:0;flex:1;padding:8px 0;gap:10px}
  .strategy-switch .strategy-roster{flex-shrink:0}.strategy-switch .strategy-unit-list{overflow:visible}
  .war-screen .strategy-switch .strategy-analysis-scroll{overflow:visible}.strategy-switch .strategy-analysis{flex-shrink:0}
  .war-screen .strategy-switch .strategy-switch-bottom{display:grid;grid-template-columns:70px 1fr;flex-shrink:0;padding-top:5px}
  .war-screen .strategy-switch .strategy-entry-risk{display:none}
  .war-screen .strategy-switch-bottom button{min-height:48px;font-size:13px}
  :root .war-screen .needs-replacement .war-reserves{display:block}
  .war-screen .needs-replacement .war-troop-orders,.war-screen .needs-replacement .war-hero-orders{display:none}
  .war-screen .needs-replacement .war-reserve.fallen{display:none}
  .needs-replacement .war-reserve-row{flex-direction:column;gap:8px}
  :root .war-screen .needs-replacement .war-reserve{min-height:76px;flex:none}
  .needs-replacement .war-reserve .war-face{width:65px;inset:0 auto 0 0}
  .needs-replacement .war-reserve>b{font-size:16px;left:80px;text-align:left;bottom:29px}
  .needs-replacement .war-reserve-bars{left:80px;bottom:12px}
  .needs-replacement .war-reserve>i{display:none}
  .war-screen .war-solo-note{font-size:12px;min-height:64px}
  .war-screen .war-solo-note small{font-size:11px}
  #detail-dialog{max-width:calc(100vw - 24px);max-height:85dvh;padding:16px;font-size:14px}
  #detail-dialog .modal-head{position:sticky;top:-16px;z-index:2;background:#182c36;padding:10px 0}
  #detail-dialog [data-close]{min-width:44px;min-height:44px}
  #detail-dialog p{font-size:14px;line-height:1.75}
  .strategy-primary,.strategy-secondary,.strategy-remove,.strategy-slot-name{min-height:44px}
}

@media(max-width:700px) and (orientation:portrait){
  .main-menu{height:100svh;height:100dvh;min-height:580px}
  .main-menu .menu-bottom{padding-bottom:env(safe-area-inset-bottom)}
  :root .command-screen{height:100svh;height:100dvh;min-height:640px;display:grid;grid-template-rows:56px 104px 88px minmax(0,1fr) 74px;overflow:hidden}
  .command-screen .game-topbar{grid-row:1;height:56px;padding:5px 12px;gap:9px;position:relative}
  .game-page-title small,.game-stepper{display:none}
  .command-screen .commander-stage{position:relative;inset:auto;grid-row:2;overflow:hidden;height:104px}
  .command-screen .commander-keyart{top:-12px;left:58%;width:44%;height:245px;max-height:none;object-fit:cover;object-position:top;bottom:auto}
  .command-screen .commander-identity{inset:8px auto auto 17px;max-width:62%;width:auto}
  .commander-identity .identity-order,.commander-identity>p,.commander-identity>small{display:none}
  .command-screen .commander-identity h2{font-size:25px;max-width:none;margin:0 0 7px}
  .command-screen .commander-identity>div{gap:8px;display:inline-flex}
  .command-screen .hero-cinematic-button{min-height:44px;margin:0 0 0 8px;display:inline-flex;font-size:11px;padding:6px 9px;vertical-align:middle}
  .command-screen .command-bottom{display:contents}
  .command-screen .company-roster{grid-row:3;padding:4px 12px 8px;z-index:3;background:#142b36;min-width:0}
  .command-screen .portrait-slots{gap:5px}
  .command-screen .portrait-slot{height:76px!important;min-width:0!important;border-radius:5px}
  .command-screen .portrait-slot b{font-size:10px;line-height:1.25;bottom:4px;letter-spacing:-.5px}
  :root .command-screen .command-panel{grid-row:4;position:relative;inset:auto;width:auto;height:auto!important;max-height:none;margin:0 12px;display:flex;flex-direction:column;border-radius:8px;backdrop-filter:none;overflow:hidden}
  .command-screen .command-tabs{height:46px;padding:0 3px}
  .command-screen .command-panel-content{height:auto;flex:1;min-height:0;padding:12px;overflow:auto}
  .command-screen .command-proceed{grid-row:5;display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#142b36;z-index:4}
  .command-screen .command-proceed>span{font-size:10px;width:64px;line-height:1.5}
  .command-screen .command-proceed .game-deploy{height:54px;min-height:50px;flex:1}
  .command-screen .command-proceed .game-deploy b{font-size:20px;letter-spacing:2px}
  .command-screen .command-proceed .game-deploy small{display:none}
  .strategy-top{position:sticky;top:0;z-index:7;background:#142936;min-height:56px}
  .strategy-screen .strategy-unit{min-height:82px}
  .strategy-screen .strategy-unit-copy>b{font-size:12px;white-space:normal;line-height:1.3}
  .strategy-screen .strategy-class{font-size:11px}
  .strategy-screen .strategy-unit .unit-item{display:none}
  .strategy-screen .strategy-unit .tactical-signal{font-size:9px}
  .strategy-screen .strategy-analysis{min-height:360px}
  .strategy-screen .strategy-remove{min-width:32px;min-height:44px}
  .strategy-screen .strategy-slot{height:58px;padding-right:32px}
  .strategy-screen .strategy-slot-name{padding:10px 0 0;min-width:0}
  .strategy-screen .strategy-slot-name b{font-size:11px;white-space:normal;line-height:1.25}
  .strategy-slot-name small{display:none}
  .strategy-screen .strategy-deploy{min-height:48px}
  .strategy-screen .strategy-pick button{min-height:48px;font-size:14px}
  .strategy-screen .strategy-move-copy>b{font-size:14px}
  .strategy-screen .strategy-move-detail{font-size:13px;line-height:1.65}
}

@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){
  .main-menu{height:100svh;height:100dvh;min-height:320px}
  .main-menu .lobby-topbar{height:60px;padding:8px 20px;gap:10px}
  .lobby-emblem{width:34px;height:40px;font-size:23px}.lobby-brand h1{font-size:25px}
  .lobby-scene-label,.lobby-quick-links{display:none}
  .menu-scene-caption{bottom:100px;left:25px}.menu-scene-caption h2{font-size:26px;margin:7px 0}
  .menu-scene-caption p span,.menu-chapter,.lobby-battle-note{display:none}
  .lobby-launch{bottom:92px;right:25px;width:255px}.lobby-launch .game-deploy{height:64px;min-height:64px}
  .lobby-launch .game-deploy b{font-size:25px}
  .main-menu .menu-bottom{height:76px;padding:6px 18px max(6px,env(safe-area-inset-bottom))}
  .main-menu .lobby-dock>button,.main-menu .lobby-dock>a{min-width:78px;min-height:48px;gap:5px;padding:7px;font-size:12px}
  .lobby-dock .ui-icon{width:24px;height:24px}.menu-scene-tabs{gap:6px}
  :root .command-screen{height:100svh;height:100dvh;min-height:340px}
  .command-screen .game-topbar{height:52px;padding:4px 14px}
  :root .command-panel{top:59px;bottom:98px;right:12px;width:55%;max-height:none}
  .command-panel-content{padding:10px 12px;height:calc(100% - 48px)}
  .command-screen .command-bottom{height:91px;padding:6px 12px max(6px,env(safe-area-inset-bottom));gap:12px;flex-direction:row}
  .company-roster{min-width:0;flex:1}.roster-label{display:none}
  .portrait-slot{height:74px!important;min-width:44px!important}
  .portrait-slot b{font-size:10px!important}.command-proceed{width:178px;flex-shrink:0;display:block}
  .command-proceed>span{display:none}.command-proceed .game-deploy{height:58px;min-height:58px;padding:8px 12px;gap:8px}
  .command-proceed .game-deploy b{font-size:19px;letter-spacing:1px;white-space:nowrap}.command-proceed .game-deploy small{display:none}
  .command-proceed .game-deploy>svg{width:22px;flex-shrink:0}
  .commander-stage{inset:52px 55% 90px 0}.commander-keyart{max-height:110%}
  .commander-identity h2{font-size:24px}.commander-identity p,.commander-identity small,.identity-order{display:none}
  .strategy-screen{height:100svh;height:100dvh;min-height:340px;grid-template-rows:52px minmax(0,1fr) 74px}
  .strategy-top{padding:4px 12px;gap:8px}.strategy-top h1{font-size:16px}.strategy-top-note{display:none}
  .strategy-board{grid-template-columns:minmax(140px,1fr) minmax(210px,1.3fr) minmax(140px,1fr);gap:8px;padding:8px}
  .strategy-screen .strategy-unit{min-height:60px}.strategy-bottom{padding:6px 10px}
  :root .war-screen,:root .war-screen.is-playing{height:100svh;height:100dvh;min-height:320px;grid-template-columns:minmax(0,1fr) min(46vw,410px);grid-template-rows:44px minmax(0,1fr)}
  :root .war-screen .war-topbar{grid-column:1/-1;grid-row:1}
  :root .war-screen .war-field{grid-column:1;grid-row:2}
  :root .war-screen .war-command-dock{grid-column:2;grid-row:2;padding:6px 8px max(6px,env(safe-area-inset-bottom));border-top:0;border-left:1px solid #c5b17d77;gap:6px}
  :root .war-screen .war-skill{height:61px;min-height:56px;padding:8px}
  :root .war-screen .war-special{height:62px;min-height:58px}
  :root .war-screen .war-orders-grid{gap:7px}
  :root .war-screen .war-hero-orders{gap:6px}
  .war-screen .war-section-label{display:none}
  :root .war-screen .war-skill-copy b,:root .war-screen .war-special b{font-size:13px}
  :root .war-screen .war-special small,:root .war-screen .war-special em{font-size:10px}
  :root .war-screen .war-hud-row{left:6px;right:6px;gap:4px;top:8px}
  :root .war-screen .war-company{padding:7px}.war-screen .war-company-name h2{font-size:13px}
  :root .war-screen .war-canvas-wrap{top:102px;bottom:38px}
  .war-screen .quick-candidate-identity>.strategy-face{display:none}
  :root .war-screen.is-playing .war-field{grid-column:1/-1}
  :root .war-screen.is-playing .war-command-dock{display:none}
}

@media(prefers-reduced-motion:reduce){.war-screen .mobile-playback,.war-screen .war-special.finisher.is-ready{animation:none}}