.cosmic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#0a0a1a 0% 50%,#1a1a3a)}.cosmic-background[data-theme=supernova]{background:linear-gradient(180deg,#0a0a1a,#1a0a2a 40%,#0a1a2a)}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 15s ease-in-out infinite;box-shadow:0 0 3px #ffffff80}@keyframes twinkle{0%{opacity:.2;transform:scale(.8);box-shadow:0 0 2px #ffffff4d}25%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 8px #fffc,0 0 12px #c8c8ff80}75%{opacity:.5;transform:scale(1)}to{opacity:.2;transform:scale(.8);box-shadow:0 0 2px #ffffff4d}}.planets-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.planet{position:absolute;border-radius:50%;box-shadow:inset -10px -10px 30px #0006,0 0 20px #ffffff1a;animation:planet-float 15s ease-in-out infinite;opacity:.8}.planet:after{content:"";position:absolute;top:10%;left:15%;width:30%;height:20%;background:#fff3;border-radius:50%;filter:blur(5px)}.planet.with-ring{overflow:visible}.planet-ring{position:absolute;top:50%;left:50%;width:200%;height:10px;transform:translate(-50%,-50%) rotateX(75deg);background:linear-gradient(90deg,transparent 0%,rgba(200,180,140,.3) 10%,rgba(180,160,120,.6) 20%,rgba(160,140,100,.4) 30%,rgba(200,180,140,.7) 40%,rgba(180,160,120,.5) 50%,rgba(200,180,140,.7) 60%,rgba(160,140,100,.4) 70%,rgba(180,160,120,.6) 80%,rgba(200,180,140,.3) 90%,transparent 100%);border-radius:50%;opacity:.9;box-shadow:0 0 8px #c8b48c4d}@keyframes planet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.planet.saturn{box-shadow:inset -12px -12px 35px #00000080,0 0 25px #e8d4a84d;transform:rotate(-15deg)}.saturn-bands{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(0deg,transparent 0%,rgba(200,160,100,.2) 12%,transparent 18%,rgba(180,140,80,.15) 28%,transparent 35%,rgba(200,160,100,.18) 48%,transparent 55%,rgba(180,140,80,.12) 68%,transparent 75%,rgba(200,160,100,.15) 88%,transparent 100%);pointer-events:none}.planet.saturn .planet-ring{width:240%;height:20px;background:linear-gradient(90deg,transparent 0%,rgba(200,170,130,.3) 5%,rgba(220,190,150,.7) 12%,rgba(180,150,110,.4) 20%,rgba(220,190,150,.8) 30%,rgba(200,170,130,.5) 40%,rgba(220,190,150,.8) 50%,rgba(200,170,130,.5) 60%,rgba(220,190,150,.8) 70%,rgba(180,150,110,.4) 80%,rgba(220,190,150,.7) 88%,rgba(200,170,130,.3) 95%,transparent 100%);transform:translate(-50%,-50%) rotateX(70deg);box-shadow:0 0 15px #dcbe964d}.planet.earth{box-shadow:inset -10px -10px 30px #0006,0 0 25px #4a9fd480}.earth-continents{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 25% 30%,rgba(46,125,50,.55) 0%,transparent 28%),radial-gradient(ellipse at 60% 45%,rgba(56,142,60,.45) 0%,transparent 22%),radial-gradient(ellipse at 40% 70%,rgba(46,125,50,.35) 0%,transparent 18%),radial-gradient(ellipse at 75% 25%,rgba(67,160,71,.25) 0%,transparent 12%);pointer-events:none}.orbs-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(20px);animation:float-orb 8s ease-in-out infinite;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%)}@keyframes float-orb{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.1);opacity:.8}}.main-moon{position:absolute;top:25%;right:18%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffacd,beige,#daa520);box-shadow:0 0 40px #fffacd99,0 0 80px #fffacd66,0 0 120px #fffacd33;animation:moon-glow 4s ease-in-out infinite}.main-moon:before{content:"";position:absolute;top:15%;left:20%;width:15px;height:15px;background:#968c644d;border-radius:50%}.main-moon:after{content:"";position:absolute;top:45%;left:35%;width:25px;height:25px;background:#968c6440;border-radius:50%}@keyframes moon-glow{0%,to{box-shadow:0 0 40px #fffacd80,0 0 80px #fffacd4d}50%{box-shadow:0 0 60px #fffacdb3,0 0 100px #fffacd66}}.fireflies-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.firefly{position:absolute;width:4px;height:4px;background:#fffacd;border-radius:50%;box-shadow:0 0 8px #fffacd,0 0 16px khaki,0 0 24px #f0e68c80;animation:firefly-float 50s ease-in-out infinite}@keyframes firefly-float{0%{transform:translate(0);opacity:.3}10%{opacity:.7}20%{transform:translate(15px,-20px);opacity:.9}35%{transform:translate(-10px,-35px);opacity:.5}50%{transform:translate(20px,-45px);opacity:.8}65%{transform:translate(-5px,-30px);opacity:.4}80%{transform:translate(25px,-15px);opacity:.7}90%{opacity:.5}to{transform:translate(0);opacity:.3}}.shooting-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.shooting-star{position:absolute;width:120px;height:2px;background:linear-gradient(270deg,rgba(255,255,255,.95),rgba(255,255,255,.7) 20%,rgba(200,200,255,.4) 50%,rgba(150,150,200,.1) 80%,transparent);animation:shoot 11s ease-in-out infinite;opacity:0;border-radius:2px;transform-origin:right center}.shooting-star:before{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;background:radial-gradient(circle,#fff 0%,rgba(200,220,255,.8) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 6px #fff,0 0 12px #c8dcffe6,0 0 20px #96b4ff99}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(35deg);opacity:0}1%{opacity:.3}3%{opacity:1}8%{opacity:.8}20%{transform:translate(450px) translateY(280px) rotate(35deg);opacity:0}to{opacity:0}}.ufo-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.wormhole{position:absolute;top:25%;left:15%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,rgba(140,100,220,.6) 0%,rgba(100,80,180,.3) 40%,transparent 70%);box-shadow:0 0 6px #8c64dc66,0 0 12px #6450b433;animation:wormhole-appear 35s ease-in-out infinite;opacity:0}.wormhole:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border:1px solid rgba(180,150,255,.4);border-radius:50%;animation:wormhole-spin 1.5s linear infinite}.wormhole:after{content:"";position:absolute;top:50%;left:50%;width:55%;height:55%;transform:translate(-50%,-50%);border:1px solid rgba(200,170,255,.3);border-radius:50%;animation:wormhole-spin 1s linear infinite reverse}@keyframes wormhole-appear{0%,85%{opacity:0;transform:scale(0)}86%{opacity:.4;transform:scale(.6)}88%{opacity:.6;transform:scale(1)}92%{opacity:.6;transform:scale(1)}95%{opacity:.3;transform:scale(.5)}to{opacity:0;transform:scale(0)}}@keyframes wormhole-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ufo{position:absolute;top:26%;left:15%;width:10px;height:4px;animation:ufo-fly 35s ease-in-out infinite;opacity:0;transform-origin:center center}.ufo-body{position:absolute;bottom:0;left:0;width:10px;height:3px;background:linear-gradient(180deg,#d0d4d8,#a0a8b0);border-radius:50%;opacity:.7}.ufo-dome{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:5px;height:3px;background:#a0dcffb3;border-radius:50% 50% 40% 40%;box-shadow:0 0 3px #64c8ff80}.ufo-light{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:3px;background:linear-gradient(180deg,rgba(100,200,255,.5) 0%,transparent 100%);clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%);animation:ufo-beam 1s ease-in-out infinite alternate}@keyframes ufo-beam{0%{opacity:.3}to{opacity:.6}}@keyframes ufo-fly{0%,85%{opacity:0;transform:translate(0) translateY(0) scale(.3)}86%{opacity:0;transform:translate(0) translateY(0) scale(.5)}88%{opacity:.6;transform:translate(10px) translateY(-2px) scale(1)}90%{opacity:.6;transform:translate(80px) translateY(-10px) scale(1)}93%{transform:translate(300px) translateY(5px) scale(1)}96%{transform:translate(600px) translateY(-8px) scale(1)}98%{opacity:.5;transform:translate(900px) translateY(3px) scale(1)}to{opacity:0;transform:translate(1200px) translateY(-5px) scale(1)}}@media(max-width:480px){.planets-container{transform:scale(.6);transform-origin:center center}.main-moon{width:80px;height:80px;top:12%;right:8%}.wormhole{top:35%;left:8%}.ufo{top:36%;left:8%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cosmic-bg.css.map */