/* Final mobile header hotfix loaded last */
@media(max-width:700px){
  #screen-landing .top-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.34rem!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  #screen-landing #btn-profile-top,
  #screen-landing #btn-dark-toggle,
  #screen-landing #btn-leaderboard{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:16px!important;
    font-size:0!important;
    color:transparent!important;
    text-indent:0!important;
    overflow:hidden!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    white-space:nowrap!important;
  }

  #screen-landing #btn-profile-top::before,
  #screen-landing #btn-dark-toggle::before,
  #screen-landing #btn-leaderboard::before{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    color:var(--text)!important;
    text-indent:0!important;
    font-size:1.08rem!important;
    line-height:1!important;
  }

  #screen-landing #btn-profile-top::before{content:'👤'!important}
  #screen-landing #btn-dark-toggle::before{content:'☀️'!important}
  body.dark #screen-landing #btn-dark-toggle::before{content:'🌙'!important}
  #screen-landing #btn-leaderboard::before{content:'🏆'!important}

  #screen-landing .online-badge{
    height:44px!important;
    min-width:54px!important;
    max-width:64px!important;
    padding:.35rem .48rem!important;
    border-radius:16px!important;
    font-size:0!important;
    flex:0 0 auto!important;
  }
  #screen-landing .online-badge #online-count{
    display:inline!important;
    font-size:.9rem!important;
    color:var(--text)!important;
    font-weight:950!important;
  }
}

@media(max-width:430px){
  #screen-landing #btn-profile-top,
  #screen-landing #btn-dark-toggle,
  #screen-landing #btn-leaderboard{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:15px!important;
    flex-basis:40px!important;
  }
  #screen-landing .online-badge{
    height:40px!important;
    min-width:48px!important;
    max-width:54px!important;
    border-radius:15px!important;
  }
}

@media(max-width:370px){
  #screen-landing #btn-profile-top,
  #screen-landing #btn-dark-toggle,
  #screen-landing #btn-leaderboard{
    width:36px!important;
    min-width:36px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:14px!important;
    flex-basis:36px!important;
  }
}