/* A quiet sky of curved four-point stars. */
.night-sky{position:absolute;inset:0 -1%;z-index:0;pointer-events:none;color:#ad9565}
.celestial-mark{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate(-50%,-50%);animation:celestial-breathe var(--duration) ease-in-out var(--delay) infinite}
.celestial-mark{overflow:visible;opacity:.78}
.celestial-spark{animation-name:celestial-sparkle}
@keyframes celestial-breathe{0%,100%{opacity:.42}50%{opacity:.86}}
@keyframes celestial-sparkle{0%,100%{opacity:.2}48%{opacity:.78}72%{opacity:.4}}
.stars-paused .night-sky>*{animation-play-state:paused}
@media(max-width:850px){.celestial-mark{width:calc(var(--size)*.85);height:calc(var(--size)*.85)}}
@media(max-width:540px){.night-sky{inset:-3px -1% -5px}.celestial-mark{width:calc(var(--size)*.66);height:calc(var(--size)*.66)}}
@media(prefers-reduced-motion:reduce){.night-sky>*{animation:none;opacity:.7}}