/* V1.27.19 — mantém TAG/lista da Roleta na página; giro e seletores ficam no modal */

/* O bloco público da Roleta continua na página inicial. */
#roleta-instantanea-card{
  display:block!important;
}

#roleta-instantanea-card > .wheel-unified-white-card{
  display:block!important;
}

/* Mantém o cabeçalho/TAG "Roleta Instantânea" e remove somente o seletor de quantidade. */
#roleta-instantanea-card #ofertas-roleta{
  display:block!important;
  padding-bottom:0!important;
}

#roleta-instantanea-card #ofertas-roleta.hidden{
  display:none!important;
}

#roleta-instantanea-card #ofertas-roleta .wheel-offers-shell,
#roleta-instantanea-card #ofertas-roleta #wheelOffersList{
  display:none!important;
}

/* Na página inicial ficam apenas contador/TAG de premiações e a lista. */
#roleta-instantanea-card #roleta{
  padding-top:0!important;
}

#roleta-instantanea-card #roleta > .container{
  width:100%!important;
  max-width:none!important;
  padding-top:0!important;
}

#roleta-instantanea-card #roleta .wheel-public{
  display:block!important;
  margin-top:0!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

#roleta-instantanea-card #roleta .wheel-public-title-data,
#roleta-instantanea-card #roleta .wheel-stage,
#roleta-instantanea-card #roleta #wheelRuleTitle,
#roleta-instantanea-card #roleta #wheelRuleText,
#roleta-instantanea-card #roleta #wheelAccountStatus,
#roleta-instantanea-card #roleta #wheelResult,
#roleta-instantanea-card #roleta #wheelHistory{
  display:none!important;
}

#roleta-instantanea-card #roleta .wheel-info{
  display:block!important;
  padding:0!important;
  margin:0!important;
}

#roleta-instantanea-card #roleta #wheelPrizeSummary{
  margin-top:0!important;
}

/* Modal de giro: mesma família visual da Caixinha Premiada. */
#wheelPlayModal > .wheel-play-modal-card{
  width:min(650px,100%);
  background:#101417;
  border-color:#34414b;
  overflow:hidden;
  position:relative;
}

#wheelPlayModal .wheel-play-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
}

#wheelPlayModal .wheel-play-modal-head{
  text-align:center;
  padding-right:32px;
}

#wheelPlayModal .wheel-play-modal-head h3{
  margin:0;
}

#wheelPlayModal .wheel-play-modal-head p{
  margin:8px 0 0;
  color:#96a2af;
  font-size:.84rem;
}

#wheelPlayModal #wheelPlaySurface{
  margin-top:10px;
  width:100%;
}

/* Somente o palco/disco é deslocado para o modal. */
#wheelPlayModal #wheelPlaySurface > .wheel-stage{
  min-height:330px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  width:100%!important;
}

#wheelPlayModal .wheel-pointer{
  top:6px!important;
}

#wheelPlayModal .wheel-disc{
  width:min(320px,76vw)!important;
}

#wheelPlayModal .wheel-center-button{
  width:30%!important;
  max-width:108px;
  font-size:.76rem!important;
  text-transform:uppercase!important;
}

#wheelPlayModal .wheel-play-opening-text{
  margin-top:2px;
}

#wheelPlayModal .wheel-play-balance-line{
  margin-top:2px;
}

#wheelPlayModal #spinAllWheelBtn{
  margin-top:14px;
}

#wheelPlayModal #spinAllWheelBtn.hidden{
  display:none!important;
}

#wheelPlayModal .wheel-batch-prize-list{
  display:grid;
  gap:10px;
  width:100%;
}

#wheelPlayModal .wheel-batch-prize-item,
#wheelResultModal .wheel-batch-prize-item{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(245,158,11,.28);
  background:rgba(245,158,11,.08);
}

@media (max-width:520px), (min-width:701px){
  #wheelPlayModal > .wheel-play-modal-card{
    padding:13px;
  }

  #wheelPlayModal #wheelPlaySurface > .wheel-stage{
    min-height:305px!important;
  }

  #wheelPlayModal .wheel-disc{
    width:min(292px,78vw)!important;
  }

  #wheelPlayModal .wheel-center-button{
    width:30%!important;
    max-width:98px;
    font-size:.72rem!important;
  }
}