/* Trulla-Universum – sitewide Sternenhimmel-Optik.
   Funkelnde Sterne hinter jeder Seite, überall im selben Look
   wie die Sternbild-Navigationen (Gefühlswelt, Kunstatelier, Figurenwelt). */

.trulla-seitensterne {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.trulla-seitensterne span {
	position: absolute;
	clip-path: polygon(50% 0%, 63% 36%, 100% 50%, 63% 64%, 50% 100%, 37% 64%, 0% 50%, 37% 36%);
	animation-name: trulla-himmel-funkeln;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
@keyframes trulla-himmel-funkeln {
	0%, 100% { opacity: 0.3; transform: scale(0.7) rotate(0deg); }
	50% { opacity: 1; transform: scale(1.7) rotate(12deg); }
}
@media (prefers-reduced-motion: reduce) {
	.trulla-seitensterne span { animation: none; }
}

/* Damit Inhalte über den Sternen liegen, nicht dahinter. */
body > *:not(.trulla-seitensterne) {
	position: relative;
	z-index: 1;
}