#universe-bg {
    position: fixed;
    inset: 0;
    z-index: 0; 
    pointer-events: none;

    animation: colorShift 120s infinite alternate ease-in-out;
}

/* Wir animieren nur eine CSS-Variable */
@keyframes colorShift {
    0% {
        --innerColor: #85000f;
    }
    100% {
        --innerColor: #855daa;
    }
}

/* Gradient nutzt Variable */
#universe-bg {
    --innerColor: #85000f;
    background: radial-gradient(circle at center, var(--innerColor) 0%, #63090a 70%);
}

html, body {
    background: transparent !important;
}

#universe-bg canvas {
    display: block;
    width: 100%;
    height: 100%;
}