:root{--navy:#073b4c;--deep:#075e75;--ocean:#0ca6b8;--aqua:#62dfd1;--sun:#ffd65a;--coral:#ff7668;--cream:#fffaf0;--line:#dcece8;--muted:#587776}*{box-sizing:border-box}body{background:var(--cream);color:var(--navy);margin:0;font-family:Trebuchet MS,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid var(--sun);outline-offset:3px}.loading{place-items:center;min-height:100vh;font-size:24px;font-weight:900;display:grid}.welcome{background:linear-gradient(155deg,#0cacc0 0 53%,#7ce0d2 53% 60%,#ffe18a 60%);grid-template-columns:1fr minmax(430px,590px);align-items:center;gap:7vw;min-height:100vh;padding:45px max(5vw,24px);display:grid;position:relative;overflow:hidden}.welcome:after{content:"≈ ≈ ≈ ≈ ≈";color:#c9fbff;letter-spacing:30px;opacity:.65;font:900 45px Georgia;position:absolute;top:51%;left:0;right:0}.floaters i{width:64px;height:64px;color:var(--deep);background:#fff;border-radius:20px;place-items:center;font:900 28px Georgia;display:grid;position:absolute;box-shadow:0 8px #06475555}.floaters i:first-child{top:10%;left:3%;rotate:-8deg}.floaters i:nth-child(2){background:var(--sun);top:20%;left:42%}.floaters i:nth-child(3){color:#fff;background:#a78be0;top:7%;right:3%}.floaters i:nth-child(4){background:var(--coral);color:#fff;bottom:7%;left:6%}.welcomeArt,.join{z-index:1;position:relative}.welcomeArt{text-align:center;color:#fff}.brand{color:var(--navy);background:#fff;border-radius:22px;align-items:center;gap:12px;padding:10px 20px 10px 10px;display:inline-flex;box-shadow:0 7px #06475566}.brand>b{background:linear-gradient(145deg,var(--aqua),var(--deep));color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font:900 21px Georgia;display:grid}.brand>span{text-align:left;font:900 25px/20px Georgia}.brand small{color:var(--coral);letter-spacing:3px;margin-top:5px;font:900 9px Arial;display:block}.submarine{background:linear-gradient(145deg,#3bc9c0,#076276);border:9px solid #fff2a9;border-radius:50%;place-items:center;width:190px;height:145px;margin:28px auto 18px;display:grid;position:relative;box-shadow:0 14px #06475566}.submarine:before,.submarine:after{content:"";background:var(--coral);border-radius:50%;width:33px;height:42px;position:absolute;top:50px}.submarine:before{left:-30px}.submarine:after{right:-30px}.submarine span{font:900 43px Georgia}.submarine i{background:var(--sun);width:48px;height:48px;color:var(--navy);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;bottom:-12px;right:-6px}.tag{color:var(--coral);letter-spacing:2px;background:#ffffffed;border-radius:99px;padding:9px 16px;font-size:12px;font-weight:900;display:inline-block}.welcomeArt h1{text-shadow:0 7px #06475555;letter-spacing:-4px;margin:18px 0;font:900 clamp(55px,7vw,84px)/.84 Georgia}.welcomeArt h1 em{color:var(--sun)}.welcomeArt>p:last-child{color:#064755;max-width:540px;margin:auto;font:700 19px/1.5 Georgia}.join{background:#fff;border:5px solid #fff;border-radius:32px;padding:34px;box-shadow:0 18px #06475555}.wave{float:left;background:#fff0bd;border-radius:20px;place-items:center;width:64px;height:64px;margin-right:15px;font-size:34px;display:grid}.join>small{color:var(--coral);letter-spacing:2px;font-weight:900}.join h2{margin:5px 0 28px;font:900 34px Georgia}.join label{gap:8px;font-weight:900;display:grid}.join input{border:3px solid var(--line);background:#f8fbfa;border-radius:17px;height:64px;padding:0 17px;font-size:20px}.join fieldset{border:0;margin:25px 0;padding:0}.join legend{margin-bottom:12px;font-weight:900}.gradeGrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.gradeGrid button{border:3px solid var(--line);height:74px;color:var(--muted);background:#f8fbfa;border-radius:16px}.gradeGrid b{font:900 27px Georgia;display:block}.gradeGrid span{font-size:9px}.gradeGrid .on{border-color:var(--ocean);color:var(--deep);box-shadow:0 5px 0 var(--deep);background:#daf8f1;transform:translateY(-3px)}.primary{background:linear-gradient(90deg,var(--coral),#ff9b58);color:#fff;border:0;border-radius:16px;min-height:58px;padding:0 24px;font-size:18px;font-weight:900;box-shadow:0 6px #d85747}.primary:disabled{opacity:.45}.join>.primary{width:100%}.privacy{text-align:center;color:var(--muted);font-size:11px}.shell{min-height:100vh;padding-bottom:92px}.shell>header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff2;align-items:center;gap:12px;height:78px;padding:0 max(4vw,18px);display:flex;position:sticky;top:0}.mini{background:linear-gradient(145deg,var(--aqua),var(--deep));color:#fff;width:52px;height:52px;box-shadow:0 3px 0 var(--deep);border:4px solid #fff;border-radius:18px;font-size:26px}.shell header>div{display:grid}.shell header small{color:var(--coral);letter-spacing:1.5px;font-size:9px;font-weight:900}.shell header b{font:900 19px Georgia}.star{background:#fff1b8;border-radius:99px;margin-left:auto;padding:10px 14px;font-weight:900}.page{max-width:1120px;margin:auto;padding:38px max(4vw,18px)}.hero{background:linear-gradient(135deg,#d6f8f0,#fff0b6);border:4px solid #fff;border-radius:30px;grid-template-columns:1.3fr .7fr;align-items:center;min-height:320px;padding:48px;display:grid;box-shadow:0 10px #badfd6}.hero small,.path small,.lesson small,.quiz small,.game small,.progressPage small{color:var(--coral);letter-spacing:1.6px;font-weight:900}.hero h1,.progressPage h1{letter-spacing:-3px;margin:16px 0;font:900 clamp(42px,6vw,68px)/.9 Georgia}.hero h1 em{color:var(--ocean)}.hero p{color:var(--muted);font:19px/1.5 Georgia}.reef{text-align:center;font-size:75px;position:relative}.reef b{font-size:115px}.reef span{position:absolute;top:-30px;right:8%}.modeCards{grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0;display:grid}.modeCards button{text-align:left;min-height:225px;color:var(--navy);border:4px solid #fff;border-radius:25px;padding:25px;box-shadow:0 8px #123f3a22}.modeCards span{font-size:45px}.modeCards small{color:var(--coral);margin-top:18px;font-weight:900;display:block}.modeCards h2{margin:5px 0;font:900 28px Georgia}.modeCards p{color:var(--muted)}.path{background:#fff;border-radius:25px;padding:28px}.path h2{margin:5px 0 20px;font:900 30px Georgia}.topicStrip{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.topicStrip button{min-height:105px;color:var(--navy);border:0;border-radius:18px}.topicStrip b,.topicStrip span{display:block}.topicStrip b{margin-bottom:9px;font:900 24px Georgia}.aqua{background:#c9f3ee!important}.sun{background:#ffedaa!important}.coral{background:#ffd9d3!important}.purple{background:#e9def8!important}.mint{background:#dcf2dc!important}.back{color:var(--deep);background:0 0;border:0;padding:12px 0;font-weight:900}.lessonTop{align-items:center;gap:16px;margin:18px 0 28px;display:flex}.topicBadge{border-radius:22px;place-items:center;width:75px;height:75px;font:900 28px Georgia;display:grid}.lessonTop h1,.quizHead h1{margin:4px 0;font:900 39px Georgia}.lessonLayout{grid-template-columns:220px 1fr;gap:20px;display:grid}.lessonLayout aside{align-content:start;gap:8px;display:grid}.lessonLayout aside button{border:2px solid var(--line);text-align:left;color:var(--navy);background:#fff;border-radius:14px;padding:14px}.lessonLayout aside .active{background:var(--deep);color:#fff}.lessonCard{background:#fff;border-radius:26px;padding:38px;box-shadow:0 9px #dae7e2}.step{color:var(--coral);font-weight:900}.lessonCard h2{font:900 clamp(28px,4vw,42px)/1.15 Georgia}.example{background:#eaf9f5;border:3px dashed #91d7c8;border-radius:22px;margin:25px 0;padding:30px}.example small{display:block}.example b{margin:12px 0;font:900 27px Georgia;display:block}.example p{color:var(--muted)}.lessonActions,.actions{justify-content:space-between;gap:12px;display:flex}.lessonActions button:not(.primary),.actions button:not(.primary){border:2px solid var(--line);min-height:55px;color:var(--deep);background:#fff;border-radius:15px;padding:0 22px;font-weight:900}.quiz{max-width:850px}.quizHead{justify-content:space-between;align-items:end;display:flex}.quizHead>span{color:var(--ocean);letter-spacing:5px}.question{border:4px solid var(--line);background:#fff;border-radius:27px;margin-top:20px;padding:36px;position:relative;box-shadow:0 9px #dce8e4}.question.right{background:#f3fff4;border-color:#62c879}.question.wrong{background:#fff7f4;border-color:#ee8a79}.think{font-size:45px;position:absolute;top:20px;right:26px}.question h2{margin:18px 70px 30px 0;font:900 40px Georgia}.answers{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.answers button{border:3px solid var(--line);min-height:70px;color:var(--navy);text-align:left;background:#fbfdfc;border-radius:17px;padding:10px 15px;font-size:23px;font-weight:900}.answers i{background:#e5f2ee;border-radius:11px;place-items:center;width:38px;height:38px;margin-right:15px;font:900 12px Arial;display:inline-grid}.answers .picked{border-color:var(--ocean);background:#e7faf6}.answers .answer{background:#e9f9eb;border-color:#58c171}.hint,.feedback{background:#fff1b8;border-radius:15px;margin-top:18px;padding:15px}.actions{margin-top:22px}.actions .wide{margin-left:auto}.gameBoard{text-align:center;color:#fff;background:radial-gradient(circle at 20% 15%,#8ce8df 0 8px,#0000 9px),linear-gradient(#0faabe,#056478);border-radius:30px;min-height:590px;padding:30px;overflow:hidden}.gameHud{justify-content:space-between;font-weight:900;display:flex}.gameBoard h1{font:900 45px Georgia}.gameBoard h1 em{background:var(--sun);width:90px;height:90px;color:var(--navy);border-radius:50%;place-items:center;font-style:normal;display:inline-grid}.gameBoard>p{color:#d7fbff}.bubblesGame{grid-template-columns:repeat(2,150px);justify-content:center;gap:30px;margin-top:45px;display:grid}.bubblesGame button{width:150px;height:150px;color:var(--deep);background:#fffd;border:8px solid #fff9;border-radius:50%;font:900 40px Georgia;box-shadow:inset 0 8px #fff,0 12px #06475566}.gameFinish{padding:65px 20px}.gameFinish>span{font-size:85px}.gameFinish h1{margin:15px}.progressPage{text-align:center;background:#fff;border-radius:28px;padding:48px;box-shadow:0 10px #dce8e4}.progressPage>span{font-size:80px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0;display:grid}.stats article{border:3px solid var(--line);border-radius:20px;padding:24px 10px}.stats b,.stats span{display:block}.stats b{font:900 38px Georgia}.stats span{color:var(--muted);font-size:10px;font-weight:900}nav{z-index:20;background:#fff;border-radius:24px 24px 0 0;grid-template-columns:repeat(5,1fr);width:min(650px,100%);height:78px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #123f3a22}nav button{color:#79918d;background:0 0;border:0;font-size:11px;font-weight:900}nav span{font-size:23px;display:block}nav .on{color:var(--deep);background:#e3f7f2;border-radius:18px}@media (width<=800px){.welcome{grid-template-columns:1fr}.welcomeArt>p:last-child{display:none}.submarine{width:135px;height:105px;margin:18px auto}.welcomeArt h1{font-size:52px}.modeCards{grid-template-columns:1fr}.modeCards button{min-height:150px}.topicStrip{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.reef{display:none}.lessonLayout{grid-template-columns:1fr}.lessonLayout aside{grid-template-columns:repeat(5,1fr);overflow:auto}.lessonLayout aside button{font-size:0}.lessonLayout aside button:first-letter{font-size:20px}}@media (width<=560px){.welcome{background:linear-gradient(165deg,#12afc1 0 40%,#7ce0d2 40% 44%,#ffe18a 44%);padding:20px 14px 50px;display:block}.floaters{display:none}.brand{transform:scale(.88)}.submarine{border-width:6px;width:105px;height:82px}.submarine span{font-size:30px}.submarine:before,.submarine:after{width:22px;height:30px;top:25px}.submarine:before{left:-20px}.submarine:after{right:-20px}.tag{font-size:9px}.welcomeArt h1{margin:12px 0 20px;font-size:43px}.join{border-radius:25px;padding:23px 17px}.wave{width:50px;height:50px}.join h2{font-size:27px}.join input{height:58px}.gradeGrid button{height:64px}.shell>header{height:67px}.page{padding:25px 15px}.hero{min-height:250px;padding:28px 22px}.hero h1{font-size:43px}.modeCards{gap:12px;margin:28px 0}.modeCards button{min-height:135px;padding:20px}.modeCards span{font-size:36px}.modeCards small{margin-top:8px}.modeCards h2{font-size:25px}.path{padding:20px 16px}.topicStrip button{min-height:90px}.lessonCard{padding:25px 17px}.lessonLayout aside{gap:5px}.lessonLayout aside button{padding:12px}.example{padding:20px}.lessonActions{flex-direction:column-reverse}.lessonActions button{width:100%}.quizHead h1{font-size:30px}.question{padding:25px 17px}.question h2{font-size:32px}.answers{grid-template-columns:1fr}.actions{align-items:stretch}.actions button{flex:1}.bubblesGame{grid-template-columns:repeat(2,115px);gap:20px}.bubblesGame button{width:115px;height:115px}.gameBoard{padding:22px 14px}.stats{grid-template-columns:repeat(2,1fr)}.progressPage{padding:35px 18px}nav{height:72px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.headerAction{border:2px solid var(--line);min-height:48px;color:var(--deep);background:#fff;border-radius:14px;align-items:center;gap:6px;padding:0 13px;font-weight:900;display:flex}.headerAction span{font-size:20px}.resetTop{color:#a64b41;background:#fff7f4;border-color:#ffd3ca}.modalShade{z-index:50;background:#073b4cbb;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.resetCard{background:var(--cream);text-align:center;border:5px solid #fff;border-radius:30px;width:min(520px,100%);padding:30px 24px;box-shadow:0 13px #031f2888}.resetFace{border:5px solid var(--sun);background:#fff0b9;border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 14px;font-size:46px;display:grid}.resetCard small{color:var(--coral);letter-spacing:1.6px;font-weight:900}.resetCard h2{margin:8px 0;font:900 34px Georgia}.resetCard p{color:var(--muted);font-size:17px;line-height:1.5}.resetCard button{border-radius:17px;width:100%;min-height:62px;font-size:17px;font-weight:900}.keep{background:linear-gradient(90deg,var(--ocean),#52c991);color:#fff;box-shadow:0 6px 0 var(--deep);border:0;margin:10px 0 14px}.erase{color:#a6473b;background:#fff2ee;border:3px solid #ffc9bf}@media (width<=620px){.shell>header{gap:7px}.headerAction{justify-content:center;width:46px;padding:0}.headerAction b{display:none}.star{padding:8px 9px}.resetCard{padding:25px 17px}.resetCard h2{font-size:29px}}.revisionBanner{background:#fff2b9;border:4px solid #ffd65a;border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:25px;padding:22px 25px;display:grid;box-shadow:0 8px #e6b92f}.revisionBanner>span{font-size:54px}.revisionBanner small{color:#d85648;letter-spacing:1.5px;font-weight:900}.revisionBanner h2{margin:4px 0;font:900 27px Georgia}.revisionBanner p{color:var(--muted);margin:0}.revisionBanner button{background:var(--deep);color:#fff;border:0;border-radius:16px;min-height:55px;padding:0 20px;font-weight:900}.gameMenu{text-align:center;background:linear-gradient(145deg,#d9f8f1,#fff0b9);border:4px solid #fff;border-radius:30px;min-height:560px;padding:42px;box-shadow:0 10px #badfd6}.gameMenu h1{margin:10px;font:900 46px Georgia}.gameMenu>p{color:var(--muted);font-size:18px}.gameChoices{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;display:grid}.gameChoices button{min-height:260px;color:var(--navy);background:#fff;border:4px solid #fff;border-radius:25px;padding:25px 18px;box-shadow:0 8px #0b617344}.gameChoices button:first-child{background:#d7f7f5}.gameChoices button:nth-child(2){background:#ffe9bd}.gameChoices button:nth-child(3){background:#ffe0db}.gameChoices span{font-size:64px}.gameChoices h2{margin:12px 0 5px;font:900 25px Georgia}.gameChoices p{color:var(--muted);line-height:1.4}.gameChoices button:hover{transform:translateY(-4px)}@media (width<=700px){.revisionBanner{grid-template-columns:auto 1fr;padding:18px}.revisionBanner>span{font-size:42px}.revisionBanner h2{font-size:22px}.revisionBanner button{grid-column:1/-1;width:100%}.gameMenu{padding:28px 16px}.gameMenu h1{font-size:36px}.gameChoices{grid-template-columns:1fr}.gameChoices button{text-align:left;grid-template-columns:75px 1fr;align-items:center;min-height:155px;display:grid}.gameChoices span{grid-row:1/3;font-size:50px}.gameChoices h2{margin:0}.gameChoices p{margin:4px 0}}.brand>.brandMascot{background:linear-gradient(145deg,#73eadb,#087287);border:4px solid #fff4ae;border-radius:52% 48% 45% 55%;width:68px;height:62px;position:relative;transform:rotate(-3deg);box-shadow:0 5px #075e75}.brandMascot i{letter-spacing:1px;font:900 19px/1 Georgia;transform:rotate(3deg)}.brandMascot em{background:var(--sun);width:27px;height:27px;color:var(--navy);border:3px solid #fff;border-radius:50%;place-items:center;font:900 20px/1 Arial;display:grid;position:absolute;bottom:-7px;right:-9px;transform:rotate(9deg)}.brandMascot:before,.brandMascot:after{content:"";background:var(--coral);z-index:-1;border-radius:50%;width:12px;height:17px;position:absolute;top:9px}.brandMascot:before{left:-11px;transform:rotate(-18deg)}.brandMascot:after{right:-11px;transform:rotate(18deg)}.mini{place-items:center;display:grid;position:relative;overflow:visible;transform:rotate(-3deg)}.mini span{letter-spacing:-1px;font:900 14px Georgia;transform:rotate(3deg)}.mini i{background:var(--sun);width:22px;height:22px;color:var(--navy);border:3px solid #fff;border-radius:50%;place-items:center;font:900 15px/1 Arial;display:grid;position:absolute;bottom:-5px;right:-5px}.mini:before,.mini:after{content:"";background:var(--coral);border-radius:50%;width:9px;height:16px;position:absolute;top:15px}.mini:before{left:-7px}.mini:after{right:-7px}.submarine{isolation:isolate;animation:3.2s ease-in-out infinite lagoonBob}.submarine span{width:118px;height:70px;color:var(--deep);background:#e8fff9;border:5px solid #fff;border-radius:50%;place-items:center;font-size:31px;display:grid;box-shadow:inset 0 -8px #bfeee6}.submarine i{font:900 32px/1 Arial;transform:rotate(10deg);box-shadow:0 5px #d7a92a}.submarine strong{color:#fff;background:#a88be1;border:4px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font:900 25px/1 Arial;display:grid;position:absolute;bottom:-10px;left:-3px;transform:rotate(-10deg)}.submarine:before,.submarine:after{z-index:-1;border:4px solid #ffb08a}.submarine:hover span{transform:scale(1.06)rotate(2deg)}@keyframes lagoonBob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.submarine{animation:none}}.homeMascot{aspect-ratio:1;object-fit:cover;border:8px solid #fff2a9;border-radius:34px;width:min(360px,78vw);height:auto;margin:26px auto 18px;animation:3.2s ease-in-out infinite lagoonBob;display:block;box-shadow:0 15px #06475566}.homeMascot:hover{transform:translateY(-6px)rotate(1deg)}@media (width<=800px){.homeMascot{border-width:6px;border-radius:28px;width:235px;margin:18px auto 14px}}@media (width<=560px){.homeMascot{border-width:5px;border-radius:23px;width:170px;margin:14px auto 12px}}@media (prefers-reduced-motion:reduce){.homeMascot{animation:none}}.welcome{background-image:linear-gradient(90deg,#045b7290,#0872862e 55%,#064b6080),url(/reef-background-v1.png);background-position:50%;background-size:cover;background-attachment:fixed}.welcome:after,.welcome .floaters{display:none}.welcomeArt{filter:drop-shadow(0 8px 15px #033c4d66)}.homeMascot{width:min(430px,82vw);box-shadow:none;object-fit:contain;border:0;border-radius:0;margin:0 auto -5px}.welcomeArt .tag{box-shadow:0 5px #06475566}.welcomeArt>p:last-child{color:#fff;text-shadow:0 2px 4px #023a4b}.welcomeArt h1{text-shadow:0 7px #06475599,0 2px 12px #043444}@media (width<=800px){.welcome{background-position:top}.homeMascot{width:275px;margin:0 auto -8px}}@media (width<=560px){.welcome{background-image:linear-gradient(#03566d85,#08728642 45%,#063b4e99),url(/reef-background-v1.png);background-position:top;background-size:auto 100%;background-attachment:scroll}.homeMascot{width:210px;margin:0 auto -10px}.welcomeArt h1{margin-top:8px}}.welcomeArt{isolation:isolate;position:relative}.homeMascot{z-index:2;position:relative}.welcomeArt .tag,.welcomeArt h1,.welcomeArt>p:last-child{z-index:3;position:relative}.lagoonFloaters{z-index:1;pointer-events:none;height:430px;position:absolute;inset:-15px -12% auto}.lagoonFloaters span{filter:drop-shadow(0 7px 5px #033c4d55);place-items:center;animation:4.4s ease-in-out infinite lagoonDrift;display:grid;position:absolute}.floatMath,.floatShape{width:62px;height:62px;color:var(--navy);border:5px solid #fff6cf;border-radius:22px;font:900 34px/1 Georgia}.floatPlus{background:var(--sun);top:22%;left:5%;rotate:-10deg}.floatTimes{color:#fff;background:#a88ae4;border-radius:50%;top:34%;right:3%;animation-delay:-1.2s!important}.floatSeven{color:var(--coral);background:#fff;top:3%;right:13%;rotate:8deg;animation-delay:-2.4s!important}.floatTriangle{color:#fff;background:#56d8ce;top:1%;left:13%;rotate:-9deg;animation-delay:-3.1s!important}.floatSea{font-size:53px;line-height:1}.floatFishOne{top:55%;left:-1%;transform:scaleX(-1);animation-name:fishDrift!important;animation-delay:-.7s!important}.floatFishTwo{font-size:45px;top:67%;right:-4%;animation-delay:-2s!important}.floatTurtle{font-size:50px;top:77%;left:11%;animation-delay:-3.4s!important}.floatBubble{opacity:.8;border:3px solid #d9fbff;border-radius:50%;width:17px;height:17px}.bubbleOne{top:16%;left:27%;animation-delay:-1.4s!important}.bubbleTwo{width:12px;height:12px;top:52%;right:24%;animation-delay:-2.7s!important}.bubbleThree{width:10px;height:10px;top:66%;left:22%;animation-delay:-3.6s!important}@keyframes lagoonDrift{0%,to{translate:0;rotate:-4deg}50%{translate:0 -13px;rotate:5deg}}@keyframes fishDrift{0%,to{translate:0;rotate:-3deg}50%{translate:12px -9px;rotate:4deg}}@media (width<=800px){.lagoonFloaters{height:285px;inset:-8px 0 auto}.floatMath,.floatShape{border-width:4px;border-radius:17px;width:48px;height:48px;font-size:26px}.floatSea{font-size:39px}.floatFishOne{top:48%;left:2%}.floatFishTwo{font-size:34px;top:62%;right:0}.floatTurtle{font-size:37px;top:74%;left:8%}.floatPlus{top:16%;left:7%}.floatTimes{top:29%;right:5%}.floatSeven{top:0;right:14%}.floatTriangle{top:0;left:15%}}@media (width<=560px){.lagoonFloaters{height:220px;inset:-3px -4px auto}.floatMath,.floatShape{border-width:3px;border-radius:14px;width:39px;height:39px;font-size:21px}.floatSea{font-size:31px}.floatFishOne{top:45%;left:1%}.floatFishTwo{font-size:27px;top:61%;right:0}.floatTurtle{font-size:29px;top:73%;left:5%}.floatPlus{top:10%;left:8%}.floatTimes{top:25%;right:5%}.floatSeven{top:0;right:13%}.floatTriangle{top:0;left:16%}.bubbleThree{display:none}}@media (prefers-reduced-motion:reduce){.lagoonFloaters span{animation:none!important}}.shell{background-image:linear-gradient(#e4fbf6e8,#fff8e9ef),url(/reef-background-v1.png);background-position:50%;background-size:cover;background-attachment:fixed}.shell>header{background:linear-gradient(100deg,#fff7c9f5 0 28%,#d8fbf5f5 58%,#ffe1dcf5);border-bottom:5px solid #70ddd0;height:92px;padding-top:5px;box-shadow:0 7px #075e7530}.mini{background:#12afc1;border:5px solid #fff;border-radius:23px;width:68px;height:68px;padding:0;overflow:hidden;box-shadow:0 5px #075e75}.mini img{object-fit:cover;width:100%;height:100%;display:block}.shell header small{color:#f15f58;font-size:11px}.shell header b{font-size:23px}.star{background:linear-gradient(145deg,#fff2a8,#ffd65a);border:3px solid #fff;font-size:18px;box-shadow:0 4px #e4ad25}.headerAction{background:#e9fbf7;border:3px solid #fff;min-height:55px;box-shadow:0 4px #94cec3}.resetTop{background:#ffe7df;border-color:#fff;box-shadow:0 4px #f0a397}.page{border-radius:0 0 30px 30px}.hero{background-color:#0000;background-image:linear-gradient(110deg,#d7faf0e8,#fff0aee8),url(/reef-background-v1.png);background-position:50% 58%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:6px solid #fff;box-shadow:0 12px #51bfb2}.hero>div:first-child{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffdf5df;border-radius:24px;padding:26px}.hero p{color:#315f60}.modeCards button{border-width:6px;box-shadow:0 9px #075e7540}.modeCards button:first-child{background:linear-gradient(145deg,#bdf4e8,#e6fff8)}.modeCards button:nth-child(2){background:linear-gradient(145deg,#fff0a1,#fff8d3)}.modeCards button:nth-child(3){background:linear-gradient(145deg,#ffd0c8,#ffe7e2)}nav{background:linear-gradient(100deg,#e3fbf5,#fff5bd 52%,#ffe0da);border:5px solid #fff;border-bottom:0;height:88px;box-shadow:0 -7px #075e7533,0 -14px 35px #073b4c26}nav button{color:#507b77;border-radius:18px 18px 0 0;font-size:12px;transition:transform .2s,background .2s}nav span{margin-bottom:2px;font-size:29px}nav button:first-child{--dock:#c9f4eb}nav button:nth-child(2){--dock:#d8e9ff}nav button:nth-child(3){--dock:#ffe6a3}nav button:nth-child(4){--dock:#e8dcff}nav button:nth-child(5){--dock:#ffd7d0}nav .on{background:var(--dock);color:var(--deep);border:3px solid #fff;transform:translateY(-8px);box-shadow:0 -5px #0ca6b8}@media (width<=620px){.shell>header{height:80px;padding-inline:10px}.mini{border-radius:19px;width:58px;height:58px}.shell header>div{max-width:128px}.shell header b{font-size:19px}.shell header small{font-size:8px}.headerAction{min-height:50px}.star{padding:8px;font-size:15px}.hero>div:first-child{padding:18px}.page{padding-top:28px}nav{height:82px}nav span{font-size:26px}}@media (width<=430px){.shell header>div{max-width:92px}.shell header b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.star{font-size:0}.star:first-letter{font-size:18px}.headerAction{width:43px}.mini{width:54px;height:54px}nav button{font-size:10px}}