.cosmos{--sky:#112347;--ground:#0F1F3D;--slate:#3E4A5C;--band:#4A5668;--band-edge:#34435a;--off:#F2EEE6;--warm:#8C877F;--brass:#C8892B;position:absolute;inset:0}.scene{position:relative;height:100%;overflow:hidden;background:var(--sky)}.scene>*{position:absolute}.stars{inset:0;background-repeat:repeat;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 38%,#000 56%);mask-image:linear-gradient(90deg,#0000004d 0 38%,#000 56%)}.s1{background-image:radial-gradient(circle at 23px 41px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 97px 211px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 181px 67px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 251px 163px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 143px 281px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 289px 19px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 61px 127px,var(--off) 0 1px,transparent 1.3px);background-size:317px 317px;animation:drift1 260s linear infinite}.s2{background-image:radial-gradient(circle at 71px 53px,var(--off) 0 1.6px,transparent 2px),radial-gradient(circle at 337px 241px,var(--off) 0 1.6px,transparent 2px),radial-gradient(circle at 211px 397px,var(--off) 0 1.6px,transparent 2px),radial-gradient(circle at 401px 113px,var(--off) 0 1.6px,transparent 2px),radial-gradient(circle at 131px 311px,var(--off) 0 1.6px,transparent 2px);background-size:463px 463px;animation:drift2 190s linear infinite,twinkle 5s ease-in-out infinite}.s3{background-image:radial-gradient(circle at 151px 89px,var(--off) 0 2.2px,transparent 2.6px),radial-gradient(circle at 467px 359px,var(--brass) 0 2px,transparent 2.4px),radial-gradient(circle at 307px 517px,var(--off) 0 2.2px,transparent 2.6px),radial-gradient(circle at 563px 181px,var(--off) 0 2.2px,transparent 2.6px);background-size:631px 631px;animation:drift3 140s linear infinite,twinkle 7s ease-in-out -2s infinite}@keyframes drift1{to{background-position:-317px 317px}}@keyframes drift2{to{background-position:-463px 463px}}@keyframes drift3{to{background-position:-631px 631px}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.45}}.mw{left:44%;top:-40%;width:24%;height:180%;transform:rotate(-42deg)}.mw>*{position:absolute}.band{inset:0;opacity:.9;animation:breathe 14s ease-in-out infinite}.band.h{background:var(--band-edge);clip-path:polygon(92% 0,96% 8%,90% 16%,97% 26%,93% 36%,100% 46%,94% 56%,98% 66%,91% 76%,97% 86%,93% 94%,95% 100%,6% 100%,3% 92%,9% 84%,1% 74%,8% 64%,2% 54%,10% 44%,4% 34%,9% 24%,2% 14%,7% 6%,5% 0)}.band.c1{background:#44526a;animation-delay:-2s;clip-path:polygon(20% 6%,70% 4%,80% 12%,60% 18%,25% 17%)}.band.c2{background:#566275;animation-delay:-6s;clip-path:polygon(15% 26%,75% 24%,88% 34%,70% 42%,20% 40%,10% 32%)}.band.c3{background:#6a7689;animation-delay:-9s;clip-path:polygon(12% 52%,80% 50%,92% 60%,78% 70%,22% 68%,8% 60%)}.band.c4{background:#566275;animation-delay:-4s;clip-path:polygon(25% 76%,75% 78%,85% 84%,55% 90%,22% 86%)}.band.c5{background:#44526a;animation-delay:-11s;clip-path:polygon(35% 92%,70% 93%,65% 99%,30% 98%)}.band.k{background:#8a96a8;animation-delay:-7s;clip-path:polygon(35% 57%,62% 56%,68% 62%,50% 66%,34% 63%)}.band.r{background:var(--sky);animation:none;opacity:.8}.band.r1{clip-path:polygon(44% 22%,50% 22%,54% 46%,48% 48%,45% 38%)}.band.r2{clip-path:polygon(30% 48%,36% 48%,40% 72%,34% 74%)}.band.r3{clip-path:polygon(58% 64%,63% 64%,66% 84%,60% 86%)}.band:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 17px 23px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 61px 71px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 93px 11px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 37px 97px,var(--off) 0 1px,transparent 1.3px),radial-gradient(circle at 109px 59px,var(--off) 0 1px,transparent 1.3px);background-size:127px 127px;animation:twinkle 6s ease-in-out -1s infinite}.band:not(.h):after{display:none}@keyframes breathe{0%,to{opacity:.9}50%{opacity:.72}}.moon{right:11%;top:14%;width:clamp(56px,9vw,120px);aspect-ratio:1;border-radius:50%;background:#1b2c52;box-shadow:inset calc(-1*clamp(10px,1.6vw,20px)) clamp(4px,.7vw,8px) 0 0 var(--off);animation:bob 18s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-2deg)}}.meteor{left:58%;top:10%;width:130px;height:3px;background:var(--off);clip-path:polygon(0 50%,100% 0,100% 100%);opacity:0;animation:meteor 13s linear 4s infinite}@keyframes meteor{0%{opacity:0;transform:rotate(28deg) translate(0)}2%{opacity:1}9%{opacity:0;transform:rotate(28deg) translate(520px)}to{opacity:0;transform:rotate(28deg) translate(520px)}}.sat{top:20%;left:-2%;width:5px;height:5px;background:var(--off);box-shadow:-9px 0 0 -1px var(--warm),9px 0 0 -1px var(--warm);animation:orbit 70s linear infinite}.sat:after{content:"";position:absolute;left:1px;top:-4px;width:3px;height:3px;border-radius:50%;background:var(--brass);animation:blink 2s steps(1) infinite}@keyframes orbit{0%{transform:translate(0)}to{transform:translate(108vw,-6vh)}}@keyframes blink{50%{opacity:0}}.ground{left:0;right:0;bottom:0;height:20%;background:var(--ground)}@media(prefers-reduced-motion:reduce){.scene *,.scene *:after{animation:none!important}.meteor{display:none}}