:root{color:#49416d;font-synthesis:none;background:#e5f5ff;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:700}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:5px;outline:4px solid #c7a1ff}button:disabled{cursor:default}.game{isolation:isolate;background:linear-gradient(#e1f4ff,#f4fbff 67%,#effbdc);min-height:100svh;padding:22px 36px 32px;position:relative;overflow:hidden}.game-header{z-index:3;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;display:flex;position:relative}.grade-button,.help-button{color:#65577e;background:#fffaf2;border:3px solid #fff;border-radius:22px;align-items:center;gap:11px;height:58px;padding:0 19px;font-size:17px;display:flex;box-shadow:0 5px #d5e4ef}.grade-button>span:first-child{font-size:29px}.chevron{color:#a39ab4}.help-button{justify-content:center;width:58px;padding:0;font-size:23px}.trail{background:#ffffff7a;border:3px solid #ffffffc9;border-radius:50px;align-items:center;gap:9px;padding:10px 23px;display:flex}.trail-star{color:#b6cddd;font-size:32px;line-height:1;transition:transform .2s}.trail-star.earned{color:#f6b62b;filter:drop-shadow(0 2px #dd971e)}.trail-star.current{color:#a18adc;transform:scale(1.15)}.cloud{opacity:.65;z-index:-1;background:#fff;border-radius:60px;width:180px;height:43px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;width:70px;height:70px;position:absolute;bottom:2px;left:26px}.cloud:after{width:95px;height:95px;left:73px}.cloud-one{top:26%;left:-40px}.cloud-two{top:21%;right:-15px;transform:scale(.8)}.sky-spark{color:#ffd46a;z-index:-1;font-size:36px;position:absolute}.spark-one{top:23%;left:25%;transform:rotate(15deg)}.spark-two{font-size:23px;top:38%;right:14%}.play-area{z-index:1;justify-content:center;max-width:1050px;margin:24px auto 0;display:flex;position:relative}.challenge{text-align:center;width:min(100%,750px)}.challenge-label{color:#8a83a1;margin:0 0 8px;font-size:15px}.challenge-label span{color:#a7a2b7}h1{letter-spacing:-1px;margin:0 0 14px;font-size:clamp(26px,3vw,38px);line-height:1.2}.buddy{width:145px;position:absolute;top:90px;left:-22px;transform:rotate(-10deg)}.buddy svg{filter:drop-shadow(0 8px #e6c65c35);width:100%;animation:4s ease-in-out infinite bob}.buddy-bubble{white-space:nowrap;background:#fff;border-radius:20px 20px 20px 3px;padding:11px 17px;font-size:16px;position:absolute;top:-20px;left:35px;transform:rotate(10deg);box-shadow:0 4px #dfe9f3}.pictures{justify-content:center;align-items:center;gap:22px;max-width:660px;height:139px;margin:auto;padding:5px 25px;display:flex}.apple-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:310px;display:flex}.apple{filter:drop-shadow(0 3px #b55f7020);width:47px;height:52px}.apple.removed{opacity:.38;--object-opacity:.38}.picture-plus{color:#a79bc0;font-size:39px}.big-illustration{filter:drop-shadow(0 8px #b0a0dc20);justify-content:center;align-items:center;height:135px;font-size:95px;display:flex}.blocks{justify-content:center;align-items:center;gap:20px;height:139px;display:flex}.block-side{align-items:center;gap:18px;display:flex}.block-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:225px;display:flex}.ten{background:#d0b5ff;border-radius:4px;flex-direction:column;gap:1px;padding:2px;display:flex}.ten i,.ones i{background:#9773e0;border-radius:2px;width:10px;height:8px;display:block}.ones{flex-wrap:wrap;gap:3px;max-width:45px;display:flex}.color-1 .ten{background:#ffd6ac}.color-1 i{background:#f0a05e}.block-op{color:#aaa0c0;font-size:32px}.equation{justify-content:center;align-items:center;gap:18px;min-height:92px;margin:14px auto 0;display:flex;position:relative}.equation label{letter-spacing:1px;font-size:clamp(36px,4.5vw,58px)}.equation label>span{color:#9b90b7;margin-left:8px}.equation input{color:#67519e;text-align:center;background:#fff;border:4px solid #b39ae2;border-radius:23px;width:112px;min-width:0;height:88px;padding:0 6px;font-size:44px;box-shadow:0 6px #dacbef}.equation input::placeholder{color:#c5b3e5}.equation.correct input{color:#409c60;background:#f0fff4;border-color:#65bd83;box-shadow:0 6px #bfe8cc}.equation.wrong input{border-color:#f3ab74;box-shadow:0 6px #f8d9c0}.answer-tick{color:#42a264;font-size:28px;position:absolute;right:calc(50% - 220px)}.feedback{color:#9572cd;height:36px;margin-top:15px;font-size:20px}.correct+.feedback{color:#409c60}.wrong+.feedback{color:#b77949}.hint-panel{color:#8e7042;background:#fff4c9;border:2px solid #ffe39c;border-radius:16px;max-width:490px;margin:0 auto 14px;padding:10px 16px;font-size:16px;line-height:1.5}.hint-panel span{font-size:23px}.controls{justify-content:center;align-items:center;gap:26px;margin-top:8px;display:flex}.keypad{grid-template-columns:repeat(3,72px);gap:10px;display:grid}.keypad button{color:#63577e;background:#fff;border:2px solid #fff;border-radius:16px;height:52px;font-size:26px;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #d8d4e9}.keypad button:hover:not(:disabled){background:#f5efff}.keypad button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #d8d4e9}.keypad button:disabled{opacity:.5}.keypad .delete-key{color:#9284ac;background:#eeeaf7;border-color:#f5f1fc;font-size:24px;box-shadow:0 4px #d8d4e9}.hint-button,.go-button{background:#ffe995;border:3px solid #fff;border-radius:23px;flex-shrink:0;width:72px;height:72px;font-size:34px;box-shadow:0 6px #e2cf83}.hint-button.selected{background:#ffdb5b}.go-button{color:#fff;background:#9070d5;border-color:#aa8ae9;font-size:41px;box-shadow:0 6px #7153b1}.go-button:disabled{color:#f7f2ff;background:#c5b7e5;border-color:#d7c9ee;box-shadow:0 6px #b5a6d4}.go-button.next{background:#66c58b;border-color:#8cdcaa;box-shadow:0 6px #4ba46d}.landscape{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hill{background:#b9dfa2;border-radius:50% 50% 0 0;width:130%;height:190px;position:absolute;bottom:-125px;left:-40%;transform:rotate(4deg)}.hill.near{background:#9ed4a1;bottom:-133px;left:23%;transform:rotate(-6deg)}.ground-flower{font-size:35px;position:absolute;bottom:10px}.flower-one{left:7%;transform:rotate(-12deg)}.flower-two{font-size:44px;bottom:18px;right:7%}.flower-three{font-size:25px;bottom:4px;right:15%}.completion{z-index:1;text-align:center;max-width:650px;margin:40px auto;position:relative}.trophy{filter:drop-shadow(0 9px #e6c65c35);font-size:135px;animation:3s ease-in-out infinite bob}.completion h1{margin-top:22px;font-size:52px}.reward-stars{color:#f7b92a;letter-spacing:7px;filter:drop-shadow(0 4px #dfa32a);font-size:55px}.completion p{margin:20px 0 8px;font-size:32px}.completion p span{color:#5bb976}.score{color:#8c82a4;font-size:16px}.finish-buttons{justify-content:center;gap:16px;margin-top:35px;display:flex}.replay,.next-grade{color:#fff;background:#9070d5;border:3px solid #aa8ae9;border-radius:22px;padding:18px 25px;font-size:19px;box-shadow:0 6px #7153b1}.next-grade{color:#8a71b8;background:#fff;border-color:#e2d6f7;box-shadow:0 6px #d8c9ee}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#46406270;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.grade-picker{text-align:center;background:#fbf9ff;border:5px solid #fff;border-radius:35px;width:100%;max-width:650px;padding:40px 30px;position:relative;box-shadow:0 12px #48415b30}.grade-picker h2{margin:10px 0 30px;font-size:30px}.close-picker{color:#a092b7;background:0 0;border:0;font-size:33px;position:absolute;top:10px;right:14px}.grade-options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.grade-options button{color:#726087;background:#fff;border:3px solid #e7e0f3;border-radius:23px;flex-direction:column;align-items:center;gap:13px;min-width:95px;padding:18px 13px;display:flex;box-shadow:0 5px #e7e0f3}.grade-options button[aria-pressed=true]{background:#efe4ff;border-color:#b89ae6;box-shadow:0 5px #b89ae6}.grade-options button>span{font-size:42px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{left:calc(6% + var(--i)*7%);width:10px;height:17px;animation:1.3s ease-out both confetti;animation-delay:calc(var(--i)*30ms);background:#ffce51;border-radius:3px;position:absolute;top:30%}.confetti i:nth-child(3n){background:#b195ef}.confetti i:nth-child(3n+1){background:#ff9298}.confetti i:nth-child(2n){background:#63cdb4}@keyframes bob{50%{transform:translateY(-8px)rotate(4deg)}}@keyframes confetti{0%{opacity:0;transform:translateY(-60px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(330px)rotate(270deg)}}@media (height>=850px) and (width>=750px){.play-area{margin-top:45px}.pictures,.blocks,.big-illustration{height:170px}.equation{margin-top:22px}.controls{margin-top:25px}.keypad button{height:61px}.keypad{grid-template-columns:repeat(3,84px);gap:12px}.buddy{width:165px;top:135px}}@media (width<=950px){.buddy{width:100px;top:55px;left:0}.buddy-bubble{padding:8px 12px;font-size:12px;left:10px}.challenge{max-width:650px}.spark-one{left:13%}}@media (width<=650px){.game{padding:14px 14px 65px}.game-header{gap:10px}.grade-button{border-radius:17px;gap:6px;height:47px;padding:0 10px;font-size:13px}.grade-button>span:first-child{font-size:22px}.help-button{border-radius:15px;flex-shrink:0;width:43px;height:45px;font-size:20px}.trail{border-width:2px;gap:3px;padding:8px 9px}.trail-star{font-size:21px}.chevron{display:none}.play-area{margin-top:25px}.challenge-label{font-size:12px}.challenge h1{font-size:27px}.buddy{width:64px;top:10px;left:0;transform:rotate(-12deg)}.buddy-bubble{display:none}.pictures{gap:10px;height:120px;padding:2px 4px}.apple{width:32px;height:37px}.apple-group{gap:4px;max-width:184px}.picture-plus{font-size:27px}.blocks{gap:10px;height:120px}.block-group{gap:4px;max-width:140px}.block-side{gap:9px}.ten i,.ones i{width:7px;height:6px}.ones{gap:2px;max-width:31px}.block-op{font-size:24px}.big-illustration{height:120px;font-size:82px}.equation{gap:10px;min-height:76px;margin-top:12px}.equation label{letter-spacing:0;font-size:34px}.equation label>span{margin-left:1px}.equation input{border-radius:20px;width:86px;height:72px;font-size:33px}.answer-tick{font-size:22px;right:5px}.feedback{height:31px;margin-top:13px;font-size:17px}.controls{align-items:center;gap:17px;margin-top:8px}.keypad{grid-template-columns:repeat(3,59px);gap:9px}.keypad button{border-radius:14px;height:48px;font-size:24px}.hint-button,.go-button{border-radius:18px;width:54px;height:54px;font-size:27px}.go-button{font-size:33px}.hint-panel{max-width:320px;margin-bottom:12px;padding:8px 12px;font-size:14px}.cloud-one{left:-110px}.cloud-two{right:-105px}.sky-spark{display:none}.ground-flower{font-size:26px;bottom:6px}.flower-two{font-size:31px;bottom:8px}.completion{margin-top:50px}.trophy{font-size:110px}.completion h1{font-size:42px}.reward-stars{font-size:43px}.finish-buttons{gap:12px}.replay,.next-grade{padding:16px;font-size:16px}.grade-picker{padding:35px 15px}.grade-picker h2{font-size:25px}.grade-options{gap:14px}.grade-options button{min-width:84px}.hill{bottom:-145px}.hill.near{bottom:-150px}}@media (width<=370px){.game{padding-left:8px;padding-right:8px}.trail{gap:0;padding:8px}.trail-star{font-size:18px}.grade-button{font-size:12px}.controls{gap:12px}.keypad{grid-template-columns:repeat(3,55px)}.hint-button,.go-button{width:47px;height:49px}.equation label{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.challenge{animation:.42s cubic-bezier(.22,1,.36,1) both question-arrive}.challenge .pictures,.challenge .blocks,.challenge .big-illustration{animation:.48s cubic-bezier(.22,1,.36,1) 70ms both picture-arrive}.challenge .equation{animation:.42s cubic-bezier(.22,1,.36,1) .14s both question-arrive}.challenge .controls{animation:.4s cubic-bezier(.22,1,.36,1) .2s both question-arrive}.completion{animation:.6s cubic-bezier(.22,1,.36,1) both question-arrive}@keyframes question-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes picture-arrive{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.apple,.ten,.ones>i{transform-origin:50% 90%;animation:.64s linear both object-spring;animation-delay:calc(80ms + var(--item,0)*55ms)}.challenge .big-illustration{transform-origin:50% 85%;animation:.75s linear 80ms both object-spring}@keyframes object-spring{0%{opacity:0;transform:translateY(25px)scale(.35)rotate(-12deg)}28%{opacity:var(--object-opacity,1);transform:translateY(-9px)scale(1.13)rotate(5deg)}48%{transform:translateY(3px)scale(.94)rotate(-3deg)}68%{transform:translateY(-2px)scale(1.04)rotate(1deg)}85%{transform:translateY(1px)scale(.99)rotate(-.5deg)}to{opacity:var(--object-opacity,1);transform:translateY(0)scale(1)rotate(0)}}