/* Motion & Interaction (v1) */
body.modern-v2 .modern-card-panel,
body.modern-v2 .glass-panel,
body.modern-v2 .m-stat-card,
body.modern-v2 .category-card,
body.modern-v2 .l-modern-card,
body.modern-v2 .leader-item,
body.modern-v2 .history-summary-card {
    animation: cardFadeIn 320ms ease both;
}

body.modern-v2 .modern-card-panel:nth-child(2) { animation-delay: 30ms; }
body.modern-v2 .modern-card-panel:nth-child(3) { animation-delay: 55ms; }
body.modern-v2 .modern-card-panel:nth-child(4) { animation-delay: 80ms; }
body.modern-v2 .modern-card-panel:nth-child(5) { animation-delay: 105ms; }
body.modern-v2 .modern-card-panel:nth-child(6) { animation-delay: 130ms; }

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.995);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

body.modern-v2 #dash-start-btn {
    animation: pulsePlayBtn 2.1s ease-in-out infinite;
}

@keyframes pulsePlayBtn {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(70, 212, 255, 0.36), 0 10px 24px rgba(0, 0, 0, 0.32);
    }

    50% {
        box-shadow: 0 0 0 9px rgba(70, 212, 255, 0), 0 12px 26px rgba(0, 0, 0, 0.38);
    }
}

body.modern-v2 .answer-btn {
    transition: transform 120ms ease, filter 130ms ease, border-color 120ms ease !important;
}

body.modern-v2 .answer-btn:active {
    transform: scale(0.985);
}

body.modern-v2 .falling-word {
    animation: wordSpawnIn 180ms ease-out;
}

@keyframes wordSpawnIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-8px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}