/**
 * Splash Cursor CSS
 * Additional styles for the splash cursor effect
 */

/* Ensure the splash cursor works well with existing elements */
.splash-cursor-enabled {
    cursor: default; /* Keep the default cursor */
}

/* Disable splash cursor on specific elements */
.splash-cursor-enabled .rwg-winner-modal,
.splash-cursor-enabled .rwg-winner-modal *,
.splash-cursor-enabled .rwg-admin-controls,
.splash-cursor-enabled .rwg-admin-controls *,
.splash-cursor-enabled input,
.splash-cursor-enabled textarea,
.splash-cursor-enabled button,
.splash-cursor-enabled a,
.splash-cursor-enabled select {
    cursor: default !important;
}

/* Custom cursor for interactive elements */
.splash-cursor-enabled button:hover,
.splash-cursor-enabled a:hover {
    cursor: pointer !important;
}

/* Chrome-specific optimizations to prevent rendering artifacts */
@supports (-webkit-appearance: none) {
    .splash-cursor-enabled canvas {
        will-change: auto;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
    }
}

/* Performance optimization for mobile */
@media (max-width: 768px) {
    .splash-cursor-enabled {
        cursor: default;
    }
    
    /* Reduce particle count on mobile for better performance */
    .splash-cursor-mobile {
        --particle-count: 8;
        --particle-size-min: 1;
        --particle-size-max: 4;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .splash-cursor-enabled {
        cursor: default;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .splash-cursor-enabled {
        cursor: default;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .splash-cursor-enabled {
        /* Adjust colors for dark mode if needed */
    }
}