/* Animation definitions and keyframes */

/* Twinkle stars */
.twinkle { 
    position: absolute; 
    background: white; 
    border-radius: 50%; 
    animation: twinkle var(--duration) ease-in-out infinite; 
    opacity: var(--opacity); 
}

@keyframes twinkle { 
    0%, 100% { 
        opacity: var(--opacity); 
        transform: scale(1); 
    } 
    50% { 
        opacity: 0.2; 
        transform: scale(0.5); 
    } 
}

/* Counter rotation animations */
.counter-rotate-outer { 
    animation: spin 80s linear infinite reverse; 
}

.counter-rotate-inner { 
    animation: spin 50s linear infinite; 
}

/* Tailwind animation keyframes */
@keyframes pulse-glow {
    0%, 100% { 
        box-shadow: 0 0 50px 20px rgba(74, 222, 128, 0.2); 
    }
    50% { 
        box-shadow: 0 0 70px 30px rgba(74, 222, 128, 0.5); 
    }
}

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

@keyframes scanline {
    0% { 
        transform: translateY(-100%); 
    }
    100% { 
        transform: translateY(100%); 
    }
}

@keyframes crt-off {
    0% { 
        opacity: 1; 
        transform: scale(1, 1); 
        filter: brightness(1); 
    }
    40% { 
        opacity: 1; 
        transform: scale(1, 0.05); 
        filter: brightness(2); 
    }
    70% { 
        opacity: 0.8; 
        transform: scale(0.1, 0.05); 
    }
    100% { 
        opacity: 0; 
        transform: scale(0, 0); 
    }
}