/* Живото небе — от meteo.varnahub.com (наш код), сцени по прогнозата */
/* ═══════════ ЖИВОТО НЕБЕ ═══════════ */
#scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#0a1224;transition:background 2.5s ease}
#scene .layer{position:absolute;inset:0;opacity:0;transition:opacity 2.5s ease;pointer-events:none}
/* небесни градиенти по сцена */
body[data-scene="clear-night"] #scene{background:linear-gradient(180deg,#050a1a 0%,#0b1a3c 45%,#1c3a6e 78%,#3a5a92 100%)}
body[data-scene="clear-day"]   #scene{background:linear-gradient(180deg,#3f8fe0 0%,#7db9ee 55%,#cfe6f7 100%)}
body[data-scene="sunset"]      #scene{background:linear-gradient(180deg,#1a2450 0%,#5b3a78 40%,#c95d63 72%,#f0a24a 100%)}
body[data-scene="partly"]      #scene{background:linear-gradient(180deg,#12203f 0%,#28436e 50%,#5d7ba3 100%)}
body[data-scene="cloud"]       #scene{background:linear-gradient(180deg,#242c3a 0%,#3c4657 55%,#5b6779 100%)}
body[data-scene="rain"]        #scene{background:linear-gradient(180deg,#151c28 0%,#25304a 55%,#3a465e 100%)}
body[data-scene="storm"]       #scene{background:linear-gradient(180deg,#0a0d16 0%,#161c2c 50%,#232c42 100%)}
body[data-scene="heat"]        #scene{background:linear-gradient(180deg,#2b1a3c 0%,#7a3a4e 45%,#d8703f 78%,#f5a23c 100%)}
body[data-scene="snow"]        #scene{background:linear-gradient(180deg,#2a3648 0%,#4a5a70 55%,#8195ab 100%)}

/* звезди */
#stars .s{position:absolute;background:#fff;border-radius:50%;animation:tw 3.4s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.15}50%{opacity:.95}}
body[data-scene="clear-night"] #stars,body[data-scene="partly"] #stars{opacity:1}
body[data-scene="partly"] #stars{opacity:.5}

/* луна */
#moon{width:92px;height:92px;border-radius:50%;left:auto;right:9%;top:9%;inset:auto;position:absolute;
  background:radial-gradient(circle at 34% 32%,#fdfbf3,#e6e2cf 60%,#c9c4ac);
  box-shadow:0 0 46px 14px rgba(253,251,240,.28)}
body[data-scene="clear-night"] #moonwrap{opacity:1}

/* слънце */
#sun{width:120px;height:120px;border-radius:50%;position:absolute;right:12%;top:12%;
  background:radial-gradient(circle,#fff3c2 20%,#f7c93e 55%,rgba(247,201,62,0) 72%);
  box-shadow:0 0 90px 40px rgba(247,190,60,.45);animation:sunp 6s ease-in-out infinite}
@keyframes sunp{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
body[data-scene="clear-day"] #sunwrap{opacity:1}
body[data-scene="heat"] #sunwrap{opacity:1}
body[data-scene="heat"] #sun{background:radial-gradient(circle,#fff0b8 15%,#f59d2e 55%,rgba(245,157,46,0) 72%);box-shadow:0 0 120px 60px rgba(240,120,40,.5)}
body[data-scene="sunset"] #sunwrap{opacity:1}
body[data-scene="sunset"] #sun{top:auto;bottom:6%;right:20%;background:radial-gradient(circle,#ffe9c0 15%,#f08a3c 55%,rgba(240,138,60,0) 75%);box-shadow:0 0 100px 50px rgba(240,120,60,.4)}

/* мараня при жега */
#heatwave{background:repeating-linear-gradient(180deg,rgba(255,170,60,0) 0 26px,rgba(255,170,60,.05) 26px 30px);animation:haze 5s ease-in-out infinite}
@keyframes haze{0%,100%{transform:translateY(0) skewX(0deg)}50%{transform:translateY(-8px) skewX(.6deg)}}
body[data-scene="heat"] #heatwave{opacity:1}

/* облаци */
.cl{position:absolute;filter:blur(2px)}
.cl i,.cl b{position:absolute;background:currentColor;border-radius:50%}
#clouds{color:rgba(255,255,255,.85)}
body[data-scene="clear-night"] #clouds,body[data-scene="storm"] #clouds{color:rgba(200,210,230,.16)}
body[data-scene="partly"] #clouds{color:rgba(220,228,242,.4)}
body[data-scene="cloud"] #clouds{color:rgba(225,230,240,.55)}
body[data-scene="rain"] #clouds,body[data-scene="snow"] #clouds{color:rgba(180,192,210,.38)}
body[data-scene="storm"] #clouds{color:rgba(120,130,155,.45)}
body[data-scene="sunset"] #clouds{color:rgba(255,190,150,.35)}
body[data-scene="heat"] #clouds{color:rgba(255,220,180,.2)}
body[data-scene="partly"] #clouds,body[data-scene="cloud"] #clouds,body[data-scene="rain"] #clouds,
body[data-scene="storm"] #clouds,body[data-scene="snow"] #clouds,body[data-scene="sunset"] #clouds,
body[data-scene="heat"] #clouds,body[data-scene="clear-day"] #clouds{opacity:1}
body[data-scene="clear-day"] #clouds{color:rgba(255,255,255,.8)}
@keyframes drift{from{transform:translateX(-30vw)}to{transform:translateX(130vw)}}

/* дъжд */
#rain .d{position:absolute;top:-12vh;width:1.6px;height:15vh;background:linear-gradient(180deg,rgba(160,190,230,0),rgba(170,200,240,.55));animation:fall linear infinite}
@keyframes fall{to{transform:translateY(125vh)}}
body[data-scene="rain"] #rain,body[data-scene="storm"] #rain{opacity:1}

/* сняг */
#snow .f{position:absolute;top:-6vh;background:#fff;border-radius:50%;opacity:.85;animation:sfall linear infinite}
@keyframes sfall{to{transform:translateY(115vh) translateX(6vw)}}
body[data-scene="snow"] #snow{opacity:1}

/* светкавици */
#flash{background:radial-gradient(ellipse at 50% 8%,rgba(220,232,255,.95),rgba(190,205,245,.35) 40%,transparent 70%)}
body[data-scene="storm"] #flash{animation:bolt 7s infinite}
@keyframes bolt{0%,88.9%,92.5%,100%{opacity:0}89.4%{opacity:.9}90%{opacity:.12}90.6%{opacity:.75}91.4%{opacity:0}}

/* сцена-етикет */
#sceneTag{position:fixed;right:14px;bottom:14px;z-index:60;background:var(--surface);border:1px solid var(--line);
  border-radius:24px;padding:8px 16px;font-size:13px;color:var(--text);box-shadow:var(--shadow);max-width:min(80vw,430px)}
#sceneTag b{color:var(--accent)}


@keyframes tw{0%,100%{opacity:.15}50%{opacity:.95}}
@keyframes sunp{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes haze{0%,100%{transform:translateY(0) skewX(0deg)}50%{transform:translateY(-8px) skewX(.6deg)}}
@keyframes drift{from{transform:translateX(-30vw)}to{transform:translateX(130vw)}}
@keyframes fall{to{transform:translateY(125vh)}}
@keyframes sfall{to{transform:translateY(115vh) translateX(6vw)}}
@keyframes bolt{0%,88.9%,92.5%,100%{opacity:0}89.4%{opacity:.9}90%{opacity:.12}90.6%{opacity:.75}91.4%{opacity:0}}