/* Shared mobile header. Desktop layout is intentionally outside this media query. */
@media(max-width:760px){
html body header.site-header:has(>.header-top){padding:0!important;margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}

html body header.site-header:not(.site-navigation-shell) .header-top{display:grid!important;grid-template-rows:auto auto auto!important;grid-auto-rows:auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px 8px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px 10px 0!important;overflow:hidden!important;background:#fff!important}
html body header.site-header:not(.site-navigation-shell) .header-top>.brand{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;max-width:100%!important;width:auto!important;margin:0!important;padding:0!important;flex:none!important}
html body header.site-header:not(.site-navigation-shell) .header-top .brand-logo{display:block!important;width:44px!important;height:38px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;object-fit:contain!important;margin:0!important}
html body header.site-header:not(.site-navigation-shell) .header-top .brand-site-title{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;width:auto!important;min-width:0!important;flex:1!important;margin:0!important}
html body header.site-header:not(.site-navigation-shell) .header-top .brand-site-game{font-family:"Home Noto Sans JP","Noto Sans JP",sans-serif!important;font-size:clamp(10px,2.8vw,13px)!important;line-height:1.5!important;letter-spacing:0!important;white-space:nowrap!important;text-align:left!important}
html body header.site-header:not(.site-navigation-shell) .header-top .brand-site-tools{font-size:8px!important;line-height:1.5!important;letter-spacing:0!important;white-space:normal!important;text-align:left!important}
html body header.site-header:not(.site-navigation-shell) .header-top>.header-affinities{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:3px!important;position:static!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;flex:none!important}
html body header.site-header:not(.site-navigation-shell) .header-top .header-affinities img{display:block!important;height:42px!important;width:auto!important;max-width:none!important;object-fit:contain!important;margin:0!important}
html body header.site-header:not(.site-navigation-shell) .header-top>.header-banner-art{display:block!important;grid-column:1/-1!important;grid-row:2!important;position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;height:100px!important;min-height:100px!important;margin:0 -10px!important;padding:0!important;overflow:hidden!important;transform:none!important;align-self:auto!important;flex:none!important;background:none!important}
html body header.site-header:not(.site-navigation-shell) .header-top .header-banner-art img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:right center!important;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important;transform:none!important;opacity:1!important}
html body header.site-header:not(.site-navigation-shell) .header-top>.account-header-actions{grid-column:1/-1!important;grid-row:3!important;position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0 0 9px!important;padding:0!important;transform:none!important}
html body header.site-header:not(.site-navigation-shell) .header-top .account-header-button{width:auto!important;min-width:0!important;min-height:26px!important;padding:3px 9px!important;font-size:10px!important;line-height:1.4!important}
}