/* Final layout rules are available before header/account JavaScript starts. */
html body header.site-header.site-header.site-header .main-nav>.nav-cooking-group{position:relative!important;transform:none!important}
html body header.site-header.site-header.site-header .main-nav>.nav-cooking-group>.nav-cooking-submenu{top:100%!important;left:0!important;right:auto!important;transform:none!important;margin:0!important}
@media(max-width:760px){
html body header.site-header.site-header.site-header .header-top{display:grid!important;grid-template-columns:minmax(0,1fr) 106px 70px!important;grid-template-rows:56px 72px!important;grid-template-areas:"brand account affinity" ". . ."!important;height:128px!important;min-height:128px!important;padding:0 8px!important;gap:0 6px!important;align-items:center!important}
html body header.site-header.site-header.site-header .header-top .brand{grid-area:brand!important;position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:56px!important;padding:0!important;margin:0!important}
html body header.site-header.site-header.site-header .brand-logo{width:40px!important;height:32px!important;flex:0 0 40px!important;object-fit:contain!important}
html body header.site-header.site-header.site-header .brand-site-title{max-width:calc(100% - 41px)!important;min-width:0!important;gap:3px!important}
html body header.site-header.site-header.site-header .brand-site-game{font-size:12px!important;line-height:1.25!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body header.site-header.site-header.site-header .brand-site-tools{font-size:8px!important;line-height:1.3!important;letter-spacing:0!important;white-space:normal!important}
html body header.site-header.site-header.site-header .header-affinities{grid-area:affinity!important;position:relative!important;inset:auto!important;width:70px!important;height:40px!important;gap:3px!important;margin:0!important;padding:0!important;align-items:center!important}
html body header.site-header.site-header.site-header .header-affinities img{position:static!important;width:32px!important;height:36px!important;max-width:32px!important;flex:0 0 32px!important;object-fit:contain!important;transform:none!important}
html body header.site-header.site-header.site-header .account-header-actions{grid-area:account!important;position:relative!important;inset:auto!important;display:grid!important;width:100%!important;gap:2px!important;margin:0!important}
html body header.site-header.site-header.site-header .account-header-actions button{width:100%!important;min-width:0!important;height:19px!important;min-height:19px!important;padding:1px 3px!important;margin:0!important;font:10px/15px Arial,Meiryo,sans-serif!important;white-space:nowrap!important;gap:3px!important;border-radius:4px!important}
html body header.site-header.site-header.site-header .account-header-actions button>span{font:inherit!important;letter-spacing:0!important}
html body header.site-header.site-header.site-header .account-login-icon{width:11px!important;height:11px!important;flex:0 0 11px!important}
html body header.site-header.site-header.site-header .header-banner-art{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:72px!important;margin:0!important;overflow:hidden!important;mask-image:none!important;-webkit-mask-image:none!important}
html body header.site-header.site-header.site-header .header-banner-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important;transform:none!important}
html body header.site-header.site-header.site-header .nav-database-group>.nav-cooking-submenu{left:auto!important;right:0!important}
}
@media(max-width:360px){html body header.site-header.site-header.site-header .brand-site-game{font-size:10px!important}html body header.site-header.site-header.site-header .brand-site-tools{font-size:7px!important}}
html[data-app-route="battle"] #battle#battle :is(h1,h2,h3,h4,summary,.panel-heading,.section-title,.result-summary-heading){font-family:"Noto Serif JP","Yu Mincho",serif!important}

/* Complete the approved mobile account row without late inline styles. */
@media(max-width:760px){
html body header.site-header.site-header.site-header .header-top{position:relative!important;box-sizing:border-box!important;overflow:hidden!important;background:#fff!important;background-image:none!important}
html body header.site-header.site-header.site-header .header-top .account-header-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;justify-self:stretch!important;align-self:center!important;max-width:100%!important;z-index:4!important}
html body header.site-header.site-header.site-header .account-header-actions button{box-sizing:border-box!important;max-width:100%!important;align-items:center!important;justify-content:center!important;letter-spacing:0!important;text-indent:0!important}
html body header.site-header.site-header.site-header .header-top .brand{flex-direction:row!important;justify-content:flex-start!important;max-width:100%!important;z-index:2!important}
html body header.site-header.site-header.site-header .brand-site-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:auto!important;padding:0!important;margin:0!important;text-align:left!important}
html body header.site-header.site-header.site-header .header-top .header-affinities{display:flex!important;justify-self:end!important;align-self:center!important;max-width:70px!important;min-width:0!important;z-index:3!important}
html body header.site-header.site-header.site-header .header-top .header-banner-art{max-height:72px!important;min-height:0!important;z-index:0!important;pointer-events:none!important}
html body header.site-header.site-header.site-header .header-top .header-banner-art img{clip-path:none!important}
}
/* Major simulator panels share one heading rhythm; nested field labels stay compact. */
html[data-app-route="battle"] #battle#battle :is(.battle-settings-heading,.roster-fold-heading,.result-top-tools,.simple-buffs-heading){display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;text-align:left!important;margin:0 0 12px!important;padding:0 44px 14px 0!important;min-height:0!important;box-sizing:border-box!important}
html[data-app-route="battle"] #battle#battle :is(.battle-settings-heading,.roster-fold-heading)>div:first-child{min-width:0!important;text-align:left!important}
html[data-app-route="battle"] #battle#battle :is(h2,.simple-buffs-heading h3,.battle-save-fold>summary){font-family:"Noto Serif JP","Yu Mincho",serif!important;font-size:20px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.015em!important;text-align:left!important;margin:0!important}
html[data-app-route="battle"] #battle#battle :is(.battle-settings-heading,.roster-fold-heading) .eyebrow{font-size:10px!important;line-height:1.4!important;letter-spacing:.12em!important;margin:0 0 4px!important;text-align:left!important}
html[data-app-route="battle"] #battle#battle .battle-save-fold>summary{padding:0 44px 14px 0!important}
