/* target-shooter · 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 .game-wrap.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 .game-wrap.fs-fit > * { flex-shrink: 0; }
html.pip-immersive .game-wrap.fs-fit > * { max-width: 100%; }
html.pip-immersive .game-wrap.fs-fit #game-canvas { 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 .game-wrap.fs-fit > .hud { width: var(--fs-w); max-width: 100%; margin: 0; padding-top: 4px; padding-bottom: 4px; }
html.pip-immersive .game-wrap.fs-fit > [role="status"]:empty, html.pip-immersive .game-wrap.fs-fit > #status:empty { display: none; }
html.pip-immersive .game-wrap.fs-fit > [role="status"], html.pip-immersive .game-wrap.fs-fit > #status { margin: 0; min-height: 0; padding: 2px 8px; width: var(--fs-w); text-align: center; font-size: .85rem; }

/* wide: board left, HUD/controls right */
html.pip-immersive .game-wrap.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 .game-wrap.fs-wide #game-canvas { grid-column: 1; grid-row: 1 / span 12; align-self: center; }
html.pip-immersive .game-wrap.fs-wide > :not(#game-canvas) { grid-column: 2; width: auto; margin: 0; }
html.pip-immersive .game-wrap.fs-wide > .hud { width: auto; }
html.pip-immersive .game-wrap.fs-wide .ts-how, html.pip-immersive .game-wrap.fs-wide #ts-practice { display: none !important; }
/* fsfix: how-to and practice panels sit below the board and made the stage scroll; hide them in fullscreen */
html.pip-immersive .game-wrap.fs-fit > .ts-how, html.pip-immersive .game-wrap.fs-fit > #ts-practice { display: none; }
/* fsfix: the absolute HD decoration layer must sit over the board column, not in the HUD column (it pushed scrollWidth +229) */
html.pip-immersive .game-wrap.fs-wide > .hd-layer { grid-column: 1 !important; grid-row: 1 / span 12 !important; }
html.pip-immersive .game-wrap.fs-wide > .hd-layer { align-self: center !important; height: var(--fs-h) !important; inset-block: auto !important; }