/* dice-kingdom fullscreen: paired with fullscreen-fit.js (sets --fs-w, toggles fs-wide / fs-tight /
   fs-tighter). Applies only while the shell's Full screen is on (html.pip-immersive). */
html.pip-immersive .game-wrap { display: block; }
html.pip-immersive .game-wrap .dk { width: var(--fs-w, 100%); max-width: var(--fs-w, none); margin-inline: auto; }
html.pip-immersive .game-wrap .dk-levels { margin: 0 0 .25rem; }
html.pip-immersive .game-wrap .dk-lv { min-height: 40px; }
html.pip-immersive .game-wrap .hud { min-height: 0; padding: .15rem 0; }
html.pip-immersive .game-wrap #status { min-height: 1.2em; margin-bottom: .2rem; text-align: center; }
html.pip-immersive .game-wrap .dk-dice { margin: .15rem 0 .35rem; }
html.pip-immersive .game-wrap .res-row { margin: .35rem 0 .25rem; }
html.pip-immersive .game-wrap .dk-build .btn { padding-block: .35rem; }
html.pip-immersive .game-wrap .game-title,
html.pip-immersive .game-wrap .facts,
html.pip-immersive .game-wrap .dk-how,
html.pip-immersive .game-wrap .hd-about { display: none; }
html.pip-immersive #dk-overlay { z-index: 8003; }
html.pip-immersive .dk-float { z-index: 8002; }
html.pip-immersive .dk-conf { z-index: 8004; }

/* Wide: two balanced columns. */
html.pip-immersive .game-wrap.fs-wide .dk { column-count: 2; column-gap: 18px; }
html.pip-immersive .game-wrap.fs-wide .dk > * { break-inside: avoid; }

/* Too tall: drop the decorative diorama, then shrink the dice tray. */
html.pip-immersive .game-wrap.fs-tight #dk-hd-scene { display: none; }
html.pip-immersive .game-wrap.fs-tight .dk-levels { display: none; }
html.pip-immersive .game-wrap.fs-tighter .dk-die { width: 66px; height: 66px; font-size: 1.8rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-dice { min-height: 0; padding: 8px; gap: 10px; }
html.pip-immersive .game-wrap.fs-tighter .dk-build .btn { padding-block: .2rem; font-size: .8rem; }
html.pip-immersive .game-wrap.fs-tighter .res-chip { padding-block: .1rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-trade { margin-top: .25rem; }
html.pip-immersive .game-wrap.fs-tighter .hud { padding: 0; }
html.pip-immersive .game-wrap.fs-tighter .hud .btn { min-height: 36px; padding-block: .2rem; }
html.pip-immersive .game-wrap.fs-tighter #status { font-size: .8rem; line-height: 1.25; min-height: 0; margin: 0 0 .15rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-bar { margin: .1rem 0 .2rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-act .btn { min-height: 40px; padding-block: .25rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-council > summary { padding-block: .3rem; min-height: 0; }
html.pip-immersive .game-wrap.fs-tighter .dk-trade { flex-wrap: nowrap; gap: 4px; margin-top: .2rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-tr { min-height: 34px; min-width: 0; flex: 1; padding: 0 .1rem; font-size: .74rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-trade span { font-size: .62rem; }
html.pip-immersive .game-wrap.fs-tighter .dk-build { gap: 5px; }
html.pip-immersive .game-wrap.fs-tighter .dk-build .btn { min-height: 0; line-height: 1.15; }