html, body {
  cursor: none !important;
}

/* === CURSEUR PERSONNALISÉ === */
#cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: white;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  mix-blend-mode: difference;
  /* transition supprimée pour plus de réactivité */
}

/* effet léger au survol */
#cursor.active {
  transform: translate(-50%, -50%) scale(1.1);
}

/* cacher sur mobiles */
@media (pointer: coarse), (hover: none) {
  #cursor {
      display: none;
  }
}