/* word-chain - fullscreen fit. Paired with fullscreen-fit.js, which sets --fs-zoom (how much
   the whole play column is scaled so it fills the free height) and --fs-base (its natural
   width). Scoped to html.pip-immersive: normal play and leaving fullscreen are untouched.
   The shell lifts the 420px page cap, so without this the column was a thin strip lost in a wide screen. */
html.pip-immersive .game-wrap.pip-stage > .hud,
html.pip-immersive .game-wrap.pip-stage > #status,
html.pip-immersive .game-wrap.pip-stage > #card-grid,
html.pip-immersive .game-wrap.pip-stage > #color-btns {
  zoom: var(--fs-zoom, 1); width: 100%; max-width: var(--fs-base, 460px); margin-left: auto; margin-right: auto; box-sizing: border-box;
}
html.pip-immersive .game-wrap.pip-stage > .hud { padding-top: .1rem; padding-bottom: .1rem; }
html.pip-immersive .game-wrap.pip-stage > #status { min-height: 1.3em; margin: .15rem auto; }
html.pip-immersive .game-wrap.pip-stage > #card-grid { margin-top: .25rem; margin-bottom: .25rem; }
html.pip-immersive .game-wrap.pip-stage > #color-btns { margin: .35rem auto; }
html.pip-immersive .wc-about { max-width: var(--fs-base, 460px); margin-left: auto; margin-right: auto; }
html.pip-immersive .game-wrap.pip-stage > .wc-tip { display: none; }
html.pip-immersive .game-wrap.pip-stage > .wc-about,
html.pip-immersive .game-wrap.pip-stage > .wc-loop,
html.pip-immersive .game-wrap.pip-stage > .pip-actions { display: none; }