/* Game screens. * * The forest hub used to live here too; it moved to forest.css so a game no longer * imports hub styling it never uses. * * SKELETON. The one thing settled here is the rule that is expensive to retrofit: * a game stage fills the viewport and never scrolls during play, at phone, tablet * and desktop widths. Tablet is the priority device. * * The no-scroll promise is made by the SCREEN, via `is-contained` on (see * main.css) — not by a global overflow lock, which is what previously clipped the * hub's content away with no way to reach it. */ .game-stage { position: relative; width: 100%; flex: 1 1 auto; min-height: 0; overflow: hidden; /* no scrolling during play — this is the rule */ touch-action: manipulation; } /* `.back-to-forest` moved to main.css: the story screen needs it too, and it was invisible there — an unstyled 27px-tall link stretched across the viewport, well under the 64px tap floor. Shared chrome belongs with the other shared chrome. */