
/* 0.18.35 — real approved glass wheel, embedded ONCE per asset. */
:root{--vozaya-seg:image-set(url("wheel-segment.804c82f516e9caf0.webp") type("image/webp"), url("wheel-segment.cd0532ca448bce0b.png") type("image/png"));--vozaya-hub:image-set(url("wheel-hub.2b3d6988e8effc08.webp") type("image/webp"), url("wheel-hub.921da15bfabc5c16.png") type("image/png"));}

.early-access-hero .join-wheel-assembly{width:clamp(390px,34vw,500px)!important}
.early-access-hero .join-impact-halo,.early-access-hero .join-impact-ring{width:clamp(390px,34vw,500px)!important}

/* Eliminate all old segment artwork layers. */
.early-access-hero .join-wheel-canvas.join-wheel-autoplay .join-segment-float{
  background:none!important;box-shadow:none!important;overflow:visible!important;
  clip-path:none!important;-webkit-clip-path:none!important;display:block!important;
}
.early-access-hero .join-wheel-canvas.join-wheel-autoplay .join-segment-float>img{display:none!important}
.early-access-hero .join-wheel-canvas.join-wheel-autoplay .join-segment-float::after{content:none!important;display:none!important}

/* One actual approved glass segment, reused 8 times. */
.early-access-hero .join-wheel-canvas.join-wheel-autoplay .join-segment-float::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  background-image:var(--vozaya-seg)!important;background-repeat:no-repeat!important;
  background-position:center!important;background-size:contain!important;
  opacity:1!important;z-index:3!important;pointer-events:none!important;
  transform-origin:50% 50%!important;filter:var(--glass-filter)!important;
}
.early-access-hero .piece-eat .join-segment-float::before{transform:rotate(0deg)!important;--glass-filter:hue-rotate(0deg) saturate(1.02)}
.early-access-hero .piece-nightlife .join-segment-float::before{transform:rotate(45deg)!important;--glass-filter:hue-rotate(320deg) saturate(1.08)}
.early-access-hero .piece-events .join-segment-float::before{transform:rotate(90deg)!important;--glass-filter:hue-rotate(270deg) saturate(1.05)}
.early-access-hero .piece-wellness .join-segment-float::before{transform:rotate(135deg)!important;--glass-filter:hue-rotate(225deg) saturate(1.10)}
.early-access-hero .piece-style .join-segment-float::before{transform:rotate(180deg)!important;--glass-filter:hue-rotate(185deg) saturate(1.05)}
.early-access-hero .piece-property .join-segment-float::before{transform:rotate(225deg)!important;--glass-filter:hue-rotate(115deg) saturate(1.08)}
.early-access-hero .piece-travel .join-segment-float::before{transform:rotate(270deg)!important;--glass-filter:hue-rotate(52deg) saturate(1.05)}
.early-access-hero .piece-experiences .join-segment-float::before{transform:rotate(315deg)!important;--glass-filter:hue-rotate(26deg) saturate(1.08)}

/* Actual approved hub, also embedded once. */
.early-access-hero .join-wheel-center{display:grid!important;place-items:center!important;overflow:visible!important}
.early-access-hero .join-wheel-center>img,.early-access-hero .vozaya-new-hub{display:none!important}
.early-access-hero .join-wheel-center::after{
  content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;
  width:58%!important;height:58%!important;transform:translate(-50%,-50%)!important;
  border-radius:50%!important;background-image:var(--vozaya-hub)!important;background-size:contain!important;
  background-repeat:no-repeat!important;background-position:center!important;z-index:12!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.42))!important;pointer-events:none!important;
}

@media(max-width:760px){
 .early-access-hero .join-wheel-assembly{width:min(72vw,360px)!important}
 .early-access-hero .join-impact-halo,.early-access-hero .join-impact-ring{width:min(72vw,360px)!important}
 .early-access-hero .join-wheel-center::after{width:58.5%!important;height:58.5%!important}
}
@media(max-width:430px){
 .early-access-hero .join-wheel-assembly{width:min(78vw,320px)!important}
 .early-access-hero .join-impact-halo,.early-access-hero .join-impact-ring{width:min(78vw,320px)!important}
}
