/* tile-merge · fullscreen. Paired with fullscreen-fit.js (sets --fs-side on <html>, toggles .fs-wide on
   the stage). Only inside the game-shell Full screen (html.pip-immersive). The cells re-measure themselves:
   main.js watches the board with a ResizeObserver. */
html.pip-immersive main.pip-stage .grid-board { max-width: none; width: var(--fs-side, min(92vw, 56vh)); }
html.pip-immersive main.pip-stage { max-width: none; width: 100%; }
html.pip-immersive main.pip-stage .game-hud { margin-bottom: 4px; }
html.pip-immersive main.pip-stage .swipe-hint { margin: 4px 0; font-size: .75rem; }
html.pip-immersive main.pip-stage.fs-wide {
  display: grid;
  grid-template-columns: var(--fs-side) minmax(240px, 340px);
  grid-template-rows: repeat(12, auto) 1fr;
  column-gap: 20px;
  justify-content: center;
  align-content: center;
}
html.pip-immersive main.pip-stage.fs-wide > * { grid-column: 2; min-width: 0; width: auto; }
html.pip-immersive main.pip-stage.fs-wide > .board-wrapper { grid-column: 1; grid-row: 1 / -1; align-self: center; }
@media (max-height: 460px) {
  html.pip-immersive main.pip-stage .swipe-hint, html.pip-immersive main.pip-stage .game-subtitle { display: none; }
}
/* fs-fix: depth / replay / swipe-planner panels are not shown in fullscreen, so the stage never scrolls */
html.pip-immersive main.pip-stage > :is([id^="tm-depth"], .swipe-planner, #swipe-planner) { display: none !important; }