.water-launch{margin-top:22px;background:#164e74;color:#fff;border-radius:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.water-launch h2{margin:0 0 7px;font-size:1.5rem}.water-launch p{margin:0;color:#d4eefa;font-size:.94rem}.water-launch .primary{background:#ffe080;color:#234a5b;box-shadow:0 4px 0 #b79337;white-space:nowrap}.water-stage{background:#f1fbff}.water-hud{display:flex;justify-content:space-between;align-items:center;padding:0 24px 16px;gap:12px;font-size:.95rem}.rescue-drops{display:flex;gap:8px}.rescue-drops span{border:2px solid #387b94;color:#7c9fac;border-radius:50%;height:30px;width:30px;text-align:center;line-height:25px}.rescue-drops .saved{background:#58bddb;color:#173f4e}.spray-area{position:relative;overflow:hidden;width:100%;height:420px;touch-action:none;user-select:none;background:radial-gradient(ellipse at 50% 15%,#def7ff,#75bfd4);isolation:isolate;cursor:crosshair}.rescue-ground{position:absolute;bottom:-15%;height:50%;width:120%;left:-10%;background:#99c58b;border-radius:50% 50% 0 0}.water-target{position:absolute;transform:translate(-50%,-50%);width:92px;height:114px;border:0;background:none;padding:0;z-index:2;touch-action:none;cursor:crosshair}.water-target:hover{filter:none!important}.water-target:active{transform:translate(-50%,-50%)}.water-target>svg{width:88px;height:107px;overflow:visible;position:relative}.hot-creature{transform-origin:50% 95%;transition:transform .12s linear}.cool-creature{opacity:0;transition:opacity .25s}.cooled .hot-creature{opacity:0}.cooled .cool-creature{opacity:1}.soak-ring{position:absolute;width:88px;height:88px;top:15px;left:2px;border-radius:50%;background:conic-gradient(#1683b7 var(--soak,0deg),#ffffff66 0deg);mask:radial-gradient(circle,transparent 61%,black 62%);-webkit-mask:radial-gradient(circle,transparent 61%,black 62%)}.target-bubble{display:none;position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);background:#fffcec;border-radius:12px;padding:4px 8px;font-size:.78rem;white-space:nowrap;color:#2a5d69}.cooled .target-bubble{display:block}.water-stream{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:0}.stream-back{stroke:#bff9ff;stroke-width:27;fill:none;stroke-linecap:round}.stream-front{stroke:#46c1f3;stroke-width:13;fill:none;stroke-linecap:round;stroke-dasharray:26 18}.splash{fill:#c3f8ffa6;stroke:#fff;stroke-width:4;stroke-dasharray:8 8}.spraying .water-stream,.spraying .aim-ring{opacity:1}.water-nozzle{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);height:100px;width:88px;border-radius:25px 25px 0 0;border:6px solid #255a78;background:#f4d765;color:#235978;font-size:3rem;text-align:center;line-height:70px;z-index:4;pointer-events:none}.aim-ring{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);border:2px dashed #fff;border-radius:50%;z-index:4;opacity:0;pointer-events:none}.hold-cue{position:absolute;bottom:81px;left:8px;right:8px;text-align:center;font-size:.87rem;color:#214e59;pointer-events:none}.spraying .hold-cue{opacity:0}.water-outcome:empty{display:none}.water-outcome .success{margin:0}.water-outcome .success .primary{min-width:160px}
@media(max-width:520px){.water-launch{padding:20px;display:block}.water-launch .primary{margin-top:15px;width:100%}.spray-area{height:380px}.water-target{width:78px;height:99px}.water-target>svg{width:76px;height:96px}.soak-ring{width:74px;height:74px;top:17px}.water-hud{padding:0 15px 15px;font-size:.82rem}.rescue-drops{gap:6px}.rescue-drops span{width:26px;height:26px;line-height:21px}.hold-cue{font-size:.8rem}.water-stage .task-header h1{font-size:1.35rem}}
@media(prefers-reduced-motion:no-preference){.spraying .stream-front{animation:water-flow .35s linear infinite}.cooled>svg{animation:cool-bounce .5s ease-out}@keyframes water-flow{to{stroke-dashoffset:-88}}@keyframes cool-bounce{50%{transform:translateY(-8px)}}}
.rescue-drops svg{width:15px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;vertical-align:middle}.rescue-drops .saved svg{fill:#cdf6ff}.spray-area.started .hold-cue{display:none}

.mud-scene{background:radial-gradient(ellipse at 50% 15%,#e5efff,#adc5e2)}.mud-scene .rescue-ground{background:#bdc783}.water-stage .water-outcome .success{flex-wrap:wrap}.water-stage .water-outcome .success>div{flex:1;min-width:200px}

.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-card.water-card .art{background:#b9e2df}.water-shell{position:relative}.water-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;background:#e3f3eb}.water-bar>span{font-weight:800;text-align:center}.water-bar small{display:block;font-size:.875rem;font-weight:500;margin-top:3px}.water-bar button{padding:10px 14px;white-space:nowrap}.water-heading{padding:18px 22px 10px}.water-heading h1{font-size:1.65rem;margin-bottom:6px}.water-heading p{font-size:1rem;margin:0;line-height:1.55}.water-hud{padding:0 22px 12px}.wave-track{display:flex;gap:7px}.wave-track i{font-style:normal;border:2px solid #60899a;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#fff;color:#527185}.wave-track i.active{background:#185c79;color:#fff;border-color:#185c79}.water-options{display:flex;align-items:end;flex-wrap:wrap;gap:9px;padding:13px 0}.water-options label{display:grid;font-size:.875rem;font-weight:700;gap:5px;margin-right:auto}.water-options select{border:2px solid #bed6cb;border-radius:13px;min-height:48px;padding:9px;background:#fffdf3;color:#173e39;max-width:100%;font-size:1rem}.water-options button{padding:11px 14px;min-height:48px}.water-notes,.water-positioning{font-size:.875rem;color:#3d6466;line-height:1.5;margin:4px 0 12px}.water-notes span{display:block}.water-positioning{padding:12px 0;border-top:1px solid #a7c7b8}.water-notes #full-note:empty{display:none}.water-stage{position:relative}.wash-weight{display:block;font-size:.75rem;line-height:1.2;color:#275a68;background:#eafdffd9;border-radius:9px;padding:2px;white-space:nowrap}.cooled .wash-weight{visibility:hidden}.water-target.waiting{opacity:.6}.water-target.waiting .target-bubble{display:none}.water-target>svg{pointer-events:none}.rescue-event{position:absolute;bottom:10px;left:14px;right:14px;text-align:center;font-size:.875rem;line-height:1.4;padding:6px;background:#f1fcf2de;border-radius:12px;color:#244c4b;z-index:5;pointer-events:none}.rescue-event:empty{display:none}.water-nozzle{bottom:-45px;height:80px;width:68px;line-height:50px;font-size:2.4rem}.hold-cue{bottom:47px}.rescue-friend .cool-creature{opacity:1}.big-mud{position:absolute;width:230px;height:276px;transform:translate(-50%,-50%);pointer-events:none}.big-mud svg{height:100%;width:100%}.big-mud .cool-creature{opacity:1}.water-target.weak-spot{width:64px;height:64px;opacity:0;pointer-events:none;z-index:3}.water-target.weak-spot.active-spot{opacity:1;pointer-events:auto}.weak-spot .weak-drop{display:grid;place-items:center;border-radius:50%;border:3px solid #fff7c4;background:#266584e6;width:64px;height:64px;box-shadow:0 0 0 5px #ffffff55}.weak-drop svg{width:29px;height:36px}.weak-spot .soak-ring{inset:-5px;width:74px;height:74px;z-index:1;mask:radial-gradient(circle,transparent 59%,black 60%);-webkit-mask:radial-gradient(circle,transparent 59%,black 60%)}.weak-spot.active-spot .target-bubble{display:block;bottom:-27px;font-size:.8125rem}.water-target:disabled{opacity:1}.water-target.waiting:disabled{opacity:.55}.water-target.weak-spot:disabled{opacity:0}.boss-scene{background:radial-gradient(ellipse at 50% 20%,#f7edce,#9acbce)}
body.water-expanded{overflow:hidden}.water-shell.is-expanded,.water-shell:fullscreen{position:fixed;inset:0;z-index:100;box-sizing:border-box;background:#e4f4ee;width:100%;height:100dvh;max-width:none;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:0;overflow:hidden}.is-expanded .water-bar{position:relative;padding:2px 0 7px;flex:none;min-height:52px;background:none}.is-expanded .water-bar button{min-height:44px;font-size:.9375rem;padding:8px 12px}.is-expanded .water-bar>span{font-size:1rem}.is-expanded .water-bar small{display:none}.is-expanded .water-scene-slot{flex:1;min-height:0;display:flex;flex-direction:column}.is-expanded .water-stage{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:18px}.is-expanded .water-heading{padding:9px 14px 5px}.is-expanded .water-heading h1{font-size:1.125rem;margin-bottom:3px}.is-expanded .water-heading p{font-size:.875rem;line-height:1.35}.is-expanded .water-hud{padding:3px 14px 7px;min-height:33px;font-size:.875rem}.is-expanded .wave-track i{width:24px;height:24px;font-size:.875rem}.is-expanded .spray-area{flex:1;height:auto;min-height:120px}.is-expanded .water-options{padding:7px 0 3px;flex:none;gap:6px;display:flex;flex-wrap:nowrap;align-items:center}.is-expanded .water-options label{display:flex;align-items:center;gap:5px;margin-right:auto;white-space:nowrap}.is-expanded .water-options button{font-size:.875rem;min-height:44px;padding:8px 11px;white-space:nowrap}.is-expanded .water-options select{font-size:.875rem;min-height:44px;padding:7px}.is-expanded .water-notes{font-size:.8125rem;margin:0;max-height:23px;overflow:auto;flex:none}.is-expanded .water-notes #voice-note{display:none}.is-expanded .water-outcome:not(:empty){position:absolute;bottom:0;left:0;right:0;z-index:6;border-top:2px solid #68a793;box-shadow:0 -5px 20px #0a514c25}.is-expanded .water-outcome .success{padding:12px;gap:8px}.is-expanded .water-outcome .success h2{font-size:1.1rem;margin-bottom:3px}.is-expanded .water-outcome .success p{font-size:.875rem;margin:0}.is-expanded .water-outcome button{font-size:1rem;min-height:46px;padding:9px 14px;margin:0;width:auto}.is-expanded .water-outcome .success>div{min-width:160px}.is-expanded .target-bubble{font-size:.75rem}
@media(max-width:520px){.mission-grid{grid-template-columns:1fr}.water-bar>span{font-size:.875rem}.water-bar small{font-size:.75rem}.water-bar button{font-size:.8125rem;min-height:48px;padding:9px}.water-heading{padding:16px 14px 10px}.water-heading h1{font-size:1.35rem}.water-heading p{font-size:.9375rem}.water-hud{padding:0 14px 10px;font-size:.8125rem}.water-options{display:grid;grid-template-columns:1fr 1fr}.water-options label{grid-column:span 2;margin:0;display:flex;align-items:center;gap:12px}.water-options select{flex:1}.water-options button{font-size:.9375rem;padding:10px}.is-expanded .water-bar>span{font-size:.8125rem}.is-expanded .water-bar button{font-size:.8125rem;padding:8px}.is-expanded .water-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.is-expanded .water-options label{grid-column:span 2;font-size:.8125rem;gap:5px}.is-expanded .water-options button{padding:7px 5px}.is-expanded .water-options select{min-width:0}.is-expanded .water-options [data-water="listen"]{grid-column:span 2}.is-expanded .water-heading p{font-size:.8125rem}.is-expanded .water-outcome .success{display:flex;flex-wrap:wrap}.is-expanded .water-outcome .success>div{flex-basis:100%}.is-expanded .water-outcome .success p{display:none}.big-mud{width:200px;height:240px}.water-target.weak-spot,.weak-spot .weak-drop{width:57px;height:57px}.weak-spot .soak-ring{width:67px;height:67px}.wash-weight{font-size:.6875rem}.rescue-event{font-size:.8125rem}}
@media(max-height:520px) and (orientation:landscape){.is-expanded .water-heading{padding:5px 12px 3px;display:flex;align-items:center;gap:12px}.is-expanded .water-heading h1{font-size:1rem;margin:0;white-space:nowrap}.is-expanded .water-heading p{font-size:.8125rem;line-height:1.2}.is-expanded .water-hud{padding:2px 12px 4px;min-height:27px}.is-expanded .water-bar{min-height:46px;padding-bottom:4px}.is-expanded .water-options{padding:4px 0}.is-expanded .water-notes{max-height:18px;font-size:.75rem}.big-mud{width:145px;height:174px}.water-target.weak-spot,.weak-spot .weak-drop{width:48px;height:48px}.weak-spot .soak-ring{width:58px;height:58px}.weak-drop svg{width:22px;height:27px}.rescue-event{bottom:4px;font-size:.75rem;padding:3px}.wash-weight{font-size:.625rem}.weak-spot.active-spot .target-bubble{bottom:-22px;font-size:.6875rem}.is-expanded .water-outcome .success p{display:none}}
@media(prefers-reduced-motion:reduce){.water-shell *{animation:none!important;transition:none!important}}

@media(max-height:520px) and (orientation:landscape){.spray-area{height:260px}.water-target{width:66px;height:82px}.water-target>svg{width:64px;height:80px}.soak-ring{width:64px;height:64px;top:10px}.water-nozzle{height:76px;width:75px;font-size:2.3rem;line-height:50px}.hold-cue{bottom:60px;font-size:.8rem}}

/* Question-based Water rescue prototype, isolated from production. */
.water-target:hover,.water-target:active{transform:translate(-50%,-50%)!important}
.question-rescue .water-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#fffdf0;border-bottom:1px solid #c9dbd2}.question-kicker{font-size:.8rem;font-weight:800;color:#35788d}.question-rescue h1{font-size:1.8rem}.question-visual{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;max-width:47%;min-width:80px}.water-question-picture{width:80px;height:80px;object-fit:contain}.question-english{font-size:1rem;font-weight:800}.count-picture{display:flex;flex-wrap:wrap;max-width:150px;gap:2px}.count-picture svg{width:24px;height:27px}.math-picture{display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:170px}.math-picture i{width:17px;height:17px;background:#409ebd;border-radius:50%;position:relative}.math-picture .second{background:#ecae54}.math-picture .removed{opacity:.42}.math-picture .removed:after{content:'';position:absolute;left:0;top:7px;width:18px;height:3px;background:#473d45;transform:rotate(-45deg)}.math-picture b{font-size:18px}.question-target{width:108px;height:139px;min-height:0!important}.question-target>svg{width:102px;height:128px}.question-target .answer-label{position:absolute;left:8%;right:8%;top:27px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fffcf1;border:2px solid #5c6663;color:#173f43;font-size:1.9rem;font-weight:900;line-height:1;box-shadow:0 2px 0 #0001;pointer-events:none}.question-target .word-label{font-size:1rem;letter-spacing:-.025em;overflow-wrap:normal}.question-target .soak-ring{width:108px;height:108px;left:0;top:16px}.question-target .target-bubble{bottom:-5px}.water-answer-dialog{max-width:calc(100vw - 32px);width:420px;border:3px solid #87b9b6;border-radius:24px;padding:24px;background:#fffdf1;color:#254e4d;text-align:center;box-shadow:0 15px 80px #183e4655}.water-answer-dialog::backdrop{background:#173c4866}.water-answer-dialog h2{font-size:1.6rem}.water-answer-dialog p{font-size:1.12rem;line-height:1.7}.water-answer-dialog button{min-width:140px;min-height:50px}.water-options label{margin-right:0}.water-options{align-items:center}.water-nozzle{font-size:2rem}.question-rescue .spray-area{height:390px}.water-shell.is-expanded .question-rescue .spray-area{height:auto;min-height:150px}.water-shell.is-expanded .question-rescue .water-heading h1{font-size:1.35rem}.water-shell.is-expanded .water-question-picture{width:50px;height:50px}.water-shell.is-expanded .question-english{font-size:.875rem}.water-shell.is-expanded .water-heading{flex:none}.water-shell.is-expanded .water-hud{flex:none}
@media(max-width:520px){.question-rescue .water-heading{gap:8px;padding:12px}.question-rescue h1{font-size:1.5rem}.question-rescue .water-heading p{font-size:.86rem}.question-visual{max-width:42%;min-width:64px}.water-question-picture{width:64px;height:64px}.question-english{font-size:.86rem}.question-target{width:100px;height:128px}.question-target>svg{width:94px;height:118px}.question-target .answer-label{left:4%;right:4%;top:25px;height:34px;font-size:1.7rem}.question-target .word-label{font-size:.94rem}.question-target .soak-ring{width:96px;height:96px;left:2px}.water-options{display:grid;grid-template-columns:1fr 1fr}.water-options label{grid-column:auto;display:grid;font-size:.82rem;gap:4px}.water-options select{width:100%;min-width:0;font-size:.9rem}.is-expanded .water-options{grid-template-columns:repeat(4,minmax(0,1fr))}.is-expanded .water-options label{grid-column:span 2;display:flex}.is-expanded .water-options button{grid-column:auto!important;font-size:.76rem}.is-expanded .water-options [data-water=listen]{grid-column:auto}.question-rescue .spray-area{height:370px}.water-shell.is-expanded .question-rescue .spray-area{min-height:160px}}
@media(max-height:520px) and (orientation:landscape){.water-shell.is-expanded .water-options{display:flex;flex-wrap:nowrap}.is-expanded .water-options label{display:flex;font-size:.75rem}.is-expanded .water-options select{max-width:116px;min-height:44px}.is-expanded .water-options button{min-height:44px;font-size:.8rem}.is-expanded .question-rescue .water-heading{padding:4px 12px;min-height:62px}.is-expanded .question-rescue .water-heading h1{font-size:1.15rem}.is-expanded .question-rescue .water-heading p{font-size:.72rem}.is-expanded .question-kicker{display:none}.is-expanded .question-visual{max-width:42%;flex-wrap:nowrap}.is-expanded .water-question-picture{width:44px;height:44px}.is-expanded .water-notes{display:none}.water-shell.is-expanded .question-rescue .spray-area{min-height:125px}.is-expanded .question-target{width:102px;height:118px}.is-expanded .question-target>svg{width:90px;height:112px}.is-expanded .question-target .answer-label{top:22px;height:34px}.is-expanded .question-target .soak-ring{width:98px;height:98px}.is-expanded .hold-cue{font-size:.7rem;bottom:8px}.is-expanded .water-nozzle{bottom:-59px}.is-expanded .water-hud{font-size:.75rem;min-height:24px}.is-expanded .wave-track i{height:21px;width:21px}}

.water-nozzle.water-crew{background:none;border:0;border-radius:0;width:142px;height:120px;bottom:-22px;line-height:normal;left:50%;pointer-events:none;}.water-crew svg{width:100%;height:100%;}.water-crew+.aim-ring+.hold-cue{bottom:88px;}.is-expanded .water-nozzle.water-crew{width:96px;height:82px;bottom:-17px;}.is-expanded .water-crew+.aim-ring+.hold-cue{bottom:58px;}
@media(max-height:520px) and (orientation:landscape){.is-expanded .water-nozzle.water-crew{width:65px;height:56px;bottom:-12px;}.is-expanded .water-crew+.aim-ring+.hold-cue{bottom:4px;left:8px;right:auto;max-width:150px;}}

.rescue-symbol{width:58px;height:58px;flex:none}.rescue-memory-cue,.rescue-rule-cue{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#fff9de;border:3px solid #dec884;border-radius:18px;padding:12px;min-width:210px;min-height:110px;color:#294c50}.rescue-memory-cue small{width:100%;text-align:center;font-size:1rem}.rescue-memory-cue strong,.rescue-rule-cue strong{font-size:1.45rem}.water-target .answer-label{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:5px 8px}.water-target .answer-label .rescue-symbol{width:36px;height:36px}.water-target .answer-label small{font-size:15px;white-space:nowrap}.water-target:disabled:not(.cooled){opacity:.9}.water-math-help>.rescue-symbol{width:100px;height:100px}.water-options{flex-wrap:wrap}.water-options select{max-width:230px}
@media(max-width:600px){.rescue-memory-cue,.rescue-rule-cue{min-width:0;min-height:90px;width:100%}.water-target .answer-label{min-width:76px;padding:3px 4px}.water-target .answer-label small{font-size:12px}.water-target .answer-label .rescue-symbol{width:30px;height:30px}}

.question-target .answer-label{height:auto;min-height:68px;line-height:1.15}.question-target .answer-label small{display:block;color:#243f42}

/* Let children get ready before revealing or speaking the first rescue cue. */
.rescue-start-cue{min-height:110px;min-width:210px;border:3px dashed #287b9b;border-radius:18px;padding:12px;background:#fffbea;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.water-start-dialog{width:420px;max-width:calc(100vw - 32px);padding:24px}.water-start-dialog .quiet{display:block;margin:12px auto 0}.water-start-dialog p{line-height:1.7}@media(max-width:600px){.rescue-start-cue{min-width:0;min-height:90px;width:100%}}

.rescue-exclude-cue>div{display:flex;justify-content:center;gap:6px}.rescue-exclude-cue>div>span{position:relative}.rescue-exclude-cue>div>span:after{content:"×";position:absolute;right:-2px;bottom:-3px;color:#942f28;font-size:26px;font-weight:900;background:#fff6d9;border-radius:50%;line-height:24px;width:24px}.rescue-exclude-cue .rescue-symbol{width:64px;height:64px}.water-variety-note{font-size:15px;font-weight:700;color:#285c5b}@media(max-width:600px){.rescue-exclude-cue .rescue-symbol{width:44px;height:44px}}