/**
 * Text Pressure CSS
 * Additional styles for the text pressure effect
 */

/* Text Pressure Container */
#text-pressure-container {
    position: relative;
    z-index: 10;
}

/* Ensure text pressure works well with existing elements */
.text-pressure-enabled {
    /* No specific cursor changes needed */
}

/* Disable text pressure on specific elements */
.text-pressure-enabled .rwg-winner-modal,
.text-pressure-enabled .rwg-winner-modal *,
.text-pressure-enabled .rwg-admin-controls,
.text-pressure-enabled .rwg-admin-controls *,
.text-pressure-enabled input,
.text-pressure-enabled textarea,
.text-pressure-enabled button,
.text-pressure-enabled a,
.text-pressure-enabled select {
    /* Keep normal interactions */
}

/* Performance optimization for mobile */
@media (max-width: 768px) {
    .text-pressure-enabled #text-pressure-container {
        /* Reduce intensity on mobile for better performance */
        --pressure-intensity: 0.2;
        --max-distance: 100;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .text-pressure-enabled {
        /* Disable pressure effect in high contrast mode */
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .text-pressure-enabled #text-pressure-container * {
        transition: none !important;
        transform: none !important;
        filter: none !important;
    }
}

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

/* Chrome-specific optimizations */
@supports (-webkit-appearance: none) {
    .text-pressure-enabled #text-pressure-container {
        will-change: auto;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
    }
}