/* По умолчанию скрываем обычный курсор и показываем кастомный */
@media (min-width: 889px) {
    * {
        cursor: none;
    }

    /* Для состояний наведения и активности */
    *:hover, *:active {
        cursor: none !important;
    }

    /* Для элементов диапазона */
    input[type="range"]::-webkit-slider-thumb {
        cursor: none !important;
    }

    input[type="range"]::-moz-range-thumb {
        cursor: none !important;
    }

    input[type="range"]::-ms-thumb {
        cursor: none !important;
    }

    .cursor {
        width: 12px;
        height: 12px;
        background-color: #00ff00;
        border-radius: 50%;
        position: fixed;
        pointer-events: none;
        mix-blend-mode: difference;
        z-index: 9999;
        box-shadow: 0 0 10px #00ff00, 
                    0 0 20px #00ff00, 
                    0 0 30px #00ff00;
        animation: cursor-pulse 1.5s ease infinite;
    }
}

/* На мобильных устройствах или маленьких экранах */
@media (hover: none), (max-width: 888px) {
    * {
        cursor: auto !important;
    }

    *:hover, *:active {
        cursor: auto !important;
    }

    input[type="range"]::-webkit-slider-thumb {
        cursor: auto !important;
    }

    input[type="range"]::-moz-range-thumb {
        cursor: auto !important;
    }

    input[type="range"]::-ms-thumb {
        cursor: auto !important;
    }

    .cursor {
        display: none !important;
    }
}


/* Стиль для знака доллара */
.matrix-dollar {
    position: fixed;
    pointer-events: none;
    color: #00ff00;
    font-family: 'Courier New', monospace;
    font-size: 16px;
    font-weight: bold;
    opacity: 0;
    z-index: 9998;
    text-shadow: 0 0 5px #00ff00;
    animation: dollar-fall 1s linear;
}



@keyframes cursor-pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes dollar-fall {
    0% {
        transform: translateY(-20px) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(30px) rotate(360deg);
        opacity: 0;
    }
}