/* Rules shared by every game page: the lock while a game is open, the heading and the text under the game. */
html.mj-lock,html.mj-lock body{overflow:hidden;overscroll-behavior:none}
/* the full-screen game must lie above the site header (z-index 5) also where the browser has no native full screen (iPhone, in-app browsers, Android custom tabs):
   the game sits inside .mj (or .bp-box), which is its own stacking context, so .mj itself has to be lifted */
html.mj-lock .mj,html.mj-lock .bp-box{z-index:3000;overflow:visible;box-shadow:none}
.game-page .gp-h{max-width:760px;margin:6px auto 18px;text-align:center}
.game-page .gp-h h1{font-size:clamp(2rem,6.4vw,3.1rem)}
.game-page .gp-h .lead{color:var(--ink2);font-size:1.06rem;margin-inline:auto;max-width:42em}
.gp-t{max-width:760px;margin:34px auto 10px}
.gp-t h3{margin:20px 0 4px;font-size:1.05rem}
.gp-t h3+p{margin-top:0}
.mj-nojs{text-align:center;color:var(--ink2)}
/* on a phone the game box runs edge to edge, the text around it keeps its side margins */
@media (max-width:820px){
  .game-page{padding-inline:0}
  .game-page .gp-h,.game-page .gp-t,.game-page .crumbs,.game-page .more{padding-inline:var(--gut)}
}