/* Luxury Gold Particles */
.luxury-particles {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 2px;
    height: 2px;
    background: transparent;
    border-radius: 50%;
    animation: driftParticles linear infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes driftParticles {
    0% { transform: translateY(0); opacity: 0; }
    20% { opacity: 0.8; }
    80% { opacity: 0.5; }
    100% { transform: translateY(-300px); opacity: 0; }
}

.particle-layer-1 {
    box-shadow: 10% 10px #D99A3D, 25% 100px #F59E0B, 40% 40px rgba(255,255,255,0.8), 60% 180px #D99A3D, 80% 20px #F59E0B, 95% 150px rgba(255,255,255,0.5);
    animation-duration: 25s;
}

.particle-layer-2 {
    width: 3px; height: 3px;
    box-shadow: 15% 50px rgba(255,255,255,0.6), 35% 150px #D99A3D, 55% 20px #F59E0B, 70% 200px rgba(255,255,255,0.4), 85% 70px #D99A3D;
    animation-duration: 40s;
    animation-delay: -15s;
}

.particle-layer-3 {
    width: 1px; height: 1px;
    box-shadow: 5% 80px #D99A3D, 20% 10px rgba(255,255,255,0.7), 45% 120px #F59E0B, 65% 40px #D99A3D, 75% 180px rgba(255,255,255,0.6), 90% 90px #F59E0B;
    animation-duration: 30s;
    animation-delay: -5s;
}

/* Luxury SOTD Player Enhancements */
.sotd-luxury-panel {
    background: linear-gradient(145deg, rgba(15, 12, 10, 0.9), rgba(5, 4, 3, 0.95));
    border: 1px solid rgba(217, 154, 61, 0.3);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.8), 
                inset 0 0 40px rgba(217, 154, 61, 0.05),
                0 0 0 1px rgba(255, 255, 255, 0.02);
}

.sotd-cover-glow {
    position: relative;
}
.sotd-cover-glow::after {
    content: '';
    position: absolute;
    inset: -15px;
    background: radial-gradient(circle at center, rgba(217, 154, 61, 0.4), transparent 70%);
    z-index: -1;
    border-radius: inherit;
    filter: blur(20px);
}

.sotd-play-btn {
    background: linear-gradient(135deg, #D99A3D, #F59E0B);
    color: #111;
    box-shadow: 0 0 20px rgba(217, 154, 61, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.sotd-play-btn:hover {
    box-shadow: 0 0 40px rgba(217, 154, 61, 0.8), inset 0 2px 4px rgba(255, 255, 255, 0.8);
    transform: scale(1.08);
}

.sotd-vinyl-spin {
    animation: vinylSpin 10s linear infinite;
    animation-play-state: paused;
}
.sotd-vinyl-spin.playing {
    animation-play-state: running;
}

@keyframes vinylSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}