/* ==========================================================
   ST4R V93 — CLEAN SINGLE WHEEL LAYER
   One wheel, one outer ring, one static inner ring, one comet.
   No animated masks, no duplicate ring scripts, no wheel CSS transitions.
   ========================================================== */

/* Stage */
body.compact-site #daily .st4r60-wheel-stage{
  position:relative!important;
  width:100%!important;
  height:330px!important;
  min-height:330px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 8px!important;
  padding:0!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* Kill legacy pseudo outer ring. V93 uses one real DOM ring only. */
body.compact-site #daily .st4r60-wheel-stage::before{
  content:none!important;
  display:none!important;
}

/* Wheel: only the wheel rotates. */
body.compact-site #daily #dailyWheel.v28-wheel.st4r60-wheel{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:300px!important;height:300px!important;
  min-width:300px!important;min-height:300px!important;
  flex:0 0 300px!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  background-color:transparent!important;
  background-image:repeating-conic-gradient(
    from -18deg,
    rgba(255,255,255,0) 0deg 35.25deg,
    rgba(205,236,255,.26) 35.25deg 36deg
  )!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(214,243,255,.28)!important;
  outline:1px solid rgba(194,230,255,.12)!important;
  outline-offset:-8px!important;
  box-shadow:inset 0 0 20px rgba(8,18,58,.08)!important;
  filter:none!important;
  opacity:1!important;
  z-index:10!important;
  transform-origin:50% 50%!important;
  transition:none!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  contain:layout paint style!important;
}

/* No legacy image/overlay layers on the rotating wheel. */
body.compact-site #daily #dailyWheel::before,
body.compact-site #daily #dailyWheel::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  animation:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.compact-site #daily #dailyWheel > img,
body.compact-site #daily #dailyWheel > canvas,
body.compact-site #daily #dailyWheel > svg,
body.compact-site #daily #dailyWheel > .wheel-face,
body.compact-site #daily #dailyWheel > .wheel-bg,
body.compact-site #daily #dailyWheel > .wheel-image,
body.compact-site #daily #dailyWheel > .face{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* Reward labels are now native HTML — no injection script required. */
body.compact-site #daily #dailyWheel .v28-label{
  position:absolute!important;
  z-index:12!important;
  transform:translate(-50%,-50%)!important;
  color:#f8fbff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:.95!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 5px rgba(0,0,0,.92),0 0 6px rgba(255,255,255,.14)!important;
  pointer-events:none!important;
}
body.compact-site #daily #dailyWheel .v28-l1000{left:50%!important;top:10.5%!important;color:#ffe98f!important;font-size:20px!important}
body.compact-site #daily #dailyWheel .v28-l750{left:25%!important;top:18.5%!important;color:#ffe98f!important;font-size:17px!important}
body.compact-site #daily #dailyWheel .v28-l100{left:75.5%!important;top:18.5%!important}
body.compact-site #daily #dailyWheel .v28-l150{left:89%!important;top:39%!important}
body.compact-site #daily #dailyWheel .v28-l200{left:89%!important;top:61%!important}
body.compact-site #daily #dailyWheel .v28-l300{left:75.5%!important;top:82%!important}
body.compact-site #daily #dailyWheel .v28-lfree{left:50%!important;top:89%!important;font-size:13px!important;line-height:.88!important}
body.compact-site #daily #dailyWheel .v28-l500{left:25%!important;top:82%!important}
body.compact-site #daily #dailyWheel .v28-l50{left:11%!important;top:61%!important}
body.compact-site #daily #dailyWheel .v28-l25{left:11%!important;top:39%!important;font-size:13px!important;line-height:.88!important}

/* One outer ring. */
body.compact-site #daily .st4r93-outer-ring,
body.compact-site #daily .st4r93-inner-ring,
body.compact-site #daily .st4r93-comet-orbit{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  border-radius:50%!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
body.compact-site #daily .st4r93-outer-ring{
  width:326px!important;height:326px!important;
  translate:-50% -50%!important;
  z-index:14!important;
  border:2px solid rgba(224,249,255,.94)!important;
  background:transparent!important;
  box-shadow:
    0 0 0 2px rgba(69,124,255,.34),
    0 0 10px rgba(127,226,255,.52),
    0 0 24px rgba(69,147,255,.28),
    inset 0 0 8px rgba(178,236,255,.12)!important;
}

