/* Independent night-sky layer. Pair with scene/sky.js and #starCanvas. */
.night-sky {
  position: fixed;
  inset: 0 0 auto;
  height: 76vh;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 68% 22%, rgba(43, 65, 101, 0.12), transparent 30%),
    radial-gradient(ellipse at 22% 8%, rgba(30, 52, 88, 0.14), transparent 34%),
    linear-gradient(180deg, #02050b 0%, #06101f 58%, #0b1320 100%);
  pointer-events: none;
  z-index: 0;
}

.night-sky::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(112deg, transparent 22%, rgba(180, 199, 224, 0.025) 47%, rgba(225, 216, 196, 0.045) 52%, transparent 72%);
  mix-blend-mode: screen;
}

.night-sky::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 7vh;
  background: linear-gradient(to bottom, transparent, rgba(42, 24, 16, 0.22));
}

.night-sky canvas {
  width: 100%;
  height: 100%;
  display: block;
}