/* StakeQuiz 1.1.97
   Mobile single-header + non-scrolling question fit + spectator/buy-in docks. */

.sq-mobile-unified-tools{display:none}
.game-area{position:relative}
.sq-seat-entry-dock{position:absolute;right:14px;bottom:14px;z-index:80;display:grid;justify-items:end;gap:5px;pointer-events:none}
.sq-seat-entry-dock .spectator-seat-controls,
.sq-seat-entry-dock .sitgo-seat-controls{pointer-events:auto;margin:0;padding:7px 9px;border-radius:12px;background:rgba(5,12,21,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(0,0,0,.36)}
.sq-seat-entry-dock .spectator-seat-controls[hidden],
.sq-seat-entry-dock .sitgo-seat-controls[hidden]{display:none!important}
.sq-spectator-bottom-status{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:79;max-width:70%;padding:5px 10px;border-radius:999px;background:rgba(4,12,20,.88);border:1px solid rgba(75,180,210,.25);box-shadow:0 7px 22px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.sq-spectator-bottom-status[hidden]{display:none!important}

@media(max-width:1200px) and (orientation:landscape){
  /* One mobile header only: the desktop topbar is redundant. */
  .lobby-page>.topbar,.game-page>.topbar{display:none!important}

  /* ---------- LOBBY ---------- */
  body.lobby-page{overflow:hidden!important}
  .lobby-page .pro-client-shell,
  :root[data-ui-template="casino"] .lobby-page .pro-client-shell{
    height:var(--sq-vh,100dvh)!important;
    min-height:0!important;
    overflow:visible!important;
    padding:3px!important;
  }
  .lobby-page .pro-lobby-toolbar,
  :root[data-ui-template="casino"] .lobby-page .pro-lobby-toolbar{
    position:relative!important;
    z-index:2147483000!important;
    isolation:isolate!important;
    overflow:visible!important;
    flex:0 0 39px!important;
    height:39px!important;
    min-height:39px!important;
    padding:3px 5px!important;
    gap:5px!important;
    display:flex!important;
    align-items:center!important;
  }
  .lobby-page .pro-lobby-grid{position:relative!important;z-index:1!important}
  .lobby-page .pro-lobby-brandline{flex:0 0 auto!important;min-width:0!important;gap:4px!important;overflow:visible!important}
  .lobby-page .pro-lobby-brandline>div:first-child{gap:0!important}
  .lobby-page .pro-lobby-brandline>div:first-child>span{display:none!important}
  .lobby-page .pro-lobby-brandline .sq-lobby-logo{width:29px!important;height:29px!important;flex:0 0 29px!important}
  .lobby-page .pro-online{font-size:6.5px!important;gap:3px!important;white-space:nowrap!important}
  .lobby-page .pro-online .live-dot{width:5px!important;height:5px!important}

  .lobby-page .pro-wallet-strip{flex:1 1 auto!important;min-width:0!important;justify-content:center!important;gap:2px!important;overflow:hidden!important}
  .lobby-page .pro-wallet,.lobby-page .pro-loyalty{min-width:0!important;width:auto!important;padding:2px 5px!important;border-left:1px solid rgba(255,255,255,.09)!important;display:flex!important;align-items:center!important;gap:3px!important;white-space:nowrap!important}
  .lobby-page .pro-wallet>span,.lobby-page .pro-loyalty>span,.lobby-page .pro-wallet small,.lobby-page .pro-loyalty .sqp-stars{display:none!important}
  .lobby-page .pro-wallet strong,.lobby-page .pro-loyalty strong{font-size:8.5px!important;line-height:1!important}
  .lobby-page .pro-mini-action{font-size:6.5px!important;padding:2px 3px!important;line-height:1!important}

  .sq-mobile-unified-tools{display:flex!important;align-items:center!important;gap:3px!important;flex:0 0 auto!important;position:relative!important;z-index:2147483300!important}
  .sq-mobile-shop-link{display:grid!important;place-items:center!important;height:27px!important;padding:0 6px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:7px!important;background:rgba(255,255,255,.045)!important;font-size:7.5px!important;font-weight:850!important;white-space:nowrap!important}
  .sq-mobile-avatar-link{display:block!important;width:27px!important;height:27px!important;min-width:27px!important;border-radius:50%!important;overflow:hidden!important;border:1px solid rgba(225,181,71,.55)!important;background:#08111a!important}
  .sq-mobile-avatar-link img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
  .sq-mobile-language-switch{margin:0!important;padding:0!important}
  .sq-mobile-language-switch select{width:44px!important;min-width:44px!important;height:27px!important;min-height:27px!important;padding:1px 3px!important;border-radius:7px!important;font-size:8px!important;line-height:1!important}

  .lobby-page .sq-mobile-lobby-menu{display:block!important;position:relative!important;z-index:2147483400!important;margin:0!important}
  .lobby-page .sq-mobile-lobby-menu>summary{width:27px!important;height:27px!important;min-width:27px!important;font-size:15px!important}
  .lobby-page .sq-mobile-lobby-menu .sq-mobile-menu-panel{
    position:fixed!important;
    top:40px!important;
    right:4px!important;
    left:auto!important;
    z-index:2147483600!important;
    width:176px!important;
    max-height:calc(var(--sq-vh,100dvh) - 45px)!important;
    overflow-y:auto!important;
  }
  .lobby-page .pro-browser,.lobby-page .pro-table-list,.lobby-page .pro-table-scroll{z-index:0!important}

  /* ---------- GAME ---------- */
  body.game-page{overflow:hidden!important}
  .game-page .game-shell{
    height:var(--sq-vh,100dvh)!important;
    min-height:0!important;
    padding:2px!important;
    gap:2px!important;
    overflow:hidden!important;
  }
  .game-page .game-toolbar{
    position:relative!important;
    z-index:2147483000!important;
    overflow:visible!important;
    flex:0 0 32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:2px 4px!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
  }
  .game-page .table-title-block{display:none!important}
  .game-page #leave-lobby-shortcut{height:27px!important;min-height:27px!important;padding:2px 6px!important;font-size:7px!important;white-space:nowrap!important}
  .game-page .round-meta{display:flex!important;align-items:center!important;gap:4px!important;margin-left:auto!important;min-width:0!important;font-size:6.5px!important;white-space:nowrap!important}
  .game-page .round-meta>span:nth-child(3){display:none!important}
  .game-page #connection-state{display:none!important}
  .game-page #mobile-fullscreen{width:27px!important;height:27px!important;min-height:27px!important;padding:0!important;font-size:12px!important}
  .game-page #mobile-chat-toggle{width:27px!important;height:27px!important;min-height:27px!important;padding:0!important;font-size:0!important;overflow:hidden!important}
  .game-page #mobile-chat-toggle:before{content:'💬';font-size:12px!important;line-height:1!important}
  .game-page .sq-mobile-game-tools{display:flex!important;align-items:center!important;gap:3px!important;margin-left:0!important;position:relative!important;z-index:2147483400!important}
  .game-page .sq-mobile-game-menu{display:block!important;position:relative!important;z-index:2147483500!important}
  .game-page .sq-mobile-game-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:27px;height:27px;min-width:27px;padding:0;border:1px solid var(--border,#32404b);border-radius:7px;background:var(--panel,#101820);color:var(--text,#fff);font-size:15px;line-height:1;cursor:pointer}
  .game-page .sq-mobile-game-menu>summary::-webkit-details-marker{display:none}
  .game-page .sq-mobile-game-menu .sq-mobile-menu-panel{position:fixed!important;top:36px!important;right:4px!important;left:auto!important;z-index:2147483600!important;width:176px!important;max-height:calc(var(--sq-vh,100dvh) - 42px)!important;overflow-y:auto!important}

  .game-page .poker-table-wrap{overflow:visible!important;position:relative!important;z-index:1!important}
  .game-page .poker-table{
    max-height:calc(var(--sq-vh,100dvh) - 36px)!important;
  }
  .game-page .game-side{top:50px!important}

  /* Never scroll inside the question card. JS reduces density until it fits. */
  .game-page .center-question{
    width:68%!important;
    max-width:790px!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:none!important;
    padding:9px 12px 8px!important;
    border-radius:15px!important;
    transform:translate(-50%,-50%) scale(var(--sq-question-scale,1))!important;
    transform-origin:50% 50%!important;
  }
  .game-page .center-question h2{font-size:clamp(16px,3.9vh,25px)!important;line-height:1.10!important;padding:0 38px!important;margin:2px 0 7px!important}
  .game-page .center-question .eyebrow{font-size:clamp(7px,1.55vh,10px)!important;line-height:1.05!important;margin:0 31px 3px!important}
  .game-page .countdown-ring{width:34px!important;height:34px!important;right:6px!important;top:6px!important;font-size:11px!important}
  .game-page .answers{gap:5px 6px!important}
  .game-page .answers button{min-height:42px!important;padding:5px 8px!important;border-radius:9px!important;font-size:clamp(11px,2.2vh,15px)!important;line-height:1.08!important;gap:6px!important}
  .game-page .answers button span{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;flex:0 0 27px!important;font-size:12px!important;border-radius:7px!important}
  .game-page .answer-status{min-height:9px!important;margin-top:2px!important;font-size:8px!important;line-height:1!important}
  .game-page #question-image{max-height:21vh!important;margin-bottom:5px!important}

  .game-page .center-question.sq-fit-1 h2{font-size:clamp(14px,3.35vh,21px)!important;margin-bottom:5px!important}
  .game-page .center-question.sq-fit-1 .answers button{min-height:38px!important;font-size:clamp(10px,2vh,13px)!important;padding:4px 7px!important}
  .game-page .center-question.sq-fit-1 .answers button span{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-basis:24px!important}
  .game-page .center-question.sq-fit-1 #question-image{max-height:18vh!important}

  .game-page .center-question.sq-fit-2{padding:7px 10px 6px!important}
  .game-page .center-question.sq-fit-2 h2{font-size:clamp(13px,3vh,19px)!important;line-height:1.06!important;margin-bottom:4px!important}
  .game-page .center-question.sq-fit-2 .answers{gap:3px 5px!important}
  .game-page .center-question.sq-fit-2 .answers button{min-height:35px!important;font-size:clamp(9.5px,1.85vh,12px)!important;padding:3px 6px!important;line-height:1.04!important}
  .game-page .center-question.sq-fit-2 .answers button span{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex-basis:22px!important;font-size:10px!important}
  .game-page .center-question.sq-fit-2 #question-image{max-height:15vh!important}

  .game-page .center-question.sq-fit-3{width:71%!important;padding:6px 9px 5px!important}
  .game-page .center-question.sq-fit-3 h2{font-size:clamp(12px,2.65vh,17px)!important;line-height:1.04!important;padding:0 31px!important;margin-bottom:3px!important}
  .game-page .center-question.sq-fit-3 .eyebrow{font-size:7px!important;margin-bottom:2px!important}
  .game-page .center-question.sq-fit-3 .answers{gap:3px 4px!important}
  .game-page .center-question.sq-fit-3 .answers button{min-height:32px!important;font-size:clamp(9px,1.7vh,11px)!important;padding:3px 5px!important;line-height:1.02!important}
  .game-page .center-question.sq-fit-3 .answers button span{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex-basis:20px!important;font-size:9px!important}
  .game-page .center-question.sq-fit-3 #question-image{max-height:12vh!important;margin-bottom:3px!important}

  .game-page .center-question.sq-fit-4{width:74%!important;padding:5px 8px 4px!important}
  .game-page .center-question.sq-fit-4 h2{font-size:clamp(11px,2.35vh,15px)!important;line-height:1.02!important;margin:1px 0 2px!important}
  .game-page .center-question.sq-fit-4 .answers button{min-height:29px!important;font-size:clamp(8.5px,1.55vh,10.5px)!important;padding:2px 5px!important}
  .game-page .center-question.sq-fit-4 .answers button span{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex-basis:18px!important;font-size:8px!important}
  .game-page .center-question.sq-fit-4 #question-image{max-height:10vh!important}


  /* 1.1.97: runtime-reparented controls must never participate in question-card layout. */
  .game-page #question-card #spectator-seat-controls,
  .game-page #question-card #sitgo-seat-controls,
  .game-page #question-card #spectator-mode-label{display:none!important}
  .game-page .sq-seat-entry-dock #spectator-seat-controls,
  .game-page .sq-seat-entry-dock #sitgo-seat-controls{display:flex!important}
  .game-page .sq-seat-entry-dock #spectator-seat-controls[hidden],
  .game-page .sq-seat-entry-dock #sitgo-seat-controls[hidden]{display:none!important}

  .game-page .center-question.sq-fit-5{width:76%!important;padding:4px 7px 3px!important}
  .game-page .center-question.sq-fit-5 h2{font-size:clamp(10px,2.05vh,13px)!important;line-height:1!important;padding:0 27px!important;margin:1px 0 2px!important}
  .game-page .center-question.sq-fit-5 .eyebrow{font-size:6.5px!important;margin-bottom:1px!important}
  .game-page .center-question.sq-fit-5 .answers{gap:2px 4px!important}
  .game-page .center-question.sq-fit-5 .answers button{min-height:26px!important;font-size:clamp(8px,1.4vh,9.5px)!important;padding:2px 4px!important;line-height:1!important}
  .game-page .center-question.sq-fit-5 .answers button span{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;flex-basis:17px!important;font-size:7.5px!important}
  .game-page .center-question.sq-fit-5 #question-image{max-height:8vh!important;margin-bottom:2px!important}

  .game-page .center-question.sq-fit-6{width:78%!important;padding:3px 6px!important}
  .game-page .center-question.sq-fit-6 h2{font-size:clamp(9px,1.85vh,12px)!important;line-height:.98!important;padding:0 25px!important;margin:0 0 1px!important}
  .game-page .center-question.sq-fit-6 .answers{gap:2px 3px!important}
  .game-page .center-question.sq-fit-6 .answers button{min-height:23px!important;font-size:clamp(7.5px,1.25vh,9px)!important;padding:1px 4px!important;line-height:.98!important}
  .game-page .center-question.sq-fit-6 .answers button span{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;flex-basis:16px!important;font-size:7px!important}
  .game-page .center-question.sq-fit-6 #question-image{max-height:7vh!important;margin-bottom:1px!important}

  /* Buy-in / sit button is not part of the question panel anymore. */
  .game-page .sq-seat-entry-dock{position:fixed!important;right:max(6px,env(safe-area-inset-right))!important;bottom:max(5px,env(safe-area-inset-bottom))!important;z-index:2147482500!important;display:grid!important;justify-items:end!important;gap:3px!important;pointer-events:none!important}
  .game-page .sq-seat-entry-dock .spectator-seat-controls,
  .game-page .sq-seat-entry-dock .sitgo-seat-controls{pointer-events:auto!important;margin:0!important;padding:3px 5px!important;gap:4px!important;border-radius:8px!important;background:rgba(4,12,20,.93)!important;box-shadow:0 8px 22px rgba(0,0,0,.38)!important;flex-wrap:nowrap!important}
  .game-page .sq-seat-entry-dock .btn{min-height:28px!important;padding:4px 8px!important;font-size:8px!important;border-radius:7px!important;white-space:nowrap!important}
  .game-page .sq-seat-entry-dock .sitgo-waiting-count{font-size:6.5px!important;max-width:115px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Spectator mode status stays at the bottom until the user takes a seat. */
  .game-page .sq-spectator-bottom-status{position:fixed!important;left:40%!important;right:auto!important;bottom:max(5px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:2147482400!important;width:max-content!important;max-width:calc(100vw - 320px)!important;height:24px!important;padding:4px 8px!important;border-radius:8px!important;font-size:7.5px!important;line-height:14px!important;text-align:center!important;background:rgba(4,12,20,.90)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(max-width:700px) and (orientation:landscape){
  .lobby-page .pro-online{display:none!important}
  .lobby-page .pro-wallet,.lobby-page .pro-loyalty{padding-left:3px!important;padding-right:3px!important}
  .lobby-page .pro-wallet strong,.lobby-page .pro-loyalty strong{font-size:7.5px!important}
  .sq-mobile-shop-link{padding:0 4px!important;font-size:7px!important}
  .game-page .round-meta>span:first-child{display:none!important}
  .game-page .sq-mobile-shop-link{display:none!important}
  .game-page .center-question{width:72%!important}
}

:root[data-theme="light"] .sq-mobile-shop-link,
:root[data-theme="light"] .sq-mobile-game-menu>summary{background:#f5f7f9!important;color:#122033!important;border-color:#cfd8e0!important}
:root[data-theme="light"] .sq-spectator-bottom-status,
:root[data-theme="light"] .sq-seat-entry-dock .spectator-seat-controls,
:root[data-theme="light"] .sq-seat-entry-dock .sitgo-seat-controls{background:rgba(248,251,253,.96)!important;color:#17304a!important;border-color:#cbd6df!important}


/* SQ_MOBILE_1197_SHORT_LANDSCAPE_FALLBACK */
@media(max-height:720px) and (orientation:landscape){
  .lobby-page>.topbar,.game-page>.topbar{display:none!important}
  .sq-mobile-unified-tools{display:flex!important}
  .game-page .table-title-block{display:none!important}
}