/* Compact mobile masthead: brand and the three utility controls share one row. */
@media (max-width:650px) and (orientation:portrait){
 body.at-home #app .home-main,
 body.at-home #app .waiting.home-main{padding-top:48px}
 body.at-home #app .home-main>.home-menu>h1,
 body.at-home #app .home-main>.home-menu:has([data-page="main"])>h1,
 body.at-home #app .waiting.home-main .lobby-menu>h1{
  width:calc(100% - 130px)!important;
  min-width:156px;
  max-width:225px!important;
  margin:0 0 24px!important;
 }
 body.at-home #app .home-main .home-utilities{
  position:absolute!important;
  top:61px!important;
  right:24px!important;
  bottom:auto!important;
  display:flex;
  align-items:center;
  gap:4px;
 }
 body.at-home #app .home-main .home-utilities button{
  width:38px;
  height:38px;
  min-height:38px;
  padding:7px;
  border-color:transparent;
  background:#10221966;
  box-shadow:none;
 }
 body.at-home #app .home-main .home-utilities button:after{display:none}
}
@media (max-width:360px) and (orientation:portrait){
 body.at-home #app .home-main>.home-menu>h1,
 body.at-home #app .home-main>.home-menu:has([data-page="main"])>h1,
 body.at-home #app .waiting.home-main .lobby-menu>h1{width:calc(100% - 116px)!important;min-width:142px}
 body.at-home #app .home-main .home-utilities{right:18px!important;gap:2px}
 body.at-home #app .home-main .home-utilities button{width:36px;height:36px;min-height:36px;padding:7px}
}