/* Homepage: the game fills the first screen; the landing sections sit below it.
   Applies on the start screen (and before the game script runs). Every other screen keeps the game's own fixed layout. */
html:not([data-screen]) body, html[data-screen="menu"] body { overflow-y: auto; overflow-x: hidden; }
html:not([data-screen]) #app, html[data-screen="menu"] #app { position: relative; inset: auto; height: 100vh; height: 100dvh; min-height: 520px; }
html[data-screen]:not([data-screen="menu"]) .landing { display: none; }
.landing { background: linear-gradient(180deg, #0e1433 0%, #121a46 40%, #0e1433 100%); border-top: 1px solid rgba(255,255,255,.08); }