.darkPeopleToggle,.darkPeopleShade,.darkPeopleClose{display:none}
@media(max-width:900px){
html body #root .mobileLobbyTopbar{grid-template-columns:minmax(0,1fr) auto auto!important;row-gap:6px!important}
html body #root .mobileLobbyTopbar .darkMobileTools{grid-row:1!important;grid-column:3!important}
html body #root .mobileLobbyTopbar .darkPeopleToggle{display:block;grid-row:2;grid-column:1/-1;justify-self:end;background:#24344e;color:#f2f4fc;border:1px solid #7e68b5;border-radius:9px;padding:7px 12px;font-size:12px;cursor:pointer}
html body #root .mobilePeopleStrip{position:fixed!important;inset:0 0 0 auto!important;z-index:6000!important;width:min(300px,84vw)!important;height:100dvh!important;max-height:100dvh!important;background:#142135!important;border-left:1px solid #536582!important;box-shadow:-15px 0 45px #0006!important;transform:translateX(105%);visibility:hidden;transition:transform .2s ease,visibility .2s;padding:16px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:auto!important}
html body.darkPeopleOpen #root .mobilePeopleStrip{transform:translateX(0);visibility:visible}
html body #root .mobilePeopleScroller{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:8px!important;width:100%!important;max-height:none!important}
html body #root .mobilePeopleScroller .mobilePerson{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto!important;flex:none!important;width:100%!important;min-width:0!important;height:auto!important;min-height:64px!important;padding:10px!important;text-align:left!important;column-gap:10px!important}
html body #root .mobilePeopleScroller .mobilePersonAvatar{grid-row:1/3;grid-column:1}
html body #root .mobilePeopleScroller .mobilePerson b{grid-column:2;grid-row:1;width:100%!important;max-width:none!important;justify-content:flex-start!important;text-align:left!important;font-size:14px!important}
html body #root .mobilePeopleScroller .mobilePerson small{grid-column:2;grid-row:2;text-align:left!important;font-size:11px!important}
html body #root .mobilePeopleStrip .darkPeopleClose{display:block;align-self:flex-end;background:transparent;border:1px solid #7182a0;color:#fff;padding:7px 10px;border-radius:8px;margin-bottom:16px;cursor:pointer}
html body .darkPeopleShade{position:fixed;inset:0;z-index:5900;background:#0008;border:0;padding:0;width:100%;height:100dvh}
html body.darkPeopleOpen .darkPeopleShade{display:block}
html body #root .mobileLobbyShell{grid-template-rows:auto auto minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){html body #root .mobilePeopleStrip{transition:none}}

@media(max-width:900px){html body #root .mobileLobbyShell{grid-template-columns:minmax(0,1fr)!important}html body #root .mobileTablesPanel{grid-area:2/1!important}html body #root .mobileLobbyChat{grid-area:3/1!important}}