/* ═══════════════════════════════════════════════════════════════════════
    MINEDEV — custom cursor system + fluidWave keyframe
    Split from original index.html lines 283-323
    ═══════════════════════════════════════════════════════════════════════ */

        /* ── CURSOR ─────────────────────────────── */
        .cursor-dot, .cursor-outline-wrapper, .cursor-glow {
            position: fixed; top: 0; left: 0; z-index: 999999; pointer-events: none;
        }
        .cursor-dot {
            width: 4px; height: 4px; background-color: var(--text-color);
            border-radius: 50%; z-index: 1000001; transform: translate(-50%, -50%);
        }
        .cursor-outline-wrapper { z-index: 1000000; }
        .cursor-outline {
            width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.6);
            transition: width 0.3s var(--framer-ease), height 0.3s var(--framer-ease), background-color 0.3s var(--framer-ease);
            position: absolute; top: -16px; left: -16px; animation: fluidWave 4s linear infinite;
        }
        @keyframes fluidWave {
            0%   { border-radius: 50%; transform: rotate(0deg); }
            25%  { border-radius: 45% 55% 42% 58%; }
            50%  { border-radius: 58% 42% 53% 47%; }
            75%  { border-radius: 45% 55% 58% 42%; }
            100% { border-radius: 50%; transform: rotate(360deg); }
        }
        .cursor-glow {
            width: 120px; height: 120px;
            background: radial-gradient(circle, var(--cursor-glow) 0%, transparent 70%);
            border-radius: 50%; z-index: 999998; filter: blur(8px); transform: translate(-50%, -50%);
            transition: width 0.3s var(--framer-ease), height 0.3s var(--framer-ease);
        }
        .cursor-hover .cursor-outline {
            width: 60px; height: 60px; top: -30px; left: -30px;
            background-color: rgba(255, 255, 255, 0.1); border-color: transparent;
            backdrop-filter: blur(4px); animation-duration: 2s;
        }
        .cursor-hover .cursor-glow { width: 160px; height: 160px; }
        .cursor-dark .cursor-dot { background-color: var(--bg-color); }
        .cursor-dark .cursor-outline { border-color: rgba(0,0,0,0.5); }
        .cursor-dark .cursor-glow { background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, transparent 70%); }
        .cursor-ripple {
            position: fixed; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50%;
            pointer-events: none; z-index: 999997; transform: translate(-50%, -50%);
        }