/* snack-snake · fullscreen fit — everything is scoped under html.pip-immersive, so the normal page is
   untouched. Sizes come from js/fullscreen-fit.js (--fs-w / --fs-h / --fs-side on the stage). */
html.pip-immersive main.game-shell.fs-fit { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; overflow-x: hidden; overflow-y: auto; }
html.pip-immersive main.game-shell.fs-fit > * { flex-shrink: 0; }
html.pip-immersive main.game-shell.fs-fit > * { max-width: 100%; }
html.pip-immersive main.game-shell.fs-fit .canvas-wrapper { width: var(--fs-w) !important; height: var(--fs-h) !important; max-width: none !important; max-height: none !important; margin: 0 !important; flex: none; }
html.pip-immersive main.game-shell.fs-fit .canvas-wrapper canvas { width: 100% !important; height: 100% !important; max-width: none !important; }
html.pip-immersive main.game-shell.fs-fit > .hud { width: var(--fs-w); max-width: 100%; margin: 0; padding-top: 4px; padding-bottom: 4px; }
html.pip-immersive main.game-shell.fs-fit > [role="status"]:empty, html.pip-immersive main.game-shell.fs-fit > #status:empty { display: none; }
html.pip-immersive main.game-shell.fs-fit > [role="status"], html.pip-immersive main.game-shell.fs-fit > #status { margin: 0; min-height: 0; padding: 2px 8px; width: var(--fs-w); text-align: center; font-size: .85rem; }
html.pip-immersive main.game-shell.fs-fit #dpad-controls { width: min(var(--fs-w), 190px); max-width: 190px; margin: 0; }
html.pip-immersive main.game-shell.fs-fit > .game-header { display: none; }
/* wide: board left, HUD/controls right */
html.pip-immersive main.game-shell.fs-wide { display: grid; grid-template-columns: var(--fs-w) var(--fs-side); justify-content: center; align-content: center; column-gap: 16px; row-gap: 8px; grid-auto-rows: min-content; }
html.pip-immersive main.game-shell.fs-wide .canvas-wrapper { grid-column: 1; grid-row: 1 / span 12; align-self: center; }
html.pip-immersive main.game-shell.fs-wide > :not(.canvas-wrapper) { grid-column: 2; width: auto; margin: 0; }
html.pip-immersive main.game-shell.fs-wide > .hud { width: auto; }
html.pip-immersive main.game-shell.fs-wide #turn-scout, html.pip-immersive main.game-shell.fs-wide .editorial-section { display: none !important; }
/* fs-fix: turn-scout + editorial are non-play rows; never in the stage */
html.pip-immersive main.game-shell #turn-scout, html.pip-immersive main.game-shell .editorial-section { display: none !important; }
html.pip-immersive main.game-shell.fs-wide { grid-template-columns: var(--fs-w) minmax(0, var(--fs-side)); max-width: 100%; box-sizing: border-box; }
html.pip-immersive main.game-shell.fs-wide #dpad-controls { width: 150px; max-width: 150px; }
html.pip-immersive main.game-shell.fs-wide #dpad-controls .dpad-btn { min-height: 0; }
html.pip-immersive main.game-shell.fs-wide { row-gap: 0; align-content: center; }
html.pip-immersive main.game-shell.fs-wide > :not(.canvas-wrapper):not(.pip-dock):not(.pip-hint) { margin-block: 3px !important; }