:root{font-family:Nunito,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#514d3f;background:#faf6eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #71875a;--orange: #d78250}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #687f56;outline-offset:4px}button:not(:disabled):active{transform:translateY(2px)}a{color:inherit}svg{flex-shrink:0}button svg{vertical-align:middle}.app-shell{max-width:1200px;margin:0 auto;padding:0 36px max(22px,env(safe-area-inset-bottom))}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e4d5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon{width:47px;height:50px;transform:rotate(-9deg)}.brand-icon svg{width:100%;height:100%}.brand strong{display:block;font-size:23px;font-weight:850;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:#89816d;margin-top:3px}.header-actions{display:flex;gap:12px}.header-button{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;background:#fffcf4;border:1px solid #e6e0d0;border-radius:24px;font-size:12px;font-weight:650}.header-button.active{color:#627b4b;background:#eef2df;border-color:#d5dfc2}.header-button:hover{background:#f0eddf}.intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 31px}.eyebrow{color:#7b8b65;font-size:11px;font-weight:650;letter-spacing:1.7px;display:flex;gap:7px;align-items:center}.eyebrow>span{width:6px;height:6px;border-radius:100%;background:#93a775}h1{font-size:clamp(25px,3vw,36px);margin:11px 0 10px;line-height:1.3;letter-spacing:1.8px;font-weight:850}h1 span{color:#7b8e5f}.intro p{font-size:13px;margin:0;color:#827b68;letter-spacing:.7px}.intro-doodle{display:flex;gap:10px;align-items:center;position:relative;padding-right:34px;color:#a69471}.intro-doodle>svg:first-child{width:77px;height:77px;transform:rotate(-12deg)}.intro-doodle>span{font-size:12px;line-height:1.9;letter-spacing:2px;transform:rotate(8deg)}.intro-doodle>svg:last-child{position:absolute;width:70px;right:3px;bottom:-27px;transform:rotate(15deg)}.main-layout{display:grid;grid-template-columns:257px minmax(0,1fr);gap:25px;align-items:start}.journey-panel{padding-top:5px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}.section-heading h2{font-size:14px;margin:0;letter-spacing:1px;font-weight:750}.heading-icon{color:#7b8e60;display:flex}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-card{display:flex;position:relative;align-items:center;padding:17px 13px;gap:11px;background:#fffcf5;border:1.5px solid #e9e3d4;border-radius:16px;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s;min-height:87px}.mode-card.selected{background:#edf1df;border-color:#92a577;box-shadow:0 3px #d9e1c4}.mode-card.orange.selected{background:#fcf0dd;border-color:#dca574;box-shadow:0 3px #edd6b8}.mode-card.purple.selected{background:#f0ebf4;border-color:#b4a0c6;box-shadow:0 3px #e2d7ea}.mode-card:hover{border-color:#b5be9e}.mode-symbol{width:43px;height:43px;flex-shrink:0;border-radius:13px;background:#dce6c6;display:flex;align-items:center;justify-content:center;font-weight:850;color:#6c8353;font-size:12px;letter-spacing:1px;transform:rotate(-6deg)}.orange .mode-symbol{background:#f5dfbb;color:#bb8653;font-size:19px}.purple .mode-symbol{background:#e7ddef;color:#a18ab4;font-size:23px}.mode-text{flex:1;min-width:0}.mode-text strong{display:block;font-size:15px;letter-spacing:.4px}.mode-text small{display:block;font-size:10px;line-height:1.6;color:#7b7865;margin-top:6px;white-space:nowrap}.mode-check{color:#8a9975;display:flex}.selected .mode-check{background:#899e6d;color:#fff;border-radius:50%;padding:2px}.mode-mobile-sub{display:none}.journey-note{display:flex;align-items:center;gap:10px;padding:25px 0 20px;margin:0 5px}.journey-note>svg{width:96px;height:120px;transform:rotate(-5deg)}.journey-note>div{position:relative;padding:0 5px}.journey-note strong{font-size:14px;color:#778b5d;letter-spacing:1px}.journey-note p{font-size:12px;line-height:1.9;color:#8b826e;margin:7px 0 0}.handdrawn-star{position:absolute;top:-18px;right:-8px;font-size:30px;color:#d4b36f}.sticker-link{display:flex;width:100%;align-items:center;gap:10px;background:#f2ebdb;padding:17px 12px;border:1px dashed #cfc1a3;border-radius:14px;text-align:left}.sticker-link>span:nth-child(2){flex:1}.sticker-link-icon{color:#ad9060;display:flex;width:33px;align-items:center;justify-content:center}.sticker-link strong{display:block;font-size:12px}.sticker-link small{display:block;color:#897b61;font-size:10px;margin-top:5px}.sticker-link>svg{color:#a49579}.sidebar-footer{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#92876f;margin-top:17px}.sidebar-footer span{color:#b9a076;font-size:17px}.game-card{border:1px solid #e4decf;background:#fffdf7;border-radius:25px;box-shadow:0 6px #ede7d7,0 14px 32px #6b593509;overflow:hidden}.game-topline{padding:22px 28px 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8b836e}.round-label{display:flex;align-items:center;gap:8px;font-weight:600}.live-dot{width:6px;height:6px;border-radius:50%;background:#8a9b71}.round-divider{color:#d1c8b4;margin:0 3px}.round-counter b{font-size:14px;color:#7b8a5d;margin:0 2px}.task-path{display:flex;align-items:center;padding:17px 28px 0;max-width:470px;margin:0 auto}.path-step{display:flex;flex:1;align-items:center}.path-step span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e1d4;border-radius:50%;font-size:11px;font-weight:700;color:#a09883;background:#f5f1e7}.path-step i{flex:1;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,#dfddca 0 3px,transparent 3px 7px)}.path-step.current span{background:#edba79;color:#735933;border-color:#dfac6e;outline:4px solid #fcf1de}.path-step.done span{background:#92a777;color:#fff;border-color:#92a777}.path-step.done i{background:#c0cea9}.path-step:nth-last-child(2){flex:0}.path-gift{margin-left:13px;color:#c7a16b}.question-heading{text-align:center;padding:20px 15px 17px}.question-eyebrow{display:inline-block;color:#a68b5f;font-size:10px;letter-spacing:2px;margin-bottom:5px}.question-heading>div{display:flex;align-items:center;justify-content:center;gap:7px}.question-heading h2{font-size:27px;margin:0;letter-spacing:1px;font-weight:850;line-height:1.5}.question-heading p{margin:7px 0 0;color:#8b7c64;font-size:12px;line-height:1.65}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:transparent;color:#8f9872}.read-button{background:#f2f2e6;width:38px;height:38px}.read-button.reading{color:#50763e;background:#e1e9cd}.picnic-scene{position:relative;margin:0 20px;height:290px;overflow:hidden;isolation:isolate;background:#f0f3e2;border:1px solid #e4e8d2;border-radius:18px}.landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}.scene-caption{position:absolute;top:13px;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap;display:flex;align-items:center;gap:6px;padding:7px 13px;font-size:11px;color:#728353;border-radius:16px;background:#fffff1e8;box-shadow:0 2px #71884e08}.scene-caption>span{display:flex}.fruit-table{position:absolute;top:74px;bottom:57px;left:5%;right:25%;border:4px solid #fff1d7;border-radius:25% 25% 22px 22px;padding:15px 12px;display:flex;justify-content:center;align-items:center;box-shadow:0 6px #b6a4854d;background-color:#f8e7cd;background-image:repeating-linear-gradient(0deg,transparent 0 20px,#ebcbaa46 20px 40px),repeating-linear-gradient(90deg,transparent 0 20px,#ebcbaa46 20px 40px)}.fruit-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 6px;max-width:370px;width:100%}.fruit-piece{display:block;position:relative;width:66px;height:69px;flex-shrink:0;padding:2px;background:transparent;border-radius:18px;transition:transform .18s,background .18s}.fruit-piece .fruit-art{width:100%;height:100%;filter:drop-shadow(0 4px 1px #765d3122);transition:opacity .25s,transform .25s}.fruit-piece:not(:disabled):hover{transform:translateY(-4px) rotate(-4deg);background:#fff8e470}.fruit-piece.counted{background:#fffcdd96}.fruit-piece.counted .fruit-art{transform:rotate(-6deg)}.fruit-piece.removed .fruit-art{opacity:.13;filter:grayscale(1);transform:scale(.8)}.count-tag{position:absolute;right:-2px;top:0;min-width:23px;height:23px;padding:1px 4px;display:flex;justify-content:center;align-items:center;border:2px solid #fff9e8;background:#738952;color:#fff;border-radius:50%;font-size:13px;font-weight:800;box-shadow:0 2px 2px #4d5a3417;animation:pop .2s ease-out}.gone-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#91896a}.fruit-piece.hint-fruit:not(:disabled){animation:breathe 1.5s ease-in-out infinite;animation-delay:calc(var(--fruit-index) * .08s)}.fruit-group{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;min-width:0}.fruit-group .fruit-grid{gap:0}.fruit-group .fruit-piece{width:48px;height:49px}.group-label{color:#856c49;background:#fff5e4d9;font-size:10px;font-weight:650;padding:3px 8px;border-radius:15px;white-space:nowrap}.table-plus{font-size:27px;color:#a3865a;padding:0 4px}.split-table{padding:12px 7px;border-radius:22px;top:62px}.incoming{border-left:1px dashed #d9b792;padding-left:5px}.combined .fruit-grid .fruit-piece{animation:arrive .25s ease-out}.scene-friend{position:absolute;right:1%;bottom:47px;width:24%;text-align:center}.scene-friend .animal-art{width:100%;height:140px;display:block}.friend-bubble{display:inline-block;max-width:100%;background:#fffdf2;padding:7px 10px;border-radius:13px 13px 13px 3px;font-size:10px;color:#7f775f;transform:rotate(3deg);margin-bottom:-1px;white-space:nowrap}.friend-name{font-size:9px;color:#62764a;display:block;margin-top:-1px}.scene-bottom{position:absolute;bottom:14px;left:4%;width:71%;display:flex;justify-content:center}.counting-pill{display:inline-block;padding:6px 13px;background:#f9fbe2cb;color:#65794d;font-size:11px;border-radius:20px;line-height:1.5;text-align:center}.count-finished{color:#526c40;background:#f2f8ddeb}.combine-button{display:flex;align-items:center;gap:15px;min-height:44px;padding:0 25px;background:#78905a;color:#fffdeb;border-radius:15px;font-weight:750;font-size:14px;border:1px solid #6c824e;box-shadow:0 3px #5c7243}.subtract .scene-friend{bottom:99px}.subtract .scene-friend .animal-art{height:111px}.shared-dish{position:absolute;bottom:16px;right:1.5%;width:23%;text-align:center;color:#64764d;font-size:9px}.shared-dish>span{display:block}.shared-dish>div{display:flex;flex-wrap:wrap;gap:0;align-items:center;justify-content:center;min-height:27px;border-radius:15px;background:#f5f1d9;border:2px solid #dcd5b9;margin:4px 0 2px;padding:2px}.dish-slot{width:21px;height:23px;font-size:20px;color:#bcb391}.dish-slot svg{width:100%;height:100%}.dish-slot.filled{animation:pop .25s ease-out}.shared-dish>b{font-weight:600}.many-fruits .fruit-piece{width:53px;height:55px}.many-fruits .fruit-group .fruit-piece{width:39px;height:42px}.many-fruits .fruit-grid{gap:4px}.answer-area{padding:19px 28px 18px}.equation{display:flex;align-items:center;justify-content:center;gap:17px;min-height:42px;font-size:19px;color:#84745d}.equation>b{font-size:30px;font-weight:800}.equation>span{font-size:14px;letter-spacing:1px}.equation .answer-slot{display:inline-flex;align-items:center;justify-content:center;width:46px;height:44px;border:2px dashed #d5be92;background:#fdf5e5;color:#c1985c;border-radius:12px;font-size:27px}.equation .answer-slot.filled{color:#6c8450;border-color:#a4b583;background:#eff4dc}.answer-options{display:flex;gap:18px;max-width:405px;margin:17px auto 0}.answer-button{position:relative;flex:1;min-width:0;height:78px;background:#f4e4c7;border:2px solid #ebd3ab;border-radius:17px;color:#a17b43;box-shadow:0 5px #dfc89f;transition:transform .15s,background .15s,opacity .2s;font-size:35px;font-weight:850}.answer-color-1{background:#e6ecd8;border-color:#d3dfbb;color:#798e59;box-shadow:0 5px #c1d0a3}.answer-color-2{background:#e9e4ef;border-color:#dcd2e7;color:#9680a8;box-shadow:0 5px #cdbedc}.answer-button:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.02)}.answer-button:disabled{opacity:.5}.answer-button.correct{background:#e5edcf;color:#668347;border-color:#9aaf78;box-shadow:0 5px #9db47b;opacity:1}.answer-button.correct svg{position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;background:#799359;color:#fffde9;padding:3px}.answer-button.try-again{border-style:dashed;animation:wiggle .3s ease-in-out}.feedback{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding-top:11px;font-size:12px;color:#8c806a;text-align:center;line-height:1.5}.feedback-success{color:#6e844f;font-weight:650}.feedback-try{color:#ab7b44}.game-bottom-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:6px;min-height:44px}.subtle-button{min-height:44px;display:flex;align-items:center;gap:6px;background:transparent;color:#88795f;font-size:11px;padding:0 9px}.subtle-button:first-child{color:#9c824e}.subtle-button:disabled{opacity:.4}.action-divider{width:1px;height:12px;background:#e7decc}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;background:#7c925e;color:#ffffef;padding:13px 24px;min-height:48px;border:1px solid #6c824e;border-radius:14px;box-shadow:0 4px #637a49;font-size:14px;font-weight:750}.primary-button:hover{background:#718853}.primary-button.next-button{width:100%;max-width:405px;min-height:44px;padding:10px 20px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 0 0;font-size:10px;color:#918873}.page-footer>span:first-child{display:flex;gap:6px;align-items:center}.page-footer button{background:transparent;padding:8px 0 8px 4px;font-size:inherit;color:inherit;min-height:32px}.page-footer .save-warning{color:#946f3f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#43463966;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.modal{position:relative;background:#fffcf2;border:1px solid #fff8e9;border-radius:27px;padding:30px;width:100%;max-width:440px;max-height:100%;overflow-y:auto;box-shadow:0 15px 80px #3f382726;animation:pop .23s ease-out}.modal h2{text-align:center;font-size:24px;margin:10px 25px 15px;line-height:1.4;letter-spacing:1px}.close-button{position:absolute;top:8px;right:8px;color:#998d72}.modal .primary-button,.modal .secondary-button{width:100%}.secondary-button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;background:transparent;font-size:12px;color:#8c7d61;margin-top:12px}.help-hero{display:flex;align-items:center;justify-content:center;gap:20px;background:#f1eedc;border-radius:19px;padding:10px}.help-hero>svg{width:86px;height:105px}.help-hero p{font-size:14px;line-height:1.9;color:#8c7958}.help-hero strong{color:#6b7c52}.help-list{list-style:none;margin:22px 0;padding:0;display:flex;flex-direction:column;gap:15px}.help-list li{display:flex;gap:10px;align-items:start}.help-list li>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:#e9ecd7;color:#768954;border-radius:50%;font-size:12px}.help-list strong{font-size:13px}.help-list p{font-size:12px;color:#877e6b;line-height:1.8;margin:5px 0 0}.parent-note{background:#f5efe2;padding:12px 15px;border-radius:12px;font-size:10px;line-height:1.9;color:#8e8066;margin:0 0 20px}.modal-copy{text-align:center;color:#89795e;font-size:13px;line-height:1.9;margin:14px 0 23px}.switch-art>svg{display:block;width:125px;height:145px;margin:5px auto}.reward-modal{text-align:center;overflow-x:hidden}.reward-modal h2{margin-bottom:8px;font-size:28px}.reward-eyebrow{font-size:12px;color:#9b8763}.reward-sticker{position:relative;display:flex;align-items:center;justify-content:center;width:184px;height:184px;border-radius:50%;background:#f2e4bf;outline:2px dashed #d5bd84;outline-offset:7px;margin:32px auto 25px}.reward-sticker>svg{width:145px;height:164px;transform:rotate(-6deg)}.sticker-spark{position:absolute;color:#cda658;font-size:40px}.spark-one{left:-31px;top:5px}.spark-two{right:-33px;bottom:13px}.new-sticker-tag{color:#a08249;background:#f2e8cf;padding:5px 12px;border-radius:15px;font-size:10px}.reward-modal h3{margin:12px 0 0;font-size:22px;letter-spacing:2px}.reward-modal .modal-copy{margin-top:10px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;height:280px;pointer-events:none;overflow:hidden}.confetti i{--angle: calc(var(--i) * 31deg);position:absolute;left:calc(8% + var(--i) * 7.4%);top:-15px;width:7px;height:11px;border-radius:2px;background:#dbb879;animation:confetti 2.8s calc(var(--i) * -.2s) ease-out 2;transform:rotate(var(--angle))}.confetti i:nth-child(3n){background:#9bb07a}.confetti i:nth-child(3n+1){background:#dfa28a}.collection-modal{max-width:490px}.collection-intro{text-align:center;font-size:12px;line-height:1.9;color:#938063}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px;margin:26px 0}.collection-sticker{text-align:center;min-width:0}.collection-sticker>div{display:flex;align-items:center;justify-content:center;background:var(--sticker-bg);border:4px solid #fff9e9;outline:1px solid #e9dfc9;border-radius:50%;aspect-ratio:1;margin:0 auto 10px;max-width:112px}.collection-sticker>div svg{width:83%;height:95%;transform:rotate(-5deg)}.collection-sticker strong{display:block;font-size:12px}.collection-sticker small{display:block;font-size:9px;color:#9b8f76;margin-top:5px}.collection-sticker.locked>div{background:#eeeadd;outline-style:dashed;border-color:#f8f3e7}.collection-sticker.locked strong{color:#a09882;font-weight:500}.mystery-friend{color:#d0c6af;font-size:41px;font-weight:800}.collection-note{font-size:11px;color:#998868;text-align:center;line-height:1.8;margin-bottom:20px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);z-index:30;background:#5d644bef;color:#fffcec;padding:13px 20px;border-radius:14px;font-size:12px;box-shadow:0 5px 20px #30392522;line-height:1.6}@keyframes pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes arrive{0%{transform:scale(.7) translateY(-10px)}to{transform:scale(1)}}@keyframes breathe{50%{background:#ffffd8b3}}@keyframes wiggle{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes confetti{to{transform:translateY(320px) rotate(calc(var(--angle) + 180deg));opacity:.1}}@media(min-width:761px)and (max-width:1030px){.app-shell{padding-left:25px;padding-right:25px}.main-layout{grid-template-columns:215px minmax(0,1fr);gap:18px}.mode-card{padding:15px 10px;gap:8px}.mode-symbol{width:35px;height:38px}.mode-text strong{font-size:14px}.mode-text small{font-size:9px;letter-spacing:-.2px}.mode-check{display:none}.journey-note{gap:3px}.journey-note>svg{width:81px}.journey-note strong{font-size:12px}.journey-note p{font-size:11px}.sticker-link{gap:5px;padding:15px 9px}.sticker-link strong{font-size:11px}.sticker-link small{font-size:9px}.sticker-link-icon{width:25px}.picnic-scene{margin:0 14px;height:306px}.fruit-table{padding:10px 6px;left:3%;right:26%}.fruit-piece{width:56px;height:59px}.fruit-grid{gap:7px 3px}.fruit-group .fruit-piece{width:44px;height:46px}.many-fruits .fruit-piece{width:46px;height:49px}.many-fruits .fruit-group .fruit-piece{width:34px;height:37px}.scene-friend .animal-art{height:125px}.friend-bubble{font-size:9px;padding:6px 7px}.scene-caption{font-size:10px;padding:7px 9px}.many-fruits{height:330px}.many-fruits .split-table{top:59px;bottom:68px}.table-plus{padding:0 2px}.question-heading h2{font-size:25px}.game-topline{padding-left:20px;padding-right:20px}}@media(max-width:760px){.app-shell{max-width:540px;padding:0 15px max(15px,env(safe-area-inset-bottom))}.site-header{height:68px}.brand{gap:7px}.brand-icon{width:35px;height:38px}.brand strong{font-size:18px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1.7px}.header-actions{gap:7px}.header-button{min-height:40px;padding:0 10px;gap:5px;font-size:10px}.header-button svg{width:15px;height:15px}.intro{padding:20px 0 19px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:27px;letter-spacing:.7px;margin:8px 0 7px}.intro p{font-size:10px;letter-spacing:.2px}.intro-doodle{padding:0}.intro-doodle>svg:first-child{width:52px;height:52px}.intro-doodle>span,.intro-doodle>svg:last-child{display:none}.main-layout{display:flex;flex-direction:column;gap:17px}.journey-panel{width:100%;padding:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"heading sticker" "modes modes";gap:10px}.section-heading{grid-area:heading;margin:0}.section-heading h2{font-size:11px;letter-spacing:.6px}.section-heading svg{width:14px;height:14px}.section-heading{gap:5px}.mode-list{grid-area:modes;flex-direction:row;gap:8px}.mode-card{flex:1;min-width:0;min-height:82px;flex-direction:column;gap:5px;padding:10px 3px 8px;border-radius:13px;text-align:center}.mode-symbol{width:auto;height:23px;padding:0 8px;font-size:10px;border-radius:7px;transform:rotate(-4deg)}.orange .mode-symbol{font-size:14px}.purple .mode-symbol{font-size:16px}.mode-text{flex:0}.mode-text strong{font-size:12px;letter-spacing:.2px}.mode-text small{display:none}.mode-mobile-sub{display:block;font-size:8px;color:#8c816b}.mode-check,.journey-note,.sidebar-footer{display:none}.sticker-link{grid-area:sticker;background:transparent;border:0;padding:0 1px;gap:4px;min-height:30px}.sticker-link-icon{width:19px}.sticker-link-icon svg{width:15px;height:15px}.sticker-link strong{font-size:10px;font-weight:600;color:#978058}.sticker-link small{display:none}.sticker-link>svg{width:12px}.game-card{width:100%;border-radius:20px}.game-topline{padding:15px 17px 0;font-size:9px}.round-counter b{font-size:12px}.round-label{gap:6px}.task-path{padding:13px 24px 0;max-width:330px}.path-step span{width:23px;height:23px;font-size:9px}.path-step i{margin:0 5px}.path-step svg{width:13px;height:13px}.path-gift{width:17px;height:17px;margin-left:10px}.question-heading{padding:13px 10px 12px}.question-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:2px}.question-heading h2{font-size:23px;letter-spacing:.4px}.question-heading p{font-size:10px;margin-top:4px;min-height:17px}.read-button{width:32px;height:32px}.read-button svg{width:17px;height:17px}.picnic-scene{height:239px;margin:0 10px;border-radius:14px}.scene-caption{top:10px;padding:5px 8px;font-size:9px;gap:4px}.scene-caption svg{width:12px;height:12px}.fruit-table{top:57px;bottom:51px;left:3%;right:27%;padding:9px 5px;border-width:3px;border-radius:22% 22% 16px 16px}.fruit-piece{width:53px;height:55px;padding:1px;border-radius:13px}.fruit-grid{gap:7px 2px}.count-tag{min-width:20px;height:20px;font-size:11px;right:-2px;top:-2px}.scene-friend{width:26%;right:0;bottom:45px}.scene-friend .animal-art{height:104px}.friend-bubble{font-size:8px;padding:5px 6px}.friend-name{font-size:8px}.scene-bottom{bottom:12px;left:2%;width:73%}.counting-pill{font-size:9px;padding:5px 9px}.combine-button{min-height:38px;padding:0 18px;font-size:12px;gap:8px;border-radius:12px}.combine-button svg{width:16px}.fruit-group .fruit-piece{width:38px;height:40px}.group-label{font-size:8px;padding:3px 5px}.table-plus{padding:0 1px;font-size:23px}.split-table{padding:8px 4px;bottom:62px;top:51px;border-radius:18px}.incoming{padding-left:3px}.subtract .scene-friend{bottom:96px}.subtract .scene-friend .animal-art{height:86px}.shared-dish{width:25%;font-size:8px;right:.7%;bottom:17px}.shared-dish>div{margin-top:3px;min-height:23px;padding:1px}.dish-slot{width:15px;height:17px}.many-fruits{height:302px}.many-fruits .fruit-table{top:52px;bottom:53px}.many-fruits .fruit-piece{width:48px;height:51px}.many-fruits .fruit-group .fruit-piece{width:34px;height:36px}.many-fruits .split-table{bottom:64px}.many-fruits .fruit-grid{gap:6px 2px}.many-fruits .scene-friend .animal-art{height:105px}.answer-area{padding:13px 20px 12px}.equation{gap:13px;min-height:35px}.equation>b{font-size:25px}.equation>span{font-size:12px}.equation .answer-slot{width:38px;height:36px;font-size:23px;border-radius:10px}.answer-options{gap:12px;margin-top:13px;max-width:340px}.answer-button{height:62px;font-size:30px;border-radius:14px;box-shadow:0 4px #dfc89f}.answer-color-1{box-shadow:0 4px #c1d0a3}.answer-color-2{box-shadow:0 4px #cdbedc}.feedback{font-size:10px;padding-top:10px;min-height:32px}.game-bottom-actions{min-height:36px;margin-top:4px;gap:16px}.subtle-button{min-height:36px;font-size:10px}.subtle-button svg{width:14px;height:14px}.primary-button.next-button{min-height:39px;font-size:12px;padding:8px}.page-footer{flex-direction:column;gap:3px;padding-top:20px;font-size:9px}.page-footer button{min-height:32px}.modal{padding:25px 22px;border-radius:23px}.modal h2{font-size:23px}.modal-copy{font-size:12px}.reward-sticker{width:161px;height:161px;margin-top:27px}.reward-sticker>svg{width:128px;height:147px}.sticker-grid{gap:20px 12px}.collection-sticker strong{font-size:11px}.collection-sticker small{font-size:8px}}@media(max-width:390px){.app-shell{padding-left:10px;padding-right:10px}.header-actions{gap:4px}.header-button{padding:0 8px}.brand strong{font-size:16px}.brand-icon{width:31px}.brand small{font-size:6px}.intro-doodle>svg:first-child{width:41px;height:41px}h1{font-size:24px}.intro p{font-size:9px}.question-heading h2{font-size:21px}.scene-caption{font-size:8px}.fruit-piece{width:48px;height:51px}.fruit-group .fruit-piece{width:33px;height:35px}.many-fruits .fruit-piece{width:45px;height:48px}.many-fruits .fruit-group .fruit-piece{width:30px;height:33px}.friend-bubble{font-size:7px}.mode-text strong{font-size:11px}.section-heading h2{font-size:10px}.sticker-link strong{font-size:9px}.intro{padding-top:15px;padding-bottom:14px}}@media(max-width:760px)and (min-height:740px){.intro{padding-top:14px;padding-bottom:14px}.eyebrow{display:none}h1{margin-top:0}.site-header{height:61px}.main-layout{gap:14px}.mode-card{min-height:76px;padding-top:8px;padding-bottom:7px}}@media(max-width:760px){.site-header{height:58px}.intro{padding:11px 0 12px}.eyebrow{display:none}h1{margin:0 0 5px;font-size:24px}.intro-doodle>svg:first-child{width:40px;height:40px}.journey-panel{gap:7px}.mode-card{min-height:66px;padding:7px 3px;gap:3px}.mode-symbol{height:20px}.mode-mobile-sub{line-height:1.3}.main-layout{gap:12px}.game-topline{padding-top:12px}.task-path{padding-top:10px}.question-heading{padding:9px 9px 10px}.question-eyebrow{display:none}.question-heading h2{font-size:22px}.question-heading p{margin-top:3px}.picnic-scene{height:224px}.fruit-table{top:49px;bottom:44px}.fruit-piece{width:51px;height:53px}.split-table{bottom:58px}.many-fruits{height:288px}.answer-area{padding-top:11px;padding-bottom:10px}.answer-options{margin-top:11px}.feedback{min-height:29px}.page-footer{padding-top:16px}}@media(max-width:340px){.many-fruits{height:346px}.fruit-piece{width:46px;height:49px}.header-button{padding:0 6px}.header-button span{font-size:9px}.question-heading h2{font-size:20px}}@media(min-width:761px)and (max-width:1030px){.site-header{height:76px}.intro{padding:21px 0}.intro-doodle>svg:first-child{width:65px;height:65px}.question-heading{padding-top:13px;padding-bottom:13px}.picnic-scene{height:273px}.many-fruits{height:296px}.answer-area{padding-top:14px;padding-bottom:12px}.answer-button{height:68px}}@media(min-width:761px)and (max-height:850px){.site-header{height:64px}.intro{padding:14px 0}.intro .eyebrow,.intro-doodle>svg:last-child{display:none}h1{font-size:27px;margin:0 0 5px}.intro-doodle>svg:first-child{width:48px;height:48px}.game-topline{padding-top:14px}.task-path{padding-top:11px}.question-heading{padding-top:9px;padding-bottom:10px}.question-eyebrow{display:none}.question-heading h2{font-size:24px}.picnic-scene{height:231px}.fruit-table{top:52px;bottom:48px;padding-top:7px;padding-bottom:7px}.many-fruits{height:268px}.many-fruits .fruit-table{top:50px;bottom:55px}.many-fruits .split-table{top:50px;bottom:63px}.scene-friend .animal-art{height:107px}.subtract .scene-friend .animal-art{height:83px}.answer-area{padding-top:11px;padding-bottom:10px}.answer-options{margin-top:12px}.answer-button{height:61px;font-size:29px}.equation .answer-slot{height:36px;width:38px;font-size:24px}.feedback{padding-top:10px;min-height:30px}.page-footer{padding-top:18px}}@media(orientation:landscape)and (max-height:600px)and (min-width:650px){.app-shell{max-width:1100px;padding-left:20px;padding-right:20px}.site-header{height:63px}.intro{padding:17px 0}.intro-doodle,.eyebrow{display:none}h1{font-size:25px;margin:0 0 7px}.main-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}.journey-panel{display:block}.mode-list{flex-direction:column;gap:10px}.mode-card{min-height:71px;flex-direction:row;padding:11px;gap:9px}.mode-symbol{width:33px;height:33px}.mode-text small{display:block;font-size:8px}.mode-text strong{font-size:12px}.mode-mobile-sub{display:none}.section-heading{margin-bottom:12px}.sticker-link{padding:12px 5px;margin-top:17px}.journey-note{display:none}.sidebar-footer{font-size:9px}.picnic-scene{height:258px}.many-fruits{height:305px}.fruit-group .fruit-piece{width:36px;height:39px}.intro p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
