/* Posters provide a complete still until a muted inline video has decoded. */
html body #app .button-loop-media{position:relative!important;isolation:isolate;background:#100e0b!important;overflow:hidden!important}
html body #app :is(.button-loop-media,.room-entrance,.inside-room-banner,.machine-cover)>:is(.button-loop-poster,.button-loop-video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;filter:none!important}
html body #app .button-loop-poster{z-index:0!important;display:block!important}
html body #app .button-loop-video{z-index:1!important;opacity:0;transition:opacity .2s ease}
html body #app .button-loop-video.motion-ready{opacity:1}
html body #app .button-loop-video[hidden]{display:none!important}
html body.home-screen #app .room-entrance>.room-entrance-copy{position:absolute!important;inset:0!important;z-index:3!important;display:flex!important;visibility:visible!important;opacity:1!important;text-shadow:0 2px 8px #000;background:linear-gradient(90deg,#060706c9,#06070618 80%),linear-gradient(0deg,#060706b3,transparent 70%);pointer-events:none}
html body.home-screen #app .room-entrance-copy>strong{display:block!important;color:#ffe5a7!important;line-height:1.1!important}
html body.home-screen #app .room-entrance-copy>b{margin:0!important;text-shadow:none!important}
html body #app .room-entrance:has([data-button-loop]):after{z-index:2!important;pointer-events:none;background:linear-gradient(90deg,#060706ac,#06070620 65%,#06070650)!important}
html body #app .inside-room-banner>div{z-index:2!important;pointer-events:none}
html body #app .room-game .button-loop-media{flex:1 1 0!important;min-height:0!important;height:0!important}
html body #app .machine-cover:has([data-button-loop]){position:relative!important;background:#10100e!important;overflow:hidden!important}
html body #app .machine-cover:has([data-button-loop]):before,html body #app .machine-cover:has([data-button-loop]):after{display:none!important}
html body #app .machine-cover :is(.machine-number,.machine-saved){z-index:3!important}
@media(prefers-reduced-motion:reduce){html body #app .button-loop-video{display:none!important}}
html body.no-motion #app .button-loop-video{display:none!important}