/* A cached star cloud and three composited layers keep the galaxy light. */
.cosmic-sky{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden;contain:strict;opacity:.72;mask-image:linear-gradient(180deg,transparent,#000 13%,#000 92%,#000b);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 92%,#000b)}
.cosmic-plane{position:absolute;inset:-6%;transform:translate3d(var(--cosmic-x,0px),var(--cosmic-y,0px),0) scale(var(--cosmic-scale,1)) rotate(var(--cosmic-turn,0deg));transition:transform 1.5s cubic-bezier(.2,.65,.2,1);transform-origin:45% 50%}
.cosmic-galaxy{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity 1.8s ease;mask-image:radial-gradient(ellipse at 68% 47%,#0004,#0008 26%,#000 62%);-webkit-mask-image:radial-gradient(ellipse at 68% 47%,#0004,#0008 26%,#000 62%)}
.is-galaxy-ready .cosmic-galaxy{opacity:1}
.cosmic-nebula{position:absolute;width:65%;height:65%;border-radius:50%;background:radial-gradient(ellipse at 42% 45%,#ed1d343e 0,#95132725 27%,transparent 65%);opacity:.9}
.cosmic-nebula--one{left:-10%;top:35%;transform:rotate(-35deg) scaleY(.62)}
.cosmic-nebula--two{right:-8%;top:-5%;background:radial-gradient(ellipse,#ef392e2e,#a41b1d14 35%,transparent 67%);transform:rotate(-40deg) scaleY(.5)}
.cosmic-constellations{position:absolute;inset:0;width:100%;height:100%;opacity:.65}
.cosmic-routes{stroke:#e34d683d;stroke-width:.65}
.cosmic-stars{fill:#ffe0d6}
.cosmic-halos{stroke:#ff705753;stroke-width:1}
.cosmic-beacons{position:absolute;inset:0;transform:translate3d(calc(var(--cosmic-x,0px) * -.3),calc(var(--cosmic-y,0px) * -.35),0);transition:transform 1.8s ease}
.cosmic-beacon{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff1de;box-shadow:0 0 7px 2px #ffb79980,0 0 22px 6px #eb301b38}
.cosmic-beacon::before,.cosmic-beacon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#ffe1c2,transparent);height:34px;width:1px}
.cosmic-beacon::after{transform:translate(-50%,-50%) rotate(90deg);height:22px}
.cosmic-beacon--one{left:12%;top:32%}
.cosmic-beacon--two{right:9%;top:65%;transform:scale(.7)}
.cosmic-beacon--three{left:28%;bottom:9%;transform:scale(.5)}
.cosmic-sky.is-cosmic-live .cosmic-nebula--one{animation:galaxy-drift-one 22s ease-in-out infinite alternate}
.cosmic-sky.is-cosmic-live .cosmic-nebula--two{animation:galaxy-drift-two 27s ease-in-out infinite alternate}
.cosmic-sky.is-cosmic-live .cosmic-beacons{animation:galaxy-starlight 7s ease-in-out infinite alternate}
@keyframes galaxy-drift-one{from{transform:translate3d(0,0,0) rotate(-35deg) scaleY(.62);opacity:.65}to{transform:translate3d(24px,-20px,0) rotate(-24deg) scaleY(.8);opacity:1}}
@keyframes galaxy-drift-two{from{transform:translate3d(0,0,0) rotate(-40deg) scaleY(.5)}to{transform:translate3d(-25px,18px,0) rotate(-30deg) scaleY(.8)}}
@keyframes galaxy-starlight{from{opacity:.4}to{opacity:1}}
@media(max-width:700px){.cosmic-sky{opacity:.57}.cosmic-plane{transition-duration:1s}.cosmic-galaxy{mask-image:linear-gradient(90deg,#000,#0009 30%,#0005 65%,#000);-webkit-mask-image:linear-gradient(90deg,#000,#0009 30%,#0005 65%,#000)}.cosmic-nebula{width:110%;height:50%}.cosmic-nebula--one{left:-50%;top:45%}.cosmic-nebula--two{right:-50%}.cosmic-beacon--one{left:7%;top:27%}.cosmic-beacon--two{right:7%;top:75%}.cosmic-beacon--three{display:none}.cosmic-beacon{transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){.cosmic-sky *{animation:none!important;transition:none!important}.cosmic-plane,.cosmic-beacons{transform:none!important}}
.motion-off .cosmic-sky *{animation:none!important;transition:none!important}
.cosmic-sky{transition:opacity 1s ease}
.cosmic-sky.is-over-film{opacity:.48}
@media(max-width:650px){.cosmic-sky.is-over-film{opacity:.18}.cosmic-sky.is-over-film .cosmic-beacons{opacity:.3}}