/* ============================================
   ANIMATIONS.CSS - RESPINNERSTV
   Minimal — functional animations only
   ============================================ */

/* === data-anim elements: always visible === */
[data-anim] {
    opacity: 1;
    transform: none;
}

/* ============================================
   KEYFRAMES
   ============================================ */

@keyframes livePulse {
    0%   { box-shadow: 0 0 0 0 rgba(0,255,136,0.6); }
    70%  { box-shadow: 0 0 0 8px rgba(0,255,136,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,255,136,0); }
}

@keyframes timerFlash {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.4; }
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   HOVER LIFT
   ============================================ */

.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(6, 4, 16, 0.3);
}