:root {
  color-scheme: dark;
  background: #030712;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(25, 52, 88, 0.56), transparent 50%),
    radial-gradient(circle at 74% 24%, rgba(31, 65, 104, 0.27), transparent 29%),
    radial-gradient(circle at 24% 76%, rgba(24, 57, 94, 0.24), transparent 34%),
    radial-gradient(circle at 8% 6%, rgba(20, 43, 78, 0.38), transparent 32%),
    #030712;
}

body {
  min-height: 100svh;
  overscroll-behavior: none;
}

#starfield {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
}

@media (prefers-reduced-motion: reduce) {
  #starfield {
    touch-action: manipulation;
  }
}