/**
 * MONOBUILD 커스텀 커서 스타일
 * 수정일: 2026-06-02 10:34 (KST)
 * 용도: mix-blend-mode: difference 커서 + hover 확대 효과
 */

/* ══════════════════════════════════════════
   커스텀 커서 — 수정일: 2026-06-02 10:34 (KST)
   ══════════════════════════════════════════ */
.cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  margin: -10px 0 0 -10px;
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
  z-index: var(--z-cursor, 9999);
  mix-blend-mode: difference;
  transition: width 0.3s, height 0.3s, margin 0.3s;
  /* 초기 위치 숨김 — 수정일: 2026-06-02 10:34 (KST) */
  transform: translate(-100px, -100px);
}

/* hover 확대 상태 — 수정일: 2026-06-02 10:34 (KST) */
.cursor.expand {
  width: 78px;
  height: 78px;
  margin: -39px 0 0 -39px;
}

/* 모바일에서 비활성화 — 수정일: 2026-06-02 10:34 (KST) */
@media (max-width: 768px) {
  .cursor { display: none; }
}