:root{--paper:#e9faff;--ink:#104765;--teal:#087faa;--mint:#d8f8f6;--line:#c7eaf3;--soft:#47738a;--coral:#f38d77;--gold:#ffe27b;background:#0986ae;color:var(--ink);font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif}
body{background:radial-gradient(ellipse at 15% 0,#78e3e9 0,transparent 45%),linear-gradient(180deg,#16a6c6,#087eac 55%,#086490);background-attachment:fixed;min-height:100dvh}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 12%,#e7ffff09 13% 18%,transparent 19% 28%);z-index:-1}
main{max-width:1400px;padding:0 32px}.site-header{max-width:1336px;padding:0 16px;height:94px;border:0;color:#fff;gap:20px}.brand{font-family:inherit;font-size:26px;letter-spacing:-1.3px;gap:5px}.brand img{object-fit:contain;filter:drop-shadow(0 3px 0 #005d8538)}.brand>span:last-child{color:#fff4ae;margin:0}.header-note{color:#dbfcff;font-size:13px}.site-header .quiet{color:#fff;font-size:13px;min-height:44px;border:1px solid #a3e7f17a;background:#05729b4d;padding:9px 15px;border-radius:30px}.site-header .quiet:hover{background:#076d96}.site-header>#sound{margin-left:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#ffbe56;outline-width:4px}button:active:not(:disabled){transform:translateY(2px) scale(.98)}
.ocean-ambience{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ocean-ambience i{position:absolute;left:8%;bottom:-80px;width:22px;height:22px;border-radius:50%;border:1px solid #dcffff7a;box-shadow:inset 3px 3px 5px #fff3;animation:ocean-bubbles 19s linear infinite}.ocean-ambience i:nth-child(2){left:21%;width:10px;height:10px;animation-delay:-8s;animation-duration:24s}.ocean-ambience i:nth-child(3){left:36%;animation-delay:-14s;width:35px;height:35px}.ocean-ambience i:nth-child(4){left:53%;animation-delay:-5s;animation-duration:28s}.ocean-ambience i:nth-child(5){left:68%;width:12px;height:12px;animation-delay:-17s}.ocean-ambience i:nth-child(6){left:82%;animation-delay:-11s;animation-duration:22s}.ocean-ambience i:nth-child(7){left:92%;width:40px;height:40px;animation-delay:-4s;animation-duration:30s}.ocean-ambience i:nth-child(8){left:4%;width:14px;height:14px;animation-delay:-21s;animation-duration:26s}.site-header,main{position:relative;z-index:1}
.ocean-hero{position:relative;isolation:isolate;border:3px solid #ceffff8c;border-radius:40px;min-height:455px;overflow:hidden;background:linear-gradient(90deg,#005f91ce 0,#087f9b68 49%,#0579aa00 75%),url('./ocean-garden.webp') center 45%/cover;box-shadow:0 10px 0 #06638e45,inset 0 0 45px #b2ffff45;display:grid;grid-template-columns:1fr 1fr;padding:40px 6%}.ocean-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 52%,#d6ffff30,transparent 50%)}.hero-copy{align-self:center;position:relative;z-index:2}.ocean-kicker,.hero-copy>.ocean-kicker{display:inline-block;background:#c9fbff;color:#06567d;border-radius:30px;padding:9px 17px;font-size:13px;font-weight:850;letter-spacing:.4px;box-shadow:0 3px 0 #006f9b35}.hero-copy h1{font-size:clamp(36px,4.2vw,62px);font-weight:950;line-height:1.23;letter-spacing:-2.4px;margin:20px 0 16px;color:#fff;text-shadow:0 4px 0 #00598280}.hero-copy h1 em{font-style:normal;color:#fff29a}.hero-copy p{font-size:17px;line-height:1.9;color:#edffff;margin:0}.hero-play-link{display:inline-flex;align-items:center;gap:25px;color:#fff;font-weight:800;font-size:14px;margin-top:26px}.hero-play-link span{display:grid;place-items:center;border:1px solid #b4f8ff8c;border-radius:50%;width:34px;height:34px;animation:ocean-arrow 2s ease-in-out infinite}.hero-mascot-zone{position:relative;min-height:365px;isolation:isolate}.hero-mascot{position:absolute;width:360px;max-width:93%;aspect-ratio:1;left:50%;top:53%;border:0;padding:0;background:none;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 15px #004c7845);animation:hero-swim 9s ease-in-out infinite;cursor:pointer}.hero-mascot:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.04)}.hero-mascot img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;animation:mascot-breathe 3.6s ease-in-out infinite}.hero-mascot.hello img{animation:mascot-hello .75s ease-in-out}.hero-speech{position:absolute;top:0;right:0;background:#fffdf0;color:#144d6c;padding:15px 24px;border-radius:30px 30px 30px 6px;font-size:18px;font-weight:900;box-shadow:0 5px 0 #005e8e30;z-index:2;transform:rotate(3deg)}.mascot-tap-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#04658c90;color:#e5ffff;border-radius:30px;padding:7px 15px;font-size:12px;white-space:nowrap}.hero-orbit{position:absolute;font-size:42px;color:#fff3a2;text-shadow:0 3px 0 #0072a44d;animation:ocean-star 4s ease-in-out infinite;pointer-events:none}.orbit-one{left:5%;top:25%}.orbit-two{right:0;top:47%;font-size:50px;animation-delay:-2s}.orbit-three{left:10%;bottom:9%;font-size:27px;animation-delay:-1s}.hero-fish{position:absolute;width:35px;height:17px;border-radius:60% 50% 50% 60%;background:#ffe6a8;opacity:.65;pointer-events:none;animation:fish-cruise 18s linear infinite;bottom:32px;left:-60px;z-index:-1}.hero-fish:after{content:'';position:absolute;right:-11px;top:0;border-right:14px solid #ffe6a8;border-top:9px solid transparent;border-bottom:9px solid transparent}.fish-two{bottom:55%;animation-delay:-9s;animation-duration:27s;opacity:.3;scale:.7}
.play-heading{position:relative;color:white;margin:43px 0 22px;scroll-margin-top:20px}.play-heading>span:first-child{font-size:12px;color:#c4f9ff;letter-spacing:2px;font-weight:800}.play-heading h2{font-size:28px;letter-spacing:-1px;margin:7px 0 0}.play-heading-stamp{position:absolute;right:4px;bottom:4px;border:1px dashed #a3ecf0;color:#eaffd0;border-radius:30px;padding:9px 18px;font-size:12px;transform:rotate(3deg)}
.play-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:48px}.play-choices .play-choice{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;border:3px solid #f2ffff;border-radius:28px;overflow:hidden;background:#f1fcff;box-shadow:0 8px 0 #045d864d;color:#144d6a;position:relative;transition:transform .22s,box-shadow .22s}.play-choices .play-choice:hover:not(:disabled){transform:translateY(-7px) rotate(-.7deg);box-shadow:0 15px 0 #045d8638}.play-choices .choice-scene{display:block;position:relative;height:170px;overflow:hidden;background:linear-gradient(#77d8ea,#b3edf2);margin:0}.play-choices .choice-scene img{position:absolute;width:160px;height:160px;object-fit:contain;right:20%;top:15px;animation:choice-bob 6s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 7px 4px #00749d30)}.play-choices .choice-badge{position:absolute;left:14px;top:14px;padding:7px 11px;border-radius:20px;background:#fffdf0ec;color:#176081;z-index:2;font-size:11px;font-weight:850;transform:rotate(-3deg)}.play-choices .photo-choice-scene{background:linear-gradient(#087c9b22,#31a8b155),url('./harbor-v2.png') center 48%/cover}.mini-focus{position:absolute;border:3px solid #fffaac99;border-radius:14px;width:170px;height:120px;top:35px;left:50%;transform:translateX(-50%) rotate(-4deg)}.play-choices .adventure-choice-scene{background:url('./ocean-garden.webp') center 55%/cover}.play-choices .adventure-choice-scene img{right:24%;animation-delay:-2s;rotate:-8deg}.choice-treasure{display:grid;place-items:center;position:absolute;right:26px;bottom:20px;width:55px;height:55px;border:3px solid #fff5c4;border-radius:18px;background:#a0eccc;color:#0e7b7c;font-size:34px;rotate:12deg;box-shadow:0 5px 0 #09729c3d}.play-choices .book-choice-scene{background:radial-gradient(ellipse at 50% 50%,#fff9da,#b9dedf);overflow:hidden}.mini-book{position:absolute;left:50%;top:23px;transform:translateX(-50%) rotate(10deg);width:124px;height:155px;border-radius:5px 15px 15px 5px;border:5px solid #fff8dc;background:linear-gradient(140deg,#50c4dd,#b4f1eb);box-shadow:7px 8px 0 #5490aa40,-5px 0 0 #1289a2;animation:book-rock 6s ease-in-out infinite}.play-choices .mini-book img{width:145px;height:145px;left:-14px;top:0;animation:none}.book-sparkle{position:absolute;right:15%;bottom:20px;font-size:40px;color:#eaa74a;animation:ocean-star 4s ease-in-out infinite}.play-choices .choice-copy{display:block;padding:22px 23px 20px;min-width:0}.play-choices .choice-copy small{display:block;color:#588097;font-size:12px;margin:0 0 8px;line-height:1.5}.play-choices .choice-copy strong{font-size:26px;letter-spacing:-1.2px;display:block;line-height:1.3}.play-choices .choice-copy .choice-go{display:flex;align-items:center;justify-content:space-between;margin-top:18px;border-radius:14px;padding:12px 15px;background:#d9f5f5;color:#136781;font-size:14px;font-weight:800;line-height:1.3}.choice-go b{font-size:22px}.adventure-choice .choice-go{background:#dcf3d8!important;color:#39765e!important}.book-choice .choice-go{background:#ffecd1!important;color:#996230!important}.play-choices .play-choice>span:last-child{margin:0;font-size:inherit;display:block}.play-choices .adventure-choice{background:#f1fff4}.play-choices .book-choice{background:#fffaf0}.photo-zone-title{color:#f4ffff;margin-bottom:23px}.photo-zone-title h2{font-size:28px;letter-spacing:-1px;margin:13px 0 8px}.photo-zone-title p{font-size:14px;color:#d9f8ff;line-height:1.7;margin:0}.home-layout{grid-template-columns:minmax(0,1fr) 330px;gap:23px}.hero-postcard,.start-card{border:3px solid #e9ffff;border-radius:26px;background:#f5fdff;box-shadow:0 7px 0 #00567d40}.hero-postcard{padding:9px}.hero-stage{border-radius:16px}.postcard-caption{padding:17px 12px}.quick-guide{border-color:#d1eaf1;color:#37768c}.quick-guide b{color:#e89554}.start-card{padding:24px 21px}.start-card .eyebrow{color:#3286a0;letter-spacing:.5px}.start-card h2{color:#155674}.difficulty-option{background:#effaff;border:2px solid #d2e9f0;border-radius:16px}.difficulty-option:has(input:checked){background:#ddf8f0;border-color:#65b7b5;box-shadow:0 3px 0 #bce0df}.difficulty-option small{color:#558494}.primary{background:#087faa;border-color:#066c91;box-shadow:0 4px 0 #075f88;color:white;border-radius:16px}.primary:hover:not(:disabled){background:#0699be}.secondary{background:#e4f7fb;border-color:#b3dbe9;color:#195b77;border-radius:16px}.start-card input:not([type=radio]){background:#fff;border:2px solid #d3e7ed;border-radius:14px}.extra-levels summary,.friend-options summary{color:#176785}.book-teaser{background:#fff3d9;border-color:#efd8a6}.hero-weather{background:#fffdf1e6;color:#2b7285;border:1px solid #d0eced;box-shadow:0 3px 0 #10739625}footer{color:#c4f0fb;margin-top:30px;border-color:#70bfd6}footer a{color:#fff6c7}.asset-loading{background:#c4f2f4f5}
.game-shell{background:#effbff;border:3px solid #bdf6ff;box-shadow:0 10px 0 #00557f3d}.game-top,.camera-tray{background:#f0fbff}.game-status,.connection{color:#d3f6ff}.game-title{color:#105c7a}.lap-pill{background:#d4f4f7;border-color:#a9dce4}.progress-track{background:#044c7a66}.progress-track>div{background:#ffe88d}.shutter{background:#ffd76f;border-color:#fff0ab;box-shadow:0 6px 0 #d39c40,0 0 0 7px #dcf3f6}.shutter strong{color:#584515}.film-slot{background:#def2f7;border-color:#bedee6}.film-slot.filled{background:white}.album-panel>h1,.album-panel>p,.album-panel>.eyebrow{color:#fff}.counting-board,.album-row,.result-card,.lobby-panel{background:#f5fcff;border-color:#bbebf5}.result-panel{color:#164e6c}.result-card{box-shadow:0 10px 0 #00557855}.result-card .result-symbol:after{background-image:url('./bukhangi-mascot.webp')}.lobby-picture{background-image:url('./ocean-garden.webp')}.lobby-picture:after{content:'';position:absolute;inset:10%;background:url('./bukhangi-mascot.webp') center/contain no-repeat;animation:mascot-breathe 4s ease-in-out infinite}.lobby-picture{position:relative}.book-dialog{border:3px solid #bfe9f1;background:#f5fcff}.book-top{background:#e5f8fa}.book-intro{background:linear-gradient(130deg,#d5f3f1,#e9f8ff)}
.adventure{margin-top:27px}.adv-header{color:#fff}.adv-header .eyebrow{color:#b9f7ff}.adv-header h2{color:#fff;text-shadow:0 3px 0 #055e8b55}.adv-text-button{background:#effcff;border:2px solid #c2ebf2;color:#236580;border-radius:16px;font-weight:750}.adv-map{background:linear-gradient(160deg,#e9fbff,#d4f2f3);border:3px solid #dcffff;border-radius:34px;padding:30px;box-shadow:0 9px 0 #035d864d;position:relative;overflow:hidden}.adv-map-intro{background:linear-gradient(90deg,#0c8aadbc,#1fabc060),url('./ocean-garden.webp') center 37%/cover;border-radius:25px;min-height:240px;padding:25px 40px;justify-content:center;gap:40px;margin-bottom:25px}.adv-map-mascot{width:210px;flex-shrink:0;animation:map-swim 9s ease-in-out infinite;filter:drop-shadow(0 10px 10px #006c9250)}.adv-map-mascot .mascot-motion{animation:mascot-breathe 4s ease-in-out infinite}.adv-speech{max-width:490px;padding:23px 28px;background:#fffef4;color:#155876;font-size:22px;border:0;border-radius:28px 28px 28px 5px;box-shadow:0 6px 0 #086e9630;line-height:1.7}.mascot-motion{display:block;position:relative;width:100%}.mascot-motion>img{width:100%;height:auto;display:block;object-fit:contain;pointer-events:none}.mascot-reaction{position:absolute;right:-2%;top:12%;font-size:29px;color:#ffe4a2;text-shadow:0 2px 0 #096d943d;animation:ocean-star 3s ease-in-out infinite}.adv-modes{margin-bottom:28px}.adv-modes legend{color:#25627d;font-size:15px}.adv-mode{background:#f7ffff;border:2px solid #c4e4ee;border-radius:18px}.adv-mode:has(input:checked){background:#d3f5ed;border-color:#52aaa8;box-shadow:0 4px 0 #b5ddd8}.adv-mode small{color:#577c8d}.adv-chapter-cards{gap:22px;counter-reset:chapter}.adv-chapter-card{border:3px solid #fff;border-radius:25px;background:#e1f5ed;box-shadow:0 6px 0 #b1d9dc;padding:22px;gap:12px;position:relative;overflow:hidden}.adv-chapter-card:before{content:'';position:absolute;width:120px;height:120px;border:16px solid #ffffff40;border-radius:50%;right:-40px;top:-30px;pointer-events:none}.adv-chapter-card.peach{background:#ffefda;border-color:#fff}.adv-chapter-card.lavender{background:#e7e8ff;border-color:#fff}.adv-chapter-icon{width:80px;height:80px;background:#fff9;font-size:42px;box-shadow:0 5px 0 #508e9e14;border-radius:24px;transform:rotate(-6deg)}.adv-chapter-card>small{color:#377b86;letter-spacing:.6px}.adv-chapter-card h3{color:#1c526b;font-size:25px}.adv-chapter-card>p{color:#4b7180}.adv-button{background:#0c88a5;border:2px solid #087790;color:#fff;border-radius:17px;box-shadow:0 5px 0 #07667f;font-size:17px;min-height:57px}.adv-button:hover:not(:disabled){background:#12a0b5;transform:translateY(-3px)}.adv-button.secondary{background:#e5f8ff;border-color:#badde9;color:#24627e;box-shadow:0 5px 0 #b4d8e4}.adv-button:disabled{color:#63838d;background:#e9f4f5;border-color:#c9dfe5}.adv-earned{background:#fffff4;color:#35766b;border:1px solid #d3e9dc}.adv-guardian-note{color:#4a7185}.adv-save-note,.adv-live{color:#e1faff}.adv-play-top>span{color:#e4ffff;background:#08769c;border:1px solid #8cdbed88;padding:10px 17px;border-radius:25px}.adv-chapter-story{background:#f1ffffe8;border:2px solid #b4e7f2;border-radius:19px;padding:16px 22px;color:#285f79;font-size:17px}.adv-progress-row strong{color:#f3ffff}.adventure progress{background:#00739a}.adventure progress::-webkit-progress-bar{background:#04759f44}.adventure progress::-webkit-progress-value{background:linear-gradient(90deg,#b4f1d2,#ffe68c)}.adventure progress::-moz-progress-bar{background:#9ae6cf}.adv-progress-row progress{height:17px;border:3px solid #bcf1f7}.adv-board{grid-template-columns:1.1fr 1fr;border:4px solid #defaff;box-shadow:0 8px 0 #055a854d;border-radius:29px;min-height:490px;background:#f3fcff}.adv-scene{min-height:490px;background:#098fb8 url('./ocean-garden.webp') center/cover;isolation:isolate}.adv-scene:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px #066d9c30;border-right:2px solid #8ae5ec}.adv-ocean-art{opacity:.28}.adv-scene>.adv-ocean-art{display:none}.adv-scene .sea-life{z-index:0}.sea-life{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sea-life i{position:absolute;width:11px;height:11px;border:1px solid #e0ffffbd;border-radius:50%;bottom:-30px;left:14%;box-shadow:inset 2px 2px 3px #fff6;animation:scene-bubble 7s linear infinite}.sea-life i:nth-child(2){left:74%;width:19px;height:19px;animation-delay:-3s;animation-duration:10s}.sea-life i:nth-child(3){left:45%;width:7px;height:7px;animation-delay:-6s;animation-duration:9s}.sea-life i:nth-child(4){left:89%;animation-delay:-2s}.sea-life i:nth-child(5){left:31%;width:16px;height:16px;animation-delay:-4s;animation-duration:13s}.sea-life i:nth-child(6){left:62%;width:6px;height:6px;animation-delay:-1s;animation-duration:8s}.sea-life .sea-fish{position:absolute;left:-60px;bottom:21%;width:28px;height:13px;background:#ffecb3;border-radius:60% 45% 45% 60%;opacity:.65;animation:fish-cruise 21s linear infinite}.sea-life .sea-fish:after{content:'';position:absolute;right:-8px;top:0;border-right:11px solid #ffecb3;border-top:7px solid transparent;border-bottom:7px solid transparent}.sea-life .sea-fish.second{bottom:44%;animation-delay:-12s;animation-duration:28s;scale:.65}
.adv-task,.adv-feedback{padding:30px;background:#f6fdff}.adv-task h3{color:#175876;font-size:25px}.adv-task>p{color:#557f92;font-size:15px}.adv-waste{background:#dffaff45;border:2px solid #e9ffff5c;box-shadow:0 4px 0 #05678c24;backdrop-filter:blur(2px);animation:none;width:92px;height:105px;padding:7px;border-radius:22px;z-index:2;transition:background .2s,border-color .2s}.adv-waste:hover:not(:disabled),.adv-waste.selected{background:#fff6ceeb;border-color:#ffe298;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffe2a533}.adv-waste-art{animation:trash-drift 4s ease-in-out infinite;animation-delay:calc(var(--index,0)*-.6s);width:64px;height:66px;filter:drop-shadow(0 3px 2px #23688930)}.adv-waste-name{color:#134d6b;text-shadow:0 1px 0 #e7ffff;font-size:10px;line-height:1.25;background:#e8fbffbd;border-radius:6px;padding:3px;margin-top:0}.adv-waste.selected .adv-waste-art{animation-play-state:paused}.adv-bins{gap:12px}.adv-bin{border:3px solid #fff;border-radius:19px;box-shadow:0 5px 0 color-mix(in srgb,var(--bin-color),#2f6082 20%);min-height:105px;position:relative;padding:20px 5px 10px}.adv-bin:before{content:'';position:absolute;top:7px;left:18%;right:18%;height:5px;background:#244e6b30;border-radius:5px}.adv-bin>span{font-size:30px}.adv-bin strong{font-size:13px;font-weight:850;color:#214c68}.adv-bin:hover{transform:translateY(-4px)!important}.adv-bin.drop-ready{outline:4px solid #ffc65d;outline-offset:3px}.adv-cleanup-helper{width:155px;left:36%;bottom:0%;animation:helper-wander 11s ease-in-out infinite;z-index:1;filter:drop-shadow(0 10px 8px #02537e40)}.adv-cleanup-helper .mascot-motion{animation:mascot-breathe 3.2s ease-in-out infinite}.adv-peel{background:linear-gradient(90deg,#ffe5a3 var(--peel,0%),#fff9e2 var(--peel,0%));border-color:#e7af53;box-shadow:0 5px 0 #e3c89145}.adv-fact-note{color:#587b8b}.adv-swimmer{width:210px;top:47%;z-index:1}.adv-swimmer .mascot-motion{animation:swimmer-drift 7s ease-in-out infinite}.adv-swimmer.worried .mascot-motion{animation:mascot-worry 3s ease-in-out infinite}.adv-scene-speech{z-index:2;top:20px;left:24px;right:24px;color:#145978;background:#fffdf0ed;border:2px solid #e7ffff;border-radius:21px;box-shadow:0 4px 0 #08658e30}.adv-warmth{z-index:2;background:#f3ffffed;border:2px solid #c1f4fa;border-radius:19px;color:#29647e;bottom:24px;box-shadow:0 4px 0 #056b9030}.adventure[data-chapter="2"] .adv-scene:before{z-index:0;pointer-events:none;background:linear-gradient(#ffba6b,#f8846f);mix-blend-mode:soft-light}.adv-question-number{color:#2781a3;background:#dbf5fc;border-radius:20px;display:inline-block;padding:8px 13px}.adv-task .adv-question{font-size:27px;line-height:1.55;min-height:115px;margin-bottom:23px;letter-spacing:-.8px}.adv-answer{border:3px solid #bbe4e4;border-radius:24px;background:linear-gradient(#e2fbf4,#c0ece5);box-shadow:0 6px 0 #7cbcc2;color:#0b7c87;min-height:150px;transition:transform .2s,box-shadow .2s}.adv-ox .adv-answer:last-child{background:linear-gradient(#ffefdc,#ffe0c6);color:#c7764b;border-color:#f8d4b2;box-shadow:0 6px 0 #dbaf8c}.adv-answer:hover:not(:disabled){transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 0 #7cbcc233}.adv-answer-icon{font-size:55px;text-shadow:0 3px 0 #fff6}.adv-answers .adv-answer{background:#edf8ff;border-color:#c9e7f5;box-shadow:0 5px 0 #aecfdf;padding:16px 20px;min-height:77px}.adv-answers .adv-answer:nth-child(2){background:#f3efff;border-color:#ded6ef}.adv-answers .adv-answer:nth-child(3){background:#e8faee;border-color:#c9e8d4}.adv-answers .adv-answer strong{font-size:17px;color:#255a75}.adv-route{z-index:1;border-top:4px dashed #eaffffad;bottom:40px}.adv-route>span{background:#dbffff;color:#267b96;box-shadow:0 4px 0 #05668c45}.adv-route>span.passed{background:#fff1a9;color:#b68a32}.adv-obstacle{z-index:3;bottom:102px;border:2px solid #ffecd2;background:#fff7e8ed;color:#8c6a46;animation:obstacle-pop .5s ease-out}.adv-feedback{gap:17px;background:radial-gradient(ellipse at top,#fff4d5,#fffdf5)}.adv-feedback.success{background:radial-gradient(ellipse at top,#d7f6e5,#f0fffa)}.adv-feedback-symbol{font-size:55px;animation:feedback-pop .5s ease-out}.adv-feedback h3{color:#175776}.adv-feedback>p{color:#476f82}.adv-feedback-mascot{width:110px;margin-top:-8px;animation:mascot-breathe 3s ease-in-out infinite}.adv-feedback-mascot .mascot-reaction{font-size:19px}.adv-celebration{border:3px solid #d5fbff;border-radius:29px;background:#f5fdff;box-shadow:0 8px 0 #055f894d}.adv-reunion,.adv-clear-picture{background:#119dbe url('./ocean-garden.webp') center/cover;border:3px solid #c7faff;height:350px}.adv-reunion .adv-ocean-art,.adv-clear-picture .adv-ocean-art{display:none}.adv-clear-mascot{width:240px;top:48%}.adv-clear-mascot .mascot-motion{animation:swimmer-drift 5s ease-in-out infinite}.adv-mom{width:270px;bottom:7%}.adv-baby{width:180px;bottom:11%}.adv-mom .mascot-motion,.adv-baby .mascot-motion{animation:mascot-breathe 4s ease-in-out infinite}.adv-mom-label,.adv-baby-label{z-index:4;background:#fff7dbe8;color:#346578;bottom:8%}.adv-celebration h2{color:#145a7c}.adv-celebration>p{color:#50778c}.sea-celebrate{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.sea-celebrate i{position:absolute;left:calc(var(--index)*7% + 4%);top:43%;color:#fff1a3;font-size:25px;font-style:normal;animation:reward-spark 1.5s ease-out both;animation-delay:calc(var(--index)*.04s)}.adv-step-chips{position:absolute;left:17px;bottom:15px;display:flex;gap:5px;z-index:3;pointer-events:none}.adv-step-chips span{width:12px;height:12px;background:#efffff65;border:2px solid #eaffff;border-radius:50%}.adv-step-chips span.done{background:#ffe28a;border-color:#fff4c5}.hero-pop{position:absolute;left:50%;top:50%;color:#fff0a2;font-size:30px;pointer-events:none;animation:hello-pop 1s ease-out both;z-index:5;font-style:normal}
body[data-motion="paused"] *,body[data-motion="paused"] *:before,body[data-motion="paused"] *:after{animation-play-state:paused!important;scroll-behavior:auto!important}body[data-motion="paused"] .adv-baby{animation:none;left:31%}body[data-motion="paused"] .adv-mom{animation:none;left:45%}body[data-motion="paused"] .sea-celebrate{display:none}
@keyframes ocean-bubbles{from{transform:translate3d(0,0,0);opacity:0}8%{opacity:.65}90%{opacity:.5}to{transform:translate3d(40px,-110vh,0);opacity:0}}@keyframes ocean-arrow{50%{transform:translateY(5px)}}@keyframes hero-swim{0%,100%{transform:translate(-52%,-48%) rotate(-5deg)}30%{transform:translate(-44%,-54%) rotate(3deg)}65%{transform:translate(-55%,-55%) rotate(-2deg)}}@keyframes mascot-breathe{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes mascot-hello{20%,60%{transform:rotate(-8deg) scale(1.07)}40%,80%{transform:rotate(7deg) scale(1.03)}}@keyframes ocean-star{50%{transform:translateY(-9px) rotate(18deg);opacity:.6}}@keyframes fish-cruise{to{left:110%}}@keyframes choice-bob{50%{transform:translate(8px,-8px) rotate(4deg)}}@keyframes book-rock{50%{transform:translateX(-50%) rotate(4deg)}}@keyframes map-swim{0%,100%{transform:translate(-8px,2px) rotate(-5deg)}50%{transform:translate(12px,-13px) rotate(4deg)}}@keyframes scene-bubble{from{transform:translate(0,0);opacity:0}10%{opacity:.8}to{transform:translate(20px,-550px);opacity:0}}@keyframes trash-drift{0%,100%{transform:translateY(3px) rotate(-8deg)}50%{transform:translateY(-6px) rotate(8deg)}}@keyframes helper-wander{0%,100%{transform:translate(-30px,0) rotate(-4deg)}30%{transform:translate(30px,-14px) rotate(5deg)}70%{transform:translate(0,-5px) rotate(-3deg)}}@keyframes swimmer-drift{0%,100%{transform:translate(-9px,4px) rotate(-4deg)}40%{transform:translate(15px,-15px) rotate(5deg)}75%{transform:translate(5px,-5px) rotate(-2deg)}}@keyframes mascot-worry{0%,100%{transform:translateY(4px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes obstacle-pop{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes feedback-pop{from{transform:scale(.5) rotate(-15deg);opacity:0}70%{transform:scale(1.13) rotate(5deg)}to{transform:scale(1);opacity:1}}@keyframes reward-spark{from{transform:translateY(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(-150px) rotate(90deg);opacity:0}}@keyframes hello-pop{from{transform:translate(-50%,0) scale(.5);opacity:1}to{transform:translate(calc(-50% + var(--drift)), -170px) scale(1.3) rotate(25deg);opacity:0}}
@media(max-width:1100px){.site-header{padding:0 30px}.header-note{display:none}.site-header>#motion-toggle{margin-left:auto}.ocean-hero{padding:33px 5%;min-height:420px}.hero-mascot{width:320px}.hero-speech{font-size:16px;padding:12px 18px;right:-10px}.play-choices{gap:17px}.play-choices .choice-copy{padding:20px 17px}.play-choices .choice-copy strong{font-size:23px}.home-layout{grid-template-columns:minmax(0,1fr) 305px}.adv-board{grid-template-columns:1fr 1fr}.adv-task,.adv-feedback{padding:25px}.adv-task .adv-question{font-size:24px}.adv-chapter-card h3{font-size:22px}.adv-cleanup-helper{width:135px}.adv-scene,.adv-board{min-height:470px}}
@media(max-width:740px){main{padding:0 16px}.site-header{height:82px;padding:0 16px;gap:8px;flex-wrap:wrap;align-content:center;justify-content:space-between;row-gap:3px}.site-header .brand{font-size:20px;letter-spacing:-1px;gap:3px}.brand img{width:42px;height:42px}.site-header .quiet{min-height:36px;padding:6px 9px;font-size:10px}.site-header>#motion-toggle{margin-left:auto}.site-header>#sound{margin-left:0}.ocean-hero{display:block;padding:27px 24px 15px;border-radius:29px;min-height:560px;background-position:center;isolation:isolate}.hero-copy{z-index:3}.hero-copy .ocean-kicker{font-size:11px;padding:7px 12px}.hero-copy h1{font-size:40px;line-height:1.18;letter-spacing:-1.8px;margin:17px 0 11px}.hero-copy p{font-size:13px;line-height:1.8}.hero-play-link{font-size:12px;margin-top:14px;gap:12px}.hero-play-link span{width:28px;height:28px}.hero-mascot-zone{min-height:255px;margin-top:0}.hero-mascot{width:235px;top:57%;left:55%;max-width:90%}.hero-speech{font-size:13px;top:4px;right:0;padding:11px 16px}.mascot-tap-hint{bottom:-5px;left:52%;font-size:10px;padding:5px 12px}.hero-orbit{font-size:28px}.orbit-one{left:0;top:30%}.orbit-two{font-size:34px;right:-7px;top:60%}.orbit-three{left:5%;bottom:6%}.play-heading{margin-top:31px;margin-bottom:17px}.play-heading>span:first-child{font-size:11px;letter-spacing:1px}.play-heading h2{font-size:23px;margin-top:7px}.play-heading-stamp{display:none}.play-choices{grid-template-columns:1fr;gap:17px;margin-bottom:35px}.play-choices .play-choice{flex-direction:row;border-radius:23px;align-items:stretch;min-height:155px}.play-choices .choice-scene{width:40%;flex:0 0 40%;height:auto;min-height:155px}.play-choices .choice-scene img{width:132px;height:132px;max-width:none;right:calc(50% - 68px);top:32px}.play-choices .choice-badge{font-size:8px;left:7px;top:8px;padding:6px 7px;white-space:nowrap}.mini-focus{width:105px;height:108px;top:34px;border-width:2px}.play-choices .choice-copy{padding:20px 13px 15px;display:flex!important;flex-direction:column;justify-content:center;flex:1}.play-choices .choice-copy small{font-size:10px;margin-bottom:7px}.play-choices .choice-copy strong{font-size:21px;letter-spacing:-1px;line-height:1.4}.play-choices .choice-copy .choice-go{font-size:11px;padding:9px 10px;margin-top:11px;gap:6px;border-radius:11px}.choice-go b{font-size:17px}.choice-treasure{width:34px;height:34px;font-size:24px;right:7px;bottom:9px;border-width:2px;border-radius:12px}.mini-book{width:78px;height:106px;top:35px;border-width:3px}.play-choices .mini-book img{width:104px;height:104px;top:-2px;left:-12px;right:auto}.book-sparkle{right:9px;bottom:13px;font-size:25px}.photo-zone-title h2{font-size:23px;line-height:1.4}.photo-zone-title p{font-size:12px}.photo-zone-title .ocean-kicker{font-size:11px}.home-layout{grid-template-columns:1fr;gap:23px}.hero-postcard{border-width:2px;border-radius:22px;padding:6px}.start-card{border-radius:23px;padding:23px 20px}.postcard-caption>span{font-size:13px}.quick-guide{font-size:10px;gap:7px;padding-top:12px}.quick-guide b{font-size:12px}footer{margin:25px 0;font-size:10px}.game-shell{border-width:2px}.game-status{font-size:12px}.game-top .quiet{padding:5px 8px}.site-header:has(~ main #game:not([hidden])) .brand{font-size:17px}.adventure{margin-top:15px}.adv-header{gap:10px}.adv-header .eyebrow{font-size:9px}.adv-header h2{font-size:26px;letter-spacing:-1px}.adv-header .adv-text-button{font-size:11px;padding:9px 10px}.adv-map{padding:14px;border-radius:26px}.adv-map-intro{padding:13px;gap:8px;min-height:190px;margin-bottom:23px;border-radius:20px;align-items:center}.adv-map-mascot{width:112px;flex-shrink:0}.adv-speech{font-size:14px;padding:15px 13px;border-radius:20px 20px 20px 5px;line-height:1.7}.adv-mode{min-height:76px;padding:12px}.adv-chapter-cards{gap:17px}.adv-chapter-card{padding:20px;border-radius:22px}.adv-chapter-icon{width:60px;height:60px;font-size:34px}.adv-chapter-card h3{font-size:24px}.adv-chapter-card>p{font-size:14px}.adv-chapter-card>small{font-size:10px}.adv-play-top{gap:10px}.adv-play-top>span{width:100%;text-align:center;font-size:12px;padding:9px}.adv-play-top .adv-text-button{font-size:11px;padding:9px 12px}.adv-chapter-story{font-size:13px;padding:13px 16px;line-height:1.8;margin:15px 0}.adv-progress-row strong{font-size:11px}.adv-board{grid-template-columns:1fr;border:3px solid #d9fbff;border-radius:24px;min-height:0}.adv-scene{min-height:330px;grid-column:1;grid-row:1}.adv-task,.adv-feedback{grid-column:1;grid-row:2;padding:23px 19px}.adv-waste{width:67px;height:85px;padding:4px;border-radius:17px}.adv-waste-art{width:49px;height:54px}.adv-waste-name{font-size:8px;padding:2px;line-height:1.3}.adv-cleanup-helper{width:104px;left:35%;bottom:0%}.adv-task h3{font-size:21px}.adv-task>p{font-size:13px}.adv-task .adv-question{font-size:23px;min-height:0;margin-bottom:25px;line-height:1.55}.adv-bins{gap:10px;margin:22px 0}.adv-bin{min-height:93px;padding:17px 3px 10px;border-width:2px;border-radius:16px}.adv-bin>span{font-size:25px}.adv-bin strong{font-size:11px}.adv-fact-note{font-size:10px}.adv-swimmer{width:170px;top:47%}.adv-scene-speech{font-size:12px;left:14px;right:14px;top:14px;padding:11px;border-radius:16px}.adv-warmth{left:14px;right:14px;bottom:14px;font-size:12px;padding:12px 15px}.adv-answer{min-height:127px;border-radius:20px}.adv-answer-icon{font-size:46px}.adv-answer strong{font-size:16px}.adv-answers .adv-answer{padding:14px 16px;min-height:73px}.adv-answers .adv-answer strong{font-size:15px}.adv-route{bottom:25px}.adv-obstacle{bottom:70px;font-size:11px;left:8%;right:8%}.adv-feedback{min-height:340px;gap:15px}.adv-feedback-mascot{width:95px}.adv-feedback h3{font-size:23px}.adv-feedback>p{font-size:15px}.adv-feedback-symbol{font-size:37px}.adv-clock-wrap{flex-wrap:wrap;gap:8px;background:#e2f8fc}.adv-clock-wrap .adv-text-button{min-height:44px;font-size:11px}.adv-celebration{padding:17px 13px 26px;border-radius:24px}.adv-reunion,.adv-clear-picture{height:250px}.adv-clear-mascot{width:190px}.adv-mom{width:170px;bottom:12%}.adv-baby{width:120px;bottom:14%}.adv-mom-label{left:65%;font-size:10px}.adv-baby-label{left:25%;font-size:10px}.adv-save-note{font-size:10px}.adv-step-chips{bottom:12px;left:12px}.adv-step-chips span{width:9px;height:9px}.mascot-reaction{font-size:22px}.book-top{gap:8px}.book-top h2{font-size:18px}.book-dialog{border-width:2px}}
.adv-chapter-preview{position:relative;margin:-22px -22px 2px;height:140px;background:linear-gradient(#0983a944,#21b5c633),url('./ocean-garden.webp') center 45%/cover;overflow:hidden}.adv-preview-mascot{position:absolute;width:130px;left:20%;top:4px;animation:choice-bob 6s ease-in-out infinite}.adv-preview-prop{position:absolute;right:24px;bottom:18px;font-size:38px;font-weight:900;color:#fff1ba;text-shadow:0 3px 0 #13688588;rotate:10deg}.adv-chapter-icon{display:none}.adv-waste-art{animation-delay:var(--drift-phase,0s)}
@media(max-width:740px){.adv-chapter-preview{margin:-20px -20px 5px;height:150px}.adv-preview-mascot{left:25%;width:145px}.adv-preview-prop{right:30px;font-size:43px}}
.adv-option-mascot{width:43px;flex:0 0 43px;display:block}.adv-option-mascot .mascot-reaction{display:none}.sea-home{position:absolute;right:4%;bottom:26%;width:85px;height:100px;border:4px solid #fce1d2;border-radius:55% 55% 12% 12%;background:repeating-linear-gradient(70deg,#e7b9cd 0 12px,#efced6 13px 24px);box-shadow:0 6px 0 #176d9050;z-index:0;rotate:5deg;pointer-events:none}.sea-home:before{content:'';position:absolute;width:105px;height:55px;border:4px solid #ffe5d1;border-radius:90% 90% 20% 20%;background:repeating-conic-gradient(from 235deg at 50% 100%,#ebaac6 0 13deg,#f8d4dc 14deg 26deg);left:-14px;top:-30px}.sea-home-window{position:absolute;width:21px;height:21px;border:3px solid #ffefcc;border-radius:50%;background:#93e2e9;top:22px;left:29px}.sea-home-door{position:absolute;width:31px;height:43px;border:3px solid #f5d4a9;border-bottom:0;background:linear-gradient(#fff4bb,#ffc891);bottom:0;left:23px;border-radius:50% 50% 0 0}.adv-reunion .sea-home{right:11%;bottom:20%;scale:1.2;opacity:.9}
.lap-pill{color:#155f7e}.lap-pill small{color:#407f91}.game-shell{border-radius:25px;overflow:hidden}body[data-motion="paused"] *{transition:none!important}
@media(min-width:741px){body[data-screen="adventure"] .site-header{height:76px}.adv-header{margin-bottom:16px}.adv-header h2{font-size:32px;margin-top:6px}.adv-chapter-story{padding:12px 19px;font-size:15px;margin:14px 0}.adv-progress-row{margin:8px 0 15px}.adv-scene,.adv-board{min-height:430px}.adv-task,.adv-feedback{padding:25px}.adv-task .adv-question{min-height:90px}.adv-cleanup-helper{width:140px}.adv-waste{width:87px;height:98px}.adv-waste-art{width:59px;height:61px}.adv-waste-name{font-size:9px}}
@media(max-width:740px){.site-header{height:auto;min-height:90px;padding-top:8px;padding-bottom:8px}.site-header .quiet{min-height:44px}.hero-play-link{min-height:44px}}
@media(max-width:370px){.site-header .brand{font-size:18px}.brand img{width:35px;height:35px}.site-header .quiet{font-size:9px;padding:6px 7px}.hero-copy h1{font-size:35px}.ocean-hero{padding:24px 20px 15px;min-height:530px}.hero-mascot-zone{min-height:235px}.hero-mascot{width:215px}.play-choices .choice-copy strong{font-size:19px}.play-choices .choice-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-mascot{transform:translate(-50%,-50%)}.adv-baby{left:31%}.adv-mom{left:45%}.ocean-ambience,.sea-celebrate{display:none}}