/* style.css */
html { scroll-behavior: smooth; }

.wheel-container {
  overflow: hidden;
  background-color: #f8fafc;
}

#wheelCanvas {
  display: block;
  transition: transform 6s cubic-bezier(0.2, 0.8, 0.1, 1); /* Realistic Physics easing */
}

/* The pointer arrow at the top of the wheel */
.pointer {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #4f46e5; /* Indigo 600 */
  filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.3));
}
/* style.css */
html { scroll-behavior: smooth; }
.wheel-container { overflow: hidden; background-color: #f8fafc; }
#wheelCanvas { display: block; transition: transform 6s cubic-bezier(0.2, 0.8, 0.1, 1); }
.pointer {
  width: 0; height: 0;
  border-left: 20px solid transparent; border-right: 20px solid transparent;
  border-top: 35px solid #4f46e5; filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.3));
}
/* Style color inputs */
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: 2px solid #e2e8f0; border-radius: 6px; }