/* ==================== RESPONSIVE ==================== */
@media (max-width: 900px) {
    .wheel-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .lever-container {
        transform: rotate(-90deg);
        margin-top: 20px;
    }
}

@media (max-width: 650px) {
    .wheel-wrapper { width: 380px; height: 380px; }
    .wheel-mega-glow { width: 480px; height: 480px; }
    .wheel-ring:nth-child(2) { width: 440px; height: 440px; }
    .wheel-ring:nth-child(3) { width: 470px; height: 470px; }
    .wheel-ring:nth-child(4) { width: 500px; height: 500px; }
    .wheel-frame { width: 370px; height: 370px; }
    .wheel-lights { width: 370px; height: 370px; }
    .wheel { width: 340px; height: 340px; }
    .wheel-center { width: 80px; height: 80px; }
    .wheel-center-text { font-size: 12px; }
    .pointer svg { width: 50px; height: 75px; }
    
    .lever-container {
        width: 60px;
        height: 220px;
    }
    .lever-stick { height: 140px; width: 14px; }
    .lever-ball { width: 45px; height: 45px; top: -28px; }
    .lever-base { width: 55px; height: 40px; }
}