:root{color-scheme:light;--ink:#254d43;--muted:#70867e;--green:#278366;--mint:#e6f4ee;--orange:#ff9454;--line:#e2ebe6;font-family:ui-rounded,"Arial Rounded MT Bold","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f7faf6;color:var(--ink)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f69d43;outline-offset:4px}button{color:inherit}button:disabled{cursor:default}button:active{transform:translateY(2px)}[hidden]{display:none!important}.app{max-width:1320px;margin:auto;padding:0 48px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);text-decoration:none;font-weight:850;font-size:23px;letter-spacing:1px}.brand-icon{display:grid;place-items:center;background:#fff0d9;width:55px;height:55px;border-radius:19px;font-size:33px;transform:rotate(-7deg)}.brand small{display:block;font-size:10px;letter-spacing:3.5px;font-weight:700;margin-top:7px;color:#83938a}.toolbar{display:flex;gap:12px;align-items:center}.icon-button{border:1px solid #e3ece7;background:#fff;border-radius:50%;width:44px;height:44px;font-size:23px;font-weight:700;display:grid;place-items:center}.parent-button{border:1px solid var(--line);border-radius:25px;background:transparent;font-size:14px;padding:12px 19px;font-weight:600}.game-heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0 25px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:600}.game-heading h1{font-size:28px;margin:8px 0 0;font-weight:800;letter-spacing:1px}.game-heading h1 span{color:var(--orange)}.mode-switch{display:flex;padding:5px;border:1px solid var(--line);border-radius:16px;gap:4px;background:#eef3ed}.mode-switch button{border:0;background:transparent;border-radius:11px;padding:11px 15px;font-size:18px;font-weight:800;white-space:nowrap;min-height:44px}.mode-switch button span{font-size:13px;margin-left:6px;font-weight:500}.mode-switch button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 2px 8px #214e3510}.orchard{position:relative;height:520px;min-height:370px;overflow:hidden;border-radius:30px;background:#d9f3ed url('./assets/orchard.png') center 55%/cover no-repeat;isolation:isolate;border:1px solid #d1e9dd;box-shadow:0 8px 30px #305b3f06}.orchard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#edfcf95c,#e8f7ee08 60%);pointer-events:none;z-index:-1}.game-hud{position:absolute;z-index:5;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:16px;pointer-events:none}.game-hud button{pointer-events:auto}.score-pill{display:flex;align-items:center;gap:8px;border:1px solid #ffffffc2;background:#ffffffd6;backdrop-filter:blur(8px);border-radius:25px;padding:9px 16px;font-size:13px;color:#6b8374;white-space:nowrap}.score-pill>span:first-child{font-size:21px}.score-pill strong{font-size:22px;color:var(--ink)}.round-label{font-size:13px;font-weight:500;color:#4f7865;flex:1;text-align:right;margin-right:5px}.game-hud .icon-button{background:#ffffffe6}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:65px 20px 28px;z-index:4}.welcome-fruits{display:flex;align-items:center;gap:23px;line-height:1;font-size:47px;margin-bottom:14px;filter:drop-shadow(0 7px 5px #42884917)}.welcome-fruits span:first-child{transform:rotate(-18deg) translateY(9px);font-size:43px}.welcome-fruits span:nth-child(2){font-size:58px;transform:rotate(8deg)}.welcome-fruits span:last-child{transform:rotate(17deg) translateY(9px)}.welcome-tag{color:#328467;font-size:12px;letter-spacing:3px;font-weight:700}.overlay h2{font-size:48px;line-height:1.23;letter-spacing:3px;margin:12px 0 0;font-weight:900}.overlay h2 em{font-style:normal;color:#267f60}.overlay p{font-size:16px;color:#648471;margin:16px 0 22px}.primary-button{border:0;color:white;background:#2d906d;box-shadow:0 5px 0 #1e7656,0 9px 18px #2c8a6721;border-radius:22px;padding:17px 40px;font-size:21px;font-weight:750;letter-spacing:2px;min-height:58px}.primary-button:hover{background:#258362}.primary-button span{margin-right:8px;font-size:17px}.touch-hint{font-size:12px;color:#56765e;margin-top:21px}.fruit-layer{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;z-index:2}.fruit{position:absolute;left:0;top:0;width:var(--size);height:var(--size);border:0;background:none;padding:0;display:grid;place-items:center;will-change:transform;touch-action:none;cursor:crosshair;isolation:isolate}.fruit-art{position:absolute;inset:0;display:grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--size)*.91);line-height:1;filter:drop-shadow(0 10px 6px #40683c25);pointer-events:none}.fruit-label{position:relative;z-index:1;background:#fffef4f2;border:2px solid #ffffff;box-shadow:0 3px 8px #25402417;border-radius:18px;color:#214b40;font-family:"Arial Rounded MT Bold",ui-rounded,"Trebuchet MS",sans-serif;font-size:calc(var(--size)*.31);font-weight:900;line-height:1;padding:6px 8px;letter-spacing:0;margin-top:15%;min-width:60%;pointer-events:none}.fruit.halved{pointer-events:none}.fruit.halved .fruit-label{display:none}.fruit-half{position:absolute;inset:0;display:grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--size)*.91);line-height:1}.fruit-half.left{clip-path:polygon(0 0,100% 0,0 100%);animation:slice-left .65s ease-in forwards}.fruit-half.right{clip-path:polygon(100% 0,100% 100%,0 100%);animation:slice-right .65s ease-in forwards}@keyframes slice-left{to{transform:translate(-40px,90px) rotate(-40deg);opacity:0}}@keyframes slice-right{to{transform:translate(40px,100px) rotate(40deg);opacity:0}}#effects{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.feedback{position:absolute;top:85px;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none;display:flex;align-items:center;gap:13px;white-space:nowrap;opacity:0}.feedback.show{animation:feedback 1.6s ease both}.feedback b{font:900 48px/1 "Arial Rounded MT Bold",ui-rounded,sans-serif;color:#237955}.feedback span{font-size:18px;font-weight:700;color:#36805f}@keyframes feedback{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}15%,80%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px)}}.play-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:12px;color:#356744;z-index:1;white-space:nowrap;background:#ffffffe0;border-radius:20px;padding:8px 14px}.pause-panel,.complete-panel{background:#f1faedeb;backdrop-filter:blur(8px);padding-top:30px}.big-emoji{font-size:66px;margin-bottom:12px}.pause-panel h2,.complete-panel h2{font-size:38px}.text-button{border:0;background:transparent;font-size:14px;margin-top:24px;text-decoration:underline;text-underline-offset:5px;color:#597c65}.collection{padding:28px 0 24px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.collection h2{font-size:18px;margin:0;letter-spacing:.5px}.collection h2 span{font:600 13px/1 system-ui,sans-serif;color:var(--green);background:#e5f1e9;padding:5px 10px;border-radius:20px;margin-left:8px;vertical-align:middle;white-space:nowrap}.collection p{margin:7px 0 0;color:#85948a;font-size:12px}.collection-note{font-size:12px;color:#89958a}.collection-note span{font-size:19px;color:#dbb14f;margin-left:8px}.alphabet{display:grid;grid-template-columns:repeat(13,1fr);gap:9px}.letter-card{position:relative;min-height:51px;border:1px solid #e3eae2;border-radius:12px;background:#f0f4ef;color:#7a8e80;font:700 22px/1 "Arial Rounded MT Bold",ui-rounded,"Trebuchet MS",sans-serif;transition:background .2s,transform .2s}.letter-card:hover{background:#e5f1e6;transform:translateY(-2px)}.letter-card.collected{background:#e1f3df;color:#2d7946;border-color:#bee0b7}.letter-card.collected:after{content:"";width:5px;height:5px;border-radius:50%;background:#67a64b;position:absolute;top:5px;right:5px}.letter-card.speaking{outline:3px solid #f2bc62;outline-offset:1px}.letter-card small{font-size:16px;margin-left:1px}footer{display:flex;justify-content:space-between;font-size:12px;color:#859185;border-top:1px solid var(--line);padding:20px 0 27px;gap:15px}footer span:last-child span{font-size:16px;margin-left:5px;color:#91a78d}dialog{border:1px solid var(--line);border-radius:26px;max-width:440px;width:calc(100% - 32px);padding:28px;color:var(--ink);box-shadow:0 25px 90px #254d4333}dialog::backdrop{background:#163f3950;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0;font-size:23px}.close-button{width:36px;height:36px;font-size:26px}dialog p{font-size:14px;color:#6b8273;line-height:1.7}dialog label{display:block;font-size:15px;font-weight:650;margin:24px 0 9px}dialog select{width:100%;padding:12px;border:1px solid #d5e2d6;border-radius:12px;background:#f5f9f3;color:var(--ink);min-height:48px}.settings-note{font-size:12px!important}.reset-button{background:transparent;border:1px solid #e3d9ca;color:#916749;border-radius:10px;padding:11px 15px;font-size:14px}.settings-done{display:block;width:100%;margin-top:24px;font-size:17px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#284b40;color:white;z-index:20;border-radius:15px;padding:13px 18px;font-size:14px;max-width:90%;text-align:center}
@media(min-width:1450px){.orchard{height:570px}.app{max-width:1370px}.overlay h2{font-size:53px}}
@media(max-width:900px){.app{padding:0 26px}.topbar{height:90px}.game-heading h1{font-size:23px}.mode-switch button{padding:10px 12px}.mode-switch button span{display:none}.orchard{height:510px}.collection-note{display:none}}
@media(max-width:600px){.app{padding:0 16px}.topbar{height:79px}.brand{font-size:18px;gap:10px;letter-spacing:.5px}.brand-icon{width:43px;height:43px;font-size:27px;border-radius:15px}.brand small{font-size:8px;letter-spacing:2.3px;margin-top:5px}.toolbar{gap:8px}.parent-button{font-size:12px;padding:10px 12px}.icon-button{width:40px;height:40px;font-size:21px}.game-heading{padding:22px 0 17px;gap:10px}.game-heading h1{font-size:20px;letter-spacing:0;margin-top:7px}.eyebrow{font-size:10px;letter-spacing:1.3px}.mode-switch{gap:0;padding:3px;border-radius:13px}.mode-switch button{font-size:16px;min-width:35px;min-height:39px;padding:8px 10px;border-radius:10px}.orchard{height:clamp(425px,61svh,560px);border-radius:24px;background-position:center bottom}.game-hud{top:15px;left:14px;right:14px;gap:6px}.score-pill{padding:7px 12px;gap:6px}.score-pill strong{font-size:20px}.round-label{font-size:11px}.welcome-fruits{font-size:39px;margin-bottom:15px}.welcome-fruits span:nth-child(2){font-size:50px}.overlay h2{font-size:41px}.overlay p{font-size:14px;margin:15px 0 22px}.primary-button{font-size:20px;padding:16px 33px;border-radius:20px;min-height:54px}.welcome-tag{font-size:11px;letter-spacing:2px}.touch-hint{font-size:11px}.collection{padding:24px 0 20px}.collection h2{font-size:16px}.collection-heading{margin-bottom:15px}.alphabet{grid-template-columns:repeat(7,1fr);gap:7px}.letter-card{min-height:45px;font-size:20px;border-radius:10px}.letter-card small{font-size:14px}.collection h2 span{font-size:12px}footer{font-size:10px;padding-top:17px;flex-direction:column;gap:8px}footer span:last-child{font-size:10px}.feedback{top:78px;gap:9px}.feedback b{font-size:39px}.feedback span{font-size:15px}.pause-panel h2,.complete-panel h2{font-size:34px}}
@media(max-width:360px){.app{padding:0 10px}.brand{font-size:16px}.parent-button{padding:10px 9px}.game-heading h1{font-size:18px}.mode-switch button{min-width:30px;padding:7px}.orchard{min-height:415px}.round-label{font-size:10px}}
@media(max-height:550px) and (orientation:landscape){.topbar{height:62px}.game-heading{padding:12px 0}.orchard{height:360px;min-height:360px}.overlay{padding-top:55px}.welcome-fruits{display:none}.overlay h2{font-size:35px}.overlay p{margin:10px 0 15px}.touch-hint{margin-top:14px}.game-hud{top:14px}.big-emoji{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.feedback.show{opacity:1;animation:none}.letter-card:hover{transform:none}}