/* sky, sol, luna, nubes */
.sky{position:absolute;inset:0 0 50%;pointer-events:none}
.sun{position:absolute;left:50%;top:22%;width:140px;height:140px;margin-left:-70px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #fff9e6,var(--sun-core) 40%,#ff9a66 70%);box-shadow:0 0 120px rgba(255,160,80,0.18);transform-origin:center;animation:sun-rise 12s ease-in-out infinite alternate;z-index:5}
.sun .glow{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,#fff3c2 0%, transparent 40%);filter:blur(18px)}
.sun::after{content:"";position:absolute;top:50%;left:-200px;width:400px;height:24px;background:radial-gradient(ellipse at center, rgba(255,211,107,0.3) 0%, transparent 70%);transform:translateY(-50%);filter:blur(12px);opacity:0.8;z-index:-1}

.cloud{position:absolute;border-radius:40px;background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));box-shadow:0 8px 18px rgba(0,0,0,0.08)}
.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit}
.cloud-a{width:260px;height:68px;left:6%;top:12%;opacity:0.95;animation:cloud-sway 60s linear infinite}
.cloud-a:before{width:140px;height:90px;left:28px;top:-36px}
.cloud-a:after{width:120px;height:66px;left:160px;top:-18px}
.cloud-b{width:180px;height:56px;left:60%;top:6%;opacity:0.9;animation:cloud-sway 48s linear infinite .6s}
.cloud-b:before{width:110px;height:70px;left:16px;top:-30px}
.cloud-b:after{width:80px;height:46px;left:120px;top:-14px}
.cloud-c{width:220px;height:56px;left:34%;top:18%;opacity:0.92;animation:cloud-sway 54s linear infinite .2s}

.moon{position:absolute;right:12%;top:10%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #fff,#f1f3f6 40%, #dfe6ee 100%);box-shadow:0 0 40px rgba(220,230,255,0.06);opacity:0;transform:translateY(-6px);transition:all .6s ease}
.moon-crater{position:absolute;border-radius:50%;background:rgba(0,0,0,0.06)}
.moon-crater.m1{left:20%;top:30%;width:14px;height:14px}
.moon-crater.m2{left:52%;top:46%;width:10px;height:10px}