/* quick-draw · fullscreen fit (paired with fullscreen-fit.js, which sets --qd-w and .fs-wide).
   Only under html.pip-immersive. Portrait: status + score on top, the whole pad as large as fits, tools under it.
   Landscape: pad on the left at full height, status and tools in a right-hand column. */
html.pip-immersive .game-wrap.pip-stage { display: flex; flex-direction: column; align-items: stretch; overflow: hidden; gap: 6px; padding-bottom: 8px !important; }
html.pip-immersive .pip-stage > .game-title, html.pip-immersive .pip-stage > .facts, html.pip-immersive .pip-stage > .qd-how,
html.pip-immersive .pip-stage > .qd-workshop, html.pip-immersive .pip-stage > .pip-actions { display: none; }
html.pip-immersive .pip-stage > * { flex: none; min-width: 0; }
html.pip-immersive .pip-stage .hud { padding: 0; margin: 0; }
html.pip-immersive .pip-stage .hud .btn { min-height: 36px; padding-block: .25rem; }
html.pip-immersive .pip-stage #status { min-height: 1.4em; margin: 0; font-size: .85rem; line-height: 1.25; }
html.pip-immersive .pip-stage .qd-stage { width: var(--qd-w, 100%); max-width: 100%; margin: 0 auto; }
html.pip-immersive body.hd-on .pip-stage .qd-stage, html.pip-immersive.qd-hd .pip-stage .qd-stage { margin-top: 34px; }
html.pip-immersive .pip-stage .qd-tools { margin: 0; }
html.pip-immersive .pip-stage .qd-tools .btn { min-height: 44px; }
html.pip-immersive .game-wrap.pip-stage.fs-wide {
  display: grid; grid-template-columns: var(--qd-w, 60%) minmax(0, 1fr); column-gap: 16px; align-content: center; grid-auto-rows: min-content;
}
html.pip-immersive .fs-wide > * { grid-column: 2; }
html.pip-immersive .fs-wide > .qd-stage { grid-column: 1; grid-row: 1 / span 6; align-self: center; }