/* =============================================================================
   SPACE 3D SHOWBLOCK
   Three.js Parallax-Effekt für Hubble / APOD Bilder
   ============================================================================= */

#space3d {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    opacity: 1;
    transition: opacity 1.5s ease;
}

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

/* ID-Selektor nötig (nicht nur .layout-space3d.fade-out): #space3d { opacity: 1; }
   oben hat höhere Spezifität (1 ID) als zwei Klassen (0,2,0) und würde sonst IMMER
   gewinnen — die fade-out-Klasse hätte nie sichtbar gewirkt (Opacity blieb dauerhaft
   bei 1, Crossfade sprang hart). Muster wie iss-map.css/live-earth-asia.css. */
#space3d.fade-out {
    opacity: 0 !important;
}