/* Layout largo no PC (23/10, devjunior): a coluna da direita (chat da referência, nunca clonado) ficava vazia
   e o conteúdo usava só 84% da largura → sobrava espaço. Agora o conteúdo vai até a borda e o topo acompanha. */
@media(min-width:1024px){
.casino-shell[data-page-frame=true][data-v-66755cc3]{--classic-coluna-direita:0px;
  --classic-main-available:min(1400px,calc(var(--classic-layout-viewport) - var(--sidebar-width) - var(--classic-frame-gutter)*3));
  --classic-content-max:var(--classic-main-available)}
}
@media(min-width:1024px){
.casino-shell[data-page-frame=true] .vera-header-inner{max-width:none!important;margin-inline:0!important;
  padding-inline:calc((var(--classic-layout-viewport) - var(--sidebar-width) - var(--classic-main-available) - var(--classic-frame-gutter))/2)!important}
}
/* tela do jogo logado: o JOGAR sozinho ocupa a linha toda (antes ficava em meia coluna) */
.presell-auth-grid>.presell-play:only-child{grid-column:1/-1}

/* página do jogo no celular (23/10, print do devjunior): tudo enquadrado */
@media(max-width:1023px){
  /* cartão do jogo: sem a faixa de fundo borrado sobrando em cima/embaixo (moldura torta) */
  .presell-overlay--inline{padding:0!important}
  .mobile-presell-wrapper{border-radius:16px!important;overflow:hidden}
  /* estatísticas: grade 2x2 com todos os cartões visíveis (antes era faixa rolando pro lado, cortando valores) */
  .stats-track[data-v-350c79f6]{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible!important;scroll-snap-type:none}
  .stats-col[data-v-350c79f6]{display:contents!important}
  .stats-section .rl-seta,.stats-fade-right[data-v-350c79f6],.stats-section [aria-label="Próximo"],.stats-section [aria-label="Anterior"]{display:none!important}
  .stats-card[data-v-350c79f6]{min-width:0;padding:11px 12px}
  .stats-card-value[data-v-350c79f6]{font-size:clamp(13px,3.9vw,16px)!important}
  .stats-card-label[data-v-350c79f6]{font-size:9.5px!important;letter-spacing:.03em}
  .stats-header[data-v-350c79f6]{gap:10px}
}
/* PC: as 5 colunas de estatísticas cabem inteiras (antes a 5ª saía cortada pela direita) */
@media(min-width:1024px){
  .stats-track[data-v-350c79f6]{display:grid!important;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:minmax(0,1fr);gap:12px;overflow:visible!important}
  .stats-col[data-v-350c79f6]{display:contents!important}
  .stats-section .rl-seta,.stats-fade-right[data-v-350c79f6],.stats-section .stats-arrow{display:none!important}
}

/* página do jogo no celular: capa sem buraco embaixo (23/10, foto do devjunior) — capa e dados com a mesma largura,
   dados mais compactos, e a capa centralizada na altura da coluna de dados */
@media(max-width:1023px){
  .mobile-presell-view .presell-grid[data-v-3419ee5b]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .mobile-presell-view .presell-grid>.p-4{padding:14px 10px 14px 14px}
  .mobile-presell-view .presell-info{padding:14px 14px 14px 4px!important;gap:8px!important}
  .mobile-presell-view .presell-stat{padding:8px 10px!important}
  .mobile-presell-view .presell-stat-value{font-size:14px!important}
  .mobile-presell-view .presell-share-btn{width:27px!important;height:27px!important;min-width:0!important;padding:0!important}
  .mobile-presell-view .presell-share-btn svg{width:13px!important;height:13px!important}
  .mobile-presell-view .presell-info>div:has(>.presell-share-btn){flex-wrap:nowrap!important;gap:5px!important}
}
