:root{
  --pn-climate-hud-top:72px;
  --pn-climate-hud-right:12px;
  --pn-hud-scale:1;
  --pn-climate-ui-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

.pn-climate-host{position:relative!important;isolation:isolate}
.pn-climate-root{position:absolute;inset:0;z-index:56;overflow:hidden;pointer-events:none;font-family:var(--pn-climate-ui-font);color:#f5fffd}
.pn-climate-canvas,.pn-climate-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pn-climate-canvas{z-index:1}
.pn-climate-atmosphere{z-index:0;opacity:calc(.16 + var(--pn-climate-intensity,.5)*.16);transition:background 900ms ease,opacity 900ms ease;box-shadow:inset 0 0 130px #03101466}
.pn-climate-atmosphere::before,.pn-climate-atmosphere::after{content:"";position:absolute;inset:-18%;pointer-events:none;opacity:.35;transform:translate3d(0,0,0);will-change:transform,opacity}
.pn-climate-atmosphere::before{mix-blend-mode:screen}.pn-climate-atmosphere::after{mix-blend-mode:soft-light}
.pn-climate-root[data-phase="night"] .pn-climate-atmosphere{opacity:calc(.27 + var(--pn-climate-intensity,.5)*.16);background:linear-gradient(180deg,#07112780,#0c16364d 45%,#04091673)}
.pn-climate-root[data-phase="day"] .pn-climate-atmosphere{background:linear-gradient(180deg,#ffe9a31f,transparent 42%,#55cba014)}
.pn-climate-root[data-weather="clear"] .pn-climate-atmosphere{background:radial-gradient(circle at 13% 4%,#fff1ad46,transparent 34%),linear-gradient(180deg,#ffd8721c,transparent 52%,#83d6b718)}
.pn-climate-root[data-weather="clear"] .pn-climate-atmosphere::before{background:conic-gradient(from 72deg at 13% 4%,transparent 0 6deg,#fff6cf26 7deg 12deg,transparent 13deg 25deg,#fff2be1c 26deg 31deg,transparent 32deg);animation:pn-climate-breathe 8s ease-in-out infinite}
.pn-climate-root[data-weather="clouds"] .pn-climate-atmosphere{background:linear-gradient(180deg,#c7d6dc51,#839ba73c 45%,#4f66702f)}
.pn-climate-root[data-weather="clouds"] .pn-climate-atmosphere::before{background:radial-gradient(ellipse at 20% 30%,#eef7fa2e 0 13%,transparent 34%),radial-gradient(ellipse at 65% 18%,#d9e9ee28 0 17%,transparent 39%),radial-gradient(ellipse at 88% 42%,#bbced52a 0 12%,transparent 32%);animation:pn-cloud-drift 18s linear infinite}
.pn-climate-root[data-weather="rain"] .pn-climate-atmosphere{background:linear-gradient(180deg,#1734578a,#1a4b7360 52%,#071b3182)}
.pn-climate-root[data-weather="rain"] .pn-climate-atmosphere::after{background:linear-gradient(112deg,transparent 22%,#9bd6ff14 48%,transparent 75%);animation:pn-rain-sheen 5s ease-in-out infinite}
.pn-climate-root[data-weather="fog"] .pn-climate-atmosphere{background:linear-gradient(180deg,#d0dfde56,#abc0be49 47%,#657d7d40)}
.pn-climate-root[data-weather="fog"] .pn-climate-atmosphere::before{background:linear-gradient(180deg,transparent 8%,#edf8f744 30%,transparent 48%,#d8e9e63e 68%,transparent 87%);animation:pn-fog-drift 14s ease-in-out infinite alternate}
.pn-climate-root[data-weather="sparks"] .pn-climate-atmosphere{background:radial-gradient(circle at 26% 34%,#ffe34f24,transparent 31%),radial-gradient(circle at 77% 65%,#7dccff1b,transparent 28%),linear-gradient(180deg,#101b2b70,#1829363e,#07141e6b)}
.pn-climate-root[data-weather="sparks"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(118deg,transparent 0 15%,#fff59b16 15.2% 15.5%,transparent 15.8% 31%);animation:pn-static-pulse 2.8s steps(2,end) infinite}
.pn-climate-root[data-weather="ash"] .pn-climate-atmosphere{background:linear-gradient(180deg,#3b251e72,#673b2c48 49%,#17100c6e)}
.pn-climate-root[data-weather="ash"] .pn-climate-atmosphere::after{background:radial-gradient(ellipse at 52% 105%,#ff6b322f,transparent 45%),linear-gradient(105deg,transparent,#a65b3c18,transparent);animation:pn-climate-breathe 4.5s ease-in-out infinite}
.pn-climate-root[data-weather="snow"] .pn-climate-atmosphere{background:linear-gradient(180deg,#d9f5ff4c,#8dc6dc38 52%,#2b556a50)}
.pn-climate-root[data-weather="snow"] .pn-climate-atmosphere::before{background:radial-gradient(circle at 74% 11%,#f5fdff34,transparent 34%),linear-gradient(180deg,#effcff18,transparent);animation:pn-climate-breathe 7s ease-in-out infinite}
.pn-climate-root[data-weather="snow_flurry"] .pn-climate-atmosphere{background:linear-gradient(160deg,#ecfbff52,#8bc5dc40 50%,#23475d58)}
.pn-climate-root[data-weather="snow_flurry"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(166deg,transparent 0 13%,#eaffff1e 13.5% 14%,transparent 14.5% 28%);animation:pn-gust-sweep 4.8s linear infinite}
.pn-climate-root[data-weather="sandstorm"] .pn-climate-atmosphere{background:linear-gradient(150deg,#8b63246b,#d2a34c52 47%,#46301673)}
.pn-climate-root[data-weather="sandstorm"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(174deg,transparent 0 8%,#ffd9901d 8.3% 9%,transparent 9.4% 18%);animation:pn-sand-sweep 3.6s linear infinite}
.pn-climate-root[data-weather="high_winds"] .pn-climate-atmosphere{background:radial-gradient(ellipse at 25% 18%,#a8fff526,transparent 43%),linear-gradient(180deg,#28595b33,transparent 58%,#15373a30)}
.pn-climate-root[data-weather="high_winds"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(174deg,transparent 0 15%,#ddfffb1c 15.3% 15.7%,transparent 16% 31%);animation:pn-gust-sweep 3.2s linear infinite}
.pn-climate-root[data-weather="hail"] .pn-climate-atmosphere{background:linear-gradient(180deg,#bceaff4a,#6696b042 47%,#17374f63)}
.pn-climate-root[data-weather="hail"] .pn-climate-atmosphere::after{background:radial-gradient(ellipse at 75% 8%,#eafbff38,transparent 37%),linear-gradient(112deg,transparent,#d8f6ff16,transparent);animation:pn-climate-breathe 3s ease-in-out infinite}
.pn-climate-root[data-weather="rainbow"] .pn-climate-atmosphere{background:radial-gradient(ellipse at 56% 100%,transparent 0 30%,#ff8aa713 31% 33%,#ffd76b13 34% 36%,#75edc913 37% 39%,#77aaff13 40% 42%,#d38eff13 43% 45%,transparent 46%),linear-gradient(180deg,#caefff20,transparent 60%,#a3e2be1c)}
.pn-climate-root[data-weather="rainbow"] .pn-climate-atmosphere::before{background:radial-gradient(circle at 28% 18%,#fffbd638,transparent 29%);animation:pn-prism-shift 7s ease-in-out infinite alternate}
.pn-climate-root[data-weather="meteor_shower"] .pn-climate-atmosphere{background:radial-gradient(ellipse at 72% 15%,#ff9f6f1e,transparent 34%),linear-gradient(180deg,#070c2475,#15133c42 55%,#06091868)}
.pn-climate-root[data-weather="meteor_shower"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(137deg,transparent 0 17%,#ffd5a91c 17.2% 17.45%,transparent 17.8% 35%);animation:pn-meteor-sweep 8s linear infinite}
.pn-climate-root[data-weather="aurora"] .pn-climate-atmosphere{background:radial-gradient(ellipse at 35% 0,#3cf1bd45,transparent 47%),radial-gradient(ellipse at 75% 10%,#a860ff38,transparent 44%),linear-gradient(180deg,#07162d70,transparent)}
.pn-climate-root[data-weather="aurora"] .pn-climate-atmosphere::before{background:conic-gradient(from 170deg at 50% -22%,transparent,#58f2c82c,#79a9ff25,#c277ff24,transparent 64%);filter:blur(12px);animation:pn-aurora-wave 9s ease-in-out infinite alternate}
.pn-climate-root[data-weather="winter_storm"] .pn-climate-atmosphere{background:linear-gradient(158deg,#e7f9ff58,#73a9c14e 44%,#122f465f)}
.pn-climate-root[data-weather="winter_storm"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(168deg,transparent 0 8%,#f4fdff24 8.4% 9%,transparent 9.5% 17%);filter:blur(.5px);animation:pn-blizzard-sweep 2.7s linear infinite}
.pn-climate-root[data-weather="winter_storm"] .pn-climate-atmosphere::after{inset:0;background:linear-gradient(90deg,#d9f6ff32,transparent 15% 85%,#d9f6ff32),linear-gradient(180deg,#f0fbff35,transparent 18% 83%,#c6ecff28)}
.pn-climate-root[data-weather="thunderstorm"] .pn-climate-atmosphere{background:linear-gradient(180deg,#08172b99,#173e6480 51%,#06162991)}
.pn-climate-root[data-weather="thunderstorm"] .pn-climate-atmosphere::before{background:radial-gradient(circle at 64% 12%,#fffbd12b,transparent 25%),linear-gradient(110deg,transparent,#7dc8ff11,transparent);animation:pn-static-pulse 3.4s steps(2,end) infinite}
.pn-climate-root[data-weather="scorching_heat"] .pn-climate-atmosphere{background:linear-gradient(180deg,#ff7b2445,#d8371736,#4b100c55);animation:pn-heat-shimmer 2.8s ease-in-out infinite}
.pn-climate-root[data-weather="scorching_heat"] .pn-climate-atmosphere::before{background:radial-gradient(circle at 72% -5%,#fff0a947,transparent 34%),repeating-linear-gradient(88deg,transparent 0 11%,#ffb16912 12% 13%,transparent 14% 24%);filter:blur(1px);animation:pn-heat-rise 4s ease-in-out infinite alternate}
.pn-climate-root[data-weather="lunar_eclipse"] .pn-climate-atmosphere{background:radial-gradient(circle at 72% 18%,#ff675d45 0 4%,#791b613e 7%,transparent 25%),linear-gradient(180deg,#14082099,#32103d69,#08040d8e)}
.pn-climate-root[data-weather="lunar_eclipse"] .pn-climate-atmosphere::before{background:radial-gradient(circle at 72% 18%,#f0b2ff25 0 9%,transparent 28%),conic-gradient(from 0deg at 72% 18%,transparent,#bd79ff1c,transparent,#ff6e6e14,transparent);animation:pn-eclipse-halo 10s linear infinite}
.pn-climate-root[data-weather="celestial_deluge"] .pn-climate-atmosphere{background:radial-gradient(ellipse at 52% 108%,#43c6ff25,transparent 46%),linear-gradient(180deg,#06152ca8,#1450778f 50%,#03182c9f)}
.pn-climate-root[data-weather="celestial_deluge"] .pn-climate-atmosphere::before{background:repeating-linear-gradient(165deg,transparent 0 6%,#bdefff20 6.3% 6.8%,transparent 7.2% 13%),radial-gradient(circle at 68% 6%,#eaffff2e,transparent 25%);animation:pn-deluge-sweep 2.15s linear infinite}
.pn-climate-root[data-weather="celestial_deluge"] .pn-climate-atmosphere::after{background:linear-gradient(104deg,transparent,#63d9ff1f,transparent),radial-gradient(ellipse at 50% 100%,#77e5ff22,transparent 52%);animation:pn-rain-sheen 3.6s ease-in-out infinite}
.pn-climate-root[data-quality="low"] .pn-climate-atmosphere::before,.pn-climate-root[data-quality="low"] .pn-climate-atmosphere::after{filter:none!important;animation-duration:calc(var(--pn-low-motion,1)*8s)}

.pn-climate-hud{position:absolute;z-index:5;top:var(--pn-climate-hud-top);right:var(--pn-climate-hud-right);display:grid;grid-template-columns:48px minmax(0,1fr) 17px;align-items:center;gap:11px;width:min(calc(294px * var(--pn-hud-scale)),calc(100% - 24px));min-height:72px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--pn-climate-color,#75ddca) 46%,transparent);border-radius:16px;background:linear-gradient(145deg,#071b20e8,#071219e3);box-shadow:0 10px 32px #0008,inset 0 1px #ffffff12;color:#f5fffd;text-align:left;pointer-events:auto;cursor:pointer;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);transition:width .22s ease,border-color .22s ease,transform .22s ease}
.pn-climate-hud:hover{transform:translateY(-1px);border-color:var(--pn-climate-color)}
.pn-climate-hud-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:radial-gradient(circle at 30% 25%,#ffffff32,transparent 34%),color-mix(in srgb,var(--pn-climate-color) 23%,#091a1f);color:var(--pn-climate-color);box-shadow:inset 0 0 0 1px #ffffff12,0 7px 18px color-mix(in srgb,var(--pn-climate-color) 23%,transparent)}
.pn-climate-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pn-time-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px;margin-right:4px}
.pn-climate-hud-copy{display:block;min-width:0}
.pn-climate-hud-copy small,.pn-climate-hud-copy strong,.pn-climate-hud-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-climate-hud-copy small{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--pn-climate-color)}
.pn-climate-hud-copy strong{margin:3px 0;font-size:15px;line-height:1.15;letter-spacing:.01em}
.pn-climate-hud-copy em{font-size:10px;font-style:normal;color:#c3d8d5}
.pn-event-hud{position:absolute;z-index:5;top:calc(var(--pn-climate-hud-top) + 80px);right:var(--pn-climate-hud-right);width:min(calc(318px * var(--pn-hud-scale)),calc(100% - 24px));min-height:106px;display:grid;grid-template-columns:64px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--pn-event-color,#f2c878) 40%,transparent);border-radius:16px;background:linear-gradient(145deg,#10181de8,#071015ee);box-shadow:0 10px 30px #0008;color:#fff;text-align:left;pointer-events:auto;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;isolation:isolate}
.pn-event-hud[hidden]{display:none}.pn-event-hud.is-active{border-color:color-mix(in srgb,var(--pn-event-color,#f2c878) 75%,#ffffff15);box-shadow:0 10px 30px #0008,0 0 24px color-mix(in srgb,var(--pn-event-color,#f2c878) 22%,transparent)}.pn-event-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#051117f6 0%,#07151bd9 38%,#08111890 62%,#091118d6 100%),var(--pn-event-art,none);background-position:center;background-size:cover;filter:saturate(1.05) contrast(1.02);transform:scale(1.02)}.pn-event-hud::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--pn-event-color,#f2c878) 28%,transparent),transparent 32%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--pn-event-color,#f2c878) 10%,transparent));pointer-events:none}.pn-event-visual{display:grid;gap:6px;align-items:center;justify-items:start}.pn-event-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--pn-event-color,#f2c878) 18%,#07161c);color:var(--pn-event-color,#f2c878);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px color-mix(in srgb,var(--pn-event-color,#f2c878) 20%,transparent)}.pn-event-icon .pn-climate-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.pn-event-portraits{position:relative;height:34px;width:48px}.pn-event-portraits img{position:absolute;top:0;left:0;width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #000a)}.pn-event-portraits img+img{left:16px;top:6px;width:28px;height:28px}.pn-event-copy{min-width:0;display:grid;gap:2px}.pn-event-copy small,.pn-event-copy strong,.pn-event-copy em,.pn-event-copy p,.pn-event-copy i{display:block;overflow:hidden;text-overflow:ellipsis}.pn-event-copy small{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--pn-event-color,#f2c878);white-space:nowrap}.pn-event-copy strong{margin:1px 0;font-size:12px;line-height:1.1;color:#f9fffe;white-space:nowrap}.pn-event-copy em{font-size:10px;font-style:normal;color:#d8ebe8;white-space:nowrap}.pn-event-copy p{font-size:8px;line-height:1.28;color:#d0dfdd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-height:2.56em}.pn-event-copy i{margin-top:1px;font-size:8px;font-style:normal;color:#a8bfba;white-space:nowrap}.pn-event-arrow{font-size:18px;color:var(--pn-event-color,#f2c878)}
.pn-climate-chevron{font-size:16px;color:#85aaa7;transition:transform .2s ease}
.pn-climate-hud.is-open{width:min(420px,calc(100% - 24px));grid-template-rows:auto auto}
.pn-climate-hud.is-open .pn-climate-chevron{transform:rotate(180deg)}
.pn-climate-details{display:none;grid-column:1/-1;padding:9px 2px 2px;border-top:1px solid #ffffff10}
.pn-climate-hud.is-open .pn-climate-details{display:grid;gap:6px}
.pn-climate-detail-title{font-size:7px;font-weight:800;color:#a9c3c3;letter-spacing:.05em}
.pn-climate-types{display:flex;flex-wrap:wrap;gap:4px}
.pn-climate-type{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid color-mix(in srgb,var(--type-color) 35%,transparent);border-radius:8px;background:color-mix(in srgb,var(--type-color) 9%,#071217);font-size:7px;font-weight:800;color:#dfeceb}
.pn-climate-type b{font-size:9px;color:var(--type-color)}
.pn-climate-type.is-nerf{opacity:.72;filter:saturate(.72)}
.pn-climate-types-compact .pn-climate-type{padding:3px 5px;font-size:6px}
.pn-climate-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

.pn-climate-splash{position:absolute;z-index:50;top:50%;left:50%;width:min(760px,calc(100% - 26px));height:176px;overflow:hidden;border:1px solid color-mix(in srgb,var(--pn-climate-color) 55%,transparent);border-radius:23px;background:#07151a;box-shadow:0 30px 90px #000c,0 0 38px color-mix(in srgb,var(--pn-climate-color) 18%,transparent);opacity:0;transform:translate(-50%,-58%) scale(.97);pointer-events:none;transition:opacity .42s ease,transform .48s cubic-bezier(.2,.8,.2,1);font-family:var(--pn-climate-ui-font);color:#f6fffd}
.pn-climate-splash.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pn-climate-splash-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#061419f5 0%,#061419d9 42%,#06141954 72%,#061419ad 100%),var(--pn-climate-art);background-position:center;background-size:cover;filter:saturate(1.08) contrast(1.03);transform:scale(1.025)}
.pn-climate-splash-art::before,.pn-climate-splash-art::after{content:"";position:absolute;inset:-8%;pointer-events:none}.pn-climate-splash-art::before{background:var(--pn-splash-tone,linear-gradient(120deg,transparent,#ffffff08,transparent));mix-blend-mode:screen}.pn-climate-splash-art::after{background:var(--pn-splash-motion,none);mix-blend-mode:screen;opacity:.6;animation:pn-splash-drift 5.5s ease-in-out infinite alternate}
.pn-climate-splash[data-weather="clear"]{--pn-splash-tone:radial-gradient(circle at 73% 18%,#fff0a963,transparent 34%),linear-gradient(180deg,#ffd26f1f,transparent);--pn-splash-motion:conic-gradient(from 72deg at 74% 18%,transparent,#fff5cf23,transparent 19%)}
.pn-climate-splash[data-weather="clouds"]{--pn-splash-tone:linear-gradient(180deg,#cfe2e345,#75899427,transparent);--pn-splash-motion:radial-gradient(ellipse at 70% 24%,#eff8fa42,transparent 34%),radial-gradient(ellipse at 91% 48%,#c2d3da35,transparent 29%)}
.pn-climate-splash[data-weather="rain"]{--pn-splash-tone:linear-gradient(180deg,#164b7a4d,#071b3147);--pn-splash-motion:repeating-linear-gradient(106deg,transparent 0 7%,#a6dcff30 7.3% 7.7%,transparent 8% 15%)}
.pn-climate-splash[data-weather="fog"]{--pn-splash-tone:linear-gradient(180deg,#d9e7e45c,#7c949241);--pn-splash-motion:linear-gradient(180deg,transparent 10%,#f2faf958 28%,transparent 46%,#dcebe946 66%,transparent 83%)}
.pn-climate-splash[data-weather="sparks"]{--pn-splash-tone:radial-gradient(circle at 78% 32%,#ffe34f4d,transparent 31%),linear-gradient(180deg,#111c31,#0a152933);--pn-splash-motion:repeating-linear-gradient(119deg,transparent 0 14%,#fff58a45 14.3% 14.7%,transparent 15% 29%)}
.pn-climate-splash[data-weather="ash"]{--pn-splash-tone:linear-gradient(180deg,#2d1a16a3,#8b3e244c,#28110ca3);--pn-splash-motion:radial-gradient(ellipse at 72% 104%,#ff6b324d,transparent 47%)}
.pn-climate-splash[data-weather="snow"]{--pn-splash-tone:linear-gradient(180deg,#e6f9ff48,#79b4cf27);--pn-splash-motion:radial-gradient(circle at 83% 18%,#ffffff58,transparent 3%),radial-gradient(circle at 69% 35%,#dff8ff47,transparent 2%),radial-gradient(circle at 91% 56%,#ffffff42,transparent 2%)}
.pn-climate-splash[data-weather="snow_flurry"]{--pn-splash-tone:linear-gradient(160deg,#f0fbff51,#4979903a);--pn-splash-motion:repeating-linear-gradient(164deg,transparent 0 9%,#f3feff40 9.4% 10%,transparent 10.4% 19%)}
.pn-climate-splash[data-weather="sandstorm"]{--pn-splash-tone:linear-gradient(145deg,#c68f3557,#6d431e73);--pn-splash-motion:repeating-linear-gradient(174deg,transparent 0 8%,#ffdc9640 8.4% 9%,transparent 9.4% 17%)}
.pn-climate-splash[data-weather="high_winds"]{--pn-splash-tone:linear-gradient(180deg,#75ddd035,transparent);--pn-splash-motion:repeating-linear-gradient(175deg,transparent 0 14%,#dcfffa36 14.3% 14.7%,transparent 15% 29%)}
.pn-climate-splash[data-weather="hail"]{--pn-splash-tone:linear-gradient(180deg,#d5f5ff4c,#356a8b4f);--pn-splash-motion:radial-gradient(circle at 79% 22%,#ffffff55,transparent 2.5%),radial-gradient(circle at 67% 43%,#d8f7ff4b,transparent 2%),radial-gradient(circle at 92% 61%,#ffffff4d,transparent 2%)}
.pn-climate-splash[data-weather="rainbow"]{--pn-splash-tone:radial-gradient(ellipse at 82% 100%,transparent 0 34%,#ff819541 35% 37%,#ffdb6d3d 38% 40%,#68e8bd3d 41% 43%,#6ca7ff3d 44% 46%,#cf83ff3d 47% 49%,transparent 50%);--pn-splash-motion:radial-gradient(circle at 72% 16%,#fffbd65a,transparent 33%)}
.pn-climate-splash[data-weather="meteor_shower"]{--pn-splash-tone:linear-gradient(180deg,#080a26a1,#28164055);--pn-splash-motion:repeating-linear-gradient(137deg,transparent 0 17%,#ffd8ab45 17.2% 17.6%,transparent 18% 34%)}
.pn-climate-splash[data-weather="aurora"]{--pn-splash-tone:radial-gradient(ellipse at 67% 0,#52efc563,transparent 48%),radial-gradient(ellipse at 91% 4%,#b66aff4d,transparent 43%),linear-gradient(180deg,#06142a8a,transparent);--pn-splash-motion:conic-gradient(from 171deg at 80% -26%,transparent,#61f6cb43,#73a9ff3b,#c678ff35,transparent 64%)}
.pn-climate-splash[data-weather="winter_storm"]{--pn-splash-tone:linear-gradient(160deg,#e8faff4d,#47779252);--pn-splash-motion:repeating-linear-gradient(168deg,transparent 0 7%,#f4fdff48 7.3% 8%,transparent 8.4% 15%)}
.pn-climate-splash[data-weather="thunderstorm"]{--pn-splash-tone:linear-gradient(180deg,#061327a3,#17476f58);--pn-splash-motion:repeating-linear-gradient(107deg,transparent 0 10%,#d9edff3b 10.3% 10.7%,transparent 11% 21%),radial-gradient(circle at 79% 9%,#fffbd158,transparent 28%)}
.pn-climate-splash[data-weather="scorching_heat"]{--pn-splash-tone:radial-gradient(circle at 79% 2%,#fff0a761,transparent 36%),linear-gradient(180deg,#ff7b233d,#7b160f5c);--pn-splash-motion:repeating-linear-gradient(88deg,transparent 0 11%,#ffc07b2f 12% 13%,transparent 14% 24%)}
.pn-climate-splash[data-weather="lunar_eclipse"]{--pn-splash-tone:radial-gradient(circle at 78% 20%,#ff6b6657 0 5%,#b73cff40 7%,transparent 27%),linear-gradient(180deg,#1607238f,#39104952);--pn-splash-motion:conic-gradient(from 0deg at 78% 20%,transparent,#d98bff3b,transparent,#ff6d6d27,transparent)}
.pn-climate-splash[data-weather="celestial_deluge"]{--pn-splash-tone:radial-gradient(ellipse at 74% 108%,#4cd4ff52,transparent 48%),linear-gradient(180deg,#0512269c,#0e4a704f);--pn-splash-motion:repeating-linear-gradient(165deg,transparent 0 6%,#d7f6ff40 6.3% 6.8%,transparent 7.2% 13%),radial-gradient(circle at 78% 8%,#eaffff54,transparent 27%)}
.pn-climate-splash[data-event="true"]{box-shadow:0 30px 90px #000d,0 0 46px color-mix(in srgb,var(--pn-climate-color) 27%,transparent),inset 0 0 0 1px #ffffff0b}
.pn-climate-splash::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,color-mix(in srgb,var(--pn-climate-color) 13%,transparent),transparent 42%),radial-gradient(circle at 13% 26%,#ffffff12,transparent 19%);box-shadow:inset 0 0 0 1px #ffffff0c,inset 0 -50px 75px #0005}
.pn-climate-splash-content{position:relative;z-index:2;display:grid;grid-template-columns:58px minmax(0,1fr) minmax(170px,230px);align-items:center;gap:15px;height:100%;padding:18px 21px}
.pn-climate-splash-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--pn-climate-color) 18%,#07151a);color:var(--pn-climate-color);box-shadow:inset 0 0 0 1px #ffffff15,0 12px 30px color-mix(in srgb,var(--pn-climate-color) 18%,transparent)}
.pn-climate-splash-icon .pn-climate-icon{width:37px;height:37px}
.pn-climate-splash-content small{font-size:7px;font-weight:900;letter-spacing:.2em;color:var(--pn-climate-color)}
.pn-climate-splash-content h2{margin:4px 0 5px;font-size:24px;line-height:1;letter-spacing:-.03em}
.pn-climate-splash-content p{margin:0;max-width:390px;font-size:9px;line-height:1.45;color:#bbcfcc}
.pn-climate-splash-balance{display:grid;gap:3px;padding:11px 12px;border-left:1px solid #ffffff17;font-size:7px;line-height:1.35;color:#c5d7d4}
.pn-climate-splash-balance b{margin-top:2px;font-size:6px;letter-spacing:.16em;color:var(--pn-climate-color)}

@keyframes pn-heat-shimmer{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.002)}}
@keyframes pn-climate-breathe{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.48;transform:scale(1.025)}}
@keyframes pn-cloud-drift{0%{transform:translate3d(-5%,0,0)}100%{transform:translate3d(8%,1.5%,0)}}
@keyframes pn-fog-drift{0%{transform:translate3d(-7%,-1%,0) scale(1.03)}100%{transform:translate3d(7%,2%,0) scale(1.08)}}
@keyframes pn-rain-sheen{0%,100%{opacity:.22;transform:translate3d(-2%,0,0)}50%{opacity:.48;transform:translate3d(3%,0,0)}}
@keyframes pn-static-pulse{0%,84%,100%{opacity:.18}86%{opacity:.62}89%{opacity:.24}92%{opacity:.5}}
@keyframes pn-gust-sweep{0%{transform:translate3d(-14%,0,0)}100%{transform:translate3d(14%,1%,0)}}
@keyframes pn-sand-sweep{0%{transform:translate3d(-15%,0,0);opacity:.24}50%{opacity:.45}100%{transform:translate3d(15%,1%,0);opacity:.28}}
@keyframes pn-prism-shift{0%{filter:hue-rotate(-5deg);transform:translate3d(-1%,0,0)}100%{filter:hue-rotate(14deg);transform:translate3d(2%,1%,0)}}
@keyframes pn-meteor-sweep{0%,55%{transform:translate3d(9%,-8%,0);opacity:.1}72%{opacity:.5}100%{transform:translate3d(-9%,8%,0);opacity:.12}}
@keyframes pn-aurora-wave{0%{transform:translate3d(-3%,-1%,0) skewX(-3deg);opacity:.26}100%{transform:translate3d(4%,2%,0) skewX(4deg);opacity:.52}}
@keyframes pn-blizzard-sweep{0%{transform:translate3d(-17%,-1%,0);opacity:.3}100%{transform:translate3d(17%,2%,0);opacity:.52}}
@keyframes pn-heat-rise{0%{transform:translate3d(0,3%,0) scaleY(.98);opacity:.27}100%{transform:translate3d(1%,-3%,0) scaleY(1.04);opacity:.5}}
@keyframes pn-eclipse-halo{to{transform:rotate(360deg)}}
@keyframes pn-deluge-sweep{0%{transform:translate3d(12%,-4%,0);opacity:.34}100%{transform:translate3d(-12%,4%,0);opacity:.56}}
@keyframes pn-splash-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.01);opacity:.42}100%{transform:translate3d(1.5%,1%,0) scale(1.04);opacity:.7}}

@media(max-width:700px){
  :root{--pn-climate-hud-top:66px;--pn-climate-hud-right:8px}
  .pn-climate-hud{width:min(calc(238px * var(--pn-hud-scale)),calc(100% - 16px));min-height:61px;padding:8px 9px;border-radius:14px;grid-template-columns:39px minmax(0,1fr) 14px}
  .pn-climate-hud-icon{width:37px;height:37px;border-radius:11px}.pn-climate-icon{width:24px;height:24px}
  .pn-climate-hud-copy strong{font-size:12px}.pn-climate-hud-copy small{font-size:8px}.pn-climate-hud-copy em{font-size:9px}
  .pn-event-hud{top:calc(var(--pn-climate-hud-top) + 68px);width:min(calc(252px * var(--pn-hud-scale)),calc(100% - 16px));min-height:86px;padding:8px;grid-template-columns:50px minmax(0,1fr) 10px}.pn-event-icon{width:30px;height:30px}.pn-event-icon .pn-climate-icon{width:16px;height:16px}.pn-event-portraits{width:40px;height:30px}.pn-event-portraits img{width:28px;height:28px}.pn-event-portraits img+img{left:12px;top:5px;width:24px;height:24px}.pn-event-copy strong{font-size:11px}.pn-event-copy em{font-size:9px}.pn-event-copy p{font-size:7px}.pn-event-copy i{font-size:7px}
  .pn-climate-hud.is-open{width:calc(100% - 16px)}
  .pn-climate-splash{top:50%;height:152px;border-radius:18px}
  .pn-climate-splash-content{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px}
  .pn-climate-splash-icon{width:44px;height:44px;border-radius:14px}.pn-climate-splash-icon .pn-climate-icon{width:29px;height:29px}
  .pn-climate-splash-content h2{font-size:19px}.pn-climate-splash-content p{font-size:8px;max-width:none}
  .pn-climate-splash-balance{display:none}
}

@media(max-width:420px){
  .pn-climate-hud,.pn-event-hud{width:min(calc(218px * var(--pn-hud-scale)),calc(58vw - 14px))}
  .pn-climate-hud{grid-template-columns:33px minmax(0,1fr) 10px;gap:6px;padding:7px}
  .pn-climate-hud-icon{width:32px;height:32px}
  .pn-event-hud{grid-template-columns:42px minmax(0,1fr) 9px;gap:4px;padding:6px}.pn-event-icon{width:26px;height:26px}.pn-event-icon .pn-climate-icon{width:14px;height:14px}.pn-event-copy p{display:none}
  .pn-event-portraits img{width:36px;height:36px}
}

@media(prefers-reduced-motion:reduce){
  .pn-climate-atmosphere,.pn-climate-atmosphere::before,.pn-climate-atmosphere::after,.pn-climate-splash-art::after{animation:none!important;transition:none}
  .pn-climate-hud,.pn-climate-splash{transition:opacity .12s linear,transform .12s linear}
}