/* Use the same brand header as the rest of the site, above the game viewport. */
:root{--game-nav-height:104px}
.site-header.game-site-nav{position:fixed;top:0;left:0;right:0;z-index:20000;user-select:auto;touch-action:pan-x}
body:has(.game-site-nav) #stage{height:calc(100dvh - var(--game-nav-height))!important;top:var(--game-nav-height)!important}
body:has(.game-site-nav) #app{height:calc(100dvh - var(--game-nav-height))!important;top:var(--game-nav-height)!important}
body:has(.game-site-nav) #app:has(#stage){position:relative!important}
body:has(.game-site-nav) #app #stage{height:100%!important;top:0!important}
body:has(.game-site-nav) #intro,body:has(.game-site-nav) .intro-screen:not(#introScreen){top:var(--game-nav-height)!important;height:calc(100dvh - var(--game-nav-height))!important}
@media(max-width:620px){:root{--game-nav-height:112px}}
