@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&display=swap";html{background:#dff4fa}#root{min-height:100vh}:root{color:#283858;font-synthesis:none;text-rendering:optimizelegibility;--navy:#283858;--blue:#4aa9cd;--cream:#fffaf0;--yellow:#f6c453;--coral:#f4775c;background:#dff4fa;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #243b69}.app-shell{background:radial-gradient(circle at 14% 9%,#fffc 0 5%,#0000 5.5%),radial-gradient(circle at 89% 21%,#ffffffa6 0 6%,#0000 6.5%),linear-gradient(#bfe8f7 0%,#dff4fa 43%,#f7e8be 43.2%,#f9eecf 100%);flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}.topbar{grid-template-columns:100px 1fr auto;align-items:center;gap:12px;width:min(100%,780px);margin:0 auto;padding:14px 18px 8px;display:grid}.home-topbar{grid-template-columns:48px 1fr 48px}.round-button,.reset-button{color:var(--navy);cursor:pointer;background:#ffffffd1;border:0;box-shadow:0 4px #2e5d7026}.round-button{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round-button svg{width:19px}.brand{text-align:center;font-family:"Baloo 2",sans-serif;line-height:.95}.brand span{color:#397d99;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;display:block}.brand strong{color:var(--navy);font-size:24px}.back-button{color:#3b7187;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:9px 0;font-weight:900;display:flex}.back-button svg{width:17px}.game-title{text-align:center;font-family:"Baloo 2";line-height:.9}.game-title span{color:#d65f45;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:900;display:block}.game-title strong{font-size:21px}.game-actions{gap:8px;display:flex}.home-screen{background:linear-gradient(#bfe8f7 0%,#dff4fa 54%,#f9e9bd 54.2%,#f9eecf 100%)}.home-hero{text-align:center;width:min(100% - 28px,620px);margin:20px auto 0;padding:20px 12px 26px;position:relative}.mascot{background:#fff8e6;border:5px solid #fff;border-radius:34px 34px 42px 42px;place-items:center;width:104px;height:104px;margin:0 auto 20px;font-size:52px;animation:3.5s ease-in-out infinite floaty;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 10px #e0bb70,0 16px 30px #335c702b}.mascot span{color:#f4bf43;font-size:22px;position:absolute;top:8px;right:9px}.hero-spark{color:#f1b840;font-size:33px;animation:2.4s ease-in-out infinite twinkle;position:absolute}.spark-one{top:37px;left:13%}.spark-two{animation-delay:.6s;top:85px;right:13%}.eyebrow{color:#d65f45;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:5px;margin:0 0 3px;font-size:11px;font-weight:900;display:flex}.home-hero .eyebrow{justify-content:center}h1,h2{color:var(--navy);margin:0;font-family:"Baloo 2",sans-serif;line-height:1.02}.home-hero h1{letter-spacing:-1px;font-size:clamp(43px,10vw,76px)}.home-hero h1 em{color:#e66c50;font-style:normal;position:relative}.home-hero h1 em:after{content:"";z-index:-1;background:#f4c450;border-radius:9px;height:8px;position:absolute;bottom:0;left:2px;right:2px;transform:rotate(-2deg)}.home-lede{color:#61718b;max-width:390px;margin:14px auto 23px;font-weight:700;line-height:1.45}.primary-cta{color:#fff;cursor:pointer;background:#4caac8;border:0;border-radius:17px;justify-content:center;align-items:center;gap:7px;min-height:51px;padding:14px 22px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px #287893,0 11px 15px #2b6b8133}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 8px #287893,0 14px 18px #2b6b8133}.home-stats{color:#4b7e8d;flex-wrap:wrap;justify-content:center;gap:10px 20px;width:min(100% - 28px,610px);margin:0 auto 22px;font-size:12px;font-weight:900;display:flex}.home-stats span{align-items:center;gap:5px;display:flex}.home-stats svg{color:#dd9e31}.home-teaser{background:#fffaf0d1;border:4px solid #fff;border-radius:24px;justify-content:space-between;align-items:center;width:min(100% - 28px,610px);margin:auto auto 18px;padding:16px 18px;display:flex;box-shadow:0 7px #50777a1a}.home-teaser h2{font-size:25px}.home-teaser p:last-child{color:#6b7688;margin:4px 0 0;font-size:13px;font-weight:700}.mini-arrow{color:#76571d;cursor:pointer;background:#f6c453;border:0;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.levels-wrap{width:min(100% - 28px,620px);margin:25px auto}.levels-heading{text-align:center;margin-bottom:20px}.levels-heading .eyebrow{justify-content:center}.levels-heading h1{font-size:clamp(34px,7vw,48px)}.levels-heading>p:last-child{color:#67768a;margin:8px 0 0;font-weight:700}.lock-toast{z-index:19;color:#5d6980;background:#fffaf0;border:4px solid #fff;border-radius:17px;grid-template-columns:25px 1fr 30px;align-items:center;gap:8px;width:min(100% - 30px,430px);padding:11px 13px;font-weight:800;animation:.25s rise;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #28385840}.lock-toast>svg{color:#8a6cb2;width:18px}.lock-toast button{color:#655479;cursor:pointer;background:#eee7f5;border:0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.lock-toast button svg{width:14px}.level-list{gap:13px;display:grid}.level-card{text-align:left;min-height:94px;color:var(--navy);cursor:pointer;border:4px solid #fff;border-radius:23px;grid-template-columns:34px 58px 1fr 28px;align-items:center;gap:10px;padding:12px 15px;transition:transform .18s;display:grid;position:relative;box-shadow:0 7px #50777a26}.level-card:hover:not(:disabled){transform:translate(5px)}.level-1{background:#e1f4df}.level-2{background:#dff2f5}.level-3{background:#ffebc9}.level-4{background:#e8e1f5}.level-card.is-locked{filter:saturate(.5);cursor:not-allowed;opacity:.78}.level-number{color:#28385873;text-align:center;font-family:"Baloo 2";font-size:22px}.level-icon{background:#fff;border-radius:17px;place-items:center;width:54px;height:54px;font-size:31px;display:grid;box-shadow:0 3px #2838581f}.level-icon svg{color:#6a7485;width:21px}.level-copy{flex-direction:column;min-width:0;display:flex}.level-copy small{text-transform:uppercase;color:#56838c;letter-spacing:.7px;font-size:10px;font-weight:900}.level-copy strong{font-family:"Baloo 2";font-size:21px;line-height:1.05}.level-copy span{color:#67768a;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-weight:700;overflow:hidden}.level-status{color:#4a9b69;place-items:center;display:grid}.level-status svg{width:20px}.path-dot{z-index:2;border-left:3px dashed #4b7d8773;width:8px;height:19px;position:absolute;bottom:-16px;left:48px}.level-tip{color:#66818a;align-items:center;gap:7px;width:fit-content;margin:18px auto 0;font-size:12px;font-weight:800;display:flex}.game-panel{background:#fffaf0ed;border:5px solid #fff;border-radius:32px;width:min(100% - 24px,720px);margin:8px auto 24px;padding:20px;position:relative;box-shadow:0 16px #50777a1f,0 22px 45px #28385829}.game-panel:before,.game-panel:after{content:"";z-index:-1;background:#f1d28b;width:44px;height:64px;position:absolute;top:42px}.game-panel:before{border-radius:12px 0 0 12px;left:-32px;transform:rotate(-8deg)}.game-panel:after{border-radius:0 12px 12px 0;right:-32px;transform:rotate(8deg)}.level-intro{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.level-intro h1{font-size:clamp(26px,6vw,38px)}.level-intro p:last-child{color:#68748a;margin:4px 0 0;font-size:14px;font-weight:600}.status-row{color:#677287;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;font-weight:800;display:grid}.progress-track{background:#e4dfd0;border-radius:99px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#5ec0d3,#74b757);height:100%;transition:width .4s;display:block}.status-row strong{color:#498e51}.card-grid{perspective:1200px;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cards-2{grid-template-columns:repeat(6,1fr);gap:9px}.cards-3{grid-template-columns:repeat(5,1fr);gap:10px}.cards-4{grid-template-columns:repeat(6,1fr);gap:8px}.memory-card{aspect-ratio:.76;cursor:pointer;perspective:900px;background:0 0;border:0;border-radius:18px;padding:0}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.7,.25,1.2);display:block;position:relative}.memory-card.is-open .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border-radius:18px;position:absolute;inset:0;overflow:hidden}.card-back{color:#fff;background:repeating-radial-gradient(circle,#0000 0 12px,#ffffff1f 13px 15px),linear-gradient(145deg,#3795b8,#32658d);border:5px solid #fff;align-content:center;place-items:center;display:grid;box-shadow:0 6px #244b70,0 9px 14px #25435e3d}.card-back:after{content:"";border:2px dashed #ffffffa6;border-radius:11px;position:absolute;inset:7px}.sun-mark{background:var(--yellow);color:#fff;z-index:1;border-radius:50%;place-items:center;width:48px;height:48px;font-size:27px;display:grid;box-shadow:0 0 0 7px #ffffff2e}.card-back small{text-transform:uppercase;letter-spacing:.7px;z-index:1;margin-top:8px;font-family:"Baloo 2";font-weight:800;line-height:.88}.card-front{box-shadow:0 6px 0 color-mix(in srgb, var(--pair-color), #273750 24%), 0 9px 15px #25435e33;background:#fff;border:5px solid #fff;transform:rotateY(180deg)}.card-front:after{content:"";border:3px solid var(--pair-color);pointer-events:none;border-radius:13px;position:absolute;inset:0}.card-front img{object-fit:cover;width:205%;max-width:none;height:80%;position:absolute;top:0}.card-front:has(.image-mask.hero) img{left:0}.card-front:has(.image-mask.object) img{right:0}.image-mask{pointer-events:none;position:absolute;inset:0 0 19%}.image-mask.hero{background:linear-gradient(90deg,#0000 0 61%,#fffffff2 77%)}.image-mask.object{background:linear-gradient(270deg,#0000 0 61%,#fffffff2 77%)}.card-front strong{z-index:2;min-height:19%;color:var(--navy);place-items:center;font-family:"Baloo 2";font-size:clamp(8px,2vw,14px);line-height:1;display:grid;position:absolute;inset:auto 6px 6px}.match-seal{z-index:4;color:#fff;background:#63b15e;border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;animation:.35s both pop;display:grid;position:absolute;top:6px;right:6px}.memory-card.is-matched{animation:.55s happy}footer{text-align:center;color:#667463;justify-content:center;align-items:center;gap:7px;margin:auto auto 0;padding:16px 18px 22px;font-size:12px;font-weight:700;display:flex}.match-burst{z-index:18;text-align:center;pointer-events:none;flex-direction:column;align-items:center;animation:.9s cubic-bezier(.2,.8,.2,1) both burst-in;display:flex;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}.burst-rays{color:#f6c453;font-size:110px;line-height:1;animation:.8s ease-out both spin;position:absolute}.burst-heart{color:#fff;background:#ef7b63;border:6px solid #fff;border-radius:27px;place-items:center;width:76px;height:76px;display:grid;transform:rotate(-8deg);box-shadow:0 9px #b74f49}.burst-heart svg{width:36px;height:36px}.match-burst strong{color:#db654f;background:#fffaf0;border:4px solid #fff;border-radius:13px;margin-top:20px;padding:7px 13px;font-family:"Baloo 2";font-size:23px;box-shadow:0 5px #50777a24}.match-burst>span{color:#fff;text-shadow:0 2px 4px #283858;margin-top:5px;font-size:13px;font-weight:900}.modal-layer{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1f2f46a3;place-items:center;padding:18px;animation:.25s fade;display:grid;position:fixed;inset:0}.help-card{text-align:center;background:#fffaf0;border:6px solid #fff;border-radius:28px;width:min(100%,410px);padding:28px;animation:.3s rise;position:relative;box-shadow:0 24px 70px #121f3266}.help-card .eyebrow{justify-content:center}.help-card h2{font-size:31px}.help-icon{color:#fff;background:#f6c453;border:5px solid #fff;border-radius:23px;place-items:center;width:69px;height:69px;margin:0 auto 12px;font-size:31px;display:grid;transform:rotate(-4deg);box-shadow:0 6px #d39b2d}.help-card ol{text-align:left;gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.help-card li{color:#5e6c80;grid-template-columns:34px 1fr;align-items:center;gap:10px;font-weight:800;display:grid}.help-card li span{color:#397b94;background:#dff2f5;border-radius:11px;place-items:center;width:32px;height:32px;font-family:"Baloo 2";display:grid}.help-card .primary-cta{width:100%}.story-card{background:#fffaf0;border:6px solid #fff;border-radius:28px;grid-template-columns:.9fr 1.1fr;width:min(100%,660px);animation:.35s cubic-bezier(.2,.8,.2,1) rise;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #121f3266}.modal-close{z-index:3;width:32px;height:32px;color:var(--navy);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:11px;right:11px}.modal-close svg{width:17px}.story-image{background:#cfeef5;min-height:330px;position:relative;overflow:hidden}.story-image img{object-fit:cover;width:100%;height:100%}.story-copy{flex-direction:column;justify-content:center;padding:26px;display:flex}.story-copy h2,.finish-card h2{font-size:30px}.story-copy>p:not(.eyebrow){color:#5f6c80;font-weight:600;line-height:1.45}blockquote{border-left:5px solid var(--yellow);color:#76591f;background:#fff3ca;border-radius:0 12px 12px 0;margin:16px 0;padding:12px 15px;font-weight:800}.references{flex-wrap:wrap;gap:6px;display:flex}.references span{color:#35748b;background:#e1f2f5;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:900}.story-copy button{color:#fff;cursor:pointer;background:#4cabc8;border:0;border-radius:14px;justify-content:center;align-items:center;gap:5px;margin-top:18px;padding:12px 16px;font-weight:900;display:inline-flex;box-shadow:0 5px #287893}.finish-layer{overflow:hidden}.finish-card{text-align:center;color:#e4a62f;background:#fffaf0;border:6px solid #fff;border-radius:30px;width:min(100%,430px);padding:30px;animation:.35s rise;position:relative;box-shadow:0 24px 70px #121f3266}.finish-card .eyebrow{justify-content:center;margin-top:10px}.finish-card>p:not(.eyebrow){color:#687487;font-weight:700;line-height:1.35}.finish-medal{color:#fff;background:#f3bf48;border:6px solid #fff;border-radius:27px;place-items:center;width:78px;height:78px;margin:-63px auto 9px;display:grid;transform:rotate(-4deg);box-shadow:0 7px #ce932b}.finish-medal svg{width:40px}.stars{justify-content:center;gap:9px;margin:18px;display:flex}.stars svg{width:38px;height:38px}.finish-stats{color:#4c8c9c;justify-content:center;gap:24px;font-weight:900;display:flex}.finish-stats span{align-items:center;gap:4px;display:flex}.finish-stats svg{color:#e3a52f;width:17px}.finish-stats small{color:#81909a;font-size:11px}.finish-card .primary-cta{width:100%;margin-top:21px}.text-button{color:#52879a;cursor:pointer;background:0 0;border:0;margin:14px auto 0;font-weight:900;display:block}.confetti{border-radius:7px;width:12px;height:35px;animation:1.8s ease-in infinite confetti;position:absolute}.confetti-a{background:#ef7861;top:12%;left:22%;transform:rotate(25deg)}.confetti-b{background:#f4c34c;animation-delay:.3s;top:16%;right:22%;transform:rotate(-35deg)}.confetti-c{background:#5eb7c8;animation-delay:.6s;bottom:17%;left:31%;transform:rotate(55deg)}@keyframes pop{0%{transform:scale(0)}75%{transform:scale(1.15)}}@keyframes happy{50%{transform:translateY(-5px)rotate(1deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(25px)scale(.96)}}@keyframes burst-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes spin{to{opacity:0;transform:rotate(180deg)scale(1.3)}}@keyframes floaty{50%{transform:translateY(-7px)rotate(3deg)}}@keyframes twinkle{50%{opacity:.5;transform:scale(1.25)rotate(15deg)}}@keyframes confetti{0%{opacity:0;transform:translateY(-20px)rotate(0)}25%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(260deg)}}@media (width<=560px){.topbar{grid-template-columns:82px 1fr auto;padding-inline:12px}.home-topbar{grid-template-columns:44px 1fr 44px}.brand strong{font-size:21px}.home-hero{margin-top:10px}.home-hero h1{font-size:49px}.home-stats{gap:8px 12px;font-size:11px}.levels-wrap{margin-top:17px}.level-card{grid-template-columns:25px 50px 1fr 22px;gap:7px;padding-inline:10px}.level-icon{width:47px;height:47px;font-size:25px}.level-copy strong{font-size:18px}.level-copy span{font-size:11px}.game-panel{border-width:4px;border-radius:25px;width:calc(100% - 16px);margin-top:4px;padding:14px}.level-intro p:last-child{display:none}.card-grid,.cards-2,.cards-3,.cards-4{grid-template-columns:repeat(3,1fr);gap:9px}.memory-card{aspect-ratio:.78}.card-back,.card-front{border-width:4px;border-radius:15px}.sun-mark{width:39px;height:39px;font-size:22px}.card-back small,.card-front strong{font-size:9px}.status-row{gap:7px}.story-card{grid-template-columns:1fr;max-height:calc(100svh - 30px);overflow-y:auto}.story-image{height:36vh;min-height:210px}.story-copy{padding:20px}.story-copy h2{font-size:26px}.finish-card{padding:26px 20px}.finish-medal{margin-top:-58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}