/* Clean functional roulette: rotating dial + fixed premium rim + top pointer */
.hero .image-bg.hero-wheel-shell,
.hero-wheel-shell,
.hero-wheel-embed,
.hero-wheel-stage{
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
.hero .image-bg.hero-wheel-shell,
.hero-wheel-shell{
  width:min(100%,540px)!important;
  max-width:540px!important;
  margin:18px auto 0!important;
  padding:0!important;
  overflow:visible!important;
}
.hero-wheel-shell::before,
.hero-wheel-shell::after,
.hero-wheel-embed::before,
.hero-wheel-embed::after{display:none!important;content:none!important;}
.hero-wheel-embed{position:relative!important;width:100%!important;padding:0!important;}
.hero-wheel-stage{
  position:relative!important;
  width:100%!important;
  max-width:540px!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  isolation:isolate!important;
  border-radius:50%!important;
  cursor:pointer!important;
}
/* fixed rim: a single clean PNG, no radial lines */
.hero-wheel-stage::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:block!important;
  pointer-events:none!important;
  background:url('wheel-rim-clean.webp') center/100% 100% no-repeat!important;
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(235,180,42,.15))!important;
}
/* fixed top pointer */
.hero-wheel-stage::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-0.8%!important;
  width:16%!important;
  aspect-ratio:1/1!important;
  transform:translateX(-50%)!important;
  z-index:8!important;
  display:block!important;
  pointer-events:none!important;
  background:url('wheel-pointer-clean.webp') center/contain no-repeat!important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))!important;
}
.hero-wheel-ambient,
.hero-wheel-pointer,
.hero-wheel-labels,
.hero-wheel-pedestal,
.hero-wheel-ring,
.hero-wheel-core,
.hero-wheel-shine{display:none!important;}
/* only this dial rotates */
.hero-wheel-disc{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:72%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  z-index:3!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:url('wheel-rotor-square.webp') center/100% 100% no-repeat!important;
  border:0!important;
  box-shadow:0 0 0 2px rgba(71,38,4,.95),0 0 0 5px rgba(238,192,74,.88),inset 0 0 24px rgba(0,0,0,.22)!important;
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:50% 50%;
  will-change:transform;
  pointer-events:none!important;
}
.hero-wheel-disc>*{display:none!important;}
.hero-wheel-disc::before,
.hero-wheel-disc::after{display:none!important;content:none!important;}
/* fixed center button */
.hero-wheel-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:24%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  z-index:7!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:url('wheel-center-fixed.webp') center/100% 100% no-repeat!important;
  box-shadow:0 10px 22px rgba(0,0,0,.42)!important;
  color:transparent!important;
  font-size:0!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.hero-wheel-center>img,
.hero-wheel-center>span,
.hero-wheel-center::before,
.hero-wheel-center::after{display:none!important;content:none!important;}
.hero-wheel-center:hover{transform:translate(-50%,-50%) scale(1.025)!important;}
.hero-wheel-center:active{transform:translate(-50%,-50%) scale(.985)!important;}
.hero-wheel-center:focus-visible{outline:2px solid #ffe39a!important;outline-offset:4px!important;}
.hero-wheel-overlay__dialog{
  width:min(96vw,620px)!important;
  padding:18px!important;
  background:linear-gradient(180deg,rgba(25,15,7,.98),rgba(8,6,4,.99))!important;
  border:1px solid rgba(242,197,76,.36)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.52)!important;
}
.hero-wheel-embed--popup .hero-wheel-stage{max-width:540px!important;}
@media(max-width:767px){
  .hero .image-bg.hero-wheel-shell,
  .hero-wheel-shell{width:100%!important;max-width:100%!important;}
  .hero-wheel-stage{max-width:390px!important;}
  .hero-wheel-stage::after{top:-0.6%!important;width:16%!important;}
  .hero-wheel-overlay__dialog{width:min(96vw,430px)!important;padding:10px!important;}
}


/* remove accidental square frame/shadow around the wheel stage */
.hero .image-bg.hero-wheel-shell,
.hero-wheel-shell,
.hero-wheel-embed,
.hero-wheel-stage{
  filter:none!important;
  box-shadow:none!important;
  background:transparent!important;
}


/* remove translucent square shell behind roulette */
.hero .image-bg.hero-wheel-shell,
.hero-wheel-shell{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  outline:0!important;
}

/* FINAL: keep floating wheel icon visible and remove only the rotating square frame */
.hero-wheel-fab,
.hero-wheel-fab:hover,
.hero-wheel-fab:active,
.hero-wheel-fab:focus,
.hero-wheel-fab:focus-visible{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:50%!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
.hero-wheel-fab::before,
.hero-wheel-fab::after{
  content:none!important;
  display:none!important;
}
.hero-wheel-fab img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}