.weather-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.weather-badge{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;pointer-events:none}.weather-badge__icon{font-size:14px}.weather-badge__temp{color:#ffffff80;margin-left:4px;text-transform:none}.weather-drop{position:absolute;top:-10%;width:2px;height:18px;background:linear-gradient(to bottom,transparent,rgba(174,214,241,.7));border-radius:2px}.weather-drop--heavy{height:22px;background:linear-gradient(to bottom,transparent,rgba(174,194,221,.8))}@keyframes weatherRainFall{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(350px);opacity:0}}.weather-lightning-flash{position:absolute;inset:0;background:#ffffff26;pointer-events:none}.weather-bolt{position:absolute;top:5%;left:55%;width:40px;height:80px;z-index:3;filter:drop-shadow(0 0 8px rgba(255,230,150,.8))}@keyframes weatherLightning{0%,92%,94%,96%,to{opacity:0}93%,95%{opacity:1}}.weather-sun-glow{position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,80,.5) 0%,rgba(255,180,50,.15) 50%,transparent 70%)}@keyframes weatherSunPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.weather-ray{position:absolute;top:-20px;right:10px;width:3px;height:160px;background:linear-gradient(to bottom,rgba(255,220,80,.35),transparent);transform-origin:top center;border-radius:2px}@keyframes weatherRayShimmer{0%,to{opacity:.2}50%{opacity:.5}}.weather-mote{position:absolute;border-radius:50%;background:#ffe66480}@keyframes weatherFloatMote{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-12px) translate(6px);opacity:.7}}.weather-moon-glow{position:absolute;top:-20px;right:-20px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(200,215,240,.4) 0%,rgba(180,200,230,.1) 50%,transparent 70%)}@keyframes weatherMoonPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.weather-star{position:absolute;border-radius:50%;background:#dce6ffb3}@keyframes weatherStarTwinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.weather-cloud{position:absolute;background:radial-gradient(ellipse,rgba(210,218,226,.7) 0%,rgba(210,218,226,.2) 60%,transparent 80%);border-radius:50%;filter:blur(2px)}@keyframes weatherCloudDrift{0%{transform:translate(0)}to{transform:translate(350px)}}.weather-fog-band{position:absolute;left:-50%;width:200%;height:60px;background:linear-gradient(90deg,transparent,rgba(220,225,230,.5),rgba(220,225,230,.3),transparent);filter:blur(8px)}@keyframes weatherFogDrift{0%{transform:translate(0)}to{transform:translate(120px)}}.weather-fog-pulse{position:absolute;inset:0;background:#e6ebf033}@keyframes weatherFogPulse{0%,to{opacity:.3}50%{opacity:.6}}