/* Behind all opaque terrain and characters, above the sky image only. */
.set-atmosphere { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.sky-stratum { position:absolute; inset:-10%; background-size:cover; background-position:center; transform-origin:center; pointer-events:none; }
.sky-stratum-high { mask-image:radial-gradient(ellipse 70% 20% at 60% 13%, #000 15%, transparent 95%); filter:saturate(.88) brightness(1.13); }
.sky-stratum-low { mask-image:radial-gradient(ellipse 60% 16% at 37% 36%, #000 10%, transparent 95%); filter:saturate(1.12) brightness(.92); }
.set-meteor { position: absolute; left: 0; top: 0; height: 2px; opacity: 0; border-radius: 50%; transform-origin: right center; background: linear-gradient(90deg, transparent, rgb(255 232 199 / .3) 45%, #fff4d5); box-shadow: 0 0 6px 1px rgb(255 218 156 / .28); }
/* Keep both feathered moving cloud strata; their painted colors need no
   additional full-screen filter surfaces on a mobile compositor. */
@media (max-width: 800px), (pointer: coarse) {
  .sky-stratum { filter: none; }
}
.set-meteor::after { content: ''; position: absolute; right: 0; top: -.5px; width: 3px; height: 3px; border-radius: 50%; background: #fff8e3; }
@media (prefers-reduced-motion: reduce) { .set-atmosphere { display: none; } }