/* The account row and seasonal hero share one backdrop. Content stays in flow. */
body.arena-ui.home-page{--home-nav-overlap:0px}
body.arena-ui.home-page:has(nav.player-quicknav){--home-nav-overlap:calc(var(--app-account-nav-height) + 12px)}
body.arena-ui.home-page nav.player-quicknav{position:relative;z-index:3;background:#0b101e66}
body.arena-ui.home-page .transition-hero{margin-top:calc(-1 * var(--home-nav-overlap));padding-top:calc(12px + var(--home-nav-overlap))}
body.arena-ui.home-page .halloween-season.halloween-competition{margin-top:calc(-1 * var(--home-nav-overlap));padding-top:calc(18px + var(--home-nav-overlap))}
@media(max-width:700px){
 body.arena-ui.home-page:has(nav.player-quicknav){--home-nav-overlap:var(--app-account-nav-height)}
 body.arena-ui.home-page nav.player-quicknav{position:sticky;z-index:50;background:#0b101ed4}
 body.arena-ui.home-page .transition-hero{padding-top:calc(8px + var(--home-nav-overlap))}
}