@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#314b46;--muted:#71817a;--green:#397b68;--mint:#e5f0e5;--cream:#faf9f2;--pink:#f4dede;--gold:#c29537}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;background-image:radial-gradient(#d7e1d166 .7px,transparent .7px);background-size:18px 18px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c99636;outline-offset:4px}button:disabled{cursor:default;opacity:.55}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.5%;border-bottom:1px solid #e3e5d9;background:#fffef8e8}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:Nunito,sans-serif;font-weight:900;font-size:25px;white-space:nowrap}.brand-icon{font-size:40px;color:#649b70;line-height:1}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;color:#819187;margin-top:3px}nav{display:flex;gap:6px}nav button{background:transparent;border:0;color:#74837a;padding:13px 17px;border-radius:12px;font-size:17px}nav button span{font-size:13px;margin-left:6px}nav button.active{color:#376e59;background:#e8f0e3;font-weight:700}.wallet{display:flex;align-items:center;gap:9px;border:1px solid #ebdec0;background:#fff8e8;padding:10px 16px;border-radius:30px;white-space:nowrap}.wallet strong{font-size:19px;color:#7f612b}.wallet>span:last-child{font-size:11px;color:#988158}.coin{border-radius:50%;height:24px;width:24px;text-align:center;padding-top:1px;background:#f5ce67;border:2px solid #deaf4d;color:#ad7725}main{max-width:1190px;margin:0 auto;padding:42px 34px 35px;min-height:calc(100vh - 163px)}h1,h2,h3{font-family:Nunito,sans-serif}h1{font-size:46px;line-height:1.17;letter-spacing:-1.3px;font-weight:900;margin:16px 0}h1 em{color:#619274;font-style:normal}h2{font-size:23px;line-height:1.25;margin:12px 0;font-weight:800}p{color:var(--muted);line-height:1.75;margin:12px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#80977e}.intro{text-align:center;margin-bottom:35px;position:relative}.intro:before,.intro:after{position:absolute;content:'✧';font-size:35px;color:#c7ae72;top:45px;left:18%}.intro:after{left:auto;right:19%;top:110px;font-size:24px}.intro p{font-size:14px}.home-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:24px}.card{background:#fffefb;border:1px solid #e5e7db;border-radius:22px;box-shadow:0 8px 20px #36533c05}.quest{padding:28px;text-align:center;position:relative;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#8b9888}.pill{background:#f2eee7;color:#9b8264;font-size:10px;padding:7px 11px;border-radius:20px;white-space:nowrap}.quest-icon{height:65px;width:65px;background:#e8f0e3;border:1px solid #d2dfcc;color:#649774;display:grid;place-items:center;font-family:Nunito;font-size:45px;border-radius:20px;transform:rotate(-8deg);margin:24px auto 18px;box-shadow:4px 5px 0 #eef1e8}.quest h2{font-size:26px;margin-bottom:10px}.quest p{font-size:13px;margin:0}.quest-details{display:flex;justify-content:center;gap:19px;color:#899780;font-size:11px;margin:21px 0}.primary{border:1px solid #2c6656;background:var(--green);color:white;box-shadow:0 3px 0 #255e4f;border-radius:11px;padding:14px 21px;font-weight:700;font-size:13px;transition:transform .15s,background .15s}.primary:hover:not(:disabled){background:#2f6e5c;transform:translateY(-1px)}.quest .primary{display:flex;width:100%;justify-content:space-between;align-items:center}.quest small{font-size:9px;color:#9ba397;display:block;margin-top:17px}.garden-card{overflow:hidden;display:flex;flex-direction:column}.garden-scene{position:relative;min-height:295px;flex:1;overflow:hidden;background:#d3e9ce}.garden-scene img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.scene-tag{position:absolute;top:19px;left:20px;background:#fffef5e8;box-shadow:0 2px 8px #5a745315;padding:9px 12px;border-radius:8px;font-size:8px;letter-spacing:1.7px;font-weight:700;color:#6d805e}.garden-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px}.garden-caption h2{font-size:21px;margin:8px 0}.garden-caption p{font-size:11px;margin:0}.circle-button{background:#f0f4e9;color:#68815c;border:1px solid #dce4d4;border-radius:50%;height:38px;width:38px;font-size:20px;flex-shrink:0}.plots{position:absolute;bottom:9%;left:21%;width:62%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;transform:rotate(-3deg)}.plot{background:#c1a07770;border:1px dashed #fff9de99;box-shadow:0 4px 0 #96755255;min-height:32px;border-radius:50%;display:grid;place-items:center;color:#fff9e3;font-size:22px}.plot.planted{background:#a7c28d70;border:0;font-size:35px;box-shadow:0 4px 0 #62855330}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;background:#f2f3e9;border:1px solid #e4e6d8;border-radius:16px;padding:23px}.stats>div{display:flex;justify-content:center;align-items:center;gap:16px}.stats>div+div{border-left:1px solid #dedfd1}.stats strong{display:block;font-size:21px;font-family:Nunito;font-weight:900}.stats small{display:block;color:#8a9482;font-size:10px;margin-top:3px}.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-size:23px}.mint{background:#e2ecdd;color:#799473}.pink{background:#f1e2dd;color:#c5979a}.gold{background:#f0e9d1;color:#b5a268}.hint{display:flex;align-items:center;justify-content:center;gap:14px;margin:27px auto 0;max-width:850px}.hint>span{font-size:29px;color:#aab7a1}.hint p{font-size:11px;line-height:1.8;color:#919887}.hint strong{color:#7b8c73}footer{max-width:1120px;margin:auto;min-height:63px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e7dc;font-size:9px;color:#a0a998;padding:15px 4px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#314f42;color:#fff;border-radius:12px;padding:16px 22px;z-index:20;max-width:90vw;box-shadow:0 8px 30px #18362922;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.page-heading{text-align:center;margin:15px 0 35px}.page-heading h1{font-size:39px}.page-heading p{font-size:14px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{padding:22px}.product-art{height:195px;display:grid;place-items:center;border-radius:15px;position:relative;margin-bottom:24px;background:radial-gradient(ellipse at bottom,#d9e8c4,transparent 60%),#f0f4e7}.art-1{background:radial-gradient(ellipse at bottom,#efd0d6,transparent 65%),#fbefec}.art-2{background:radial-gradient(ellipse at bottom,#e4d8eb,transparent 65%),#f5eff8}.product-art>span{font-size:90px;filter:drop-shadow(0 10px 7px #47674220);transition:transform .3s}.product:hover .product-art>span{transform:translateY(-5px) rotate(5deg)}.product-art i{position:absolute;top:22px;right:26px;color:#c4ab70;font-size:26px}.product h2{font-size:23px}.product p{font-size:12px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin:23px 0 15px;gap:8px}.price{color:#ad8635;font-weight:700;font-size:20px}.product small{color:#939d8a;font-size:10px}.product .primary{font-size:11px;padding:11px 15px}.center-note{text-align:center;font-size:12px;margin-top:32px}.large{height:430px;border:5px solid #fffefb;box-shadow:0 0 0 1px #e2e6d7;border-radius:24px}.large .plots{left:24%;width:53%;bottom:7%;gap:18px}.large .plot{min-height:58px;font-size:30px}.large .plot.planted{font-size:48px}.collection{margin-top:25px;padding:25px;display:flex;justify-content:space-between;gap:30px;align-items:center}.collection h2{font-size:20px}.inventory{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inventory p{font-size:12px;max-width:450px}.inventory-item{background:#faf9f0;border:1px solid #e2e3d5;border-radius:13px;padding:12px;display:flex;flex-direction:column;font-size:11px;gap:5px;color:var(--ink)}.inventory-item>span{font-size:30px}.inventory-item small{font-size:9px;color:var(--muted)}.inventory-item.selected{outline:3px solid #619274;background:#eef4e7}.secondary{border:1px solid #d8e1d2;border-radius:11px;padding:13px 18px;background:#f0f4ea;color:#55745d;font-weight:700;font-size:12px}.learning-map{max-width:850px;margin:auto;padding:30px;text-align:center}.map-legend{display:flex;justify-content:center;gap:22px;font-size:11px;margin-bottom:25px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{height:12px;width:12px;border-radius:3px}.level-0{background:#eeeee5;color:#979b8f}.level-1{background:#f6e6bf;color:#927231}.level-2{background:#cde3ca;color:#356443}.fact-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:6px}.fact-grid b,.fact{aspect-ratio:1;display:grid;place-items:center;font-size:13px;border-radius:8px}.fact-grid b{color:#698260}.learning-map p{font-size:12px;margin:25px}.play-wrap{max-width:660px;margin:5px auto}.play-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#87907f}.text-button{border:0;background:transparent;color:#67806b;padding:10px}.progress-track{height:7px;border-radius:8px;background:#e8eadd;margin:18px 0 25px;overflow:hidden}.progress-track>div{height:100%;background:#88ae83;transition:width .3s}.exercise{text-align:center;padding:35px 50px}.exercise h1{font-size:60px;letter-spacing:2px;margin:20px 0}.exercise h1 span{color:#a1ad96}.exercise form{max-width:320px;margin:auto}.exercise label{display:block;color:#8f9b89;font-size:11px;margin-bottom:9px}.exercise input{width:100%;border:2px solid #dfe6d5;background:#fafbf5;border-radius:12px;text-align:center;font:800 32px Nunito;color:var(--ink);height:66px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.keypad button{background:#f6f6ee;border:1px solid #dfe4d5;box-shadow:0 2px 0 #e2e5d7;border-radius:10px;height:49px;font:700 21px Nunito;color:#50654d}.keypad button:hover:not(:disabled){background:#e8f0df}.feedback{font-size:12px;color:#929b8b;margin:19px 0;min-height:37px;line-height:1.6}.feedback.correct{color:#42834f;background:#eaf4e6;border-radius:10px;padding:12px}.feedback.retry{color:#9a764a;background:#fff2dc;border-radius:10px;padding:12px}.exercise .primary{width:100%}.reward{max-width:670px;margin:35px auto;padding:45px;text-align:center}.reward-icon{margin:25px auto;width:100px;height:100px;background:#f5d372;border:8px double #c89e3d;color:#ae7928;border-radius:50%;display:grid;place-items:center;font-size:60px;box-shadow:0 12px 0 #ad804416}.reward h1{font-size:34px}.reward-coins{font:900 33px Nunito;color:#ac842d}.reward .primary,.reward .secondary{display:block;max-width:320px;width:100%;margin:18px auto}.reward p{font-size:13px}@media(min-width:1500px){main{padding-top:55px}.intro{margin-bottom:44px}.garden-scene{min-height:330px}}@media(max-width:1000px){header{padding:0 3%;gap:12px}.brand{font-size:21px}.brand small{font-size:6px}nav button{padding:12px 9px}nav button span{margin-left:4px;font-size:11px}.wallet>span:last-child{display:none}.intro:before{left:9%}.intro:after{right:10%}.home-grid{grid-template-columns:1fr 1.2fr}.quest{padding:22px}.quest h2{font-size:23px}.collection{flex-direction:column;align-items:stretch}}@media(max-width:700px){header{height:auto;min-height:128px;flex-wrap:wrap;padding:17px 20px 8px;gap:13px}.brand{font-size:22px}.wallet{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:3px}nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 5px;font-size:18px}nav button span{font-size:10px;margin:0}main{padding:30px 20px;min-height:calc(100vh - 205px)}h1{font-size:36px}.intro{margin-bottom:28px}.intro:before{left:0;top:20px;font-size:22px}.intro:after{right:0;top:95px;font-size:18px}.intro p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.7px}.home-grid{grid-template-columns:1fr;gap:20px}.quest{padding:25px}.quest-icon{margin-top:20px}.quest h2{font-size:26px}.garden-scene{min-height:260px}.garden-caption{padding:22px}.garden-caption h2{font-size:19px}.stats{padding:18px 8px;gap:8px}.stats>div{flex-direction:column;gap:9px;text-align:center}.stats strong{font-size:19px}.stats small{font-size:8px}.stat-icon{width:34px;height:34px;font-size:20px}.hint{align-items:flex-start;margin-top:20px}.hint p{font-size:10px;margin:0}.hint>span{font-size:23px}footer{margin:0 20px;font-size:8px;gap:20px}.shop-grid{grid-template-columns:1fr}.product{max-width:440px;width:100%;margin:auto}.product-art{height:180px}.page-heading{margin-top:0}.page-heading h1{font-size:31px}.page-heading p{font-size:12px}.large{height:330px}.large img{object-position:50% center}.large .plots{left:12%;width:75%;gap:12px}.large .plot{min-height:42px}.large .plot.planted{font-size:35px}.scene-tag{font-size:7px;padding:8px}.collection{padding:20px}.inventory{gap:8px}.learning-map{padding:15px 10px}.map-legend{font-size:8px;gap:8px}.fact-grid{gap:3px}.fact-grid b,.fact{font-size:9px;border-radius:4px}.learning-map p{margin:20px 0;font-size:11px}.exercise{padding:25px 22px}.exercise h1{font-size:48px}.play-top{font-size:10px;gap:5px}.play-top .pill{font-size:9px}.reward{padding:30px 20px;margin:10px auto}.reward h1{font-size:28px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}