@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

#volume-flash {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.5); background: rgba(0,0,0,0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 25px; border-radius: 50%; z-index: 20; opacity: 0; transition: opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none;
}
#volume-flash.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
#volume-flash svg { width: 40px; height: 40px; fill: #fff; }

.poster-hidden { opacity: 0 !important; }