/* sugar-cursor.css */
@media (pointer: fine) {
  body { cursor: none; }
}

#sugar-cursor {
  position: fixed;
  left: 0; top: 0;
  width: 44px; height: 30px;
  transform: translate(-200px,-200px);
  z-index: 2;
  pointer-events: none;
  filter: drop-shadow(0 2px 0 #333) drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
#sugar-cursor::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: 40px 40px 18px 18px;
  border: 2px solid #333;
  background: linear-gradient(#ffffff, #ececec);
  box-shadow: inset 0 -6px 0 rgba(0,0,0,.05);
  animation: sugar-breathe 1.6s ease-in-out infinite;
}
@keyframes sugar-breathe { 0%,100% { transform:scale(1) } 50% { transform:scale(1.04) } }
@media (prefers-reduced-motion: reduce) {
  #sugar-cursor::before { animation: none; }
}
/* Make sure cursor appears above nav */
#sugar-stage {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999; /* ensures it's drawn over nav and other fixed elements */
}

/* Hide sugar cursor on touch/mobile devices */
@media (hover: none), (pointer: coarse) {
  #sugar-stage,
  #sugar-cursor {
    display: none !important;
  }
}