/* geo-quiz · fullscreen. Paired with fullscreen-fit.js (toggles .fs-wide on the stage when the screen is
   wide). Only inside the game-shell Full screen (html.pip-immersive). */
html.pip-immersive .game-wrap.pip-stage #card-grid { width: 100%; max-width: 560px; margin: 4px auto; }
html.pip-immersive .game-wrap.pip-stage .hud, html.pip-immersive .game-wrap.pip-stage #status, html.pip-immersive .game-wrap.pip-stage #qbar, html.pip-immersive .game-wrap.pip-stage .howto { max-width: 560px; margin-left: auto; margin-right: auto; }
html.pip-immersive .game-wrap.pip-stage { display: flex; flex-direction: column; }
html.pip-immersive .game-wrap.pip-stage > .geo-connections { order: 20; margin-top: 6px; }
html.pip-immersive .game-wrap.pip-stage.fs-wide #card-grid, html.pip-immersive .game-wrap.pip-stage.fs-wide .hud, html.pip-immersive .game-wrap.pip-stage.fs-wide #status, html.pip-immersive .game-wrap.pip-stage.fs-wide #qbar { max-width: 820px; }
html.pip-immersive .game-wrap.pip-stage.fs-wide .qcard { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
html.pip-immersive .game-wrap.pip-stage.fs-wide .qcard > * { grid-column: 1 / -1; }
html.pip-immersive .game-wrap.pip-stage.fs-wide .qcard > .opt { grid-column: auto; margin: .3rem 0; }
@media (max-height: 760px) {
  html.pip-immersive .game-wrap.pip-stage .howto { display: none; }
  html.pip-immersive .game-wrap.pip-stage .opt { min-height: 42px; margin: .25rem 0; padding-top: .45rem; padding-bottom: .45rem; }
  html.pip-immersive .game-wrap.pip-stage .qcard { padding-top: .6rem; padding-bottom: .6rem; }
}
@media (max-height: 460px) {
  html.pip-immersive .game-wrap.pip-stage .qflag { font-size: 2.6rem; }
  html.pip-immersive .game-wrap.pip-stage .hud { margin-top: 2px; margin-bottom: 2px; }
  html.pip-immersive .game-wrap.pip-stage #status { margin: 0 auto; min-height: 0; }
}
@media (max-height: 460px) {
  html.pip-immersive .game-wrap.pip-stage > .geo-connections { display: none; }
}