/* AIpediya — animated space background (prototype). */

.space-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: #03060f;
  transition: background-color 1.5s ease;
}
.space-bg[data-theme="light"] { background: #2f5394; }

/* Static poster: visible while loading, without WebGL2 and as fallback. */
.space-bg__poster {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: 78% 50%;
  opacity: 0;
  transition: opacity 1.5s ease;
}
.space-bg[data-theme="dark"] .space-bg__poster--dark,
.space-bg[data-theme="light"] .space-bg__poster--light { opacity: 1; }

.space-bg__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: opacity 1.2s ease;
}
.space-bg.is-ready .space-bg__canvas { opacity: 1; }
.space-bg.is-fallback .space-bg__canvas { display: none; }

@media (prefers-reduced-motion: reduce) {
  .space-bg, .space-bg__poster, .space-bg__canvas { transition: none; }
}