:root{--ink:#344b40;--green:#467754;--paper:#fbf7ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'PingFang SC','Microsoft YaHei',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:4px solid #e39a39;outline-offset:5px}header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{font-weight:800;font-size:38px;display:flex;align-items:center;gap:10px;color:#507451;text-decoration:none}.logo span{font-size:22px;letter-spacing:1px}.logo small{display:block;font-weight:500;font-size:10px;letter-spacing:3px;margin-top:5px;color:#8e9b83}.top-actions{display:flex;align-items:center;gap:13px}#starsCount{background:#fff0c8;border:2px solid #f5dfab;border-radius:20px;padding:9px 15px;color:#a87821;font-weight:800}#sound{background:white;border:1px solid #e4e6d8;border-radius:50%;height:45px;width:45px;font-size:22px}.parent{font-size:12px;color:#778577;text-decoration:none;margin-left:12px}main{max-width:1200px;margin:auto;padding:0 36px}.welcome{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:340px;gap:20px;padding:5px 35px 15px}.pill{font-size:12px;background:#e9eddd;color:#6a8056;border-radius:20px;padding:8px 15px;display:inline-block;letter-spacing:2px}.welcome h1{font-size:58px;line-height:1.25;margin:23px 0 16px;letter-spacing:1px;font-weight:900}.welcome h1 span{color:#6b9459}.welcome p{font-size:15px;color:#8c9581;margin:0 0 15px}.listen{background:none;padding:8px 0;color:#698564;font-size:13px}.hero-picture svg{width:100%;max-height:340px}.section-label{display:flex;align-items:center;justify-content:space-between;margin:16px 0 20px}.section-label h2{font-size:23px;margin:0}.section-label span{font-size:12px;color:#9a9e8b}.islands{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.island{display:block;overflow:hidden;border-radius:26px;padding:0;text-align:left;box-shadow:0 6px 0 #00000008;transition:transform .2s,box-shadow .2s;border:3px solid transparent}.island:hover{transform:translateY(-7px);box-shadow:0 13px 0 #00000006;border-color:#fff}.island:active{transform:scale(.97)}.peach{background:#f8d8c8}.butter{background:#f7e8b6}.lilac{background:#e3dbef}.mint{background:#d5e8d9}.picture{height:200px;padding:8px 10px 0}.picture svg{width:100%;height:100%;overflow:visible}.game-caption{position:relative;display:block;padding:10px 22px 24px}.game-caption b{display:block;font-size:23px;letter-spacing:2px}.game-caption i{display:block;font-size:12px;font-style:normal;opacity:.55;margin-top:6px}.game-caption em{position:absolute;right:20px;top:12px;border-radius:50%;background:#ffffffb3;font-size:16px;width:39px;height:39px;display:grid;place-items:center;font-style:normal}.foot-note{display:flex;justify-content:space-between;font-size:12px;color:#969b84;padding:28px 8px}footer{max-width:1128px;margin:10px auto 0;border-top:1px solid #e7e6d7;padding:22px 0 30px;color:#87927c;font-size:12px;display:flex;justify-content:space-between}footer a{color:#899180;text-decoration:none;font-size:11px}.playbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:10px}.playbar button{padding:12px 19px;background:#fff;border-radius:18px;border:1px solid #e6e7d8;font-size:14px}.playbar span{font-size:20px;font-weight:800}.gamebox{background:#fffdf7;border:2px solid #e8e9db;border-radius:32px;padding:25px;min-height:530px;text-align:center;box-shadow:0 7px 0 #e8e9db66}.task h1{font-size:32px;margin:4px 0 8px}.task span{color:#9a9f8f;font-size:13px}#stage{margin:20px auto;min-height:230px;max-width:760px;display:flex;align-items:center;justify-content:center;gap:18px}.orchard{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px;max-width:330px;min-height:200px}.apple{background:transparent;width:68px;height:68px;font-size:46px;padding:0;touch-action:none;transition:opacity .2s,transform .15s}.apple svg{width:100%;height:100%;pointer-events:none}.apple.picked{opacity:.15;transform:scale(.8)}.basket{border-radius:22px;border:3px dashed #d4ba8a;min-width:210px;min-height:190px;background:#faf0dc;padding:16px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;position:relative}.basket:empty:after{content:'🧺';font-size:90px;opacity:.55}.basket .apple{width:48px;height:48px}.basket.drag-over{background:#e2f0d3;border-color:#639251}.number-target{color:#d87e4b;font-size:44px;font-weight:900;padding:0 8px}.choice{font-size:36px;font-weight:800;background:#fff;border:3px solid #e0e4d3;border-radius:23px;width:95px;min-height:86px;box-shadow:0 5px 0 #e0e4d3;transition:transform .12s}.choice:hover{background:#f5f6e7}.choice:active{transform:translateY(4px);box-shadow:none}.choice.correct{background:#e0f0cd;border-color:#90b771}.choice.wrong{animation:wiggle .3s;border-color:#e8ba7f}.choice svg{width:65px;height:65px}.choice:disabled{cursor:default}#answers{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.check,#next{background:#527e52;color:white;padding:15px 36px;font-weight:700;font-size:21px;border-radius:20px;box-shadow:0 5px 0 #365c3f}#feedback{min-height:45px;font-size:21px;font-weight:700;padding-top:17px;color:#638446}#next{margin-top:10px;background:#e3a24d;box-shadow:0 5px 0 #bd823a;font-size:18px}.support{text-align:center;color:#9ba28e;font-size:12px;padding:12px}.fruit-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;background:#f7edcf;border-radius:30px;min-height:160px;max-width:270px;padding:20px}.fruit-group svg{width:55px;height:55px}.operator{font-size:50px;color:#a4b48e;font-weight:800}.shape-scene{width:220px;height:200px;background:#eee9f4;border-radius:40px;display:grid;place-items:center;transform:rotate(-3deg)}.shape-scene svg{width:130px;height:130px}.plant-scene{height:270px;max-width:400px;width:100%;position:relative}.plant-scene svg{width:100%;height:100%}.plant-hotspot{position:absolute;background:#ffffff88;border:3px dashed #719765;min-width:60px;min-height:48px;border-radius:50%;font-size:22px}.plant-hotspot:hover{background:#fff3b6}.plant-hotspot.chosen{background:#d2e9a9}.confetti{pointer-events:none;position:fixed;inset:0;z-index:10;overflow:hidden}.spark{position:absolute;top:-30px;font-size:27px;animation:fall 1.8s ease-in forwards}.voice-note{color:#9a7151}button[disabled]{opacity:.7}[hidden]{display:none!important}@keyframes fall{to{transform:translateY(95vh) rotate(200deg);opacity:0}}@keyframes wiggle{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(min-width:1500px){main{padding-top:30px}.welcome{min-height:390px}}@media(max-width:800px){header{padding:20px}.logo span{font-size:18px}.logo small{font-size:8px}.parent{margin-left:0}main{padding:0 20px}.welcome{padding:15px 5px;min-height:260px}.welcome h1{font-size:40px}.hero-picture svg{min-height:230px}.islands{grid-template-columns:repeat(2,1fr);gap:18px}.picture{height:180px}.game-caption{padding-bottom:18px}.game-caption b{font-size:22px}footer{margin:15px 20px;gap:20px;line-height:1.8}.foot-note{font-size:11px}.task h1{font-size:27px}.gamebox{padding:22px 14px}#stage{gap:8px}.orchard{gap:4px}.apple{width:54px;height:54px}.basket{min-width:150px;min-height:180px;padding:8px}.basket .apple{width:40px;height:40px}.choice{width:72px;min-height:75px;font-size:30px}#answers{gap:12px}.fruit-group{padding:13px;gap:5px}.fruit-group svg{width:38px;height:38px}.operator{font-size:32px}}
@media(max-width:480px){header{padding:18px 16px;gap:5px}.logo{font-size:28px;gap:6px}.logo span{font-size:16px}.logo small{letter-spacing:1px;font-size:8px}.top-actions{gap:7px}#starsCount{font-size:12px;padding:8px 9px}#sound{height:36px;width:36px;font-size:18px}.parent{font-size:10px}.welcome{grid-template-columns:1fr .95fr;gap:0;padding-top:20px;min-height:230px}.welcome h1{font-size:32px;margin:16px 0 12px;letter-spacing:0}.welcome p{font-size:11px;white-space:nowrap}.pill{font-size:9px;padding:6px 9px;letter-spacing:1px}.hero-picture{margin-left:-10px;margin-right:-8px}.hero-picture svg{min-height:210px}.section-label h2{font-size:20px}.section-label span{font-size:10px}.picture{height:145px;padding:3px}.islands{gap:13px}.island{border-radius:23px}.game-caption{padding:4px 14px 17px}.game-caption b{font-size:20px;letter-spacing:1px}.game-caption i{font-size:11px}.game-caption em{right:12px;top:5px;width:31px;height:31px;font-size:12px}.foot-note{flex-direction:column;gap:8px;padding-bottom:8px}.playbar span{font-size:17px}.playbar button{font-size:12px;padding:11px 13px}.task h1{font-size:23px}.task span{font-size:11px}.orchard{max-width:160px}.apple{width:43px;height:43px}.basket{min-width:130px}.basket .apple{width:34px;height:34px}.choice{width:64px;min-height:68px;font-size:29px;border-radius:18px}.choice svg{width:50px;height:50px}#answers{gap:10px}#stage{min-height:220px;margin:18px auto}.fruit-group{padding:10px;min-height:150px;border-radius:22px}.fruit-group svg{width:34px;height:34px}#feedback{font-size:18px}.gamebox{min-height:490px}footer{font-size:10px;align-items:start}footer a{max-width:135px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.spark{display:none}}
.task .number-target{display:inline-grid;place-items:center;min-width:68px;min-height:68px;background:#fff0cf;color:#bc713b;border-radius:20px;font-size:44px;line-height:1.1;margin:0 7px;vertical-align:middle;border:2px solid #f4dfb5}
@media(max-width:480px){.task .number-target{font-size:36px;min-width:54px;min-height:54px;border-radius:16px}}