/* StakeQuiz 2.0.10 - annotated Quiz lobby header placement: brand left, lobby title centered, online by refresh. */
/* SQ_LOBBY_HEADER_ANNOTATED_2_0_10 */
body.lobby-page>.topbar.sq-header-203,
body.chess-lobby-page>.topbar.sq-header-203{display:none!important}

/* ---------- shared account controls ---------- */
.sq-lobby-user-tools-204{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  min-width:0!important;
  position:relative;
  z-index:500;
}
.sq-lobby-user-tools-204 .sq-lobby-language-204{margin:0!important;flex:0 0 auto!important}
.sq-lobby-user-tools-204 .sq-lobby-language-204 select{
  height:32px!important;
  min-height:32px!important;
  min-width:76px!important;
  padding:3px 26px 3px 8px!important;
  font-size:10px!important;
}
.sq-lobby-user-tools-204 .sq-lobby-theme-204{
  display:inline-grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  flex:0 0 32px!important;
}
.sq-lobby-user-tools-204 .sq-profile-trigger-203{
  min-height:32px!important;
  height:32px!important;
  padding:2px 6px!important;
}
.sq-lobby-user-tools-204 .sq-profile-trigger-203 .sq-user-avatar{width:27px!important;height:27px!important}
:root[data-theme="light"] .sq-lobby-user-tools-204 .sq-profile-trigger-203{background:#fff}

/* ---------- Quiz lobby desktop ---------- */
body.lobby-page .pro-client-shell{height:auto!important;min-height:100dvh!important}
body.lobby-page .pro-lobby-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  overflow:visible!important;
  position:relative!important;
  z-index:220!important;
}
body.lobby-page .pro-lobby-brandline{
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  min-width:0!important;
  overflow:visible!important;
}
body.lobby-page .sq-lobby-brand-slot-210{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.lobby-page .sq-lobby-stakequiz-210{display:inline-block!important;white-space:nowrap!important}
body.lobby-page .sq-lobby-center-title-210{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body.lobby-page .sq-lobby-center-title-210>strong{
  font-size:14px!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.lobby-page .sq-browser-head-actions-210{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-left:auto!important;
}
body.lobby-page .sq-browser-online-210{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
body.lobby-page .sq-lobby-account-cluster-207{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  min-width:0!important;
}
body.lobby-page .sq-lobby-account-cluster-207>.sq-lobby-user-tools-204{order:1!important;flex:0 0 auto!important}
body.lobby-page .sq-lobby-account-cluster-207>.pro-wallet-strip{order:2!important;flex:0 1 auto!important;min-width:0!important}
body.lobby-page .sq-lobby-account-cluster-207 .sq-profile-panel-203{left:auto!important;right:0!important}
body.lobby-page .sq-mobile-unified-tools.sq-mobile-lobby-tools{display:none!important}


/* Online status now lives at the marked position in the Cash Game browser header. */
body.lobby-page .pro-browser-head .sq-browser-online-210{color:var(--pro-muted)!important}
body.lobby-page .pro-browser-head .sq-browser-online-210 #online-indicator{color:var(--red)}
body.lobby-page .pro-browser-head .sq-browser-online-210 #online-indicator.online{color:var(--green);text-shadow:0 0 12px var(--green)}

/* ---------- Chess keeps the 2.0.8 placement ---------- */
body.chess-lobby-page .sq-chess-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  overflow:visible!important;
  position:relative!important;
  z-index:220!important;
}
body.chess-lobby-page .sq-chess-brandline{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  min-width:0!important;
  margin-right:auto!important;
  overflow:visible!important;
}
body.chess-lobby-page .sq-chess-account-cluster-207{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  min-width:0!important;
  margin-left:auto!important;
}
body.chess-lobby-page .sq-chess-account-cluster-207>.sq-lobby-user-tools-204{order:1!important;flex:0 0 auto!important}
body.chess-lobby-page .sq-chess-account-cluster-207>.sq-chess-wallets{order:2!important;flex:0 1 auto!important;min-width:0!important}
body.chess-lobby-page .sq-chess-account-cluster-207 .sq-profile-panel-203{left:auto!important;right:0!important}

/* ---------- compact desktop / tablet ---------- */
@media(max-width:1250px), (max-height:720px) and (orientation:landscape){
  body.lobby-page .pro-lobby-toolbar{gap:8px!important;padding:6px 8px!important}
  body.lobby-page .sq-lobby-brand-slot-210{gap:6px!important}
  body.lobby-page .sq-lobby-center-title-210{min-width:0!important}
  body.lobby-page .sq-lobby-account-cluster-207,
  body.chess-lobby-page .sq-chess-account-cluster-207{gap:6px!important}
  .sq-lobby-user-tools-204{gap:4px!important}
  .sq-lobby-user-tools-204 .sq-lobby-language-204 select{
    height:30px!important;min-height:30px!important;min-width:60px!important;
    padding:2px 20px 2px 6px!important;font-size:9px!important
  }
  .sq-lobby-user-tools-204 .sq-lobby-theme-204{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-203{height:30px!important;min-height:30px!important;padding:1px 4px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-203 .sq-user-avatar{width:25px!important;height:25px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-copy-203{display:none!important}
  body.lobby-page .pro-wallet-strip{gap:2px!important}
  body.lobby-page .pro-wallet,
  body.lobby-page .pro-loyalty{min-width:0!important;padding:3px 6px!important}
  body.lobby-page .pro-wallet>span,
  body.lobby-page .pro-loyalty>span{font-size:7px!important}
  body.lobby-page .pro-wallet strong,
  body.lobby-page .pro-loyalty strong{font-size:11px!important}
  body.lobby-page .pro-wallet small{display:none!important}
}

/* Desktop-tablet mid widths: keep title visible but remove the kicker. */
@media(min-width:821px) and (max-width:1200px) and (orientation:landscape){
  body.lobby-page .sq-lobby-center-title-210>strong{font-size:12px!important}
  body.lobby-page .sq-lobby-stakequiz-210{font-size:8px!important;letter-spacing:.18em!important}
}

/* ---------- phone / small tablet landscape ---------- */
@media(max-width:1200px) and (orientation:landscape){
  body.lobby-page{overflow:hidden!important}
  body.lobby-page .pro-client-shell,
  html.sq-compact-landscape body.lobby-page .pro-client-shell,
  :root[data-ui-template="casino"] body.lobby-page .pro-client-shell{
    height:var(--sq-vh,100dvh)!important;
    min-height:0!important;
    max-height:var(--sq-vh,100dvh)!important;
    overflow:hidden!important;
  }
  body.lobby-page .pro-lobby-toolbar,
  :root[data-ui-template="casino"] body.lobby-page .pro-lobby-toolbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    flex:0 0 39px!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    padding:3px 5px!important;
    gap:5px!important;
    overflow:visible!important;
  }
  body.lobby-page .sq-lobby-brand-slot-210{gap:4px!important;min-width:0!important}
  body.lobby-page .sq-lobby-brand-slot-210 .sq-lobby-logo{width:27px!important;height:27px!important;flex:0 0 27px!important}
  body.lobby-page .sq-lobby-center-title-210{min-width:0!important}
  body.lobby-page .sq-lobby-center-title-210>strong{font-size:10px!important}
  body.lobby-page .sq-browser-online-210{font-size:6.5px!important;gap:3px!important;white-space:nowrap!important}
  body.lobby-page .sq-browser-online-210 .live-dot{width:5px!important;height:5px!important}

  body.lobby-page .sq-lobby-account-cluster-207{
    min-width:0!important;
    gap:3px!important;
  }
  body.lobby-page .sq-lobby-account-cluster-207>.sq-lobby-user-tools-204{flex:0 0 auto!important}
  body.lobby-page .sq-lobby-account-cluster-207>.pro-wallet-strip{flex:0 1 auto!important;min-width:0!important;gap:1px!important;overflow:hidden!important}

  .sq-lobby-user-tools-204{gap:3px!important}
  .sq-lobby-user-tools-204 .sq-lobby-language-204 select{
    width:46px!important;min-width:46px!important;height:27px!important;min-height:27px!important;
    padding:1px 14px 1px 4px!important;font-size:8px!important
  }
  .sq-lobby-user-tools-204 .sq-lobby-theme-204{width:27px!important;height:27px!important;min-width:27px!important;flex-basis:27px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-203{height:27px!important;min-height:27px!important;padding:1px 3px!important;gap:2px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-203 .sq-user-avatar{width:23px!important;height:23px!important}
  .sq-lobby-user-tools-204 .sq-profile-hamburger-203{width:13px!important;height:13px!important;padding:1px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-copy-203{display:none!important}
  body.lobby-page .sq-lobby-account-cluster-207 .sq-profile-panel-203{
    position:fixed!important;left:auto!important;right:5px!important;top:41px!important;
    width:min(248px,calc(100vw - 10px))!important;max-height:calc(100dvh - 46px)!important;overflow:auto!important
  }

  body.lobby-page .pro-wallet-strip{justify-content:flex-end!important}
  body.lobby-page .pro-wallet,
  body.lobby-page .pro-loyalty{
    min-width:0!important;width:auto!important;padding:2px 4px!important;
    display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important;overflow:hidden!important
  }
  body.lobby-page .pro-wallet>span,
  body.lobby-page .pro-wallet small,
  body.lobby-page .pro-loyalty .sqp-stars{display:none!important}
  body.lobby-page .pro-loyalty>span{display:inline!important;font-size:5.5px!important}
  body.lobby-page .pro-wallet strong,
  body.lobby-page .pro-loyalty strong{font-size:8px!important;line-height:1!important;white-space:nowrap!important}
  body.lobby-page .pro-mini-action{font-size:6px!important;padding:2px 3px!important;line-height:1!important}
}

/* Phone width: keep logo/brand left and lobby title in the middle; online stays in browser head. */
@media(max-width:820px) and (orientation:landscape){
  body.lobby-page .sq-lobby-stakequiz-210{font-size:7px!important;letter-spacing:.12em!important}
  body.lobby-page .sq-lobby-center-title-210>strong{font-size:9px!important}
  body.lobby-page .sq-lobby-account-cluster-207{gap:2px!important}
}

@media(max-width:700px) and (orientation:landscape){
  body.lobby-page .sq-lobby-stakequiz-210{display:none!important}
  body.lobby-page .sq-lobby-brand-slot-210 .sq-lobby-logo{width:25px!important;height:25px!important;flex-basis:25px!important}
  body.lobby-page .sq-browser-online-210{font-size:6px!important}
  .sq-lobby-user-tools-204 .sq-lobby-language-204 select{width:42px!important;min-width:42px!important;padding-right:10px!important}
  body.lobby-page .pro-wallet,
  body.lobby-page .pro-loyalty{padding-left:3px!important;padding-right:3px!important}
  body.lobby-page .pro-wallet strong,
  body.lobby-page .pro-loyalty strong{font-size:7.5px!important}
}

/* Extremely narrow landscape/WebView: keep essential controls visible. */
@media(max-width:560px) and (orientation:landscape){
  body.lobby-page .pro-lobby-toolbar{gap:2px!important;padding-left:3px!important;padding-right:3px!important}
  body.lobby-page .sq-lobby-brand-slot-210{gap:2px!important}
  body.lobby-page .sq-lobby-center-title-210>strong{font-size:8px!important}
  body.lobby-page .sq-browser-head-actions-210{gap:4px!important}
  body.lobby-page .sq-browser-online-210{font-size:5.5px!important;gap:2px!important}
  .sq-lobby-user-tools-204{gap:2px!important}
  .sq-lobby-user-tools-204 .sq-lobby-theme-204{display:none!important}
  .sq-lobby-user-tools-204 .sq-lobby-language-204 select{width:39px!important;min-width:39px!important;height:25px!important;min-height:25px!important;font-size:7px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-203{height:25px!important;min-height:25px!important}
  .sq-lobby-user-tools-204 .sq-profile-trigger-203 .sq-user-avatar{width:21px!important;height:21px!important}
  body.lobby-page .pro-loyalty{display:none!important}
  body.lobby-page .pro-wallet{padding-left:2px!important;padding-right:2px!important}
  body.lobby-page .pro-wallet strong{font-size:7px!important}
  body.lobby-page .pro-mini-action{font-size:5.5px!important;padding:1px 2px!important}
}

/* Chess compact profile menu alignment retained. */
@media(max-width:1100px), (max-height:720px) and (orientation:landscape){
  body.chess-lobby-page .sq-chess-account-cluster-207 .sq-profile-panel-203{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:calc(100% + 6px)!important;
  }
}