/* Deep Aurora — JS-driven physics background.
   Movement, pulsing, and color are all controlled by aurora.js (rAF loop).
   This file is intentionally minimal — no keyframes needed. */

.aurora-field { position:absolute; inset:0; overflow:hidden; }

.aurora-field .ab {
  position:absolute;
  border-radius:50%;
  aspect-ratio:1 / 1;
  filter:blur(46px);
  /* left/top set by JS; scale uses individual CSS property for compositor */
  will-change:left, top, scale;
  /* Smooth the color interpolation so discrete JS steps aren't visible */
  transition:background-color 3s ease;
}

/* Reduced motion: JS loop checks this and freezes all updates. */
@media (prefers-reduced-motion: reduce) {
  .aurora-field .ab { transition:none !important; }
}