.weather-clue-intro-screen .weather-clue-intro-panel{background:linear-gradient(135deg,#fffdf6 52%,#e5f3ef)}
.weather-clue-intro-screen .weather-clue-intro-panel .weather-v2-question{margin-top:1rem}
.weather-clue-intro-definition{max-width:40rem;margin:.9rem 0 0;font-size:clamp(1.15rem,2vw,1.45rem)!important;font-weight:800;color:#173d36;opacity:0;transform:translateY(.55rem);animation:weather-clue-intro-definition .9s ease 11.6s forwards}
.weather-clue-intro-atlas{position:relative;isolation:isolate;overflow:hidden}
.weather-clue-intro-overlay{position:absolute;inset:0;z-index:1;display:block;overflow:hidden;border-radius:inherit;pointer-events:none}
.weather-clue-intro-sun{position:absolute;left:.5%;top:-1%;width:21%;aspect-ratio:1;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff7ad 0 13%,#ffd95d99 14% 28%,#ffd95d00 66%);filter:drop-shadow(0 0 10px #ffd95dcc);animation:weather-clue-intro-sun 14s linear infinite}
.weather-clue-intro-sun span{position:absolute;inset:34%;border-radius:50%;background:#fff7ad;box-shadow:0 0 18px 5px #ffd95d}
.weather-clue-intro-cloud{position:absolute;left:55%;top:6.5%;width:22%;height:10%;opacity:0;filter:drop-shadow(0 3px 4px #31535c70);animation:weather-clue-intro-cloud 14s linear infinite}
.weather-clue-intro-cloud,.weather-clue-intro-cloud::before,.weather-clue-intro-cloud::after,.weather-clue-intro-cloud span{border-radius:999px;background:#f8fbfded}
.weather-clue-intro-cloud::before,.weather-clue-intro-cloud::after{content:"";position:absolute;bottom:20%}
.weather-clue-intro-cloud::before{left:13%;width:38%;height:115%}
.weather-clue-intro-cloud::after{right:12%;width:45%;height:145%}
.weather-clue-intro-cloud span{position:absolute;inset:auto 0 0;height:48%;z-index:1}
.weather-clue-intro-rain{position:absolute;inset:50% 50% 0 0;opacity:0;overflow:clip;clip-path:inset(0);contain:paint;background:linear-gradient(#6f8fa31f,#416c8138);animation:weather-clue-intro-rain-scene 14s linear infinite}
.weather-clue-intro-drop{position:absolute;top:0;width:3px;height:18%;border-radius:999px;background:linear-gradient(#d7f0ff,#5aa8d6);transform:rotate(10deg);animation:weather-clue-intro-raindrop 14s linear infinite}
.weather-clue-intro-drop--0{left:5%}.weather-clue-intro-drop--1{left:14%;animation-delay:.05s}.weather-clue-intro-drop--2{left:23%;animation-delay:.1s}.weather-clue-intro-drop--3{left:32%;animation-delay:.15s}.weather-clue-intro-drop--4{left:41%;animation-delay:.2s}.weather-clue-intro-drop--5{left:50%;animation-delay:.25s}.weather-clue-intro-drop--6{left:59%;animation-delay:.3s}.weather-clue-intro-drop--7{left:68%;animation-delay:.35s}.weather-clue-intro-drop--8{left:77%;animation-delay:.4s}.weather-clue-intro-drop--9{left:86%;animation-delay:.45s}
.weather-clue-intro-wind{position:absolute;inset:50% 0 0 50%;opacity:0;overflow:clip;clip-path:inset(0);contain:paint;animation:weather-clue-intro-wind-scene 14s linear infinite}
.weather-clue-intro-gust{position:absolute;right:-12%;width:76%;height:16%;border-top:4px solid #d9fff6;border-radius:50%;filter:drop-shadow(0 2px 3px #173d36aa);animation:weather-clue-intro-gust 14s linear infinite}
.weather-clue-intro-gust--one{top:12%}
.weather-clue-intro-gust--two{top:34%;right:-18%;width:86%;animation-delay:.15s}
.weather-clue-intro-gust--three{top:58%;right:-2%;width:64%;animation-delay:.3s}
.weather-clue-intro-leaf{position:absolute;right:-12%;width:18px;height:12px;border:1px solid #6f4215;border-radius:100% 0 100% 0;background:#f4b63e;box-shadow:inset 0 -3px #916b2c;filter:drop-shadow(0 2px 2px #173d3688);animation:weather-clue-intro-leaf 14s linear infinite}
.weather-clue-intro-leaf--0{top:9%}.weather-clue-intro-leaf--1{top:26%;animation-delay:.1s}.weather-clue-intro-leaf--2{top:43%;animation-delay:.2s}.weather-clue-intro-leaf--3{top:60%;animation-delay:.3s}.weather-clue-intro-leaf--4{top:77%;animation-delay:.4s}
.weather-clue-intro-screen [data-weather-clue-intro-action]{min-height:56px;min-width:0;width:min(12rem,100%);max-width:100%;white-space:normal}
@keyframes weather-clue-intro-sun{0%,2%{opacity:0;transform:scale(.55) rotate(-10deg)}7%{opacity:1;transform:scale(1) rotate(0)}17%{opacity:1;transform:scale(1.13) rotate(7deg)}23%,100%{opacity:0;transform:scale(1.2) rotate(12deg)}}
@keyframes weather-clue-intro-cloud{0%,18%{opacity:0;transform:translateX(22%)}24%,37%{opacity:.96;transform:translateX(0)}44%,100%{opacity:0;transform:translateX(-22%)}}
@keyframes weather-clue-intro-rain-scene{0%,36%{opacity:0}41%,56%{opacity:1}62%,100%{opacity:0}}
@keyframes weather-clue-intro-raindrop{0%,37%{opacity:0;transform:translate(0,0) rotate(10deg)}42%{opacity:1}59%{opacity:.75;transform:translate(18px,210px) rotate(10deg)}62%,100%{opacity:0;transform:translate(18px,210px) rotate(10deg)}}
@keyframes weather-clue-intro-wind-scene{0%,52%{opacity:0}57%,75%{opacity:1}82%,100%{opacity:0}}
@keyframes weather-clue-intro-gust{0%,53%{opacity:0;transform:translateX(25%)}58%{opacity:.95}76%{opacity:.8;transform:translateX(-75%)}82%,100%{opacity:0;transform:translateX(-75%)}}
@keyframes weather-clue-intro-leaf{0%,53%{opacity:0;transform:translate(0,0) rotate(0)}58%{opacity:1}68%{transform:translate(-115px,-18px) rotate(-190deg)}78%{opacity:.9;transform:translate(-230px,13px) rotate(-390deg)}82%,100%{opacity:0;transform:translate(-230px,13px) rotate(-390deg)}}
@keyframes weather-clue-intro-definition{to{opacity:1;transform:translateY(0)}}
.weather-clue-intro-screen[data-weather-v3-static] .weather-clue-intro-definition{opacity:1;transform:none}
.weather-clue-intro-screen[data-weather-v3-static] .weather-clue-intro-overlay{display:none}
.weather-clue-intro-screen[data-weather-clue-intro-static] .weather-clue-intro-definition{opacity:1;transform:none;animation:none}
.weather-clue-intro-screen[data-weather-clue-intro-static] .weather-clue-intro-overlay{display:none}
@media(prefers-reduced-motion:reduce){.weather-clue-intro-definition{opacity:1;transform:none;animation:none}.weather-clue-intro-overlay{display:none}}
@media print{.weather-clue-intro-screen .weather-v2-content>.weather-clue-intro-panel{display:grid!important;min-height:0;border:0;box-shadow:none}.weather-clue-intro-screen .weather-clue-intro-definition{opacity:1;transform:none;animation:none}.weather-clue-intro-screen .weather-clue-intro-overlay{display:none}.weather-clue-intro-screen [data-weather-clue-intro-action]{display:none}.weather-clue-intro-screen .weather-clue-intro-atlas{width:3.2in;border:1px solid #111;box-shadow:none}}
