.snowflake {
    position: fixed;
    top: -20px;
    color: #ffffff;
    font-weight: bold;
    user-select: none;
    pointer-events: none;
    z-index: 99999;
    animation-name: snowfall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    /* 👇 visibility fix */
    text-shadow:
        0 0 2px rgba(0,0,0,0.6),
        0 0 6px rgba(0,0,0,0.4);
}

@keyframes snowfall {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(120vh);
    }
}

/* Mobile optimization */
@media (max-width: 768px) {
    .snowflake {
        opacity: 0.75;
        font-size: 10px;
    }
}