/* styles/wheel-imagaes/entries-add-images-styles.css
   SpinChoice — wheel image layer (no layout change)
*/

.wheel .wheel-canvas{
  /* already set in your wheel.css; keeping safe */
  border-radius: 50%;
}

/* Optional: if image is very bright, add subtle dark glass so white text stays readable */
.wheel.is-bg-image-on::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2; /* above canvas? no, canvas is inside wheelEl; this is safe overlay */
  background: radial-gradient(
    circle at center,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.12) 65%,
    rgba(0,0,0,0.22) 100%
  );
}