/* StakeQuiz 1.1.36 - mobile responsive / full-screen client overrides */
:root{--sq-vh:100dvh;--sq-vw:100vw}
html{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;min-height:var(--sq-vh,100dvh);overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.orientation-lock{width:100vw;height:var(--sq-vh,100dvh)}

@media(max-width:950px){
  html,body{width:100%;max-width:var(--sq-vw,100vw);overscroll-behavior:none}
  body{min-height:var(--sq-vh,100dvh)}
  input,select,textarea{font-size:16px!important}
  .topbar{max-width:100vw}
  .app-main,.narrow-main{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:8px!important;padding-right:8px!important}
  .panel,.glass{max-width:100%}
  .toast-root{right:7px;left:7px;top:48px}.toast{min-width:0;max-width:none;width:100%}
}

/* LOGIN - fill the device viewport, never require zoom. */
@media(max-width:950px){
  body.login-page{min-height:var(--sq-vh,100dvh);overflow-y:auto;overflow-x:hidden}
  .login-page .ambient{display:none}
  .login-page .auth-wrap,
  :root[data-ui-template="casino"] .login-page .auth-wrap{
    width:100%!important;max-width:none!important;min-height:var(--sq-vh,100dvh)!important;
    grid-template-columns:1fr!important;place-items:center!important;align-content:center!important;
    gap:0!important;margin:0!important;padding:max(52px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  }
  .login-page .auth-hero,:root[data-ui-template="casino"] .login-page .auth-hero{display:none!important}
  .login-page .auth-card,:root[data-ui-template="casino"] .login-page .auth-card{
    width:min(100%,520px)!important;max-width:520px!important;justify-self:center!important;
    padding:16px!important;border-radius:16px!important;margin:0!important;
  }
  .login-page .auth-card h2{font-size:clamp(20px,5vw,28px);margin:4px 0 12px}
  .login-page .stack-form{gap:9px}.login-page .stack-form label{gap:4px}.login-page .stack-form label>span{font-size:11px}
  .login-page .stack-form input{min-height:42px;padding:9px 11px!important;border-radius:10px}
  .login-page .btn-wide{min-height:42px}
  .login-page .auth-appearance-switch{position:fixed!important;z-index:80;left:max(7px,env(safe-area-inset-left))!important;right:max(7px,env(safe-area-inset-right))!important;top:max(6px,env(safe-area-inset-top))!important;width:auto!important;justify-content:center!important;padding:5px 7px!important;border-radius:10px!important}
  .login-page .auth-appearance-switch label{gap:4px}.login-page .auth-appearance-switch select{min-width:84px!important;padding:4px 6px!important;font-size:11px!important}
  .login-page .auth-theme-buttons button{padding:5px 7px!important;font-size:10px!important}
  .login-page .sq-android-download{margin-top:10px!important;padding:8px 10px!important;gap:8px!important;border-radius:11px!important}
  .login-page .sq-android-robot{width:36px!important;height:36px!important;flex-basis:36px!important}.login-page .sq-android-robot svg{width:34px!important;height:34px!important}
  .login-page .sq-android-copy strong{font-size:.78rem!important}.login-page .sq-android-copy small{font-size:.62rem!important}
}
@media(max-height:500px) and (orientation:landscape) and (max-width:950px){
  .login-page .auth-wrap,:root[data-ui-template="casino"] .login-page .auth-wrap{align-content:start!important;padding-top:42px!important;padding-bottom:5px!important}
  .login-page .auth-card,:root[data-ui-template="casino"] .login-page .auth-card{width:min(96%,620px)!important;max-width:620px!important;padding:9px 12px!important}
  .login-page .auth-card-brand,.login-page .auth-welcome{display:none!important}.login-page .auth-card h2{font-size:18px;margin:0 0 6px}
  .login-page .stack-form{gap:5px;grid-template-columns:1fr 1fr;display:grid;align-items:end}.login-page .stack-form .btn-wide{grid-column:1/-1;min-height:34px}
  .login-page .stack-form input{min-height:34px;padding:5px 8px!important}.login-page .muted{margin:5px 0;font-size:10px}
  .login-page .sq-android-download{margin-top:5px!important;padding:4px 8px!important}.login-page .sq-android-robot{width:28px!important;height:28px!important;flex-basis:28px!important}.login-page .sq-android-robot svg{width:27px!important;height:27px!important}
}

/* Compact authenticated header on phones. */
@media(max-width:950px) and (orientation:landscape){
  .lobby-page .topbar,.game-page .topbar{height:36px!important;min-height:36px!important;padding:2px max(5px,env(safe-area-inset-right)) 2px max(5px,env(safe-area-inset-left))!important;gap:5px!important;overflow:hidden}
  .lobby-page .nav-links,.lobby-page .wallet-mini,.lobby-page .ui-template-switch,.lobby-page .skin-switch,.lobby-page .theme-mode-btn,.lobby-page .sq-build-badge{display:none!important}
  .lobby-page .brand{font-size:11px!important;gap:5px!important}.lobby-page .brand-mark{width:27px!important;height:27px!important;font-size:10px!important}
  .lobby-page .sq-user-identity{margin-left:auto!important;border-left:0!important;padding:1px 3px!important}.lobby-page .sq-user-avatar{width:25px!important;height:25px!important}.lobby-page .sq-user-identity strong{font-size:8px!important;max-width:72px!important}
  .lobby-page .language-switch select{height:27px!important;min-height:27px!important;padding:2px 4px!important;font-size:10px!important}
  .lobby-page form[action="/logout"] .btn{height:27px!important;padding:3px 6px!important;font-size:9px!important}
}

/* LOBBY - mobile landscape becomes an app-like full-screen layout. */
@media(max-width:950px) and (orientation:landscape){
  body.lobby-page{height:var(--sq-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  .lobby-page .ambient{display:none!important}
  .lobby-page .pro-client-shell,:root[data-ui-template="casino"] .lobby-page .pro-client-shell{
    width:100%!important;max-width:none!important;height:calc(var(--sq-vh,100dvh) - 36px)!important;min-height:0!important;
    margin:0!important;padding:3px!important;display:flex!important;flex-direction:column!important;gap:3px!important;overflow:hidden!important;
  }
  .lobby-page .pro-lobby-toolbar,:root[data-ui-template="casino"] .lobby-page .pro-lobby-toolbar{
    flex:0 0 43px!important;min-height:43px!important;height:43px!important;padding:3px 7px!important;border-radius:6px!important;gap:7px!important;overflow:hidden!important;
  }
  .lobby-page .pro-lobby-brandline{min-width:86px}.lobby-page .pro-lobby-brandline strong{font-size:10px!important}.lobby-page .pro-kicker{font-size:6px!important}.lobby-page .pro-online{font-size:7px!important}
  .lobby-page .pro-wallet-strip{gap:3px!important;min-width:0!important}.lobby-page .pro-wallet,.lobby-page .pro-loyalty{min-width:0!important;padding:2px 5px!important;border-radius:5px!important}.lobby-page .pro-wallet>span,.lobby-page .pro-loyalty>span{font-size:6px!important}.lobby-page .pro-wallet strong,.lobby-page .pro-loyalty strong{font-size:9px!important}.lobby-page .pro-wallet small{display:none!important}.lobby-page .pro-mini-action{padding:2px 4px!important;font-size:7px!important}
  .lobby-page .pro-lobby-grid,:root[data-ui-template="casino"] .lobby-page .pro-lobby-grid{
    flex:1!important;min-height:0!important;height:auto!important;margin:0!important;gap:3px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(215px,32vw)!important;grid-template-rows:39px minmax(0,1fr)!important;
  }
  .lobby-page .pro-game-rail,:root[data-ui-template="casino"] .lobby-page .pro-game-rail{
    grid-column:1/-1!important;grid-row:1!important;min-height:0!important;padding:3px!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;border-radius:6px!important;
  }
  .lobby-page .pro-game-rail::-webkit-scrollbar{display:none}
  .lobby-page .rail-caption,.lobby-page .rail-separator,.lobby-page .pro-rail-link,.lobby-page .pro-game-rail .pro-rail-promo{display:none!important}
  .lobby-page .pro-mode,:root[data-ui-template="casino"] .lobby-page .pro-mode{flex:0 0 auto!important;min-width:82px!important;height:31px!important;grid-template-columns:20px 1fr!important;padding:3px 5px!important;gap:4px!important;border-radius:5px!important}
  .lobby-page .pro-mode .mode-icon{width:18px!important;height:18px!important;font-size:9px!important}.lobby-page .pro-mode strong{font-size:8px!important}.lobby-page .pro-mode small{display:none!important}
  .lobby-page .pro-browser{grid-column:1!important;grid-row:2!important;min-height:0!important;height:100%!important;border-radius:6px!important}
  .lobby-page .pro-browser-head{height:38px!important;min-height:38px!important;padding:3px 7px!important}.lobby-page .pro-browser-head .eyebrow{font-size:6px!important}.lobby-page .pro-browser-head h1{font-size:11px!important;margin:1px 0!important}.lobby-page .pro-icon-btn{width:25px!important;height:25px!important;font-size:13px!important}
  .lobby-page .pro-filters{min-height:33px!important;padding:3px 6px!important;grid-template-columns:auto minmax(90px,1fr) minmax(90px,1fr) auto!important;gap:5px!important}.lobby-page .segmented button{padding:4px 6px!important;font-size:7px!important}.lobby-page .pro-filters label{gap:4px!important;font-size:7px!important}.lobby-page .pro-result-count{font-size:7px!important}
  .lobby-page .pro-table-list{min-height:0!important;overflow:hidden!important}.lobby-page .pro-table-head{height:24px!important;padding:0 5px!important;font-size:6.5px!important}.lobby-page .pro-table-scroll{flex:1!important;min-height:0!important;max-height:none!important;height:100%!important;overflow-y:auto!important}
  .lobby-page .pro-table-head,.lobby-page .pro-table-row{grid-template-columns:minmax(130px,2fr) 78px 46px 36px 55px!important;gap:3px!important}.lobby-page .pro-table-row{min-height:40px!important;padding:3px 5px!important}.lobby-page .pro-table-row>span{font-size:8px!important}.lobby-page .pro-name-line strong{font-size:9px!important}.lobby-page .pro-table-name small{font-size:6.5px!important;padding-left:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.lobby-page .row-avatar-stack{display:none!important}.lobby-page .compact-status{font-size:6.5px!important;padding:2px 4px!important}.lobby-page .pro-list-footer{height:20px!important;padding:0 6px!important;font-size:6.5px!important}
  .lobby-page .pro-preview-column{grid-column:2!important;grid-row:2!important;min-height:0!important;height:100%!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;overflow:hidden!important}
  .lobby-page .pro-chat{display:none!important}.lobby-page .pro-preview{height:100%!important;min-height:0!important;padding:6px!important}.lobby-page .preview-head h2{font-size:10px!important}.lobby-page .preview-head .eyebrow{font-size:6px!important}.lobby-page .status-pill{font-size:6.5px!important;padding:2px 4px!important}.lobby-page .preview-table-wrap{min-height:0!important;flex:1!important;padding:3px!important;overflow:hidden!important}.lobby-page .preview-poker-table{width:min(94%,calc((var(--sq-vh,100dvh) - 175px)*1.75))!important;border-width:5px!important}.lobby-page .preview-seat img{width:23px!important;height:23px!important}.lobby-page .preview-seat-info{max-width:48px!important;padding:1px 2px!important}.lobby-page .preview-seat-info strong{font-size:6px!important}.lobby-page .mini-stars{font-size:5px!important}.lobby-page .empty-chair{width:17px!important;height:17px!important;font-size:8px!important}.lobby-page .preview-stats{margin:1px 0 4px!important}.lobby-page .preview-stats>div{padding:3px!important}.lobby-page .preview-stats span{font-size:5.5px!important}.lobby-page .preview-stats strong{font-size:7.5px!important}.lobby-page .preview-join{padding:5px!important;font-size:8px!important;min-height:27px!important}
}

/* Very small landscape phones: no side preview; tapping a row joins directly (handled in lobby.js). */
@media(max-width:760px) and (orientation:landscape){
  .lobby-page .pro-lobby-grid,:root[data-ui-template="casino"] .lobby-page .pro-lobby-grid{grid-template-columns:1fr!important}
  .lobby-page .pro-preview-column{display:none!important}
  .lobby-page .pro-browser{grid-column:1!important}
  .lobby-page .pro-filters{grid-template-columns:auto 1fr!important}.lobby-page .pro-filters label{display:none!important}
  .lobby-page .pro-table-head,.lobby-page .pro-table-row{grid-template-columns:minmax(0,1.8fr) 78px 48px 56px!important}
  .lobby-page .pro-table-head>*:nth-child(4),.lobby-page .pro-table-row>*:nth-child(4){display:none!important}
  .lobby-page .pro-list-footer span:first-child:before{content:"Koppints az asztalra a belépéshez. ";color:#8edbd5}.lobby-page .pro-list-footer span:first-child{font-size:0}.lobby-page .pro-list-footer span:first-child:before{font-size:6.5px}
}

/* TABLE - use every available pixel, chat becomes drawer, no page scaling/scrolling. */
@media(max-width:950px) and (orientation:landscape){
  body.game-page{height:var(--sq-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  .game-page .topbar{height:34px!important;min-height:34px!important}.game-page .nav-links,.game-page .wallet-mini,.game-page .ui-template-switch,.game-page .skin-switch,.game-page .theme-mode-btn,.game-page .sq-build-badge{display:none!important}
  .game-page .brand{font-size:10px!important}.game-page .brand-mark{width:25px!important;height:25px!important}.game-page .sq-user-identity{margin-left:auto!important;border-left:0!important}.game-page .language-switch select{height:25px!important;padding:1px 4px!important;font-size:9px!important}.game-page form[action="/logout"] .btn{height:25px!important;padding:2px 5px!important;font-size:8px!important}
  .game-shell{width:100%!important;max-width:none!important;height:calc(var(--sq-vh,100dvh) - 34px)!important;min-height:0!important;margin:0!important;padding:2px!important;gap:2px!important;overflow:hidden!important;grid-template-columns:1fr!important}
  .game-area{height:100%!important;min-height:0!important;gap:2px!important;overflow:hidden!important}.game-toolbar{flex:0 0 31px!important;min-height:31px!important;height:31px!important;padding:2px 5px!important;border-radius:6px!important;gap:4px!important;font-size:7px!important}.game-toolbar .btn-small{padding:3px 5px!important;font-size:7px!important}.table-title-block{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.table-title-block .badge{font-size:6px!important;padding:2px 3px!important}.round-meta{gap:3px!important;font-size:6.5px!important}.round-meta>span:nth-child(3){display:none!important}.mobile-game-action,.game-panel-toggle{padding:3px 5px!important;font-size:7px!important;min-height:24px!important}
  .poker-table-wrap{flex:1!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;display:grid!important;place-items:center!important}
  .game-page .poker-table{width:min(99vw,calc((var(--sq-vh,100dvh) - 70px)*1.92))!important;max-width:none!important;max-height:calc(var(--sq-vh,100dvh) - 70px)!important;aspect-ratio:1.92/1!important;border-width:5px!important;margin:0!important}
  .game-page .center-question{width:58%!important;max-height:70%!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:4px 6px!important;border-radius:8px!important;scrollbar-width:none!important}.game-page .center-question::-webkit-scrollbar{display:none}
  .game-page .center-question h2{font-size:clamp(9px,3.1vh,14px)!important;line-height:1.08!important;padding:0 27px!important;margin:1px 0 3px!important}.game-page .center-question .eyebrow{font-size:6px!important;margin:0 0 1px!important}.game-page .countdown-ring{width:25px!important;height:25px!important;right:4px!important;top:4px!important;font-size:8px!important}.game-page .answers{gap:2px!important}.game-page .answers button{min-height:24px!important;padding:2px 4px!important;border-radius:6px!important;font-size:8px!important;line-height:1!important}.game-page .answers button span{width:17px!important;height:17px!important;flex-basis:17px!important;font-size:8px!important;border-radius:4px!important}.game-page .answer-status{min-height:9px!important;margin-top:1px!important;font-size:7px!important}
  .game-page .seat{gap:1px!important}.game-page .seat-avatar{width:23px!important;height:23px!important;border-width:1px!important}.game-page .seat-info{min-width:43px!important;max-width:56px!important;padding:1px 3px!important;border-radius:4px!important}.game-page .seat-info strong{font-size:6.3px!important;max-width:50px!important}.game-page .seat-info span{font-size:5.5px!important}.game-page .seat-status,.game-page .seat-sqp-stars{font-size:4.8px!important}.game-page .answer-tick{width:12px!important;height:12px!important;font-size:6px!important}
  .game-page .game-corner-info{display:none!important}.game-page .pot-stack{transform:scale(.66)!important}
  .game-side{top:34px!important;bottom:0!important;width:min(330px,92vw)!important;max-height:none!important}.mobile-game-backdrop:not([hidden]){inset:34px 0 0!important}
  .game-page .sq-modal{width:min(94vw,440px)!important;max-height:90vh!important;max-height:90dvh!important;overflow:auto!important}
}
@media(max-width:700px) and (orientation:landscape){
  .game-page .center-question{width:62%!important}.game-page .seat-info{min-width:38px!important;max-width:48px!important}.game-page .seat-info strong{max-width:44px!important}.game-page .table-title-block .badge{display:none!important}.game-page .round-meta>span:nth-child(2){display:none!important}
}

/* Portrait game/lobby stays deliberately rotation-locked, but fills the whole screen cleanly. */
@media(orientation:portrait) and (max-width:950px){
  body.requires-landscape{width:100vw!important;height:var(--sq-vh,100dvh)!important;overflow:hidden!important}
  .requires-landscape .orientation-lock{width:100vw!important;height:var(--sq-vh,100dvh)!important;inset:0!important;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important}
}

/* Generic small-screen forms/pages: fit width instead of forcing browser zoom. */
@media(max-width:760px){
  .form-grid.two-col,.form-grid.three-col,.settings-page .profile-head,.tournament-grid,.tournament-start-box{grid-template-columns:1fr!important}
  .admin-shell{width:100%!important;max-width:none!important;margin:0!important;padding:7px!important;grid-template-columns:1fr!important}.admin-nav{max-width:100%;overflow-x:auto!important}
  table{max-width:100%}.table-wrap,.dataTables_wrapper{max-width:100%;overflow-x:auto}
}

/* =========================================================
   StakeQuiz 1.1.37 - LOGIN PORTRAIT RESTORE
   Desktop/old visual design stays untouched. On phones the
   same auth hero/card are compacted vertically instead of
   being replaced by the 1.1.36 landscape/mobile login.
   ========================================================= */
@media (max-width:950px) and (orientation:portrait){
  body.login-page{
    height:var(--sq-vh,100dvh)!important;
    min-height:var(--sq-vh,100dvh)!important;
    overflow:hidden!important;
  }
  .login-page .ambient{display:block!important}
  .login-page .auth-wrap,
  :root[data-ui-template="casino"] .login-page .auth-wrap{
    width:100%!important;
    max-width:100%!important;
    height:var(--sq-vh,100dvh)!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:max(42px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
  }
  .login-page .auth-hero,
  :root[data-ui-template="casino"] .login-page .auth-hero{
    display:flex!important;
    flex:0 0 auto!important;
    width:min(94vw,520px)!important;
    min-height:0!important;
    height:auto!important;
    padding:0 8px!important;
    margin:0!important;
    align-items:center!important;
    text-align:center!important;
    justify-content:center!important;
    gap:2px!important;
  }
  .login-page .casino-crown{font-size:18px!important;line-height:1!important;margin:0!important}
  .login-page .brand.giant{font-size:clamp(18px,5.4vw,25px)!important;line-height:1!important;margin:0!important;justify-content:center!important}
  .login-page .brand.giant .brand-mark{width:32px!important;height:32px!important;font-size:10px!important}
  .login-page .auth-hero .eyebrow{font-size:7px!important;line-height:1.1!important;margin:3px 0 0!important;letter-spacing:.12em!important}
  .login-page .auth-hero h1{font-size:clamp(18px,5vw,24px)!important;line-height:1.05!important;margin:2px 0!important}
  .login-page .auth-hero>p:not(.eyebrow){display:none!important}
  .login-page .casino-login-scene,.login-page .neon-orbit{display:none!important}

  .login-page .auth-card,
  :root[data-ui-template="casino"] .login-page .auth-card{
    flex:0 1 auto!important;
    width:min(94vw,480px)!important;
    max-width:480px!important;
    min-height:0!important;
    padding:12px 14px!important;
    margin:0!important;
    border-radius:14px!important;
    justify-self:auto!important;
    overflow:visible!important;
  }
  .login-page .auth-card-brand{margin:0 0 2px!important;font-size:9px!important}
  .login-page .auth-welcome{font-size:10px!important;margin:0 0 3px!important;line-height:1.15!important}
  .login-page .auth-card h2{font-size:20px!important;line-height:1.05!important;margin:3px 0 8px!important}
  .login-page .stack-form{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .login-page .stack-form label{gap:2px!important}
  .login-page .stack-form label>span{font-size:9px!important;line-height:1.1!important}
  .login-page .stack-form input{font-size:16px!important;min-height:39px!important;height:39px!important;padding:7px 10px!important;border-radius:9px!important}
  .login-page .btn-wide{min-height:39px!important;height:39px!important;padding:7px 12px!important}
  .login-page .auth-card>.muted{font-size:9px!important;line-height:1.2!important;margin:7px 0 0!important}
  .login-page .flash{font-size:9px!important;padding:6px 8px!important;margin:0 0 6px!important}
  .login-page .sq-android-download{margin-top:7px!important;padding:6px 8px!important;gap:7px!important;border-radius:10px!important}
  .login-page .sq-android-robot{width:31px!important;height:31px!important;flex-basis:31px!important}
  .login-page .sq-android-robot svg{width:29px!important;height:29px!important}
  .login-page .sq-android-copy strong{font-size:.70rem!important;line-height:1.05!important}
  .login-page .sq-android-copy small{font-size:.56rem!important;line-height:1.1!important}
  .login-page .auth-appearance-switch{
    position:fixed!important;
    z-index:80!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    top:max(5px,env(safe-area-inset-top))!important;
    width:auto!important;
    min-height:31px!important;
    justify-content:center!important;
    padding:3px 6px!important;
    border-radius:9px!important;
  }
  .login-page .auth-appearance-switch label{gap:3px!important;font-size:8px!important}
  .login-page .auth-appearance-switch select{min-width:78px!important;height:25px!important;padding:2px 5px!important;font-size:10px!important}
  .login-page .auth-theme-buttons button{height:25px!important;padding:3px 6px!important;font-size:9px!important}
}

/* Very short portrait devices: preserve every functional control. */
@media (max-width:950px) and (orientation:portrait) and (max-height:670px){
  .login-page .auth-wrap,:root[data-ui-template="casino"] .login-page .auth-wrap{gap:4px!important;padding-top:max(37px,env(safe-area-inset-top))!important;padding-bottom:4px!important}
  .login-page .casino-crown{display:none!important}
  .login-page .brand.giant{font-size:18px!important}.login-page .brand.giant .brand-mark{width:27px!important;height:27px!important}
  .login-page .auth-hero .eyebrow{font-size:6px!important}.login-page .auth-hero h1{font-size:17px!important;margin:1px 0!important}
  .login-page .auth-card,:root[data-ui-template="casino"] .login-page .auth-card{padding:8px 11px!important}
  .login-page .auth-card-brand,.login-page .auth-welcome{display:none!important}
  .login-page .auth-card h2{font-size:18px!important;margin:1px 0 5px!important}
  .login-page .stack-form{gap:4px!important}.login-page .stack-form input{height:35px!important;min-height:35px!important;padding:5px 8px!important}.login-page .btn-wide{height:35px!important;min-height:35px!important}
  .login-page .auth-card>.muted{margin-top:4px!important}.login-page .sq-android-download{margin-top:4px!important;padding:4px 7px!important}
}


/* =========================================================
   StakeQuiz 1.1.38 - mobile orientation + lobby filter fix
   Login prefers portrait, but NEVER blocks landscape. This is
   important for older Android wrappers that were landscape-locked.
   ========================================================= */
@media (max-width:950px) and (orientation:landscape) and (pointer:coarse){
  body.login-page{
    width:100%!important;height:var(--sq-vh,100dvh)!important;min-height:0!important;
    overflow:hidden!important;
  }
  body.login-page::after{content:none!important;display:none!important}
  .login-page .auth-wrap,.login-page .auth-appearance-switch{visibility:visible!important;pointer-events:auto!important}
  .login-page .auth-wrap,
  :root[data-ui-template="casino"] .login-page .auth-wrap{
    width:100%!important;max-width:none!important;height:var(--sq-vh,100dvh)!important;min-height:0!important;
    display:grid!important;grid-template-columns:minmax(160px,.72fr) minmax(300px,1fr)!important;
    align-items:center!important;justify-content:center!important;gap:10px!important;
    padding:max(38px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
  }
  .login-page .auth-hero,:root[data-ui-template="casino"] .login-page .auth-hero{
    display:flex!important;width:100%!important;max-width:350px!important;height:auto!important;min-height:0!important;
    padding:4px 8px!important;margin:0!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  }
  .login-page .casino-crown,.login-page .casino-login-scene,.login-page .neon-orbit{display:none!important}
  .login-page .brand.giant{font-size:18px!important;line-height:1!important;justify-content:center!important}
  .login-page .brand.giant .brand-mark{width:28px!important;height:28px!important;font-size:9px!important}
  .login-page .auth-hero .eyebrow{font-size:6px!important;margin:2px 0!important}.login-page .auth-hero h1{font-size:17px!important;line-height:1.05!important;margin:2px 0!important}
  .login-page .auth-hero>p:not(.eyebrow){display:none!important}
  .login-page .auth-card,:root[data-ui-template="casino"] .login-page .auth-card{
    width:min(100%,470px)!important;max-width:470px!important;min-height:0!important;padding:8px 11px!important;margin:0!important;border-radius:12px!important;
  }
  .login-page .auth-card-brand,.login-page .auth-welcome{display:none!important}.login-page .auth-card h2{font-size:18px!important;margin:1px 0 5px!important}
  .login-page .stack-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 7px!important;align-items:end!important}
  .login-page .stack-form label{gap:2px!important}.login-page .stack-form label>span{font-size:8px!important}
  .login-page .stack-form input{font-size:16px!important;height:34px!important;min-height:34px!important;padding:5px 8px!important}
  .login-page .btn-wide{grid-column:1/-1!important;height:34px!important;min-height:34px!important;padding:5px 9px!important}
  .login-page .auth-card>.muted{font-size:8px!important;line-height:1.15!important;margin:4px 0 0!important}
  .login-page .flash{font-size:8px!important;padding:4px 7px!important;margin:0 0 4px!important}
  .login-page .sq-android-download{margin-top:4px!important;padding:4px 7px!important;gap:6px!important}.login-page .sq-android-robot{width:27px!important;height:27px!important;flex-basis:27px!important}.login-page .sq-android-robot svg{width:25px!important;height:25px!important}
  .login-page .sq-android-copy strong{font-size:.64rem!important}.login-page .sq-android-copy small{font-size:.52rem!important}
  .login-page .auth-appearance-switch{position:fixed!important;z-index:80!important;top:max(4px,env(safe-area-inset-top))!important;left:max(6px,env(safe-area-inset-left))!important;right:max(6px,env(safe-area-inset-right))!important;width:auto!important;min-height:28px!important;padding:2px 5px!important;justify-content:center!important}
  .login-page .auth-appearance-switch label{font-size:7px!important}.login-page .auth-appearance-switch select{height:23px!important;min-width:74px!important;font-size:9px!important;padding:1px 4px!important}.login-page .auth-theme-buttons button{height:23px!important;font-size:8px!important;padding:2px 5px!important}
}

/* Mobile lobby game type chooser: always reachable and clickable. */
@media(max-width:950px) and (orientation:landscape){
  .lobby-page .pro-game-rail,
  :root[data-ui-template="casino"] .lobby-page .pro-game-rail{
    position:relative!important;z-index:20!important;pointer-events:auto!important;
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    overflow:visible!important;gap:3px!important;
  }
  .lobby-page .pro-mode,
  :root[data-ui-template="casino"] .lobby-page .pro-mode{
    min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;
    pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;
    grid-template-columns:18px minmax(0,1fr)!important;padding:3px 4px!important;
  }
  .lobby-page .pro-mode strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:7.5px!important}
  .lobby-page .pro-mode.active{outline:1px solid rgba(241,210,109,.72)!important;outline-offset:-1px!important;transform:none!important}
  .lobby-page .sq-mobile-type-filter-wrap{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;min-width:156px!important}
  .lobby-page .sq-mobile-type-filter-wrap span{font-size:6.5px!important;color:var(--muted)!important;white-space:nowrap!important}
  .lobby-page #sq-mobile-type-filter{height:26px!important;min-height:26px!important;max-width:145px!important;padding:2px 20px 2px 5px!important;font-size:9px!important;border-radius:6px!important;touch-action:manipulation!important}
}
@media(min-width:951px){.sq-mobile-type-filter-wrap{display:none!important}}