/* Galacticfy unified background effects (no seams, no overlays)
   - One fixed layer for all pages
   - Stars canvas + subtle aurora blobs
   - Content always above effects
*/

#bg{
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Keep all real content above the background layer */
body > :not(#bg):not(script){
  position: relative;
  z-index: 1;
}

#stars{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .55;
}

.aurora{
  position: absolute;
  width: 120vmax;
  height: 120vmax;
  filter: blur(70px);
  opacity: .18;
  mix-blend-mode: screen;
  border-radius: 999px;
  animation: gf_drift 18s ease-in-out infinite;
}

.aurora.a1{
  left: -35vmax;
  top: -30vmax;
  background: radial-gradient(circle, rgba(120,170,255,.55), transparent 60%);
}

.aurora.a2{
  right: -40vmax;
  top: -10vmax;
  background: radial-gradient(circle, rgba(160,90,255,.55), transparent 60%);
  animation-duration: 22s;
}

.aurora.a3{
  left: -10vmax;
  bottom: -55vmax;
  background: radial-gradient(circle, rgba(70,210,255,.55), transparent 60%);
  animation-duration: 26s;
}

@keyframes gf_drift{
  0%   { transform: translate(0,0) scale(1); }
  50%  { transform: translate(6vmax, -3vmax) scale(1.05); }
  100% { transform: translate(0,0) scale(1); }
}

/* Safety: disable any legacy body overlays that could hide the effects */
body::before,
body::after{
  content: none !important;
  display: none !important;
}