@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@700;800;900&display=swap";:root{font-family:Nunito,sans-serif;color:#153553;background:#9ee5ff}*{box-sizing:border-box}button{font:inherit;cursor:pointer}.landing{min-height:100vh;overflow:hidden;background:linear-gradient(#77cdf4 0,#77cdf4 47%,#8bcf62 47%);position:relative}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 95%,#64b6e0 95%),linear-gradient(#8bdaf8 95%,transparent 95%);background-size:52px 52px;opacity:.22}.cloud{position:absolute;width:125px;height:28px;background:#fff;box-shadow:28px -19px #fff,63px -7px #fff}.c1{top:14%;left:11%}.c2{top:26%;right:13%;transform:scale(.7)}.hero{position:relative;text-align:center;padding:76px 20px 38px}.eyebrow,.world-title p{font-weight:900;letter-spacing:2px;font-size:.8rem}.hero h1,.world-title h1{font-family:Fredoka,sans-serif;font-size:clamp(3rem,8vw,5.7rem);line-height:.87;margin:9px}.hero h1 span{color:#ffdf44;text-shadow:4px 4px #d89221}.hero p:not(.eyebrow){font-size:1.1rem}.profiles{position:relative;max-width:790px;margin:auto;padding:24px;text-align:center}.profiles h2{font-family:Fredoka;margin:0 0 16px}.profile-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.profile{width:230px;border:5px solid #163a4a;border-radius:10px;background:#fff;box-shadow:0 8px #163a4a;text-align:center;padding:18px;color:#153553;transition:.15s}.profile:hover{transform:translateY(-5px)}.avatar{display:grid;place-items:center;margin:auto auto 10px;width:82px;height:82px;background:var(--accent);border:5px solid #153553;box-shadow:7px 7px #204c51;color:#fff;font:700 3rem Fredoka}.profile strong,.profile small,.profile b{display:block}.profile strong{font:700 1.7rem Fredoka}.profile b{background:var(--accent);color:#113544;margin-top:14px;padding:9px;border:3px solid #153553}.world{min-height:100vh;background:linear-gradient(#78d4fa 0,#78d4fa 60%,#b7db71 60%);padding-bottom:40px}header{height:74px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,8vw);border-bottom:5px solid #315266}header button{border:0;background:none;color:#315266;font-weight:900}header div{text-align:center}header div span{display:block;font-size:.8rem}.gem{background:#183d55;color:#fff;padding:9px 14px;border-radius:5px}.world-title{text-align:center;padding:40px 20px 18px}.world-title h1{margin:3px;color:#fff;text-shadow:4px 4px #397ba4}.world-title p{margin:0;color:#24627f}.islands{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:20px}.island{text-align:center;min-height:260px;padding:22px 12px;background:#fff6d4;border:5px solid #315266;box-shadow:8px 8px #4a8b55;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%)}.block-tree{height:110px;width:110px;margin:auto;display:grid;place-items:center;font-size:4rem;color:#fff;background:linear-gradient(135deg,#5ba84c 0,#5ba84c 49%,#3d7d3d 50%);border:8px solid #80542e;box-shadow:inset 14px 14px #73be5b}.island h2{font:700 1.7rem Fredoka;margin:14px}.island button{background:var(--accent);border:3px solid #153553;box-shadow:3px 3px #153553;padding:8px 12px;font-weight:900}.island button:disabled{background:#b9c3c4;color:#526b70;cursor:not-allowed}@media (max-width:680px){.islands{grid-template-columns:1fr;padding:20px 44px}.hero{padding-top:52px}}.lesson-list{max-width:760px;margin:auto;padding:52px 22px}.lesson-list>h1,.lesson-stage h1{font:700 clamp(2.4rem,7vw,4.5rem) Fredoka;margin:5px 0;color:#fff;text-shadow:4px 4px #397ba4}.lesson-card{display:flex;align-items:center;gap:20px;background:#fff5d6;border:5px solid #315266;box-shadow:7px 7px #4a8b55;padding:20px;margin-top:28px}.lesson-card h2{font-family:Fredoka;margin:0}.lesson-card p{margin:5px 0}.lesson-card button,.primary{margin-left:auto;background:#54d86e;border:4px solid #173c50;box-shadow:4px 4px #173c50;padding:11px 15px;font-weight:900}.wood-stack,.reward{font-size:3.5rem;color:#9b622e;text-shadow:3px 3px #603a1e}.lesson{min-height:100vh;background:linear-gradient(#79d6fa 0,#79d6fa 62%,#9cca62 62%)}.lesson-stage{width:min(720px,calc(100% - 32px));margin:36px auto;background:#fff7df;border:5px solid #315266;box-shadow:10px 10px #4a8b55;padding:30px;text-align:center}.story{font-size:1.1rem}.lumberjack{font-size:4rem;color:#9b622e}.fraction-blocks,.fraction-strip{display:flex;justify-content:center;margin:24px auto;border:5px solid #5c3b25;width:min(100%,450px);height:74px}.fraction-blocks i,.fraction-strip i{flex:1;border-right:3px solid #5c3b25;background:#dca365}.fraction-blocks i:last-child,.fraction-strip i:last-child{border-right:0}.fraction-blocks i.filled{background:#51ab55}.fraction-strip{height:45px}.fraction-strip i{background:#e7d479}.fraction-strip i.filled{background:#4aa5db}.fraction-circle{width:180px;height:180px;border:5px solid #315266;border-radius:50%;display:grid;grid-template-columns:repeat(var(--pieces),1fr);overflow:hidden;margin:25px auto}.fraction-circle i{background:#d8e5e8;border-right:2px solid #315266}.fraction-circle i.filled{background:#f5a94b}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px auto;max-width:480px}.answers button{background:#fff;border:4px solid #315266;box-shadow:3px 3px #315266;padding:13px;font:700 1.3rem Fredoka}.answers button:hover{background:#ffe782}.feedback{font-weight:900;color:#247a43}.hint{color:#a44d29}.text-button{display:block;margin:18px auto 0;border:0;background:none;text-decoration:underline;font-weight:900;color:#315266}.stars{font-size:3.5rem;color:#ffcf3c;text-shadow:3px 3px #a66c21}.reward{margin:18px}@media (max-width:580px){.lesson-card{align-items:flex-start;flex-wrap:wrap}.lesson-card button{margin-left:0}.answers{grid-template-columns:1fr}.lesson-stage{padding:22px 15px}}:root{overflow-x:hidden}button{touch-action:manipulation}.landing,.world,.lesson{min-height:100dvh}.landing{background:linear-gradient(#76cbed 0,#76cbed 46%,#6fae52 46%,#6fae52 60%,#80502c 60%)}header{height:clamp(52px,7vh,66px);padding:0 clamp(14px,5vw,8vw);position:relative;z-index:2}.reward-bar{display:flex;gap:clamp(5px,1vw,12px);align-items:center;background:#173c50;color:#fff;border:3px solid #fff;padding:5px 8px;box-shadow:3px 3px #0c2533;font-size:clamp(.68rem,1.2vw,.9rem)}.reward-bar span:first-child{color:#ffe269}.reward-bar span:nth-child(2){color:#e2a367}.hero{padding:clamp(22px,5vh,56px) 20px 10px;max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr minmax(260px,420px);align-items:center;text-align:left}.hero h1{font-size:clamp(2.8rem,5.6vw,5.4rem)}.hero-island,.world-island{width:min(100%,430px);filter:drop-shadow(0 18px 12px #315f4077);animation:hoverIsland 4s ease-in-out infinite}.profiles{padding:8px 20px 30px}.profile{background:linear-gradient(135deg,#fff 0,#fff 75%,#dcecc9 75%)}.world{background:linear-gradient(#7ed4f5 0,#7ed4f5 48%,#8ac35f 48%,#8ac35f 65%,#9a6438 65%)}.world-title{padding:clamp(15px,4vh,38px) 20px 6px;display:grid;grid-template-columns:1fr minmax(190px,360px);align-items:center;max-width:1050px;margin:auto;text-align:left}.world-title .world-island{grid-row:span 3;grid-column:2}.islands{padding:8px 20px 28px}.island{min-height:205px;background:linear-gradient(135deg,#fff9e4,#d8f0bc)}.block-tree{background:linear-gradient(135deg,#63be4d 0,#63be4d 49%,#37833c 50%);animation:pop .25s ease-out}.lesson{background:linear-gradient(#7ed4f5 0,#7ed4f5 60%,#8ec35d 60%)}.lesson-stage{height:calc(100dvh - clamp(52px,7vh,66px) - 34px);max-height:720px;overflow:auto;margin:17px auto;padding:clamp(15px,2.2vw,28px);display:flex;flex-direction:column;justify-content:center}.lesson-stage h1{font-size:clamp(2rem,4vw,3.35rem);line-height:.95}.story{display:grid;grid-template-columns:minmax(150px,250px) 1fr;gap:8px 22px;align-items:center}.story img{width:100%;grid-row:span 3}.story .fraction-blocks{margin:8px auto}.fraction-blocks,.fraction-strip{margin:clamp(10px,2vh,20px) auto;height:clamp(42px,7vh,66px)}.fraction-circle{position:relative;width:clamp(120px,18vh,165px);height:clamp(120px,18vh,165px);display:block;background:conic-gradient(#f5a94b 0 var(--filled-angle),#d8e5e8 var(--filled-angle) 360deg)}.fraction-circle span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 calc(var(--angle) - 1.2deg),#315266 calc(var(--angle) - 1.2deg) var(--angle))}.answers{margin:clamp(10px,2vh,22px) auto}.answers button:disabled{opacity:.7;cursor:wait}.lesson-list{padding:clamp(22px,5vh,52px) 22px}.lesson-card{min-height:150px}.lesson-card img{width:130px;height:110px;object-fit:contain}.build-project{display:flex;align-items:center;justify-content:space-between;min-height:110px;padding:10px 15px;background:#f8e6bd;border:4px solid #60432a;box-shadow:5px 5px #845a35;margin:15px 0;text-align:left}.build-project h2{font-family:Fredoka;margin:0}.build-project p{margin:3px 0}.project-visual{width:150px;height:100px;object-fit:cover;object-position:center;transition:.3s}.build-project.site .project-visual{clip-path:inset(64% 0 0 0);opacity:.65}.build-project.stack .project-visual{clip-path:inset(35% 0 0 0)}.build-project.frame .project-visual{animation:pop .4s ease-out}.stars{margin:4px}.reward{margin:8px}.primary{transition:transform .12s,filter .12s}.primary:hover,.answers button:hover{transform:translate(-2px,-2px);filter:brightness(1.08)}@keyframes hoverIsland{50%{transform:translateY(-8px)}}@keyframes pop{0%{transform:scale(.92)}to{transform:scale(1)}}@media (max-height:800px) and (min-width:700px){.lesson-stage{margin:8px auto;height:calc(100dvh - clamp(52px,7vh,66px) - 16px)}.lesson-stage h1{font-size:clamp(1.8rem,3vw,2.6rem)}.lesson-stage p{margin:6px}.story img{max-height:170px;object-fit:contain}.primary{padding:8px 12px}}@media (max-width:680px){.hero,.world-title{display:block;text-align:center}.hero-island,.world-island{width:min(290px,85vw);display:block;margin:5px auto}.world-title .world-island{grid-row:auto;grid-column:auto}.reward-bar{font-size:.65rem;gap:4px;padding:4px}.reward-bar span:last-child{display:none}.story{display:block}.story img{width:min(230px,70vw);display:block;margin:auto}.lesson-stage{height:auto;min-height:calc(100dvh - 70px);overflow:visible;margin:10px auto}.lesson-card img{width:90px;height:75px}.build-project{align-items:flex-start}.project-visual{width:100px;height:75px}}@media (max-width:390px){header{padding:0 9px}.reward-bar{border-width:2px}.lesson-stage{width:calc(100% - 16px)}}