/* StakeQuiz 1.1.46 - mobile navigation + lobby row avatar cleanup */
.row-avatar-stack{display:none!important}

.sq-mobile-lobby-menu,.sq-mobile-top-menu{display:none}

@media(max-width:950px){
  .sq-mobile-lobby-menu,.sq-mobile-top-menu{position:relative;z-index:260}
  .sq-mobile-lobby-menu>summary,.sq-mobile-top-menu>summary{
    list-style:none;display:flex;align-items:center;justify-content:center;
    width:28px;height:28px;min-width:28px;padding:0;border:1px solid var(--border,#32404b);
    border-radius:7px;background:var(--panel,#101820);color:var(--text,#fff);
    font-size:17px;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;
    touch-action:manipulation;box-shadow:0 4px 14px rgba(0,0,0,.18)
  }
  .sq-mobile-lobby-menu>summary::-webkit-details-marker,.sq-mobile-top-menu>summary::-webkit-details-marker{display:none}
  .sq-mobile-lobby-menu[open]>summary,.sq-mobile-top-menu[open]>summary{outline:2px solid rgba(72,201,196,.25)}
  .sq-mobile-menu-panel{
    position:absolute;top:33px;left:0;width:176px;max-width:calc(100vw - 16px);
    display:grid;gap:3px;padding:6px;border:1px solid var(--border,#31424e);
    border-radius:9px;background:var(--panel,#101820);box-shadow:0 16px 42px rgba(0,0,0,.42);
    z-index:9999
  }
  .sq-mobile-top-menu .sq-mobile-menu-panel{left:auto;right:0}
  .sq-mobile-menu-panel a,.sq-mobile-menu-panel button{
    width:100%;display:flex;align-items:center;gap:8px;min-height:31px;padding:6px 8px;
    border:0;border-radius:6px;background:transparent;color:var(--text,#f4f7f9);
    text-decoration:none;text-align:left;font:inherit;font-size:10px;font-weight:750;cursor:pointer
  }
  .sq-mobile-menu-panel a:hover,.sq-mobile-menu-panel button:hover,
  .sq-mobile-menu-panel a:focus-visible,.sq-mobile-menu-panel button:focus-visible{background:rgba(91,200,193,.12);outline:none}
  .sq-mobile-menu-panel form{margin:0;padding:0}
  .sq-mobile-menu-icon{width:17px;text-align:center;font-size:12px;opacity:.9}

  /* Lobby menu is deliberately placed beside the Online status. */
  .lobby-page .sq-mobile-lobby-menu{display:block!important}
  .lobby-page .pro-lobby-brandline{gap:5px!important;overflow:visible!important}
  .lobby-page .pro-lobby-toolbar{overflow:visible!important;position:relative!important;z-index:220!important}
  .lobby-page .pro-client-shell{position:relative!important}
  .lobby-page .sq-mobile-top-menu{display:none!important}

  /* At the game table there is no Online label, so use the compact top bar menu. */
  .game-page .sq-mobile-top-menu{display:block!important;margin-left:auto!important}
  .game-page .topbar>.sq-user-identity{margin-left:0!important}

  /* Standalone mobile logout button is redundant once the menu is present. */
  .lobby-page .topbar>form[action="/logout"],.game-page .topbar>form[action="/logout"]{display:none!important}
}

@media(max-width:950px) and (orientation:landscape){
  .lobby-page .pro-online{white-space:nowrap!important}
  .lobby-page .sq-mobile-lobby-menu>summary{width:25px;height:25px;min-width:25px;font-size:15px;border-radius:6px}
  .lobby-page .sq-mobile-menu-panel{top:29px;width:165px;padding:5px}
  .lobby-page .sq-mobile-menu-panel a,.lobby-page .sq-mobile-menu-panel button{min-height:27px;padding:4px 6px;font-size:8px}
  .game-page .sq-mobile-top-menu>summary{width:27px;height:27px;min-width:27px;font-size:15px}
  .game-page .sq-mobile-menu-panel{top:31px;width:170px}
}

:root[data-theme="light"] .sq-mobile-lobby-menu>summary,
:root[data-theme="light"] .sq-mobile-top-menu>summary,
:root[data-theme="light"] .sq-mobile-menu-panel{
  background:#f5f7f9;color:#122033;border-color:#cfd8e0;box-shadow:0 12px 34px rgba(21,38,58,.18)
}
:root[data-theme="light"] .sq-mobile-menu-panel a,
:root[data-theme="light"] .sq-mobile-menu-panel button{color:#122033}
:root[data-theme="light"] .sq-mobile-menu-panel a:hover,
:root[data-theme="light"] .sq-mobile-menu-panel button:hover{background:#e8f1f4}

@media(min-width:951px){.sq-mobile-lobby-menu,.sq-mobile-top-menu{display:none!important}}