/* A dedicated host portrait gives every orientation a predictable face crop. */
.home-screen::before{background-position:var(--host-x) var(--host-y);background-size:200% 200%;filter:brightness(.4) blur(2px)}.home-screen::after{background:linear-gradient(90deg,#06111ce6,#06111c8c 62%,#06111c44)}.home-screen .lobby-wrap{position:relative;padding:0 20px}.home-screen .home-surface{position:relative;isolation:isolate}.home-host-stage{position:absolute;z-index:-1;right:-20px;top:0;width:42%;height:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 100%)}.home-host-stage img{width:100%;height:100%;object-fit:cover;object-position:70% top;display:block}.home-screen .lobby-heading{display:flex;flex-direction:column;width:60%;gap:9px;padding:12px 0 4px;margin:0!important;align-items:stretch}.home-screen .lobby-heading h1{font-size:clamp(24px,3vw,36px);max-width:440px;margin:4px 0 5px}.home-screen .lobby-heading .lounge-host{position:absolute!important;right:8px;top:16px;left:auto;display:block!important;width:auto!important;max-width:130px;background:#09132499;border:1px solid #d1af684d;box-shadow:0 2px 15px #0004;padding:6px 12px;border-radius:20px;margin:0}.home-screen .lounge-host small{display:none}.home-screen .lounge-host strong{font-size:16px;margin:0}.home-screen .lobby-heading .filters{display:flex;width:100%;grid-column:auto;grid-row:auto;height:44px;padding:3px;margin:0;gap:2px;flex-wrap:nowrap}.home-screen .filters button{font-size:13px;min-width:0;flex:1;min-height:38px;padding:3px 8px}.home-screen .lobby-shortcuts{width:60%;padding:6px 0;gap:5px}.home-screen .lobby-shortcuts button{font-size:11px;padding:5px 10px;min-height:34px}.home-screen .collection-heading{width:60%;font-size:11px;margin:5px 0}.home-screen .carousel-frame{width:60%;flex:1;max-height:440px}.home-screen .game-carousel{gap:12px}.home-screen .gamecard{flex-basis:clamp(210px,23vw,300px);max-width:none;border-radius:18px;height:100%}.home-screen .room-heading{padding:10px 13px}.home-screen .room-heading h2{font-size:clamp(23px,2.4vw,30px)}.home-screen .room-category{font-size:9px;letter-spacing:.09em}.home-screen .room-details{padding:9px 13px;gap:7px}.home-screen .room-details p{font-size:13px}.home-screen .room-enter{font-size:14px;min-height:40px;padding:6px}.home-screen .story-cover{padding:13px}.home-screen .story-cover span{font-size:24px}.home-screen .lobby-bottom{width:60%;gap:7px;margin-top:auto}.home-screen .lobby-progress{display:none}.home-screen .lobby-bottom .play-now{flex:1;max-width:none;font-size:11px;min-height:38px}.home-screen .lobby-bottom .play-now span{display:none}.home-screen .lobby-sound{font-size:11px;padding:4px 7px;min-height:34px}.home-screen .carousel-nav{height:48px;width:26px;min-height:44px;font-size:25px}
@media(max-width:600px) and (orientation:portrait){.home-screen .lobby-wrap{padding:0 10px}.home-screen .topbar{height:58px}.home-host-stage{right:-10px;width:49%;height:clamp(290px,52dvh,470px);top:0;mask-image:linear-gradient(90deg,transparent,#000 15%,#000),linear-gradient(0deg,transparent,#000 15%);mask-composite:intersect}.home-host-stage img{object-position:72% top}.home-screen .lobby-heading{width:51%;padding-top:10px;gap:6px;min-height:0}.home-screen .lobby-heading h1{font-size:25px;line-height:1.05;margin:5px 0 7px}.home-screen .lobby-heading .eyebrow{font-size:9px;letter-spacing:.08em}.home-screen .lobby-heading .filters{height:auto;display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:3px;border-radius:12px}.home-screen .filters button{font-size:12px;min-height:39px;padding:4px;flex:none}.home-screen .filters button:first-child{grid-column:1/-1}.home-screen .lobby-heading .lounge-host{right:8px;top:clamp(155px,25dvh,215px);font-size:14px;padding:6px 12px;max-width:none}.home-screen .lounge-host strong{font-size:15px}.home-screen .lobby-shortcuts{width:51%;display:flex;flex-wrap:wrap;gap:3px;overflow:visible;padding:5px 0}.home-screen .lobby-shortcuts button{padding:4px 6px;min-height:32px;font-size:10px}.home-screen .collection-heading{width:100%;margin:7px 0 5px}.home-screen .collection-heading>span:last-child{font-size:10px}.home-screen .carousel-frame{width:100%;max-height:350px;flex:1;min-height:165px}.home-screen .gamecard{flex-basis:58vw;max-width:260px}.home-screen .room-heading{padding:9px 11px}.home-screen .room-heading h2{font-size:23px}.home-screen .room-category{font-size:9px}.home-screen .room-details{padding:8px 11px;gap:5px}.home-screen .room-details p{font-size:12px;line-height:1.25}.home-screen .room-enter{font-size:13px;min-height:38px}.home-screen .gameart,.home-screen .story-cover{min-height:50px}.home-screen .story-cover span{font-size:20px}.home-screen .room-status{display:none}.home-screen .game-carousel{gap:10px;padding-bottom:5px}.home-screen .lobby-bottom{width:100%;padding:5px 0 max(6px,env(safe-area-inset-bottom));min-height:42px}.home-screen .lobby-bottom .play-now strong{font-size:11px}.home-screen .lobby-sound span{display:none}}
@media(orientation:landscape) and (max-height:650px){.home-screen .lobby-wrap{padding:0 18px}.home-screen .topbar{height:48px}.home-screen .brandmark{height:34px;width:34px}.home-screen .brand strong{font-size:15px}.home-screen .brand small{font-size:9px}.home-screen .lounge-counters .counter{padding:5px 12px}.home-screen .lobby-heading{width:65%;gap:3px;padding:3px 0;margin:0!important}.home-screen .lobby-heading .eyebrow{display:none}.home-screen .lobby-heading h1{font-size:22px;margin:0 0 3px}.home-screen .lobby-heading .filters{height:36px;padding:2px}.home-screen .filters button{min-height:31px;font-size:12px}.home-screen .lobby-shortcuts{width:65%;padding:3px 0;gap:5px}.home-screen .lobby-shortcuts button{min-height:29px;font-size:10px;padding:3px 8px}.home-screen .collection-heading{width:65%;margin:2px 0 3px;font-size:9px}.home-screen .carousel-frame{width:65%;max-height:none;min-height:0}.home-screen .gamecard{flex-basis:210px;border-radius:12px}.home-screen .room-heading{padding:5px 9px}.home-screen .room-heading h2{font-size:19px;margin:2px 0}.home-screen .room-category{font-size:8px}.home-screen .room-details{padding:5px 9px;gap:4px}.home-screen .room-details p,.home-screen .room-status{display:none}.home-screen .room-enter{font-size:12px;min-height:30px!important;padding:3px}.home-screen .gameart,.home-screen .story-cover{min-height:35px}.home-screen .story-cover span{font-size:17px}.home-screen .game-carousel{padding-bottom:4px;gap:10px}.home-screen .lobby-bottom{width:65%;min-height:31px;padding:2px 0}.home-screen .lobby-bottom .play-now{min-height:29px;padding:2px 10px}.home-screen .lobby-bottom .play-now strong{font-size:10px}.home-screen .lobby-sound{min-height:29px}.home-host-stage{width:33%;right:-18px;top:-8px;height:calc(100% + 8px)}.home-host-stage img{object-fit:cover;object-position:75% top}.home-screen .lobby-heading .lounge-host{display:block!important;top:auto;bottom:16px;right:8%;padding:5px 14px}.home-screen .lounge-host strong{font-size:15px}.home-screen .profile .avatar{width:34px;height:34px}.home-screen .profile .quiet{min-height:34px;padding:5px}}
@media(max-width:360px) and (orientation:portrait){.home-screen .brand strong{font-size:12px}.home-screen .brand small{font-size:8px}.home-screen .lobby-heading h1{font-size:23px}.home-screen .lobby-shortcuts button{font-size:9px}.home-screen .gamecard{flex-basis:60vw}.home-screen .room-details p{display:none}}