/* 2026-10-04: put mobile lobby controls into two compact rows */
@media(max-width:900px){
  html body #root .mobileLobbyTopbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:4px 6px!important;
    padding:8px 10px!important;
    min-height:0!important;
  }
  html body #root .mobileLobbyBrand{grid-column:1!important;grid-row:1!important}
  html body #root .mobileLobbyOnline{grid-column:2!important;grid-row:1!important;white-space:nowrap!important}
  html body #root .mobileSettingsButton{
    grid-column:3!important;grid-row:1!important;
    justify-self:center!important;align-self:center!important;
    width:38px!important;height:38px!important;min-height:38px!important;
    padding:0!important;display:grid!important;place-items:center!important;
  }
  html body #root .mobileLobbyTopbar .darkMobileTools{
    grid-column:4!important;grid-row:1!important;
    position:relative!important;top:auto!important;right:auto!important;
    justify-self:end!important;margin:0!important;align-self:center!important;
  }
  html body #root .mobileLobbyTopbar .darkPeopleToggle{
    grid-column:3/5!important;grid-row:2!important;
    justify-self:end!important;align-self:center!important;
    min-height:34px!important;padding:6px 10px!important;margin:0!important;
  }
}