.comic-sky{background:linear-gradient(180deg,#0f0c29 0,#302b63 50%,#24243e);position:fixed;inset:0;z-index:0}.halftone-overlay{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 0);background-size:20px 20px;opacity:.03;pointer-events:none}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.4}}.star-twinkle{animation:twinkle var(--duration,3s) infinite ease-in-out}.comic-star{position:absolute;background:#fff;width:var(--size,4px);height:var(--size,4px);border-radius:50%;box-shadow:0 0 2px #fff;animation:twinkle var(--duration,4s) infinite ease-in-out}.comic-star:after,.comic-star:before{content:"";position:absolute;top:50%;left:50%;background:#fff;border-radius:1px;transform:translate(-50%,-50%)}.comic-star:before{width:25%;height:250%}.comic-star:after{width:250%;height:25%}.comic-moon{position:absolute;top:25%;right:10%;width:100px;height:100px;background:radial-gradient(circle at 30% 30%,#fffbe8,khaki);border-radius:50%;box-shadow:0 0 20px rgba(255,250,205,.3),inset -10px -10px 20px rgba(0,0,0,.1);border:3px solid #1a1a1a;overflow:hidden}.comic-moon:after,.comic-moon:before{content:"";position:absolute;background:rgba(0,0,0,.05);border-radius:50%}.comic-moon:before{top:20%;left:25%;width:15px;height:15px;box-shadow:25px 10px 0 -2px rgba(0,0,0,.05)}.comic-moon:after{bottom:25%;right:30%;width:25px;height:25px}.comic-cloud{position:absolute;background:hsla(0,0%,100%,.05);border-radius:50px}.shooting-star{position:absolute;height:3px;background:#fff;border-radius:2px;opacity:0;animation:tail 2s ease-in-out,shooting 2s ease-in-out;z-index:1}.shooting-star:before{content:"";position:absolute;top:0;right:0;height:100%;width:40px;background:linear-gradient(270deg,#fff,transparent);transform:translateX(100%)}@keyframes tail{0%{width:0;opacity:0}10%{opacity:1}30%{width:150px}to{width:0;opacity:0}}@keyframes shooting{0%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(500px) translateY(500px) rotate(45deg)}}