/* V1.27.78 — Roleta com título singular e respiro entre a roda e o saldo.
   Tela translúcida, conteúdo sem caixa branca/borda/sombra, fluxo mantido até consumir os giros. */

#wheelPlayModal{
  padding:max(12px,env(safe-area-inset-top,0px)) 6px max(12px,env(safe-area-inset-bottom,0px))!important;
  background:radial-gradient(circle at 50% 22%,rgba(34,197,94,.15),transparent 34%),rgba(2,6,23,.82)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Sem caixa visual de modal: exatamente como a experiência das Caixinhas. */
#wheelPlayModal>.wheel-play-modal-card{
  position:relative!important;
  width:100%!important;
  max-width:940px!important;
  padding:0!important;
  margin:auto!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#wheelPlayModal>.wheel-play-modal-card::before,
#wheelPlayModal>.wheel-play-modal-card::after,
#wheelPlayModal .wheel-play-modal-head::before,
#wheelPlayModal .wheel-play-modal-head::after{content:none!important;display:none!important}

/* O fluxo da roleta fica aberto enquanto houver bônus, por isso não há X de saída. */
#wheelPlayModal .wheel-play-close{display:none!important}

#wheelPlayModal .wheel-play-modal-head{
  width:100%!important;
  padding:0!important;
  margin:0 0 12px!important;
  text-align:center!important;
}
#wheelPlayModal #wheelPlayModalTitle{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.9rem,7vw,2.6rem)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  text-shadow:0 8px 24px rgba(0,0,0,.34)!important;
  animation:wheelTitlePulse12774 1.7s ease-in-out infinite!important;
}
/* A Caixinha usa o saldo embaixo; a Roleta segue a mesma hierarquia. */
#wheelPlayModal #wheelPlayModalSubtitle{display:none!important}

#wheelPlayModal #wheelPlaySurface{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
#wheelPlayModal #wheelPlaySurface>.wheel-stage{
  width:100%!important;
  min-height:350px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:visible!important;
}
#wheelPlayModal .wheel-disc{
  width:min(420px,82vw)!important;
  max-width:100%!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))!important;
}
#wheelPlayModal .wheel-pointer{top:6px!important}
#wheelPlayModal .wheel-center-button{
  width:30%!important;
  max-width:122px!important;
  min-width:82px!important;
  min-height:82px!important;
  font-size:.82rem!important;
  text-transform:uppercase!important;
  -webkit-tap-highlight-color:transparent!important;
}
#wheelPlayModal .wheel-center-button:disabled{opacity:.64!important;cursor:default!important}

#wheelPlayModal .wheel-play-balance-line{
  margin:18px 0 0!important;
  color:rgba(241,245,249,.96)!important;
  font-size:.92rem!important;
  font-weight:700!important;
  text-align:center!important;
}
#wheelPlayModal .wheel-play-balance-line strong{
  display:inline-block!important;
  margin-left:4px!important;
  color:#fff!important;
  font-size:calc(.92rem + 2px)!important;
  font-weight:1000!important;
  text-shadow:0 4px 12px rgba(0,0,0,.40)!important;
}

/* Mesmo botão translúcido da Caixinha: só muda o texto da ação. */
#wheelPlayModal .gift-box-open-all-btn{
  width:min(330px,calc(100% - 28px))!important;
  min-height:46px!important;
  margin:14px auto 0!important;
  padding:11px 18px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:.88rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-align:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}
#wheelPlayModal .gift-box-open-all-btn:active{transform:scale(.985)!important}
#wheelPlayModal .gift-box-open-all-btn:disabled{opacity:.55!important;cursor:default!important;transform:none!important}
#wheelPlayModal #spinAllWheelBtn.hidden{display:none!important}

@keyframes wheelTitlePulse12774{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.94}}

@media(max-width:700px){
  #wheelPlayModal{
    padding-top:max(10px,env(safe-area-inset-top,0px))!important;
    padding-bottom:max(24px,env(safe-area-inset-bottom,0px))!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  #wheelPlayModal>.wheel-play-modal-card{
    min-height:calc(100% + 18px)!important;
  }
  #wheelPlayModal #wheelPlayModalTitle{font-size:1.78rem!important}
  #wheelPlayModal #wheelPlaySurface>.wheel-stage{min-height:315px!important}
  #wheelPlayModal .wheel-disc{width:min(330px,86vw)!important}
  #wheelPlayModal .wheel-center-button{
    width:29%!important;
    max-width:104px!important;
    min-width:76px!important;
    min-height:76px!important;
    font-size:.75rem!important;
  }
  #wheelPlayModal .wheel-play-balance-line{margin-top:16px!important;font-size:.88rem!important}
  #wheelPlayModal .wheel-play-balance-line strong{font-size:calc(.88rem + 2px)!important}
  #wheelPlayModal .gift-box-open-all-btn{
    width:min(310px,calc(100% - 24px))!important;
    min-height:44px!important;
    margin-top:12px!important;
    font-size:.82rem!important;
  }
}

@media(max-width:360px){
  #wheelPlayModal #wheelPlaySurface>.wheel-stage{min-height:286px!important}
  #wheelPlayModal .wheel-disc{width:min(292px,84vw)!important}
  #wheelPlayModal .wheel-center-button{min-width:70px!important;min-height:70px!important;font-size:.7rem!important}
}

@media(prefers-reduced-motion:reduce){
  #wheelPlayModal #wheelPlayModalTitle{animation:none!important}
}