/* Animation Keyframes */
:root {
    --star-height: 5000px; /* Increased from 2000px to 5000px */
}

@keyframes animStar {
    from { transform: translateY(0px); }
    to { transform: translateY(calc(var(--star-height) * -1)); }
}

.animate-star {
    animation: animStar 50s linear infinite;
}
.animate-star-med {
    animation: animStar 100s linear infinite;
}
.animate-star-big {
    animation: animStar 150s linear infinite;
}

/* Toggle Logic: Hides stars when body has 'starfield-off' class */
body.starfield-off #stars,
body.starfield-off #stars2,
body.starfield-off #stars3 {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}