.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("/assets/cursor/normal.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-4px, -4px);
  transition: transform 0.1s ease;
}

.custom-cursor.clicking {
  background-image: url("/assets/cursor/click.png");
  transform: translate(-4px, -4px) scale(1.15);
}

body.hide-cursor {
  cursor: none;
}

body.hide-cursor * {
  cursor: none !important;
}

@media (pointer: coarse) {
  .custom-cursor {
    display: none !important;
  }
  body.hide-cursor {
    cursor: auto;
  }
  body.hide-cursor * {
    cursor: auto !important;
  }
}