/* One static inner ring. */
body.compact-site #daily .st4r93-inner-ring{
  width:308px!important;height:308px!important;
  translate:-50% -50%!important;
  z-index:13!important;
  border:1px solid rgba(191,229,255,.42)!important;
  background:transparent!important;
  box-shadow:
    0 0 0 1px rgba(88,145,255,.13),
    0 0 8px rgba(105,205,255,.15),
    inset 0 0 6px rgba(150,220,255,.06)!important;
}

/* Comet orbit: ONLY transform:rotate() is animated.
   Centering uses the independent translate property, so no !important transform
   can block the keyframes as happened in the old V92 stack. */
body.compact-site #daily .st4r93-comet-orbit{
  width:326px!important;height:326px!important;
  translate:-50% -50%!important;
  transform:rotate(0deg);
  transform-origin:50% 50%!important;
  z-index:18!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  animation:st4r93CometOrbit 4.6s linear infinite!important;
}
@keyframes st4r93CometOrbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

body.compact-site #daily .st4r93-comet{
  position:absolute!important;
  left:50%!important;
  top:-5px!important;
  width:11px!important;height:11px!important;
  transform:translateX(-50%) translateZ(0)!important;
  border-radius:50%!important;
  background:#fff!important;
  filter:none!important;
  box-shadow:
    0 0 4px 2px rgba(255,255,255,1),
    0 0 10px 4px rgba(166,238,255,.92),
    0 0 19px 7px rgba(82,169,255,.48)!important;
}
body.compact-site #daily .st4r93-comet::before{
  content:""!important;
  position:absolute!important;
  right:7px!important;
  top:3px!important;
  width:42px!important;height:5px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,
    rgba(54,118,255,0) 0%,
    rgba(87,167,255,.10) 25%,
    rgba(116,211,255,.36) 58%,
    rgba(215,249,255,.78) 87%,
    rgba(255,255,255,.96) 100%)!important;
  box-shadow:0 0 7px rgba(95,195,255,.22)!important;
  transform:translateZ(0)!important;
}

/* Center star remains static and outside the rotating wheel. */
body.compact-site #daily .st4r60-wheel-stage::after{
  content:"✦"!important;
  position:absolute!important;
  left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:76px!important;height:76px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:39px!important;
  background:rgba(7,15,47,.74)!important;
  border:2px solid rgba(196,237,255,.78)!important;
  box-shadow:0 0 0 2px rgba(61,104,239,.30),0 0 13px rgba(104,220,255,.48),0 0 24px rgba(80,92,255,.30)!important;
  text-shadow:0 0 5px #fff,0 0 11px rgba(255,210,96,.72)!important;
  pointer-events:none!important;
  z-index:22!important;
}

/* Pointer */
body.compact-site #daily .st4r60-pointer{
  position:absolute!important;
  left:50%!important;top:0!important;
  transform:translateX(-50%)!important;
  width:0!important;height:0!important;
  border-left:18px solid transparent!important;
  border-right:18px solid transparent!important;
  border-bottom:0!important;
  border-top:30px solid #d9faff!important;
  filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 13px #74e6ff)!important;
  z-index:30!important;
}

@media (min-width:1100px) and (max-width:1500px){
  body.compact-site #daily .st4r60-wheel-stage{height:310px!important;min-height:310px!important}
  body.compact-site #daily #dailyWheel.v28-wheel.st4r60-wheel{width:280px!important;height:280px!important;min-width:280px!important;min-height:280px!important;flex-basis:280px!important}
  body.compact-site #daily .st4r93-outer-ring,
  body.compact-site #daily .st4r93-comet-orbit{width:306px!important;height:306px!important}
  body.compact-site #daily .st4r93-inner-ring{width:288px!important;height:288px!important}
  body.compact-site #daily .st4r60-wheel-stage::after{width:68px!important;height:68px!important;font-size:36px!important}
}

@media (max-width:1099px){
  body.compact-site #daily .st4r93-outer-ring,
  body.compact-site #daily .st4r93-comet-orbit{
    width:var(--st4r-runner-size)!important;
    height:var(--st4r-runner-size)!important;
  }
  body.compact-site #daily .st4r93-inner-ring{
    width:calc(var(--st4r-wheel-size) + 8px)!important;
    height:calc(var(--st4r-wheel-size) + 8px)!important;
  }
  body.compact-site #daily .st4r93-comet{width:9px!important;height:9px!important;top:-4px!important}
  body.compact-site #daily .st4r93-comet::before{width:32px!important;height:4px!important;right:6px!important;top:2px!important}
}