/* Compact battle workspace. All simulator controls remain available in the march sheet. */
body:has(dialog[open]){overflow:hidden}.locale-fallback{font-size:11px;color:var(--muted);border-left:2px solid #756b55;padding:7px 10px;background:#d8b47606;margin:12px 0}
.arena-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arena-detail-stats>div{padding:15px;border:1px solid var(--line);border-radius:9px;background:#13202d}.arena-detail-stats span{display:block;color:var(--muted);font-size:12px}.arena-detail-stats strong{display:block;font-size:23px;margin-top:8px}.arena-detail-gear{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:12px;margin-top:20px}.arena-detail-gear>div{display:grid;gap:8px;justify-items:center;text-align:center;font-size:11px}.arena-detail-gear img{height:56px;width:56px;object-fit:contain}
:root{--bg:#0d131b;--panel:#17212c;--line:#2b3746;--text:#edf1f4;--muted:#a1afbd;--gold:#e1bd7c;--green:#80cfb1;font-size:14px}
body{background:radial-gradient(ellipse at 50% -20%,#375a643b,transparent 65%),#0d131b;min-height:100vh}
button,summary,input,select{touch-action:manipulation}button,input,select{min-height:40px}button{transition:background .16s,border-color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}details>summary:after{content:'＋';float:right;margin-left:12px;color:var(--muted)}details[open]>summary:after{content:'−'}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-header{min-height:72px;padding:12px max(24px,calc((100vw - 1160px)/2));gap:32px;background:#0e151ee8;border-color:#26313b}.brand{font-size:12px;letter-spacing:1.6px}.brand-mark{font-size:29px;border:1px solid #806e4b;border-radius:10px;width:37px;height:39px;text-align:center;padding-top:3px;background:linear-gradient(135deg,#d8b47620,transparent)}.app-header nav{flex:1;gap:4px;flex-wrap:nowrap}.app-header nav button{min-height:40px;border-radius:8px;padding:9px 13px;white-space:nowrap}.app-header nav button.active{box-shadow:none;background:#e1bd7c12;color:#e9c991}
.language-control{margin-left:auto;flex-direction:row;align-items:center;gap:4px;color:var(--gold);flex-shrink:0}.language-control>span[aria-hidden]{font-size:23px}.language-control select{width:122px;background:transparent;border:0;font-size:12px;padding-left:5px}.language-control option{background:#182331;color:#edf1f4}
.more-menu{position:relative;align-self:center}.more-menu>summary{padding:10px 13px;min-height:40px;font-size:12px;color:var(--muted);border-radius:8px}.more-menu>summary:after{display:none}.more-menu[open]>summary{background:#263443;color:var(--text)}.more-menu>div{position:absolute;z-index:30;top:calc(100% + 8px);right:0;min-width:200px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#1a2532;box-shadow:0 15px 45px #0008;display:grid}.app-header .more-menu button{text-align:left;width:100%}
main{max-width:1160px;padding:25px 0;margin:auto}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.workspace-bar .eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:8px}.workspace-bar h1{font-size:29px;letter-spacing:-.9px;font-weight:650}.workspace-switch{display:flex;gap:3px;padding:5px;border-radius:11px;background:#080d1490;border:1px solid var(--line)}.workspace-switch button{min-width:125px;display:flex;justify-content:center;align-items:center;gap:9px;color:var(--muted);font-size:13px}.workspace-switch button span{font-size:10px;opacity:.55}.workspace-switch button.active{background:#273644;color:var(--text);box-shadow:0 3px 10px #0004}.workspace-switch button.active span{color:var(--gold);opacity:1}
#prepare-pane{background:linear-gradient(135deg,#1c293537,#131c27b0);border:1px solid #2b3946;border-radius:18px;padding:23px;animation:surface-in .25s ease-out}.page-title{margin-bottom:20px}.page-title h2{font-size:19px;letter-spacing:-.4px}.page-title p{margin-top:6px;font-size:12px;color:var(--muted)}.page-title .buttons button{font-size:12px}.page-title .secondary{background:#e1bd7c0c;border-color:#726348;color:#e2c38f}.battle-toolbar{padding:0 0 21px;margin:0 0 22px;border:0;border-bottom:1px solid #2a3643;border-radius:0;background:none;gap:12px;align-items:end}.battle-toolbar>label{width:200px}.battle-toolbar label{font-size:11px;font-weight:500;gap:7px}.battle-toolbar select,.battle-toolbar input{background:#111a24;border-color:#364350;border-radius:8px;min-height:42px;font-size:13px}.advanced-battle{margin-left:auto;position:relative;align-self:flex-end}.advanced-battle>summary{min-height:42px;display:flex;align-items:center;padding:10px;color:var(--muted);font-size:12px}.advanced-battle-content{position:absolute;right:0;top:100%;z-index:12;background:#202d3b;border:1px solid #445366;border-radius:12px;box-shadow:0 16px 35px #0007;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:280px}.advanced-battle-content label{width:auto!important}.advanced-battle-content button{grid-column:1/-1}
.march-roster,.march-roster:has(.march-card:nth-child(4)){display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:0;align-items:start}.roster-team{min-width:0;display:grid;gap:14px}.versus-mark{display:flex;align-self:center;justify-content:center;margin-top:-45px;color:#8d9aa7;font-size:10px;font-weight:800;letter-spacing:1px;position:relative}.versus-mark span{background:#141e29;padding:8px 3px;border:1px solid #354354;border-radius:50%}.march-card{border:1px solid #3e6157;border-radius:12px;background:linear-gradient(145deg,#1d333436,#14202c 65%);overflow:hidden;cursor:default;box-shadow:0 8px 20px #0001;transition:border-color .2s}.march-card.red{border-color:#61454a;background:linear-gradient(145deg,#492d342e,#17212e 65%)}.march-card.selected{border-color:#5a7f73;box-shadow:none}.march-card.red.selected{border-color:#896168}.march-card.inactive{opacity:.55}.march-card-top{padding:12px 16px;border-bottom:1px solid #2b3b4633;display:flex;align-items:center;justify-content:space-between;min-height:44px}.side-label{font-size:10px;letter-spacing:1.2px;color:var(--green);font-weight:750;display:flex;gap:7px;align-items:center}.side-label i{height:6px;width:6px;display:inline-block;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.red .side-label,.side-label.red{color:#efa398}.troop-type{font-size:10px;color:var(--muted)}.march-card-top .buttons{gap:2px}.march-card-top button{min-height:30px;padding:3px 8px;font-size:10px}
.pair{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px;gap:7px}.commander-button{position:relative;background:#0c131b65;border:1px solid #2a3c48;border-radius:9px;min-width:0;min-height:110px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;padding:12px 8px;text-align:center}.commander-button:hover{border-color:#bd9c64;background:#d3b4770a;transform:translateY(-2px)}.commander-button .portrait,.commander-button .empty-portrait{width:70px;height:70px;object-fit:contain;border-radius:10px}.commander-button .empty-portrait{border-style:dashed;background:#2d3f482a;color:#8fa7b5;font-size:25px}.commander-button strong{font-size:14px;font-weight:650;line-height:1.25;display:block;white-space:normal;overflow-wrap:anywhere}.commander-button small{font-size:9px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;display:block;margin-bottom:4px}.commander-button em{font-size:9px;color:#c5a973;margin-top:4px;font-style:normal;display:block}.commander-empty em{color:#8097aa}.commander-change{position:absolute;right:8px;top:7px;color:#7e8d9b;font-size:14px}.quick-controls{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:9px;padding:8px 14px 13px;align-items:end}.quick-controls label{font-size:10px;gap:5px}.quick-controls input,.quick-controls select{font-size:13px;min-height:40px;background:#0e1823;border-color:#334653;border-radius:7px}.quick-controls label:last-child{grid-column:auto}.march-edit{display:flex;gap:5px;align-items:center;justify-content:center;color:#d6dfe5;border:1px solid #394956;background:#25344177;padding:8px;font-size:11px;min-height:40px}.march-edit svg{width:16px;height:16px;flex-shrink:0}
.build-shortcuts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;margin:0 14px;border-top:1px solid #31414d;border-bottom:1px solid #31414d;padding:8px 0}.build-shortcuts>button{padding:6px 3px;display:flex;gap:6px;align-items:center;text-align:left;min-height:49px;border-radius:7px;min-width:0}.build-shortcuts>button+button{border-left:1px solid #31414d}.build-shortcuts>button>svg,.build-shortcuts>button>img{width:26px;height:26px;object-fit:contain;color:#b6a37f;flex-shrink:0}.build-shortcuts button>span{font-size:11px;min-width:0;font-weight:600}.build-shortcuts small{display:block;font-size:9px;font-weight:400;margin-top:4px;overflow-wrap:anywhere}.mini-gear{position:relative;width:28px;height:30px;flex:none}.mini-gear img{width:22px;height:22px;position:absolute;left:0;top:0;object-fit:contain}.mini-gear img:nth-child(2){top:9px;left:7px}.mini-gear img:nth-child(3){display:none}.march-flags{padding:10px 14px;display:flex;align-items:center;gap:13px;min-height:46px}.march-flags label{display:flex;align-items:center;flex-direction:row;font-size:11px;gap:5px;min-height:28px}.march-flags input{width:16px;height:16px;min-height:0;margin:0}.march-flags .subtle{margin-left:auto;font-size:10px;min-height:30px;padding:4px;display:block}.add-card{min-height:40px;border:1px dashed #4b4a50;background:none;font-size:11px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:9px;border-radius:9px;margin:0;padding:6px}.add-card small{display:inline;font-size:9px}.add-card strong{font-size:20px;font-weight:400}
.roster-team-switch{display:none}.launch-panel{border:0;border-radius:12px;padding:16px 20px;background:#23313e;box-shadow:0 5px 25px #0002;gap:18px;margin-top:16px}.launch-panel>div>strong{font-size:12px;font-weight:650}.launch-panel>div>span{font-size:10px}.launch-panel .engine-state{font-size:10px}.launch-panel .speed-control{font-size:10px;width:106px;flex:none}.launch-panel .speed-control select{min-height:36px;font-size:11px}.batch-count{font-size:10px}.batch-count input{min-height:36px;width:50px}.launch-panel>.primary{min-height:48px;min-width:155px;border-radius:9px;align-items:center;justify-content:center;gap:18px;background:linear-gradient(120deg,#eccb8b,#cda66a);font-weight:750;font-size:14px;box-shadow:0 3px 13px #e1bd7c15}.launch-panel>.primary span{opacity:.6}.launch-panel #pause-simulation,.launch-panel #stop-simulation{min-height:44px}.notice{font-size:12px}.simulation-progress{margin:16px 0;border-radius:9px;height:36px;padding-top:10px}.live-battle{border:0;padding:0;background:none;margin-top:24px}.live-battle>h3{font-size:18px;margin-bottom:18px}.live-marches{display:block;margin:0}.results-section{margin-top:0;scroll-margin-top:90px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:18px}.section-heading .eyebrow{display:none}.section-heading button{font-size:11px}.result-content{border-radius:16px;border-color:#324150;background:#15202c}.result-banner{padding:16px 20px;border-color:#2c3b48;background:linear-gradient(90deg,#80cfb112,transparent)}.result-banner.red-win{background:linear-gradient(90deg,#ef9d9712,transparent)}.result-banner h3{color:var(--green);font-size:20px}.result-banner p{font-size:11px}.replay-panel{padding:16px 20px;border:0}.replay-controls{padding:10px 0;margin:0;gap:8px}.replay-controls button{min-height:42px;min-width:42px;border-radius:8px}.replay-controls #replay-play{color:#19212a;background:var(--gold);min-width:85px;border:0}.replay-controls input{min-height:30px}.replay-controls output{font-size:12px;min-width:64px}.replay-controls select{min-height:42px;font-size:12px}.turn-statistics>summary{font-size:11px;color:var(--muted);padding:10px 0}.turn-statistics[open]>.turn-details{margin-top:8px}.review-tabs{display:flex;gap:6px;padding:0 20px;border-bottom:1px solid var(--line);background:#10192555}.review-tabs button{padding:14px 18px;border-radius:0;min-height:48px;color:var(--muted);font-size:13px}.review-tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold);background:#e1bd7c06}.report-disclosure>summary{padding:18px 20px;color:var(--muted);font-size:13px}.report-disclosure[open]>summary{border-bottom:1px solid var(--line);color:var(--gold)}.result-stats{border-color:var(--line)}.result-stat{padding:18px 20px;border-color:var(--line)}.result-stat strong{font-size:25px}.result-stat small{font-size:9px}.battle-review-grid{border:0;grid-template-columns:260px minmax(0,1fr)}.buff-disclosure{position:sticky;top:90px;padding:18px 0 16px 16px}.buff-disclosure>summary{font-size:12px;color:var(--gold);padding:5px 12px}.buff-disclosure>summary>span{font-size:10px;color:var(--muted);margin-left:6px}#turn-effects-panel{padding:0;position:static}#turn-effects-panel .turn-effects{margin-top:12px;padding:12px}.battle-review-grid .logs{padding:16px;min-width:0}.battle-log-search input{min-height:44px}.battle-log button{min-height:38px}.battle-log button.battle-log-reference{min-height:0;padding:0}.turn-effects button.battle-log-reference{min-height:0}.battle-log-reference{scroll-margin-top:100px}
dialog{border-radius:16px;background:#182431;border-color:#4b5b6b;padding:24px;max-height:92dvh;animation:sheet-in .2s ease-out}dialog::backdrop{background:#050a11bd;backdrop-filter:blur(6px)}dialog.march-editor{width:min(940px,calc(100% - 40px));padding:0;margin:auto;max-height:92dvh;border-radius:16px;overflow:auto;box-shadow:0 30px 100px #0008}.march-editor .editor-heading{position:sticky;top:0;z-index:5;padding:20px 24px 14px;background:#1c2937;border-bottom:1px solid var(--line);gap:14px;align-items:center}.editor-heading h2{font-size:19px;line-height:1.35;margin-top:7px;max-width:470px}.editor-heading .side-label{font-size:9px}.editor-heading .buttons{flex-wrap:nowrap;gap:8px}.editor-heading button{font-size:11px;min-height:38px;white-space:nowrap}.editor-heading .icon-button{min-height:44px;min-width:44px;font-size:26px}.editor-tabs{position:sticky;top:92px;z-index:4;background:#172331;overflow:auto;display:flex;flex-wrap:nowrap;border-bottom:1px solid #3a4856;scrollbar-width:thin}.editor-tabs button{font-size:12px;min-height:48px;white-space:nowrap;flex:1;padding:13px 18px}.editor-tabs button.active{background:#e1bd7c0b;color:var(--gold);border-bottom:2px solid var(--gold)}#editor-body{padding:22px 24px;min-height:280px}.editor-done{position:sticky;bottom:0;z-index:4;background:#192634ef;border-top:1px solid var(--line);padding:12px 24px;display:flex;justify-content:flex-end;backdrop-filter:blur(8px)}.editor-done button{min-width:130px;min-height:44px}.form-grid label{font-size:12px}.form-grid input,.form-grid select{min-height:42px;font-size:13px}.section-block{margin-top:20px;padding-top:20px}.skill-control input{min-height:35px}.skill-control label{font-size:10px}.skill-header h3{font-size:15px}.skill-header small{font-size:11px}.expertise-note{font-size:11px}.gear-grid{gap:12px}.gear-slot{background:#111e2a;border-color:#354655;border-radius:10px;padding:12px}.gear-slot-label{font-size:12px}.equipment-choice{flex-direction:column;min-height:136px;text-align:center;border:0;background:#1c2d3c80;border-radius:8px;margin-bottom:7px;padding:10px 4px}.equipment-choice strong{font-size:11px}.equipment-choice small,.equipment-choice-arrow{display:none!important}.equipment-choice>img,.equipment-choice>.gear-placeholder{width:62px;height:62px}.gear-slot .check{font-size:11px;min-height:30px}.gear-slot .subtle{width:100%;min-height:34px;font-size:10px}.formation-choice{min-height:60px;border-radius:9px;font-size:12px}.formation-choice small{font-size:9px}.inscription-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inscription-choice{padding:11px;border-radius:8px}.inscription-choice strong{font-size:12px;font-weight:650}.inscription-choice small{font-size:11px;line-height:1.6}.inscription-choice input{min-height:16px;width:16px;height:16px}.inscription-category{font-size:11px}.talent-builds button{min-height:44px;font-size:12px}.catalog-card{min-height:135px;border-radius:10px;padding:12px}.catalog-card strong{font-size:12px}.catalog-card small{font-size:10px}.catalog-tools input{min-height:44px;font-size:13px}.filters button{font-size:11px;min-height:40px}.skill-description p,.skill-copy{font-size:14px}.log-reference-heading h3{font-size:20px}.saved-card h3{font-size:15px}.saved-card p{font-size:12px}.saved-card button{min-height:42px;font-size:12px}.preferences-panel{max-width:none;border-radius:14px}.view-heading h1{font-size:26px}footer{margin-top:20px;font-size:10px;color:#8998a8}.toast{bottom:24px;font-size:13px;border-radius:10px;z-index:1000}
@keyframes surface-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes sheet-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1210px){main{padding:24px}.app-header{padding:12px 24px;gap:20px}.app-header nav button{padding:10px}.brand{font-size:11px}.language-control select{width:110px}.build-shortcuts button>span{font-size:10px}.launch-panel{gap:12px}.engine-state{display:none}}
@media(max-width:850px){.app-header{gap:16px}.brand>span:last-child{font-size:10px;letter-spacing:.8px}.app-header nav button{font-size:11px;padding:10px 8px}.language-control>span[aria-hidden]{display:none}.language-control select{width:98px}.workspace-bar h1{font-size:25px}.workspace-switch button{min-width:105px}.pair{padding:10px 9px;gap:5px}.commander-button strong{font-size:12px}.quick-controls{padding-left:10px;padding-right:10px;gap:6px}.march-edit{font-size:10px}.march-edit svg{display:none}.build-shortcuts{margin:0 10px}.build-shortcuts button{gap:4px;flex-direction:column;text-align:center}.march-flags{padding:8px 10px;gap:8px}.launch-panel>div{max-width:180px}.launch-panel>.primary{min-width:130px}.battle-review-grid{grid-template-columns:minmax(0,1fr)}.buff-disclosure{position:static;padding:14px 16px 0}.buff-disclosure>summary{border:1px solid var(--line);background:#1e2d3b;padding:12px;border-radius:8px}#turn-effects-panel .turn-effects-body{max-height:260px}.editor-tabs{top:96px}.editor-tabs button{padding:12px 14px}.editor-heading .subtle{display:block}.original-stats{grid-template-columns:1fr}}
@media(max-width:620px){
 .app-header{display:grid;grid-template-columns:1fr auto;gap:8px 10px;padding:12px 15px 8px;position:sticky;top:0;min-height:106px}.brand{gap:8px}.brand-mark{width:31px;height:32px;font-size:25px;border-radius:8px;padding-top:1px}.brand>span:last-child{font-size:11px}.language-control{grid-column:2;grid-row:1}.language-control select{width:110px;min-height:36px;font-size:12px}.app-header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:3px}.app-header nav>button{min-height:37px;font-size:12px;padding:9px;flex:1}.more-menu{flex:1}.more-menu>summary{text-align:center;font-size:12px;min-height:37px;padding:10px 5px}.more-menu>div{right:0}.app-header nav button span{display:none}
 main{padding:18px 12px 112px}.workspace-bar{display:block;margin:0 0 16px}.workspace-bar .eyebrow{display:none}.workspace-bar h1{font-size:24px;letter-spacing:-.6px;margin-bottom:16px}.workspace-switch{width:100%;padding:4px}.workspace-switch button{flex:1;min-height:39px;font-size:13px}.workspace-switch button span{font-size:10px}#prepare-pane{padding:15px 12px 12px;border-radius:14px}.page-title{gap:6px;margin-bottom:16px;align-items:center}.page-title h2{font-size:16px}.page-title p{display:none}.page-title .buttons{gap:2px}.page-title .buttons button{min-height:36px;padding:8px;font-size:11px}.battle-toolbar{gap:9px;align-items:end;margin-bottom:12px;padding-bottom:12px}.battle-toolbar>label{flex:1;min-width:110px;width:auto;font-size:10px}.battle-toolbar select{font-size:12px;min-height:40px;padding:8px}.advanced-battle{margin:0;flex-basis:100%}.advanced-battle>summary{min-height:30px;font-size:11px;justify-content:flex-end;padding:4px}.advanced-battle-content{width:100%;position:static;margin-top:8px;box-shadow:none;padding:12px}.battle-toolbar label:has(#seed),.battle-toolbar label:has(#max-turns){min-width:0}
 .march-roster,.march-roster:has(.march-card:nth-child(4)){grid-template-columns:1fr;gap:12px}.versus-mark{display:none}.roster-team-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.roster-team-switch button{min-height:40px;font-size:12px;padding:9px;border:1px solid #3a4856;background:#14212f;color:var(--muted)}.roster-team-switch button.active{border-color:#608773;color:var(--green);background:#80cfb10b}.roster-team-switch button[data-roster-team="red"].active{color:var(--red);border-color:#8c6365;background:#f1978f0b}.roster-team-switch button small{font-size:9px;margin-left:4px}.march-roster[data-team="green"] .enemy-team,.march-roster[data-team="red"] .ally-team{display:none}.march-card-top{padding:9px 12px;min-height:37px}.side-label{font-size:9px}.troop-type{font-size:9px}.pair{padding:8px 9px;gap:7px}.commander-button{min-height:136px;padding:9px 5px;gap:5px}.commander-button .portrait,.commander-button .empty-portrait{width:57px;height:57px}.commander-button strong{font-size:13px}.commander-button small{font-size:9px;margin-bottom:3px}.commander-button em{font-size:9px}.quick-controls{padding:6px 10px 10px;grid-template-columns:1.15fr .85fr 1fr;gap:7px}.quick-controls input,.quick-controls select{font-size:13px;min-height:40px;padding:8px}.march-edit{font-size:11px}.build-shortcuts{margin:0 10px;padding:7px 0}.build-shortcuts button{min-height:49px;flex-direction:row;text-align:left;gap:5px;padding:4px 3px}.build-shortcuts button>span{font-size:10px}.build-shortcuts>button>svg,.build-shortcuts>button>img{height:21px;width:21px}.build-shortcuts small{font-size:9px}.march-flags{min-height:40px;padding:6px 10px;gap:10px}.march-flags label{font-size:10px}.march-flags .subtle{font-size:10px}.add-card small{display:none}#setup-readiness{font-size:11px;margin-top:12px;padding:9px}
 .launch-panel{position:fixed;bottom:0;left:0;right:0;z-index:25;border-radius:16px 16px 0 0;background:#1c2a38f5;backdrop-filter:blur(16px);border:1px solid #435466;border-bottom:0;box-shadow:0 -8px 35px #0005;padding:12px 14px max(12px,env(safe-area-inset-bottom));gap:9px;display:grid;grid-template-columns:1fr auto auto;margin:0}.launch-panel>div{max-width:none;grid-column:1;align-self:center}.launch-panel>div>strong{font-size:11px;display:block;overflow-wrap:anywhere}.launch-panel>div>span{font-size:9px;margin-top:4px}.launch-panel>.primary{grid-column:3;grid-row:1/3;min-width:122px;min-height:49px;padding:11px;font-size:13px}.launch-panel .batch-count{grid-column:2;grid-row:1;font-size:9px;gap:4px;flex-direction:row;align-items:center}.batch-count input{width:40px;min-height:32px;padding:5px}.launch-panel .speed-control{grid-column:1/3;width:auto;flex-direction:row;align-items:center;gap:6px;font-size:9px}.launch-panel .speed-control select{width:106px;min-height:28px;padding:3px 6px;font-size:10px}.launch-panel .engine-state{display:none}.launch-panel:has(#pause-simulation:not([hidden])){display:flex;flex-wrap:wrap}.launch-panel:has(#pause-simulation:not([hidden])) #simulate{display:none}.launch-panel:has(#pause-simulation:not([hidden]))>div{margin-right:auto;max-width:50%}.launch-panel:has(#pause-simulation:not([hidden])) .batch-count{display:none}.launch-panel:has(#pause-simulation:not([hidden])) .speed-control{order:5;width:100%}
 .results-section{scroll-margin-top:120px}.section-heading{gap:6px;align-items:center}.section-heading h2{font-size:16px}.section-heading .buttons{gap:2px}.section-heading button{min-height:35px;padding:6px;font-size:10px}.result-content{border-radius:12px}.result-banner{padding:12px 13px;gap:8px}.result-banner h3{font-size:18px}.result-banner p{font-size:10px;margin-top:5px}.result-banner button{font-size:10px;min-height:36px;max-width:115px;white-space:normal}.replay-panel{padding:10px}.replay-controls{display:grid;grid-template-columns:42px 1fr 42px 65px;gap:6px;padding:9px 0;margin:0}.replay-controls #replay-prev{grid-column:1;grid-row:1}.replay-controls #replay-play{grid-column:2;grid-row:1;min-width:0}.replay-controls #replay-next{grid-column:3;grid-row:1}.replay-controls #replay-speed{grid-column:4;grid-row:1;width:100%}.replay-controls input{grid-column:1/4;grid-row:2;width:100%;min-width:0;padding:0}.replay-controls output{grid-column:4;grid-row:2;font-size:10px;min-width:0;text-align:center}.turn-statistics>summary{font-size:10px;padding:7px 0}.review-tabs{padding:0 10px;gap:5px}.review-tabs button{font-size:12px;padding:12px;flex:1}.result-stats{grid-template-columns:1fr 1fr}.result-stat{padding:14px 12px}.result-stat strong{font-size:23px}.result-stat small{font-size:8px}.battle-review-grid .logs{padding:12px 10px}.buff-disclosure{padding:12px 10px 0}.buff-disclosure>summary{font-size:12px;min-height:44px;display:flex;align-items:center}.buff-disclosure>summary:after{margin-left:auto}.buff-disclosure>summary>span{margin-left:auto;margin-right:7px}#turn-effects-panel .turn-effects{margin-top:9px}.toast{bottom:112px;font-size:12px;width:calc(100% - 30px);text-align:center}
 dialog,dialog.wide-dialog,dialog.march-editor{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:18px 18px 0 0;border-bottom:0;padding:18px;overscroll-behavior:contain}dialog.march-editor{padding:0}.march-editor .editor-heading{padding:16px 16px 12px;display:block;position:sticky;top:0;min-height:118px}.editor-heading h2{font-size:16px;margin-top:5px;padding-right:38px;max-width:none}.editor-heading .buttons{margin-top:9px;display:flex;gap:6px}.editor-heading .buttons .subtle{display:block}.editor-heading .buttons button{min-height:33px;font-size:11px;padding:7px 9px}.editor-heading .buttons .icon-button{position:absolute;right:8px;top:8px;min-height:44px;min-width:44px;font-size:25px}.editor-tabs{top:118px;scrollbar-width:thin;z-index:4}.editor-tabs button{min-height:47px;padding:12px 14px;font-size:12px;flex:none}#editor-body{padding:18px 14px;min-height:260px}.editor-done{padding:10px 14px max(10px,env(safe-area-inset-bottom))}.editor-done button{width:100%;min-height:44px}.form-grid,.form-grid.three{grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:11px}.form-grid input,.form-grid select{font-size:13px}.split-panel{grid-template-columns:1fr;gap:18px}.split-panel>section+section{border-top:1px solid var(--line);border-left:0;padding:18px 0 0}.skill-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.skill-control{flex-direction:column;align-items:stretch}.skill-control .skill-icon{align-self:center}.skill-control img{width:44px;height:44px}.skill-control label{font-size:10px}.gear-grid{grid-template-columns:1fr 1fr;gap:10px}.gear-slot{padding:10px}.gear-slot-label{font-size:12px}.equipment-choice{min-height:128px}.equipment-choice strong{font-size:11px}.gear-slot .check{min-height:30px;font-size:10px}.gear-slot .subtle{min-height:36px}.inline-tools .buttons{gap:5px}.inline-tools h3{font-size:14px}.inline-tools button{font-size:11px;min-height:40px}.formation-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.formation-choice{flex-direction:column;text-align:center;min-height:74px;font-size:11px;padding:9px 4px;justify-content:center}.formation-choice img{width:34px;height:34px}.formation-choice small{display:none}.inscription-list{grid-template-columns:1fr}.inscription-choice{gap:9px;min-height:55px}.inscription-choice strong{font-size:13px}.inscription-choice small{font-size:12px}.inscription-category{font-size:11px}.talent-layout{grid-template-columns:1fr}.talent-builds{flex-direction:row;flex-wrap:wrap}.talent-builds button{font-size:12px}.catalog-tools{gap:8px}.filters{gap:2px}.filters button{font-size:11px;min-height:40px;padding:7px 9px}.commander-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.catalog-card{padding:9px 5px;min-height:128px}.catalog-card img{width:60px;height:60px}.catalog-card strong{font-size:11px}.catalog-card small{font-size:9px}.dialog-heading h2{font-size:19px}.dialog-heading .icon-button{min-height:44px;min-width:44px}.ability-description{gap:12px}.ability-description>img{height:44px;width:44px}.skill-description h3{font-size:16px}.skill-description p{font-size:13px}.preferences-panel{padding:16px}.saved-card{padding:15px;gap:12px}.saved-card .buttons{gap:6px}.saved-card button{font-size:11px}.view-heading{display:block;margin:0 0 18px}.view-heading .buttons{margin-top:14px}.view-heading h1{font-size:24px}.view-heading p{font-size:12px}footer{font-size:9px;margin:18px 4px 0}
}
@media(max-width:620px){.app-header nav{display:grid;grid-template-columns:1.1fr 1.35fr .85fr .65fr;min-width:0}.app-header nav>button{white-space:normal;overflow-wrap:anywhere;font-size:11px;padding:6px;line-height:1.3;min-width:0;min-height:40px}.more-menu{min-width:0}.more-menu>summary{font-size:11px;min-height:40px}.page-title .buttons{flex-shrink:0}.page-title h2{overflow-wrap:anywhere}.workspace-switch button{min-width:0;white-space:normal}.build-shortcuts>button>span{overflow-wrap:anywhere}.launch-panel>.primary{white-space:normal}.formation-choice span{overflow-wrap:anywhere}.editor-heading{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.inscription-choice .inscription-art{width:45px;height:45px;object-fit:contain;flex:none;align-self:center}.inscription-choice>span{min-width:0}.log-reference-icon{object-fit:contain}

/* Keep controls visible without assuming a header height in any language. */
dialog.march-editor[open]{display:flex;flex-direction:column;overflow:hidden}
.march-editor .editor-heading,.march-editor .editor-tabs,.march-editor .editor-done{position:relative;top:auto;bottom:auto;flex-shrink:0}
.march-editor #editor-body{overflow:auto;min-height:0;overscroll-behavior:contain}
@media(max-width:620px){.editor-heading .buttons{flex-wrap:wrap}.editor-heading .buttons button:not(.icon-button){white-space:normal;min-width:0;flex:1}.march-editor .editor-tabs{min-width:0}}

.official-reference{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.official-reference>summary{cursor:pointer;color:var(--gold);padding:4px 0;font-weight:600}.official-reference section{padding:12px 0;border-bottom:1px solid #ffffff0b}.official-reference section p{white-space:pre-line;line-height:1.6;margin-top:6px;font-size:13px}.official-reference .locale-fallback{margin-top:10px}

.batch-summary>details>summary{cursor:pointer;padding:4px 0;min-height:30px}.batch-summary>details>p{margin:7px 0}.batch-runs{display:flex;gap:7px;flex-wrap:wrap}.batch-runs button{min-height:40px}

/* Keep editable controls readable at focus so mobile browsers do not zoom in.
   Preserve the user's pinch zoom; do not restrict the viewport scale. */
@media (max-width:850px), (any-pointer:coarse){
  input,select,textarea{font-size:max(16px,1rem)!important}
}
@media (max-width:620px){
  .quick-controls{grid-template-columns:minmax(0,1.1fr) minmax(94px,.9fr) minmax(0,1fr)}
  .launch-panel .speed-control select{flex:1;min-width:0;width:auto;max-width:180px}
}
@media (max-width:359px){
  .quick-controls{grid-template-columns:minmax(0,1fr) 94px}
  .quick-controls .march-edit{grid-column:1/-1}
}
.replay-controls select{width:140px}
@media (max-width:620px){
  .replay-controls{grid-template-columns:42px minmax(0,1fr) 42px 110px}
  .replay-controls #replay-play{padding-inline:5px}
}
@media (max-width:380px){
  .replay-controls{grid-template-columns:42px minmax(0,1fr) 42px}
  .replay-controls #replay-speed{grid-column:1/3;grid-row:2}
  .replay-controls output{grid-column:3;grid-row:2}
  .replay-controls input{grid-column:1/-1;grid-row:3}
}