.shooting-star { position:absolute; z-index:-3; width:130px; height:1px; pointer-events:none; opacity:0; background:linear-gradient(90deg,transparent,rgba(222,230,255,.82),transparent); filter:drop-shadow(0 0 4px rgba(201,214,255,.7)); transform:rotate(-25deg); }
.shooting-star::after { content:""; position:absolute; right:4px; top:-1px; width:3px; height:3px; border-radius:50%; background:white; box-shadow:0 0 8px white; }
.shooting-star.run { animation:shoot 1.1s cubic-bezier(.22,.65,.22,1) forwards; }
@keyframes shoot { 0% { opacity:0; translate:-15vw -10vh; } 10% { opacity:1; } 80% { opacity:.7; } 100% { opacity:0; translate:112vw 56vh; } }