/* User-triggered whole-cabinet view. Camera clones retain their measured size. */
.fullscreen-view-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.immersive-view{overflow:hidden;background-color:#030b15;background-image:linear-gradient(#02091426,#02091426),var(--fullscreen-backdrop,none);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
body.immersive-view>.topbar,body.immersive-view>main>.message-bar,body.immersive-view>main>.ledger,body.immersive-view>main>footer{display:none}
body.immersive-view>main{height:100dvh;max-width:none;margin:0;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center}
body.immersive-view #loading{display:none}
body.immersive-view #machine.machine{grid-row:1;width:min(100vw,calc((100dvh - 58px) * 1.5));max-width:none;height:auto;margin:auto;border-radius:0;box-shadow:none}
body.immersive-view .playbar{grid-row:2;width:min(100vw,calc(100dvh * 1.5));min-height:48px;padding:6px 9px;gap:7px;border-radius:0;border-width:1px 0 0;font-size:11px;justify-content:center}
body.immersive-view .test-controls{display:none}
/* The generated file supplies alpha only; all visible cabinet color stays original. */
body.immersive-view .reference-machine,body.immersive-view .cabinet{mask-image:url('../art/ui/cabinet-foreground-matte-v1.png');mask-mode:alpha;mask-size:100% 100%;mask-repeat:no-repeat}
body.immersive-view .playbar button,body.immersive-view .playbar select{padding:5px 7px}
body.immersive-view .playbar .stake-label strong{font-size:15px}
body.immersive-view #fullscreenButton,body.immersive-view [data-fullscreen-mode]{white-space:nowrap}
body.immersive-view dialog[open].bonus-modal{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}
body.immersive-view dialog[open].bonus-modal .bonus-stage{width:100%;height:100%;aspect-ratio:auto}
@media(max-width:720px){body.immersive-view .playbar{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}body.immersive-view .playbar label{flex:none}body.immersive-view .stake-label{flex:none}}