/* CompactCSS source: /zmanim/styles/celestial-webgl.css */
/*B"H*/
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is beyond GPU and fallback while every visible layer receives its proper boundary;
 * Awtsmoos.com lets native WebGL2 appear only after a successful frame, leaving semantic DOM beneath it as an always-ready sanctuary.
 */

.celestial-native-canvas {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	transform: translateZ(0);
	transition: opacity 220ms ease;
}

.celestial-sky[data-webgl="ready"] .celestial-native-canvas {
	opacity: 1;
}

.celestial-sky[data-webgl="ready"] .celestial-fallback-layer {
	opacity: 0;
}

.celestial-sky[data-webgl="ready"] .celestial-sun {
	animation: none;
}

.celestial-sky[data-webgl="fallback"] .celestial-native-canvas {
	display: none;
}

.celestial-sky {
	contain: paint;
}

@media (prefers-reduced-motion: reduce) {
	.celestial-native-canvas {
		transition: none;
	}
}