/* Night homepage: 3, 2, 1 shooting stars in consecutive six-second groups. */
.meteor-field{position:absolute;inset:0 0 25%;overflow:hidden;pointer-events:none;display:none}
body[data-time="night"] .meteor-field{display:block}
.meteor{position:absolute;left:var(--start);top:var(--top);width:clamp(70px,12vw,175px);height:1px;opacity:0;background:linear-gradient(90deg,#fff5d8 0%,#c4ddffb3 14%,#c4ddff00 100%);transform-origin:left center;filter:drop-shadow(0 0 3px #cbe3ff99);animation:meteor-flight 18s linear infinite;animation-delay:var(--delay);--travel:clamp(160px,32vw,480px)}
.meteor:before{content:"";position:absolute;left:-1px;top:-1px;width:3px;height:3px;border-radius:50%;background:#fff8e6;box-shadow:0 0 6px #e0edff}
@keyframes meteor-flight{0%{opacity:0;transform:translate(0,0) rotate(-33deg)}1.2%{opacity:.9}9%{opacity:0;transform:translate(calc(-1 * var(--travel)),calc(var(--travel) * .65)) rotate(-33deg)}100%{opacity:0;transform:translate(calc(-1 * var(--travel)),calc(var(--travel) * .65)) rotate(-33deg)}}
.meteor-toggle{display:none;position:absolute;right:18px;bottom:12px;z-index:3;font:11px var(--sans);color:#c9d6e7;background:#08132499;border:1px solid #a9bdd744;border-radius:4px;padding:4px 8px;cursor:pointer}
body[data-time="night"] .meteor-toggle{display:block}
body.meteors-off .meteor-field{display:none}
body.page-hidden .meteor{animation-play-state:paused}
@media(max-width:760px){.meteor{width:85px;--travel:210px}.meteor-toggle{font-size:10px;right:12px;bottom:10px;padding:3px 6px}}
@media(prefers-reduced-motion:reduce){body[data-time="night"] .meteor-field,body[data-time="night"] .meteor-toggle{display:none}.meteor{animation:none}}
