/* Host media and the name badge have their own space beside the welcome copy. */
html body.home-screen #app .lobby-welcome{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:center!important;gap:12px!important;padding:18px!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important}
html body.home-screen #app .lobby-welcome .home-hero-copy{position:relative!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;grid-column:1!important;grid-row:1!important}
html body.home-screen #app .lobby-welcome .home-hero-copy h1{font-size:clamp(26px,7vw,46px)!important;line-height:1.04!important;margin:12px 0!important}
html body.home-screen #app .lobby-welcome .home-hero-copy .eyebrow{font-size:7px!important;line-height:1.5!important;letter-spacing:.10em!important;overflow-wrap:anywhere}
html body.home-screen #app .lobby-welcome .host-greeting{font-size:clamp(11px,2.8vw,15px)!important;line-height:1.55!important}
html body.home-screen #app .lobby-welcome .home-host-stage{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;width:100%!important;max-width:240px!important;height:auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;overflow:visible!important;transform:none!important;mask-image:none!important;background:none!important}
html body.home-screen #app .lobby-welcome .home-host-stage .home-host-media{position:relative!important;width:100%!important;height:clamp(210px,37svh,330px)!important;min-height:0!important;overflow:hidden!important;border-radius:14px;background:#090806}
html body.home-screen #app .lobby-welcome .home-host-stage .home-host-media :is(img,.host-motion){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:100%!important;mask-image:none!important;filter:none!important;transform:none!important;animation:none!important}
html body.home-screen #app .lobby-welcome .home-host-stage>span{position:static!important;inset:auto!important;transform:none!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:35px;padding:6px 8px!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center!important;border-radius:12px!important}
html body.home-screen #app .lobby-welcome .home-host-stage>span small{font-size:6px!important;line-height:1.3!important}.home-screen #app .lobby-welcome .home-host-stage>span strong{font-size:17px!important;line-height:1.25!important;margin-top:2px!important}
@media(min-width:700px){html body.home-screen #app .lobby-welcome{grid-template-columns:minmax(0,1fr) 240px!important;padding:24px 32px!important}}