/* NEMAZING V100 — final forced light roulette
   Loaded last so old roulette-v4 dark styles can no longer win. */

html body.roulette-page .roulette-v4-main{
  background:
    radial-gradient(circle at 50% 0,rgba(109,93,252,.08),transparent 31%),
    linear-gradient(180deg,#f7f8fc 0%,#f3f5fa 100%)!important;
  color:#20232d!important;
}

html body.roulette-page .roulette-v4-stage,
html body.roulette-page .roulette-v4-stage[data-theme="free"]{
  --roulette-accent:#705cff!important;
  color:#20232d!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfe 100%)!important;
  border:1px solid #dfe3ec!important;
  box-shadow:0 18px 48px rgba(32,36,62,.075)!important;
}

html body.roulette-page .roulette-v4-stage[data-theme="gold"]{
  --roulette-accent:#cf9417!important;
  color:#20232d!important;
  background:linear-gradient(180deg,#fffef9 0%,#fffaf0 100%)!important;
  border-color:#eee2c5!important;
  box-shadow:0 18px 48px rgba(106,79,18,.07)!important;
}

html body.roulette-page .roulette-v4-stage[data-theme="diamond"]{
  --roulette-accent:#1588b1!important;
  color:#20232d!important;
  background:linear-gradient(180deg,#fbfeff 0%,#f2fbff 100%)!important;
  border-color:#d7eaf2!important;
  box-shadow:0 18px 48px rgba(21,105,137,.07)!important;
}

/* Old dark glow becomes a subtle light accent. */
html body.roulette-page .roulette-v4-stage::before{
  width:260px!important;
  height:260px!important;
  right:-85px!important;
  bottom:-120px!important;
  background:var(--roulette-accent)!important;
  filter:blur(115px)!important;
  opacity:.065!important;
}

/* Heading / description / availability */
html body.roulette-page .roulette-v4-stage-head h2{
  color:#20232d!important;
  text-shadow:none!important;
}

html body.roulette-page .roulette-v4-stage-head p,
html body.roulette-page .roulette-v4-payment span,
html body.roulette-page .roulette-v4-payment small,
html body.roulette-page .roulette-v4-availability span,
html body.roulette-page .roulette-v4-stage .roulette-status{
  color:#7b8292!important;
}

html body.roulette-page .roulette-v4-payment strong,
html body.roulette-page .roulette-v4-availability strong{
  color:#242833!important;
}

html body.roulette-page .roulette-v4-badge{
  background:#eeebff!important;
  color:#5f50e9!important;
  border:1px solid #ddd7ff!important;
  box-shadow:none!important;
}

html body.roulette-page .roulette-v4-stage[data-theme="gold"] .roulette-v4-badge{
  background:#fff3cf!important;
  color:#9b6500!important;
  border-color:#f0dfaa!important;
}

html body.roulette-page .roulette-v4-stage[data-theme="diamond"] .roulette-v4-badge{
  background:#e6f7ff!important;
  color:#08769d!important;
  border-color:#cdeaf5!important;
}

html body.roulette-page .roulette-v4-availability{
  background:#f7f8fb!important;
  border:1px solid #e0e4ec!important;
  box-shadow:none!important;
}

/* Roulette viewport itself */
html body.roulette-page .roulette-v4-window{
  background:#f1f3f7!important;
  border:1px solid #d8dde6!important;
  box-shadow:
    inset 0 0 34px rgba(48,54,80,.055),
    0 8px 20px rgba(34,39,62,.025)!important;
}

html body.roulette-page .roulette-v4-window::before{
  background:linear-gradient(
    90deg,
    #f1f3f7 0%,
    rgba(241,243,247,.92) 42%,
    rgba(241,243,247,0) 100%
  )!important;
}

html body.roulette-page .roulette-v4-window::after{
  background:linear-gradient(
    -90deg,
    #f1f3f7 0%,
    rgba(241,243,247,.92) 42%,
    rgba(241,243,247,0) 100%
  )!important;
}

html body.roulette-page .roulette-v4-window .roulette-strip{
  background:transparent!important;
}

/* Prize cards — size intentionally NOT overridden here; V89 remains responsible for sizing. */
html body.roulette-page .roulette-v4-window .roulette-item{
  background:#ffffff!important;
  border:1px solid #dfe3eb!important;
  box-shadow:0 8px 20px rgba(31,36,59,.05)!important;
}

html body.roulette-page .roulette-v4-window .roulette-item strong{
  color:#242833!important;
  text-shadow:none!important;
}

html body.roulette-page .roulette-v4-window .roulette-item small{
  color:#89909f!important;
}

html body.roulette-page .roulette-v4-window .roulette-item img{
  filter:drop-shadow(0 9px 12px rgba(36,41,65,.13))!important;
}

/* Center pointer remains vivid but not neon-dark. */
html body.roulette-page .roulette-v4-window .roulette-pointer{
  border-top-color:var(--roulette-accent)!important;
  filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--roulette-accent) 34%,transparent))!important;
}

/* Bottom controls */
html body.roulette-page .roulette-v4-controls{
  color:#20232d!important;
}

html body.roulette-page .roulette-v4-spin{
  background:var(--roulette-accent)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--roulette-accent) 22%,transparent)!important;
}

html body.roulette-page .roulette-v4-spin:disabled{
  background:#c8c4e8!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Recent winnings are always light as well. */
html body.roulette-page .roulette-recent-section{
  background:#fff!important;
  color:#20232d!important;
  border:1px solid #e1e4ec!important;
  box-shadow:0 14px 38px rgba(31,36,59,.055)!important;
}

html body.roulette-page .roulette-recent-heading h2{
  color:#252833!important;
}

html body.roulette-page .roulette-recent-card{
  background:#f8f9fc!important;
  border:1px solid #e3e6ed!important;
}

html body.roulette-page .roulette-recent-copy strong{color:#25293f!important}
html body.roulette-page .roulette-recent-copy span{color:#697083!important}
html body.roulette-page .roulette-recent-copy small{color:#989eac!important}

/* Explicit kill-switch for dark inline/legacy stage backgrounds. */
html body.roulette-page #roulette-stage{
  background-image:none!important;
}

html body.roulette-page #roulette-stage[data-theme="free"]{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfe 100%)!important;
}
html body.roulette-page #roulette-stage[data-theme="gold"]{
  background:linear-gradient(180deg,#fffef9 0%,#fffaf0 100%)!important;
}
html body.roulette-page #roulette-stage[data-theme="diamond"]{
  background:linear-gradient(180deg,#fbfeff 0%,#f2fbff 100%)!important;
}

@media(max-width:700px){
  html body.roulette-page .roulette-v4-stage{
    border-radius:22px!important;
  }
}
