/* Firefly container spans entire page */
.divine-firefly-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* allows clicking through fireflies */
    overflow: hidden;
    z-index: 0; /* behind content */
}

/* Individual firefly */
.divine-firefly {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
    animation: floatFirefly 10s linear infinite, glowFirefly 4s ease-in-out infinite alternate;
}

/* Glow animation */
@keyframes glowFirefly {
    0% { box-shadow: 0 0 4px #fff; opacity: 0.2; }
    50% { box-shadow: 0 0 10px #fff; opacity: 1; }
    100% { box-shadow: 0 0 4px #fff; opacity: 0.2; }
}