/* Each home panel owns the available viewport; room grids never grow the page. */
html body.home-screen:not(.title-screen) #app .premium-lobby{gap:8px!important}
html body.home-screen #app [data-lobby-panel="lounge"]>:is(.room-entrances,.inside-room,.lobby-resume){display:none!important}
html body.home-screen #app [data-lobby-panel="tables"]>.home-bottom{display:none!important}
html body.home-screen #app [data-lobby-panel="lounge"]>.lobby-welcome{flex:1 1 0!important;min-height:0!important;height:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;padding:12px!important}
html body.home-screen #app .lobby-welcome .home-host-stage{height:100%!important;min-height:0!important;align-self:stretch!important;z-index:3!important}
html body.home-screen #app .lobby-welcome .home-host-stage .home-host-media{flex:1 1 0!important;height:0!important;min-height:0!important;width:100%!important}
html body.home-screen #app .lobby-welcome .home-host-stage>span{flex:none!important;min-height:32px!important;padding:4px!important}
html body.home-screen #app .lobby-welcome .home-hero-copy{align-self:center!important;display:block!important}
html body.home-screen #app .lobby-welcome .home-hero-copy h1{font-size:clamp(23px,7vw,34px)!important;margin:8px 0!important}
html body.home-screen #app .lobby-welcome .home-host-stage .home-host-media :is(img,video){display:block!important;object-fit:contain!important}
html body.home-screen #app .collection-heading{margin:0!important;min-height:44px!important}
html body.home-screen #app .collection-heading h2{font-size:25px!important;margin:3px 0!important}
html body.home-screen #app .collection-position{font-size:10px!important;max-width:105px!important}
html body.home-screen #app .filters{flex:none!important;height:40px!important;min-height:40px!important;margin:0!important;display:flex!important;gap:4px!important;padding:0!important}
html body.home-screen #app .filters button{min-height:40px!important;font-size:11px!important;padding:4px!important;flex:1!important}
html body.home-screen #app .inside-room{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:hidden!important}
html body.home-screen #app .inside-room-banner{height:64px!important;min-height:64px!important;flex:none!important;margin:0!important;border-radius:12px!important}
html body.home-screen #app .inside-room-banner>div{padding:8px 12px!important;background:linear-gradient(90deg,#090b0be8,#090b0b44)!important}
html body.home-screen #app .inside-room-banner h2{font-size:24px!important;margin:0!important;line-height:1.1!important}
html body.home-screen #app .inside-room-banner p{font-size:10px!important;margin:3px 0 0!important}
html body.home-screen #app .inside-room-banner .eyebrow{display:none!important}
html body.home-screen #app .room-game-grid{flex:1 1 0!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body.home-screen #app .room-game{height:100%!important;min-height:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;border-radius:12px!important;overflow:hidden!important}
html body.home-screen #app .room-game h3{flex:none!important;font-size:19px!important;line-height:23px!important;padding:7px 8px!important;margin:0!important;white-space:nowrap!important}
html body.home-screen #app .room-game :is(.gameart,.slot-room-art,.sports-photo-cover){position:relative!important;flex:1 1 0!important;min-height:0!important;height:0!important;max-height:none!important;width:100%!important;aspect-ratio:auto!important;margin:0!important;overflow:hidden!important}
html body.home-screen #app .room-game .gameart img{height:100%!important;width:100%!important;object-fit:cover!important}
html body.home-screen #app .room-game>p{flex:none!important;font-size:10px!important;line-height:13px!important;height:26px!important;min-height:0!important;margin:4px 8px!important;padding:0!important;overflow:hidden!important}
html body.home-screen #app .room-game>button{flex:none!important;min-height:44px!important;height:44px!important;max-width:calc(100% - 12px)!important;width:calc(100% - 12px)!important;padding:4px 6px!important;margin:0 6px 6px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important}
html body.home-screen #app .room-entrances{flex:1 1 0!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
html body.home-screen #app .room-entrance{height:100%!important;min-height:0!important;border-radius:14px!important}
html body.home-screen #app .room-entrance-copy{height:100%!important;box-sizing:border-box!important;justify-content:center!important;padding:10px 14px!important;gap:3px!important}
html body.home-screen #app .room-entrance-copy strong{font-size:28px!important}
html body.home-screen #app .room-entrance-copy>span{font-size:11px!important;line-height:1.3!important}
html body.home-screen #app .room-entrance-copy b{position:absolute!important;right:12px!important;bottom:10px!important;min-height:36px!important;box-sizing:border-box!important;padding:8px 10px!important;font-size:10px!important;gap:12px!important}
html body.home-screen #app .lobby-dock{margin-top:0!important}
/* The strategy iframe fills its parent instead of imposing a 680px minimum. */
html body.strategy-screen #app>main.game-wrap{height:var(--visible-app-height,100dvh)!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:env(safe-area-inset-bottom)!important}
html body.strategy-screen #app .strategy-toolbar{flex:none!important;min-height:42px!important;margin:0!important}
html body.strategy-screen #app .strategy-toolbar h1{font-size:19px!important;margin:0!important}
html body.strategy-screen #app .strategy-host{flex:1 1 0!important;height:0!important;min-height:0!important;width:100%!important;display:block!important}
html body.strategy-screen #app .footer{display:none!important}
@media(max-height:620px){
 html body.home-screen #app .inside-room-banner{display:none!important}
 html body.home-screen #app .room-game>p{display:none!important}
 html body.home-screen #app .lobby-destinations{height:130px!important}
 html body.home-screen #app .lobby-welcome .home-hero-copy .eyebrow,html body.home-screen #app .lobby-mode-label{display:none!important}
}