.weather-menu-scene{--period-sky:linear-gradient(160deg,#fff5dc,#e4f0ee 72%,#f9fbf3);--scene-sky:var(--period-sky);--scene-light:brightness(1.02) saturate(.95);--scene-weather:brightness(1);--scene-ink:#203b2e;--scene-halo:#fffdf8;position:absolute;inset:0;overflow:hidden;background:var(--scene-sky);pointer-events:none}.weather-menu-landscape{position:absolute;inset:0;background:url(/assets/icons/weather-menu/landscape-base.webp) no-repeat;background-size:200% 200%;filter:var(--scene-light) var(--scene-weather)}.weather-menu-landscape[data-ground=wet]{background-image:url(/assets/icons/weather-menu/landscape-wet.webp)}.weather-menu-landscape[data-ground=snow]{background-image:url(/assets/icons/weather-menu/landscape-snow.webp)}.weather-menu-scene[data-art-theme=natural-wood] .weather-menu-landscape{background-position:0 0}.weather-menu-scene[data-art-theme=paper-layer] .weather-menu-landscape{background-position:100% 0}.weather-menu-scene[data-art-theme=warm-flat] .weather-menu-landscape{background-position:0 100%}.weather-menu-scene[data-art-theme=mascot-buddy] .weather-menu-landscape{background-position:100% 100%}.weather-menu-atmosphere{position:absolute;z-index:1;inset:0}.weather-menu-icon{position:absolute;z-index:1;top:calc(2px * var(--weather-scale));right:calc(4px * var(--weather-scale));width:calc(68px * var(--weather-scale));height:calc(68px * var(--weather-scale));background:url(/assets/icons/weather-menu/conditions-core.webp?v=wood-sun-yellow) no-repeat;background-size:400% 400%}.weather-menu-icon[data-sheet=extra-a]{top:calc(8px * var(--weather-scale));width:calc(72px * var(--weather-scale));height:calc(54px * var(--weather-scale));background-image:url(/assets/icons/weather-menu/conditions-extra-a.webp)}.weather-menu-icon[data-sheet=wind-thunder]{background-image:url(/assets/icons/weather-menu/conditions-wind-thunder.webp);background-size:400% 200%}.weather-menu-icon[data-sheet=shower-sleet]{background-image:url(/assets/icons/weather-menu/conditions-shower-sleet.webp);background-size:400% 200%}.weather-menu-icon[data-sheet=rainwind-snowwind]{background-image:url(/assets/icons/weather-menu/conditions-rainwind-snowwind.webp);background-size:400% 200%}.weather-menu-icon[data-condition=wind]{top:calc(-8px * var(--weather-scale))}.weather-menu-icon[data-condition=snow_wind]{top:calc(12px * var(--weather-scale))}.weather-menu-mascot{position:absolute;z-index:1;width:calc(76px * var(--weather-scale));height:calc(76px * var(--weather-scale));background:url(/assets/icons/weather-menu/mascot-poses.webp) no-repeat;background-size:400% 300%;filter:drop-shadow(0 2px 2px #22362855);transform:scale(.9);transform-origin:left bottom}.weather-menu-mascot[data-anchor=left]{left:14%}.weather-menu-mascot[data-anchor=right]{left:60%}.weather-menu-mascot[data-pose-row="0"],.weather-menu-mascot[data-pose-row="1"]{bottom:calc(7px * var(--weather-scale))}.weather-menu-mascot[data-pose-row="2"]{bottom:calc(5px * var(--weather-scale))}.weather-menu-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:calc(3px * var(--weather-scale));padding:calc(8px * var(--weather-scale)) calc(6px * var(--weather-scale)) calc(8px * var(--weather-scale)) calc(10px * var(--weather-scale));color:var(--scene-ink);font-variant-numeric:tabular-nums}.weather-menu-copy>*{display:block;box-sizing:border-box;width:100%;flex-shrink:0;max-width:100%;padding-right:calc(3px * var(--weather-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:2px var(--scene-halo);paint-order:stroke fill}.weather-menu-temperature{font-size:calc(40px * var(--weather-scale));font-weight:820;line-height:1;letter-spacing:-.09em}.weather-menu-feels,.weather-menu-next{font-size:calc(13px * var(--weather-scale));font-weight:780;line-height:1.25}.weather-menu-forecast-compact,.weather-menu-scene[data-compact=true] .weather-menu-forecast-full{display:none}.weather-menu-scene[data-compact=true] .weather-menu-forecast-compact{display:inline}.weather-menu-scene[data-period=noon]{--period-sky:linear-gradient(160deg,#d8edfa,#eef9f7 72%,#fffef5);--scene-light:brightness(1.06) saturate(1.04)}.weather-menu-scene[data-period=afternoon]{--period-sky:linear-gradient(155deg,#ffe4bc,#e9e9dd 72%,#f9f4dc);--scene-light:brightness(.98) sepia(.08) saturate(1.1)}.weather-menu-scene[data-period=evening]{--period-sky:linear-gradient(155deg,#554c73,#b97780 61%,#e5b98a);--scene-light:brightness(.72) sepia(.2) saturate(1.12);--scene-ink:#fffaf0;--scene-halo:#483b51}.weather-menu-scene[data-period=night]{--period-sky:linear-gradient(155deg,#15273e,#294659 65%,#495668);--scene-light:brightness(.47) saturate(.75) hue-rotate(8deg);--scene-ink:#f7f7ed;--scene-halo:#183145}.weather-menu-scene[data-period=evening] .weather-menu-mascot{filter:brightness(.84) drop-shadow(0 2px 2px #18283977)}.weather-menu-scene[data-period=night] .weather-menu-mascot{filter:brightness(.7) drop-shadow(0 2px 3px #081b2cbb)}.weather-menu-scene[data-condition=cloudy]{--scene-sky:linear-gradient(160deg,#71848c66,#87999555),var(--period-sky);--scene-weather:brightness(.9) saturate(.78)}.weather-menu-scene[data-condition=cloudy] .weather-menu-atmosphere{background:linear-gradient(#9aabb34d,transparent 75%)}.weather-menu-scene:is([data-condition=rain],[data-condition=rain_wind]){--scene-weather:brightness(.88) saturate(.9)}.weather-menu-scene[data-condition=rain]{--scene-sky:linear-gradient(160deg,#566a7e88,#7f939b66),var(--period-sky)}.weather-menu-scene[data-condition=shower]{--scene-weather:brightness(.94) saturate(1.05)}.weather-menu-scene[data-condition=thunder]{--scene-weather:brightness(.7) saturate(.8)}.weather-menu-scene:is([data-condition=shower],[data-condition=rain_wind]) .weather-menu-atmosphere{background:repeating-linear-gradient(108deg,transparent 0 15px,#e8f3fb99 16px,transparent 17px 34px);mask-image:linear-gradient(transparent 37%,#000 83%);opacity:.42}.weather-menu-scene[data-condition=rain_wind] .weather-menu-atmosphere{transform:skewX(-8deg);opacity:.55}.weather-menu-scene[data-condition=rain] .weather-menu-atmosphere{background:radial-gradient(ellipse 1.2px 7px at 12% 68%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 5px at 27% 83%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 8px at 42% 62%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 6px at 58% 78%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 7px at 78% 65%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 5px at 91% 83%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 6px at 19% 91%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 8px at 69% 91%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 6px at 8% 55%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 7px at 31% 58%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 5px at 47% 88%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 8px at 63% 51%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 6px at 86% 48%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 7px at 96% 73%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1px 5px at 36% 96%,#d6e9f0bd 20%,transparent 85%),radial-gradient(ellipse 1.2px 6px at 74% 82%,#d6e9f0bd 20%,transparent 85%);opacity:.82}.weather-menu-scene[data-condition=thunder] .weather-menu-atmosphere{background:radial-gradient(circle at 78% 67%,#fff4c688,transparent 30%),linear-gradient(#35425755,#21374844)}.weather-menu-scene:is([data-condition=snow],[data-condition=snow_wind]){--scene-weather:saturate(.84) brightness(1.03)}.weather-menu-scene[data-condition=sleet]{--scene-weather:saturate(.76) brightness(.91)}.weather-menu-scene:is([data-condition=snow],[data-condition=sleet],[data-condition=snow_wind]) .weather-menu-atmosphere{background:linear-gradient(#ecf3fa44,transparent 70%)}.weather-menu-scene[data-condition=dust]{--scene-weather:sepia(.38) saturate(.75) brightness(1.06)}.weather-menu-scene[data-condition=dust] .weather-menu-atmosphere{background:linear-gradient(#e8cb9366,#cfa96c44)}.weather-menu-scene[data-condition=fog]{--scene-weather:saturate(.62) contrast(.88)}.weather-menu-scene[data-condition=fog] .weather-menu-atmosphere{background:linear-gradient(#ffffff88,#f1f6f4aa 67%,#ffffff44)}.weather-menu-scene[data-condition=wind] .weather-menu-atmosphere{background:repeating-linear-gradient(164deg,transparent 0 17px,#d7e8e966 18px,transparent 19px 39px);mask-image:linear-gradient(transparent 43%,#000 92%)}.weather-menu-scene[data-condition=snow_wind] .weather-menu-atmosphere{background:repeating-linear-gradient(164deg,transparent 0 19px,#edf4f8aa 20px,transparent 21px 43px);mask-image:linear-gradient(transparent 39%,#000 92%)}