.world3d{--world-day:.8;--sky-top:#a2c5d0;--sky-bottom:#729ba9;background:linear-gradient(160deg,var(--sky-top),var(--sky-bottom));transition:background 2s}
.world3d-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sky-sun{position:absolute;left:9%;top:7%;width:45px;height:45px;border-radius:50%;background:#fff1ae;box-shadow:0 0 45px 14px #fff1b35c;opacity:var(--world-day)}.sky-moon{position:absolute;right:18%;top:8%;width:32px;height:32px;border-radius:50%;box-shadow:8px 3px 0 0 #d6e8ec;opacity:calc(1 - var(--world-day))}.sky-cloud{position:absolute;width:180px;height:65px;opacity:.25;filter:blur(1px);background:radial-gradient(ellipse at 25% 65%,#edf2ed 0 28%,transparent 31%),radial-gradient(ellipse at 50% 50%,#edf2ed 0 40%,transparent 43%),radial-gradient(ellipse at 78% 70%,#edf2ed 0 25%,transparent 28%);animation:sky-drift 45s ease-in-out infinite alternate}.cloud-a{left:15%;top:2%}.cloud-b{right:12%;top:9%;transform:scale(.7);animation-delay:-23s}.world3d[data-sky="rain"] .sky-cloud,.world3d[data-sky="snow"] .sky-cloud,.world3d[data-sky="cloud"] .sky-cloud{opacity:.5}.world3d[data-sky="rain"] .sky-sun,.world3d[data-sky="snow"] .sky-sun{opacity:.1}.world3d-weather{padding:5px 9px;border-radius:20px;background:#102d3c55;color:#fff3ce;font-weight:600}.world3d-label{padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,#102a38aa,#102a3800)}@keyframes sky-drift{to{translate:45px 5px}}@media(prefers-reduced-motion:reduce){.sky-cloud{animation:none}.world3d{transition:none}}