/* Shared, decorative outer-space background. No scripting or input handling. */
body { isolation: isolate; }
body::before, body::after {
  content: '';
  position: fixed;
  z-index: 0;
  pointer-events: none;
  background-repeat: repeat;
  will-change: transform;
}
body::before {
  inset: 0 -640px -640px 0;
  background-image: url('./stars-far.svg');
  background-size: 640px 640px;
  animation: space-distant-drift 150s linear infinite;
}
body::after {
  inset: 0 -960px -960px 0;
  background-image: url('./stars-near.svg');
  background-size: 960px 960px;
  animation: space-near-drift 95s linear infinite;
}
@keyframes space-distant-drift { to { transform: translate3d(-640px, -640px, 0); } }
@keyframes space-near-drift { to { transform: translate3d(-960px, -960px, 0); } }
@media (prefers-reduced-motion: reduce) {
  body::before, body::after { animation: none !important; will-change: auto; }
}