/* StakeQuiz 1.1.47 - lobby preview uses admin-selected visuals + mobile menu stacking fix */

/* Lobby table preview: use the same background and table image as the real game table. */
.lobby-page .preview-table-wrap.sq-table-visual-preview{
  position:relative;
  overflow:hidden;
  border-radius:8px;
  background-color:#071018;
  background-image:
    linear-gradient(rgba(4,7,12,.24),rgba(3,5,9,.42)),
    var(--sq-preview-background-image, none) !important;
  background-size:cover,cover !important;
  background-position:center,center !important;
  background-repeat:no-repeat,no-repeat !important;
}
.lobby-page .preview-table-wrap.sq-table-visual-preview:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(0,0,0,.16) 100%);
  z-index:0;
}
.lobby-page .preview-table-wrap.sq-table-visual-preview .preview-poker-table{
  z-index:1;
}
.lobby-page .preview-poker-table.sq-table-image-preview{
  background-color:transparent !important;
  background-image:
    var(--sq-preview-table-image, none),
    radial-gradient(ellipse at 50% 48%,rgba(23,97,90,.76) 0,rgba(12,75,71,.74) 48%,rgba(7,54,51,.74) 72%,rgba(6,30,30,.78) 100%) !important;
  background-size:100% 100%,100% 100% !important;
  background-position:center,center !important;
  background-repeat:no-repeat,no-repeat !important;
}

/* The menu must be in the top stacking layer on mobile. */
@media(max-width:950px){
  .lobby-page .pro-client-shell{
    position:relative !important;
    z-index:1 !important;
    overflow:visible !important;
  }
  .lobby-page .pro-lobby-toolbar{
    position:relative !important;
    z-index:2147480000 !important;
    overflow:visible !important;
    isolation:isolate;
  }
  .lobby-page .pro-lobby-brandline{
    position:relative !important;
    z-index:2147481000 !important;
    overflow:visible !important;
  }
  .sq-mobile-lobby-menu,
  .sq-mobile-top-menu{
    position:relative !important;
    z-index:2147482000 !important;
    overflow:visible !important;
  }
  .sq-mobile-menu-panel{
    z-index:2147483000 !important;
  }
  .game-page .topbar{
    z-index:2147480000 !important;
    overflow:visible !important;
  }
  .game-page .sq-mobile-top-menu{
    z-index:2147482000 !important;
  }
  .game-page .sq-mobile-top-menu .sq-mobile-menu-panel{
    z-index:2147483000 !important;
  }
}