/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.grow{flex-grow:1}}:root{--ink:#19223c;--orange:#ff873e;--yellow:#ffd84e;--purple:#6b55d8;--green:#34b990}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fffdf8;margin:0;font-family:Trebuchet MS,Avenir Next,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}header{z-index:5;background:#fff;border-bottom:1px solid #eee8df;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,7vw,108px);display:flex;position:relative}.brand{color:inherit;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:21px;font-weight:900;display:flex}.brand i{background:var(--yellow);color:#815d00;border-radius:12px;place-items:center;width:36px;height:36px;font-style:normal;display:grid;transform:rotate(-7deg)}.brand b{color:var(--orange)}nav{gap:34px;display:flex}nav button,.sectionTitle>button{color:#596277;background:0 0;border:0;font-weight:800}nav button:hover{color:var(--orange)}.free{color:#178365;background:#e7faf4;border-radius:99px;padding:10px 17px;font-size:13px;font-weight:900}.hero{background:radial-gradient(circle at 84% 5%,#ffefbc,#0000 28%),linear-gradient(135deg,#fffdf7,#fff8e8);grid-template-columns:1.08fr .92fr;align-items:center;min-height:575px;padding:55px clamp(26px,8vw,130px) 70px;display:grid;overflow:hidden}.copy{max-width:620px}.eyebrow{color:#a56500;letter-spacing:1.4px;background:#fff0c2;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:900;display:inline-block}.hero h1{letter-spacing:-4px;margin:20px 0;font-size:clamp(52px,6vw,82px);line-height:.98}.hero h1 em{color:var(--orange);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--yellow);border-radius:50%;height:7px;position:absolute;bottom:-8px;left:2px;right:0;transform:rotate(-2deg)}.copy>p{color:#646c7e;max-width:560px;font-size:19px;line-height:1.7}.actions{gap:13px;margin:29px 0 24px;display:flex}.actions button{border-radius:15px;padding:16px 22px;font-weight:900}.primary{background:var(--orange);color:#fff;border:0;box-shadow:0 7px #d86726}.primary:hover{transform:translateY(2px);box-shadow:0 5px #d86726}.secondary{color:var(--ink);background:#fff;border:2px solid #e5ddd1}.trust{color:#687183;font-size:13px;font-weight:800}.visual{place-items:center;height:420px;display:grid;position:relative}.mascot{background:linear-gradient(145deg,#ffa253,#ff7549);border-radius:42% 58% 48% 52%/54% 45% 55% 46%;width:250px;height:250px;animation:3.5s ease-in-out infinite float;position:relative;box-shadow:0 24px 55px #e9803f4a}.mascot>span{color:#fff2ad;font-size:54px;position:absolute;top:25px;left:96px}.eyes{letter-spacing:5px;font-size:23px;position:absolute;top:105px;left:67px}.smile{font:64px Arial;position:absolute;top:126px;left:90px}.tile{border-radius:19px;place-items:center;width:62px;height:62px;font-size:30px;font-weight:900;display:grid;position:absolute;box-shadow:0 12px 24px #28365725}.one{color:#fff;background:#6754d6;top:6%;left:5%;transform:rotate(-12deg)}.two{color:#fff;background:#43bd98;top:15%;right:8%;transform:rotate(14deg)}.three{color:#725500;background:var(--yellow);bottom:13%;left:9%;transform:rotate(8deg)}.bubble{background:#fff;border-radius:20px 20px 20px 4px;padding:16px 21px;position:absolute;bottom:14px;right:2%;transform:rotate(3deg);box-shadow:0 12px 32px #59472022}@keyframes float{50%{transform:translateY(-13px)rotate(3deg)}}.skills,.adventures{padding:72px clamp(26px,8vw,130px)}.skills{background:#fff}.sectionTitle{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.sectionTitle h2{letter-spacing:-1px;margin:9px 0 0;font-size:34px}.sectionTitle>button{color:var(--purple)}.skillGrid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.skill{text-align:left;background:#fff;border:1px solid #eee7dd;border-radius:20px;align-items:center;gap:13px;min-height:108px;padding:17px;transition:all .2s;display:flex;box-shadow:0 7px 20px #55482f0d}.skill:hover{transform:translateY(-5px);box-shadow:0 14px 28px #55482f1a}.skill>i{border-radius:16px;place-items:center;min-width:53px;height:53px;font-size:30px;font-style:normal;font-weight:900;display:grid}.skill b,.skill small{display:block}.skill small{color:#8c93a1;margin-top:5px}.skill strong{color:#adb2bd;margin-left:auto}.skill.orange i{color:#e96f28;background:#fff0e4}.skill.blue i{color:#2785c6;background:#e8f5ff}.skill.purple i{color:#6651d4;background:#eeeaff}.skill.green i{color:#269a78;background:#e5faf3}.adventures{background:#f4f1ff}.violet{color:#6349ce;background:#e9e2ff}.gameGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.game{color:#fff;text-align:left;border:0;border-radius:25px;flex-direction:column;align-items:flex-start;min-height:330px;padding:27px;transition:all .2s;display:flex;box-shadow:0 12px 25px #42366c32}.game:hover{transform:scale(1.02)}.game.space{background:linear-gradient(145deg,#6853d8,#41349c)}.game.jungle{background:linear-gradient(145deg,#2aaa82,#11725c)}.game.ocean{background:linear-gradient(145deg,#3ca6e4,#226ab5)}.game>span{filter:drop-shadow(0 8px 8px #18244855);align-self:center;margin:3px 0 11px;font-size:72px}.game small{letter-spacing:1.2px;background:#ffffff25;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:900}.game>b{margin:12px 0 0;font-size:25px}.game p{color:#fffc;margin:6px 0}.game i{margin-top:auto;font-style:normal;font-weight:900}.grown{background:#eafaf4;border-radius:28px;grid-template-columns:auto 1.5fr 1fr;align-items:center;gap:30px;margin:70px clamp(26px,8vw,130px);padding:38px 45px;display:grid}.heart{color:#27a37f;background:#c8f2e4;border-radius:50%;place-items:center;width:72px;height:72px;font-size:34px;display:grid}.mint{color:#208269;background:#cef2e6}.grown h2{margin:8px 0;font-size:29px}.grown p{color:#65736f;margin:0;line-height:1.6}.promise{background:#fff;border-radius:18px;flex-direction:column;gap:9px;padding:20px;display:flex}.promise span{color:#5f6d68;font-size:13px}.play{background:radial-gradient(circle at 76% 12%,#ffefb8,#0000 30%),#fffaf0;min-height:calc(100vh - 78px);padding:35px clamp(26px,12vw,190px) 80px}.play.game{background:radial-gradient(circle at 10% 25%,#765ee522,#0000 30%),radial-gradient(circle at 90% 10%,#ffc64155,#0000 25%),#f6f3ff}.back{color:#697183;background:0 0;border:0;margin-bottom:25px;font-weight:800}.playHead{justify-content:space-between;align-items:end;display:flex}.playHead h1{letter-spacing:-2px;margin:10px 0;font-size:clamp(35px,5vw,58px)}.score{gap:10px;display:flex}.score span{background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 5px 18px #51412912}.score b{margin-left:6px}.levels{align-items:center;gap:8px;margin:18px 0;display:flex}.levels>b{color:#777f8e;margin-right:5px;font-size:13px}.levels button{background:#fff;border:1px solid #ded8cb;border-radius:99px;padding:8px 13px;font-size:13px;font-weight:800}.levels button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.progress{background:#fff;border-radius:20px;height:10px;margin:25px 0 32px;position:relative;box-shadow:inset 0 1px 3px #3332}.progress i{background:linear-gradient(90deg,var(--orange),var(--yellow));border-radius:20px;height:100%;transition:all .4s;display:block}.progress span{color:#7c8390;font-size:12px;font-weight:900;position:absolute;top:-25px;right:0}.question{text-align:center;background:#fff;border:1px solid #eee5d8;border-radius:30px;max-width:710px;margin:auto;padding:35px 45px;box-shadow:0 20px 50px #5d493014}.question>p{color:#7b8290;font-weight:800}.equation{justify-content:center;align-items:center;gap:24px;margin:26px 0;font-size:clamp(45px,8vw,76px);font-weight:900;display:flex}.equation i{color:var(--orange);font-style:normal}.equation strong{color:#d18900;background:#fff2c7;border-radius:22px;place-items:center;width:90px;height:90px;display:grid}.question label{color:#6f7785;margin-bottom:10px;font-size:13px;font-weight:800;display:block}.question form>div{justify-content:center;gap:10px;display:flex}.question input{text-align:center;border:2px solid #d9d3c8;border-radius:14px;outline:0;width:135px;padding:13px;font-size:25px;font-weight:900}.question input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff8a3d20}.question form button,.feedback button{background:var(--orange);color:#fff;border:0;border-radius:14px;padding:13px 22px;font-weight:900}.feedback{border-radius:18px;justify-content:space-between;align-items:center;gap:15px;padding:19px;display:flex}.feedback.correct{color:#19795e;background:#e4f9f1}.feedback.wrong{color:#ad4e27;background:#fff0e8}.hintBtn{color:#6a57c1;background:0 0;border:0;margin-top:20px;font-weight:800}.hint{color:#63549c;background:#f2efff;border-radius:13px;max-width:500px;margin:14px auto 0;padding:13px}.switch{color:#717988;justify-content:center;align-items:center;gap:9px;margin-top:25px;font-size:13px;font-weight:800;display:flex}.switch button{background:#fff;border:1px solid #e0d9cd;border-radius:11px;width:40px;height:40px;font-size:21px;font-weight:900}.switch button.active{color:#fff;border-color:var(--purple);background:var(--purple)}footer{color:#cbd1dd;background:#19223c;justify-content:space-between;align-items:center;padding:36px clamp(26px,8vw,130px);font-size:12px;display:flex}footer .brand{color:#fff;font-size:17px}footer .brand i{width:30px;height:30px}footer p{margin:0}@media (width<=900px){nav{display:none}.hero{text-align:center;grid-template-columns:1fr}.copy{margin:auto}.copy>p{margin-inline:auto}.actions{justify-content:center}.visual{height:350px}.skillGrid{grid-template-columns:1fr 1fr}.gameGrid{grid-template-columns:1fr}.game{min-height:300px}.grown{grid-template-columns:auto 1fr}.promise{grid-column:1/-1}.play{padding-inline:5vw}.playHead{align-items:flex-start;gap:15px}.score{flex-direction:column}}@media (width<=570px){header{height:68px}.free{padding:10px;font-size:0}.free:after{content:"100% Free";font-size:12px}.hero{padding-top:40px}.hero h1{letter-spacing:-2px;font-size:49px}.actions{flex-direction:column}.visual{height:315px}.mascot{width:205px;height:205px}.mascot>span{left:75px}.eyes{top:87px;left:51px}.smile{top:99px;left:72px}.skillGrid{grid-template-columns:1fr}.sectionTitle{align-items:flex-start}.sectionTitle>button{display:none}.skills,.adventures{padding-block:50px}.grown{grid-template-columns:1fr;margin:40px 20px;padding:28px 23px}.heart{display:none}.playHead{display:block}.score{flex-direction:row;margin-top:12px}.question{padding:27px 18px}.equation{gap:13px}.equation strong{width:70px;height:70px}.question form>div{flex-direction:column}.question input{width:100%}.feedback{flex-direction:column}.switch>span{display:none}footer{text-align:center;flex-direction:column;gap:18px}}.playableNote{text-align:center;color:#7565bc;margin:28px 0 0;font-weight:800}.arcade{background:#fff;border-radius:30px;grid-template-columns:1.1fr .9fr;max-width:900px;min-height:430px;margin:auto;display:grid;overflow:hidden;box-shadow:0 22px 55px #392d7028}.gameScene{background:linear-gradient(#282167,#6656d6 68%,#a89df0);flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.multiplication .gameScene{background:linear-gradient(#72d6b2,#2a9b70 65%,#176346)}.division .gameScene{background:linear-gradient(#4ac5e8,#1975ba 65%,#0b477d)}.subtraction .gameScene{background:linear-gradient(#88c9f0,#7c83d5 66%,#5d589c)}.sceneStars{color:#fff9b5;letter-spacing:12px;opacity:.85;font-size:22px;position:absolute;top:22px}.gameHero{filter:drop-shadow(0 16px 10px #15224666);font-size:115px;animation:2.2s ease-in-out infinite heroBob}.gameHero.celebrate{animation:.55s ease-in-out infinite celebrate}.sceneGround{white-space:nowrap;font-size:33px;position:absolute;bottom:25px}.arcadePanel{text-align:center;flex-direction:column;justify-content:center;padding:38px 32px;display:flex}.arcadePanel>p{color:#687184;max-width:300px;margin:0 auto 20px;font-weight:800;line-height:1.5}.miniEquation{color:var(--ink);margin:0 0 25px;font-size:42px;font-weight:900}.answerChoices{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.answerChoices button{color:#5743be;background:#f0ecff;border:0;border-radius:18px;min-height:72px;font-size:27px;font-weight:900;transition:all .15s;box-shadow:0 5px #d7cff5}.answerChoices button:hover{color:#fff;background:var(--purple);transform:translateY(2px);box-shadow:0 3px #4333a1}.win span{font-size:62px}.win h2{margin:8px 0}.win p{color:#687184}.win button{background:var(--orange);color:#fff;border:0;border-radius:14px;padding:13px 24px;font-weight:900}@keyframes heroBob{50%{transform:translateY(-13px)rotate(4deg)}}@keyframes celebrate{50%{transform:scale(1.18)rotate(10deg)}}@media (width<=720px){.arcade{grid-template-columns:1fr}.gameScene{min-height:260px}.gameHero{font-size:85px}.arcadePanel{padding:28px 20px}.miniEquation{font-size:36px}.answerChoices button{min-height:62px}}.logoBrand{justify-content:flex-start;width:235px;height:72px;overflow:visible}.logoBrand img{object-fit:contain;object-position:left center;width:220px;height:72px;display:block}.footerLogo{width:190px;height:76px}.footerLogo img{object-fit:contain;filter:drop-shadow(0 4px 8px #0004);width:190px;height:76px;display:block}@media (width<=570px){.logoBrand{width:160px;height:62px}.logoBrand img{width:155px;height:62px}.footerLogo,.footerLogo img{width:175px;height:72px}}.practiceSetup{background:#fff;border:1px solid #e7ded1;border-radius:24px;grid-template-columns:1.15fr 1.5fr .85fr;gap:18px;margin:22px 0 30px;padding:24px;display:grid;box-shadow:0 10px 30px #5d49300f}.setupGroup>b{color:#596274;margin-bottom:11px;font-size:13px;display:block}.operationOptions,.numberOptions,.timeOptions{flex-wrap:wrap;gap:7px;display:flex}.operationOptions button,.timeOptions button,.numberOptions button{color:#566074;background:#fff;border:1px solid #ded8cd;font-weight:800;transition:all .15s}.operationOptions button{border-radius:12px;padding:9px 11px;font-size:12px}.operationOptions i{color:var(--orange);margin-right:6px;font-size:17px;font-style:normal}.numberOptions button{border-radius:11px;width:38px;height:38px}.timeOptions button{border-radius:12px;padding:10px 12px;font-size:12px}.operationOptions button:hover,.numberOptions button:hover,.timeOptions button:hover{border-color:#aa9be9;transform:translateY(-2px)}.operationOptions button.active,.numberOptions button.active,.timeOptions button.active{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 4px #4936aa}.operationOptions button.active i{color:#fff}.setupSummary{color:#655b8b;background:#f4f1ff;border-radius:13px;grid-column:1/-1;margin:2px 0 -2px;padding:12px 15px;font-size:13px}.timer{color:#3e8e78}.timer.urgent{color:#c2462d;background:#fff0e9;animation:.7s ease-in-out infinite timerPulse}.score .timer b{font-size:17px}@keyframes timerPulse{50%{transform:scale(1.06)}}@media (width<=1000px){.practiceSetup{grid-template-columns:1fr 1fr}.setupGroup:last-of-type{grid-column:1/-1}}@media (width<=650px){.practiceSetup{grid-template-columns:1fr;padding:18px}.setupGroup:last-of-type{grid-column:auto}.operationOptions button{flex:44%}.timeOptions button{flex:1}.numberOptions button{width:calc(16.66% - 6px)}.setupSummary{grid-column:auto}.score{flex-wrap:wrap}.score span{padding:9px 10px}}
