/* Custom Advanced Video Player UI Styles */
.custom-video-controls { opacity: 0; transition: opacity 0.3s ease-in-out; }
.custom-video-container.interacting .custom-video-controls { opacity: 1; }
.custom-video-container:not(.interacting) { cursor: none; }

/* Custom Range Slider */
input[type=range].custom-range { -webkit-appearance: none; background: transparent; cursor: pointer; }
input[type=range].custom-range:focus { outline: none; }
input[type=range].custom-range::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(255,255,255,0.3); border-radius: 1.5px; transition: height 0.2s; }
input[type=range].custom-range:hover::-webkit-slider-runnable-track { height: 4px; }
input[type=range].custom-range::-webkit-slider-thumb { -webkit-appearance: none; height: 12px; width: 12px; border-radius: 50%; background: #fff; margin-top: -4.5px; transition: transform 0.1s, background 0.2s; box-shadow: 0 0 2px rgba(0,0,0,0.5); }
input[type=range].custom-range:hover::-webkit-slider-thumb { transform: scale(1.2); }
input[type=range].custom-range::-moz-range-track { width: 100%; height: 3px; background: rgba(255,255,255,0.3); border-radius: 1.5px; }
input[type=range].custom-range::-moz-range-thumb { height: 12px; width: 12px; border-radius: 50%; background: #fff; border: none; box-shadow: 0 0 2px rgba(0,0,0,0.5); }

/* Center Ripple Animation */
@keyframes rippleFade {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
    30% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }
}
.animate-ripple {
    animation: rippleFade 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}