.weather-v3-screen .weather-v2-header{grid-template-columns:1fr}
.weather-v3-screen .weather-v2-phase-nav{position:relative;top:auto;z-index:auto;backdrop-filter:none}
.weather-v3-screen .weather-v2-curriculum{display:block}
.weather-v3-screen .weather-v2-copy{position:relative}
.weather-v3-screen .weather-v2-handoff{grid-template-columns:minmax(0,1fr);align-content:start;gap:.75rem}
.weather-v3-screen .weather-v2-handoff>.weather-v2-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .8rem}
.weather-v3-screen .weather-v2-handoff>.weather-v2-copy h2{grid-column:1;grid-row:1;margin:0}
.weather-v3-screen .weather-v2-handoff>.weather-v2-copy .weather-v2-step{grid-column:1;grid-row:2;margin:0}
.weather-v3-screen .weather-v2-handoff>.weather-v2-copy .weather-v3-guides{grid-column:2;grid-row:1/3;margin:0}
.weather-v3-screen .weather-v2-cohost{display:none}
.weather-v3-screen .weather-v2-feedback{display:none}
.weather-v3-screen .weather-v2-try>.weather-v2-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.weather-v3-screen .weather-v2-try>.weather-v2-copy .weather-v3-guides{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.weather-v3-try-feedback{width:min(calc(100% - 2rem),34rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:1.5rem;background:#fffdf6;color:#173d36;box-shadow:0 18px 60px #173d3655;overflow:auto}
.weather-v3-try-feedback::backdrop{background:#173d3670;backdrop-filter:blur(2px)}
.weather-v3-feedback-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:clamp(1.1rem,4vw,1.7rem);border:3px solid #245b47;border-radius:1.5rem}
.weather-v3-feedback-guide{display:grid;place-items:center;min-width:5rem}
.weather-v3-feedback-guide .weather-v3-guides{margin:0}
.weather-v3-feedback-copy h3{margin:0 0 .35rem;color:#245b47;font-size:clamp(1.55rem,5vw,2.1rem);line-height:1.08}
.weather-v3-feedback-copy p{margin:0;font-size:clamp(1.05rem,3vw,1.25rem);line-height:1.4}
.weather-v3-feedback-card>button{grid-column:1/-1;min-height:58px;width:100%;font-size:1.1rem}
.weather-v3-screen .weather-v2-success-copy{width:min(100%,46rem)}
.weather-v3-success-scene{position:relative;isolation:isolate;width:min(100%,32rem);margin:1.1rem auto 0;aspect-ratio:16/9;border:3px solid #86a69a;border-radius:1.35rem;background-color:#dceced;background-size:200% 200%;box-shadow:0 10px 24px #173d3624;overflow:hidden}
.has-weather-v2-art .weather-v3-success-scene{background-image:url('/assets/explorer/weather-detective-atlas-88b07b4bbd5e.webp');background-repeat:no-repeat}
.weather-v3-success-scene::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 48%,#173d3620)}
.weather-v3-success-scene [data-weather-v3-success-guide]{position:absolute;right:5%;bottom:5%;z-index:3}
.weather-v3-success-scene .weather-v3-guides{margin:0}
.weather-v3-success-scene .weather-v3-guides .weather-v2-buddy .launch-buddy-art{width:5.6rem;height:5.6rem;flex-basis:5.6rem;border-width:4px;box-shadow:0 6px 18px #173d3655}
.weather-v3-success-scene .weather-v3-guides .weather-v2-chimpal .chimpal-character{width:7rem;flex-basis:7rem}
.weather-v3-success-weather-effect,.weather-v3-success-weather-effect i{position:absolute;inset:0;z-index:2;pointer-events:none}
.weather-v3-success-weather-effect--sunny::before{content:"";position:absolute;left:8%;top:8%;width:4.2rem;aspect-ratio:1;border-radius:50%;background:#f8d75eaa;box-shadow:0 0 0 1rem #ffe98f55,0 0 0 2rem #fff4b233;animation:weather-v3-success-sun .7s ease-in-out 3}
.weather-v3-success-weather-effect--cloudy i{top:var(--cloud-y);left:-30%;width:5rem;height:1.8rem;border-radius:999px;background:#f7faf4dd;box-shadow:1.25rem -.65rem 0 .15rem #f7faf4dd,2.55rem 0 0 -.1rem #f7faf4dd;animation:weather-v3-success-cloud 1.15s ease-out 2 both;animation-delay:var(--cloud-delay)}
.weather-v3-success-weather-effect--cloudy i:nth-child(1){--cloud-y:14%;--cloud-delay:0s}.weather-v3-success-weather-effect--cloudy i:nth-child(2){--cloud-y:38%;--cloud-delay:.22s}.weather-v3-success-weather-effect--cloudy i:nth-child(n+3){display:none}
.weather-v3-success-weather-effect--rainy i{top:-1.5rem;left:var(--rain-x);width:.25rem;height:1.4rem;border-radius:999px;background:#6aa8b2;transform:rotate(11deg);animation:weather-v3-success-rain .72s ease-in 3 both;animation-delay:var(--rain-delay)}
.weather-v3-success-weather-effect--rainy i:nth-child(1){--rain-x:9%;--rain-delay:0s}.weather-v3-success-weather-effect--rainy i:nth-child(2){--rain-x:25%;--rain-delay:.15s}.weather-v3-success-weather-effect--rainy i:nth-child(3){--rain-x:42%;--rain-delay:.04s}.weather-v3-success-weather-effect--rainy i:nth-child(4){--rain-x:59%;--rain-delay:.21s}.weather-v3-success-weather-effect--rainy i:nth-child(5){--rain-x:76%;--rain-delay:.08s}.weather-v3-success-weather-effect--rainy i:nth-child(6){--rain-x:91%;--rain-delay:.26s}
.weather-v3-success-weather-effect--windy i{top:var(--leaf-y);left:-1.2rem;width:.85rem;height:.48rem;border-radius:80% 15% 80% 15%;background:#d89c38;animation:weather-v3-success-wind 1s ease-out 2 both;animation-delay:var(--leaf-delay)}
.weather-v3-success-weather-effect--windy i:nth-child(1){--leaf-y:18%;--leaf-delay:0s}.weather-v3-success-weather-effect--windy i:nth-child(2){--leaf-y:34%;--leaf-delay:.18s}.weather-v3-success-weather-effect--windy i:nth-child(3){--leaf-y:53%;--leaf-delay:.05s}.weather-v3-success-weather-effect--windy i:nth-child(4){--leaf-y:69%;--leaf-delay:.28s}.weather-v3-success-weather-effect--windy i:nth-child(5){--leaf-y:80%;--leaf-delay:.12s}.weather-v3-success-weather-effect--windy i:nth-child(6){--leaf-y:43%;--leaf-delay:.34s}
.weather-v3-success-scene--sunny .weather-v3-guides--celebrate>*{animation:weather-v3-hop .55s ease-out 3}.weather-v3-success-scene--cloudy .weather-v3-guides--celebrate>*{animation:weather-v3-look .55s ease-in-out 3}.weather-v3-success-scene--rainy .weather-v3-guides--celebrate>*{animation:weather-v3-learning-dance .55s ease-in-out 4}.weather-v3-success-scene--windy .weather-v3-guides--celebrate>*{animation:weather-v3-wave .55s ease-in-out 4}
.weather-v3-learning-complete{width:min(calc(100% - 2rem),31rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:1.5rem;background:#fffdf6;color:#173d36;box-shadow:0 18px 60px #173d3655;overflow:auto}
.weather-v3-learning-complete::backdrop{background:#173d3670;backdrop-filter:blur(2px)}
.weather-v3-learning-complete-card{display:grid;justify-items:center;gap:1rem;padding:clamp(1.1rem,4vw,1.7rem);border:3px solid #245b47;border-radius:1.5rem;text-align:center}
.weather-v3-learning-complete h3{margin:0;color:#245b47;font-size:clamp(1.65rem,6vw,2.25rem);line-height:1.08}
.weather-v3-learning-celebration{position:relative;isolation:isolate;display:grid;place-items:end center;width:min(100%,17rem);height:10rem;border:2px solid #9bbdb5;border-radius:1.25rem;background:linear-gradient(#dceced 0 58%,#b8d593 58%);overflow:hidden}
.weather-v3-learning-celebration [data-weather-v3-learning-guide]{position:relative;z-index:2;margin-bottom:.65rem}
.weather-v3-learning-celebration .weather-v3-guides{margin:0}
.weather-v3-learning-celebration .weather-v3-guides .weather-v2-chimpal .chimpal-character{width:7rem;flex-basis:7rem}
.weather-v3-learning-celebration .weather-v3-guides--celebrate .weather-v2-chimpal{animation:weather-v3-learning-dance .55s ease-in-out 4}
.weather-v3-learning-rain,.weather-v3-learning-rain i{position:absolute;inset:0;pointer-events:none}
.weather-v3-learning-rain i{top:-1.5rem;left:var(--rain-x);width:.22rem;height:1.25rem;border-radius:999px;background:#5c9da8;transform:rotate(11deg);animation:weather-v3-learning-rain .72s ease-in 3 both;animation-delay:var(--rain-delay)}
.weather-v3-learning-rain i:nth-child(1){--rain-x:10%;--rain-delay:0s}.weather-v3-learning-rain i:nth-child(2){--rain-x:27%;--rain-delay:.14s}.weather-v3-learning-rain i:nth-child(3){--rain-x:44%;--rain-delay:.03s}.weather-v3-learning-rain i:nth-child(4){--rain-x:62%;--rain-delay:.2s}.weather-v3-learning-rain i:nth-child(5){--rain-x:78%;--rain-delay:.08s}.weather-v3-learning-rain i:nth-child(6){--rain-x:91%;--rain-delay:.25s}
.weather-v3-learning-complete-card>button{min-height:58px;width:100%;font-size:1.1rem}
.weather-v3-guides{position:relative;isolation:isolate;width:max-content;margin:.2rem 0 .8rem;gap:.15rem}
.weather-v3-guides .weather-v2-chimpal,.weather-v3-guides .weather-v2-buddy{position:relative;padding:0;border:0;background:transparent}
.weather-v3-guides .weather-v2-buddy .launch-buddy-art{width:4.2rem;height:4.2rem;flex-basis:4.2rem;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #173d3640}
.weather-v3-guides .weather-v2-chimpal .chimpal-character{width:4.8rem;height:auto;flex-basis:4.8rem;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.weather-v3-guides .weather-v2-chimpal .chimpal-character__fallback{border:3px solid #fff;border-radius:50%;object-fit:cover;object-position:50% 30%;box-shadow:0 4px 12px #173d3640}
.weather-v3-guides .weather-v2-chimpal .chimpal-character__scene{display:none}
.weather-v3-guided-scene{position:relative;isolation:isolate}
.weather-v3-guided-scene>.weather-v3-guides{position:absolute;right:.65rem;bottom:.65rem;z-index:3;margin:0}
.weather-v3-point-cue{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.weather-v3-point-cue path{fill:none;stroke:#fff3b2;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:5 4;filter:drop-shadow(0 1px 2px #173d36aa);animation:weather-v3-trace .7s ease-out 1 both}
.weather-v3-point-cue circle{fill:#f3bd50;stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:weather-v3-target .65s ease-in-out 3}
.weather-v3-guides--point .weather-v2-buddy,.weather-v3-guides--point .weather-v2-chimpal{animation:weather-v3-point .65s ease-in-out 3}
.weather-v3-guides--look .weather-v2-buddy,.weather-v3-guides--look .weather-v2-chimpal{animation:weather-v3-look .55s ease-in-out 2}
.weather-v3-guides--celebrate .weather-v2-buddy,.weather-v3-guides--celebrate .weather-v2-chimpal{animation:weather-v3-hop .55s ease-out 2}
.weather-v3-guides--invite .weather-v2-buddy,.weather-v3-guides--invite .weather-v2-chimpal{animation:weather-v3-wave .6s ease-in-out 2}
@keyframes weather-v3-trace{from{stroke-dashoffset:36;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@keyframes weather-v3-target{50%{transform:scale(1.45)}}
@keyframes weather-v3-point{50%{transform:translate(-.3rem,-.18rem) rotate(-5deg)}}
@keyframes weather-v3-look{50%{transform:translateX(-.28rem) rotate(-4deg)}}
@keyframes weather-v3-hop{50%{transform:translateY(-.42rem) rotate(3deg)}}
@keyframes weather-v3-wave{50%{transform:rotate(-6deg)}}
@keyframes weather-v3-learning-dance{25%{transform:translate(-.35rem,-.2rem) rotate(-6deg)}75%{transform:translate(.35rem,-.2rem) rotate(6deg)}}
@keyframes weather-v3-learning-rain{0%{transform:translateY(-1rem) rotate(11deg);opacity:0}20%{opacity:1}100%{transform:translateY(12rem) rotate(11deg);opacity:.2}}
@keyframes weather-v3-success-sun{50%{transform:scale(1.08)}}
@keyframes weather-v3-success-cloud{to{transform:translateX(38rem)}}
@keyframes weather-v3-success-rain{0%{transform:translateY(-1rem) rotate(11deg);opacity:0}20%{opacity:1}100%{transform:translateY(22rem) rotate(11deg);opacity:.2}}
@keyframes weather-v3-success-wind{0%{transform:translate(-1rem,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(36rem,-2rem) rotate(520deg);opacity:.25}}
.weather-v3-mission{display:grid;gap:1rem;padding:0;border:0;background:transparent;color:inherit}.weather-v3-mission .weather-v2-print{justify-self:start}.weather-v3-mission .weather-v2-do-steps{margin:0}.weather-v3-mission .weather-v2-do-steps li{align-items:flex-start}.weather-v3-mission .weather-v2-do-steps li>div{min-width:0}.weather-v3-mission .weather-v2-do-steps p{margin:0}.weather-v3-sketch-guide{margin:1rem 0 0}.weather-v3-sketch-guide figcaption{margin:0 0 .7rem;font-weight:800}.weather-v3-sketch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.weather-v3-sketch-card{display:grid;gap:.35rem;min-width:0;min-height:44px;padding:.3rem;border:2px solid transparent;border-radius:1rem;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer}.weather-v3-sketch-card:hover{background:#f8f6e9}.weather-v3-sketch-card:focus-visible{outline:4px solid #f3bd50;outline-offset:2px}.weather-v3-sketch-crop,.weather-v3-sketch-enlarged{position:relative;display:block;overflow:hidden;aspect-ratio:1;border:2px solid #b7c7b2;border-radius:.85rem;background:#fff}.weather-v3-sketch-crop img,.weather-v3-sketch-enlarged img{display:block;width:100%;height:100%;object-fit:contain}.weather-v3-sketch-card strong{font-size:.9rem}.weather-v3-sketch-dialog{width:min(calc(100% - 2rem),30rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:1.5rem;background:#fffdf6;color:#173d36;box-shadow:0 18px 60px #173d3655;overflow:auto}.weather-v3-sketch-dialog::backdrop{background:#173d3670;backdrop-filter:blur(2px)}.weather-v3-sketch-dialog-card{display:grid;justify-items:center;gap:1rem;padding:clamp(1rem,4vw,1.6rem);border:3px solid #245b47;border-radius:1.5rem;text-align:center}.weather-v3-sketch-dialog-card h3{margin:0;color:#245b47;font-size:clamp(1.5rem,6vw,2rem)}.weather-v3-sketch-enlarged{width:min(100%,22rem)}.weather-v3-sketch-dialog-card>button{width:100%;min-height:56px}.weather-v3-complete{display:grid;gap:.55rem;margin-top:1rem;padding:clamp(1rem,2.5vw,1.4rem);border:2px solid #5e7b59;border-radius:1.35rem;background:#eef2dd;color:#253b35}.weather-v3-complete h3{margin:0}.weather-v3-complete-note{max-width:38rem;margin:0}.weather-v3-complete-together{min-height:52px;justify-self:start}
@media(max-width:560px){.weather-v3-screen .weather-v2-try>.weather-v2-copy{grid-template-columns:1fr}.weather-v3-screen .weather-v2-try>.weather-v2-copy .weather-v3-guides{grid-column:1;grid-row:auto;justify-self:center;margin:.2rem 0 .8rem}.weather-v3-feedback-card{grid-template-columns:1fr;text-align:center}.weather-v3-feedback-guide{min-width:0}.weather-v3-feedback-card>button{grid-column:1}.weather-v3-guides .weather-v2-buddy .launch-buddy-art{width:3.4rem;height:3.4rem;flex-basis:3.4rem}.weather-v3-guides .weather-v2-chimpal .chimpal-character{width:4rem;flex-basis:4rem}.weather-v3-success-scene .weather-v3-guides .weather-v2-buddy .launch-buddy-art{width:4.6rem;height:4.6rem;flex-basis:4.6rem}.weather-v3-success-scene .weather-v3-guides .weather-v2-chimpal .chimpal-character{width:5.5rem;flex-basis:5.5rem}.weather-v3-guided-scene>.weather-v3-guides{right:.45rem;bottom:.45rem}.weather-v3-sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-v3-mission .weather-v2-print,.weather-v3-complete-together{width:100%;justify-self:stretch}}
@media(min-width:47.51rem){main:has(>.weather-v3-screen){padding-block:clamp(.75rem,1.5dvh,1.25rem)}.weather-v3-screen .weather-v2-top{margin-bottom:clamp(.5rem,1dvh,.75rem)}.weather-v3-screen .weather-v2-header{padding:clamp(.75rem,1.5dvh,1rem) clamp(1rem,2vw,1.2rem)}.weather-v3-screen .weather-v2-header h1{font-size:clamp(2rem,min(4vw,4.7dvh),3.15rem)}.weather-v3-screen .weather-v2-phase-nav{margin:clamp(.5rem,1dvh,.75rem) auto;padding:clamp(.35rem,.6dvh,.45rem)}.weather-v3-screen .weather-v2-panel{min-height:0;padding:clamp(1rem,min(2.7vw,2.4dvh),2.15rem);gap:clamp(1rem,2.2dvh,2rem)}.weather-v3-screen .weather-v2-panel h2{font-size:clamp(1.8rem,min(3.8vw,4.5dvh),3rem)}.weather-v3-screen .weather-v2-intro-atlas{width:min(100%,clamp(14rem,30dvh,19rem))}.weather-v3-screen .weather-v2-learn>.weather-v2-art{width:min(100%,clamp(19rem,44dvh,30rem));justify-self:center}.weather-v3-screen .weather-v2-learn-actions{margin-top:clamp(.5rem,1dvh,1.1rem)}.weather-v3-screen .weather-v2-choice{grid-template-columns:minmax(5.5rem,clamp(5.5rem,13dvh,8rem)) minmax(0,1fr);gap:clamp(.55rem,1.4dvh,.8rem);min-height:clamp(6.4rem,16dvh,7.2rem);padding:clamp(.4rem,.8dvh,.55rem)}.weather-v3-screen .weather-v3-success-scene{width:min(100%,clamp(24rem,53dvh,32rem));margin-top:clamp(.6rem,1.2dvh,1.1rem)}.weather-v3-screen .weather-v2-footer{margin:clamp(.75rem,1.5dvh,1rem) 0}}
html[data-text-scale="200"] .weather-v3-screen .weather-v3-guides{display:flex;width:auto;max-width:100%}
html[data-text-scale="200"] .weather-v3-screen{width:calc(100% - 2px);max-width:calc(100% - 2px);overflow-x:clip}
html[data-text-scale="200"] .weather-v3-screen .weather-v2-handoff>.weather-v2-copy{grid-template-columns:1fr}
html[data-text-scale="200"] .weather-v3-screen .weather-v2-handoff>.weather-v2-copy .weather-v3-guides{grid-column:1;grid-row:3;justify-self:start}
html[data-text-scale="200"] .weather-v3-screen h1,html[data-text-scale="200"] .weather-v3-screen h2,html[data-text-scale="200"] .weather-v3-screen .weather-v2-phase-button{overflow-wrap:normal;word-break:normal;hyphens:none}
html[data-text-scale="200"] .weather-v3-screen .weather-v2-header h1{font-size:1.35rem}
html[data-text-scale="200"] .weather-v3-screen .weather-v2-phase-button{white-space:nowrap}
html[data-text-scale="200"] .weather-v3-screen .weather-v2-phase-nav{grid-template-columns:1fr;border-radius:1.35rem}
.weather-v3-screen[data-weather-v3-static] *,.weather-v3-screen[data-weather-v3-static] *::before,.weather-v3-screen[data-weather-v3-static] *::after{animation:none!important;transition:none!important}
.weather-v3-screen[data-weather-v3-static] .weather-v3-point-cue path{stroke-dashoffset:0}
.weather-v3-screen[data-weather-v3-static] .weather-v3-point-cue circle{transform:none}
@media(prefers-reduced-motion:reduce){.weather-v3-screen *,.weather-v3-screen *::before,.weather-v3-screen *::after{animation:none!important}.weather-v3-try-feedback::backdrop,.weather-v3-learning-complete::backdrop{backdrop-filter:none}.weather-v3-learning-rain i,.weather-v3-success-weather-effect--rainy i{top:1rem;opacity:.75;transform:rotate(11deg)}.weather-v3-success-weather-effect--cloudy i{left:12%}.weather-v3-success-weather-effect--cloudy i:nth-child(2){left:58%}.weather-v3-success-weather-effect--windy i{left:var(--leaf-y);opacity:.8;transform:rotate(25deg)}.weather-v3-point-cue path{stroke-dashoffset:0}.weather-v3-point-cue circle{transform:none}}
@media print{.weather-v3-complete,.weather-v3-guides,.weather-v3-point-cue,.weather-v3-sketch-dialog{display:none!important}.weather-v3-sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25in}.weather-v3-sketch-card{padding:0;border:0;break-inside:avoid}.weather-v3-sketch-crop{border:1px solid #111;background:#fff}}
