:root{--turquoise:#00bfa5;--yellow:#ffc75f;--mint:#9bdeac;--purple:#845ec2;--ink:#25304a;--muted:#6c7893;--cream:#fffaf0;--card:#ffffff;--danger:#e85d75;--shadow:0 9px 0 rgba(62,74,104,.13);--font-display:"Trebuchet MS","Arial Rounded MT Bold",sans-serif;--font-body:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:var(--font-body),sans-serif;background:radial-gradient(circle at 12% 8%,rgba(255,199,95,.28),transparent 24rem),radial-gradient(circle at 92% 18%,rgba(0,201,167,.2),transparent 28rem),var(--cream);min-height:100vh}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.brand,h1,h2,h3{font-family:var(--font-display),sans-serif;margin-top:0}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{min-height:74px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.nav-btn-text-short{display:none}.nav-btn-text-full{display:inline}.brand{font-size:1.55rem;font-weight:700;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-logo{width:44px;height:44px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 4px rgba(47,63,88,.14))}.brand-back{font-family:var(--font-body);font-size:1.35rem;color:var(--muted);margin-right:-4px}.nav-actions{display:flex;gap:12px;flex-wrap:wrap}.btn,.nav-actions{align-items:center}.btn{border:0;border-radius:16px;min-height:48px;padding:11px 20px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s;background:#fff;color:var(--ink);box-shadow:0 5px 0 #dce1e8}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #dce1e8}.btn-primary{background:var(--turquoise);color:white;box-shadow:0 6px 0 #008f7a}.btn-purple{background:var(--purple);color:white;box-shadow:0 6px 0 #63449d}.btn-yellow{background:var(--yellow);box-shadow:0 6px 0 #dca63f}.btn-danger{background:#fff0f2;color:#b83752;box-shadow:0 5px 0 #f1c6cf}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;padding:48px 0 90px}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;gap:8px;border-radius:999px;padding:8px 13px;background:#fff;color:#077d6d;font-weight:900;border:2px solid #c9f4eb}.hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.045em;margin:22px 0}.hero h1 span{color:var(--purple)}.hero p{font-size:1.22rem;color:var(--muted);max-width:590px;line-height:1.65}.hero-art{min-height:490px;position:relative;display:grid;place-items:center}.hero-logo-wrap{width:min(440px,85vw);aspect-ratio:1;display:grid;place-items:center;position:relative}.hero-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(70,89,108,.2));animation:float 4s ease-in-out infinite}.float-card{position:absolute;border-radius:20px;background:#fff;padding:13px 18px;font-weight:900;box-shadow:var(--shadow);animation:float 3.2s ease-in-out infinite}.float-card.one{top:8%;left:0;transform:rotate(-6deg)}.float-card.two{right:0;top:25%;animation-delay:.6s}.float-card.three{left:5%;bottom:10%;animation-delay:1.1s}.float-card-turquoise{background:#e3fbf5;color:#077d6d;border:2px solid #b6f0e2}.float-card-yellow{background:#fff6da;color:#8a5c00;border:2px solid #ffe6a1}.float-card-purple{background:#f2edfb;color:#5e3e94;border:2px solid #ddccf5}@keyframes float{50%{translate:0 -9px}}.btn-kid-cta{font-size:1.35rem;padding:18px 34px;border-radius:20px;box-shadow:0 8px 0 #008f7a,0 0 0 8px rgba(0,191,165,.16);animation:cta-pulse 2.2s ease-in-out infinite}.btn-kid-cta:hover{animation-play-state:paused}@keyframes cta-pulse{0%,to{box-shadow:0 8px 0 #008f7a,0 0 0 0 rgba(0,191,165,.28)}50%{box-shadow:0 8px 0 #008f7a,0 0 0 12px rgba(0,191,165,0)}}.hero-fade-in{opacity:0;animation:fade-up .6s ease-out forwards}.hero-fade-in-1{animation-delay:.1s}.hero-fade-in-2{animation-delay:.2s}.hero-fade-in-3{animation-delay:.32s}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.auth-card{width:min(520px,100%);background:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow);border:1px solid #eef0f5}.auth-card h1{font-size:2.2rem;margin-bottom:8px}.age-gate-shell{background:radial-gradient(circle at 20% 15%,rgba(0,191,165,.2),transparent 25rem),radial-gradient(circle at 85% 80%,rgba(132,94,194,.18),transparent 24rem),var(--cream)}.age-gate-card{text-align:center}.age-gate-card .brand{justify-content:flex-start;text-align:left}.age-gate-icon{width:92px;height:92px;margin:24px auto 14px;display:grid;place-items:center;border-radius:28px;background:#fff2c9;font-size:3.3rem;box-shadow:0 7px 0 #ead38b}.age-gate-card h1{margin:14px 0 8px}.age-gate-card .form{text-align:left}.age-date-input{font-size:1.1rem}.privacy-note{margin:0;padding:10px 12px;border-radius:12px;background:#eef9f6;color:#087057;font-size:.9rem;font-weight:800;line-height:1.4}.kid-notice{display:flex;gap:14px;align-items:flex-start;text-align:left;margin:18px 0;padding:16px;border-radius:18px;background:#fff6da;border:2px dashed #f3d27d}.kid-notice-emoji{font-size:2.2rem;line-height:1;flex:0 0 auto;animation:mascot-bob 1.6s ease-in-out infinite}.kid-notice strong{display:block;font-size:1.05rem;margin-bottom:4px}.kid-notice p{margin:0;color:#8a5c00;font-weight:700;line-height:1.4}.child-picker{width:min(650px,100%)}.child-picker-list{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.child-choice{width:100%;display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:16px;border:2px solid #e7ecf1;border-radius:20px;background:#fbfffe;color:var(--ink);cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s;animation:fade-up .5s ease-out both}.child-choice:focus-visible,.child-choice:hover{transform:translateY(-3px) scale(1.015);border-color:var(--turquoise);box-shadow:0 6px 0 rgba(0,191,165,.18);outline:none}.child-choice:hover .child-choice-avatar{animation:mascot-bob .6s ease-in-out infinite}.child-choice:active{transform:translateY(1px) scale(1)}.child-choice-avatar{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:2rem;background:#e8fbf6}.child-choice-color-0 .child-choice-avatar{background:#e3fbf5}.child-choice-color-1 .child-choice-avatar{background:#f2edfb}.child-choice-color-2 .child-choice-avatar{background:#fff6da}.child-choice-color-3 .child-choice-avatar{background:#e6f7ec}.child-choice-color-0:focus-visible,.child-choice-color-0:hover{border-color:var(--turquoise)}.child-choice-color-1:focus-visible,.child-choice-color-1:hover{border-color:var(--purple);box-shadow:0 6px 0 rgba(132,94,194,.18)}.child-choice-color-2:focus-visible,.child-choice-color-2:hover{border-color:var(--yellow);box-shadow:0 6px 0 rgba(255,199,95,.25)}.child-choice-color-3:focus-visible,.child-choice-color-3:hover{border-color:var(--mint);box-shadow:0 6px 0 rgba(155,222,172,.3)}.panel-child-card{border-radius:22px;padding:16px;margin-bottom:12px;background:#f8fbff;border-left:5px solid #e5e8ef;animation:fade-up .35s ease-out both}.panel-child-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;flex:0 0 auto}.panel-child-card-color-0{border-left-color:var(--turquoise)}.panel-child-card-color-0 .panel-child-avatar{background:#e3fbf5}.panel-child-card-color-1{border-left-color:var(--purple)}.panel-child-card-color-1 .panel-child-avatar{background:#f2edfb}.panel-child-card-color-2{border-left-color:var(--yellow)}.panel-child-card-color-2 .panel-child-avatar{background:#fff6da}.panel-child-card-color-3{border-left-color:var(--mint)}.panel-child-card-color-3 .panel-child-avatar{background:#e6f7ec}.child-choice-info{display:grid;grid-gap:4px;gap:4px}.child-choice-info strong{font-family:var(--font-display);font-size:1.3rem}.child-choice-info span{color:var(--muted);font-weight:700}.child-picker-actions{justify-content:space-between;margin-top:24px}.delete-profile{margin-top:18px;border-top:1px solid #e7ecf1;padding-top:14px}.delete-profile summary{color:#b83752;font-weight:900;cursor:pointer;width:max-content}.delete-profile[open] summary{margin-bottom:10px}.reset-profile{margin-top:18px;border-top:1px solid #e7ecf1;padding-top:14px}.reset-profile summary{color:#865b00;font-weight:900;cursor:pointer;width:max-content}.reset-profile[open] summary{margin-bottom:10px}.muted{color:var(--muted)}.form{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.field{display:grid;grid-gap:7px;gap:7px;font-weight:800}.input{width:100%;min-height:52px;border:2px solid #e5e8ef;border-radius:14px;padding:10px 14px;outline:0;background:#fbfcff}.input:focus{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(0,191,165,.12)}.password-field{position:relative;display:flex}.password-field .input{padding-right:48px}.password-toggle{position:absolute;right:6px;top:50%;translate:0 -50%;border:0;background:transparent;font-size:1.2rem;padding:8px;min-height:auto;cursor:pointer;line-height:1;box-shadow:none}.password-toggle:hover{transform:translateY(-50%) scale(1.1)}.password-toggle:active{transform:translateY(-50%) scale(.95)}.field-hint{font-weight:600;font-size:.82rem;color:var(--muted)}.role-picker{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.role-picker-input{position:absolute;opacity:0;pointer-events:none}.role-picker-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:2px solid #e5e8ef;border-radius:16px;background:#fbfcff;cursor:pointer;font-weight:800;text-align:center;transition:border-color .15s,background .15s,transform .15s}.role-picker-option span{font-size:1.8rem}.role-picker-option:hover{transform:translateY(-2px)}.role-picker-input:checked+.role-picker-option{border-color:var(--turquoise);background:#e3fbf5;color:#077d6d}.role-picker-input:focus-visible+.role-picker-option{outline:3px solid rgba(0,191,165,.4);outline-offset:2px}.grade-picker{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.grade-picker-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;border:3px solid #e5e8ef;border-radius:20px;background:#fbfcff;cursor:pointer;font-weight:900;font-size:1.05rem;text-align:center;box-shadow:0 5px 0 #e5e8ef;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.grade-picker-emoji{font-size:2.4rem;line-height:1}.grade-picker-input{position:absolute;opacity:0;pointer-events:none}.grade-picker-option:hover{transform:translateY(-3px)}.grade-picker-option:active{transform:translateY(2px)}.grade-picker-option[data-selected=true]{border-color:var(--turquoise);background:#e3fbf5;color:#077d6d;box-shadow:0 5px 0 #7fe0cf}.grade-picker-option:has(.grade-picker-input:focus-visible){outline:3px solid rgba(0,191,165,.4);outline-offset:2px}.error{background:#fff0f2;color:#aa2c47;animation:shake .35s ease both}.error,.success{border-radius:12px;padding:10px 13px;font-weight:800}.success{background:#e8fbf2;color:#087057;animation:correct-reveal .45s cubic-bezier(.2,.9,.2,1.25) both}.auth-error{margin-top:18px}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--muted);font-weight:800;font-size:.9rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:#e5e8ef}.google-login{width:100%;border:2px solid #e5e8ef;box-shadow:0 5px 0 #dce1e8}.google-login:focus-visible,.google-login:hover{border-color:#b8c5db;outline:none}.google-mark{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font:900 1rem/1 var(--font-body);box-shadow:inset 0 0 0 3px #fff}.google-popup-wrap{min-height:44px;display:grid;place-items:center;grid-gap:10px;gap:10px}.google-popup-wrap>div:first-child{width:100%;display:grid;place-items:center}.google-button-pending{pointer-events:none;opacity:.55}.google-error{margin-top:14px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:24px 18px;background:#fff;border-right:1px solid #edf0f4;position:-webkit-sticky;position:sticky;top:0;height:100vh}.desktop-sidebar-body{display:block}.sidebar .desktop-nav{display:grid;grid-gap:7px;gap:7px;margin-top:34px}.nav-link{padding:12px 14px;border-radius:13px;font-weight:900;color:var(--muted);display:flex;gap:10px}.nav-link:hover{background:#f3fbf9;color:#087866}.main{padding:30px clamp(20px,5vw,64px) 60px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-head h1{margin:0;font-size:clamp(2rem,5vw,3.4rem)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:26px}.card,.stat{background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow);border:1px solid #f0f1f5}.stat strong{display:block;font-family:var(--font-display);font-size:2rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.level-map{display:grid;grid-gap:18px;gap:18px;max-width:720px;margin:20px auto}.level-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;grid-gap:18px;gap:18px;background:#fff;padding:18px;border-radius:24px;box-shadow:var(--shadow);position:relative}.level-card:nth-child(2n){translate:48px 0}.level-card.locked{filter:grayscale(.8);opacity:.58}.level-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;font-size:2.2rem;background:#e8fbf6}.stars{color:#f3ad27;letter-spacing:2px;font-size:1.2rem}.game{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#e7fff8,#fff7dd)}.game-home-button{position:fixed;z-index:10;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));min-height:46px;padding:10px 16px;border-radius:15px;display:inline-flex;align-items:center;background:#fff;color:var(--ink);font-weight:900;box-shadow:0 5px 0 #dce1e8;border:1px solid #edf0f4;transition:transform .18s,box-shadow .18s}.game-home-button:hover{transform:translateY(-2px)}.game-home-button:active{transform:translateY(3px);box-shadow:0 2px 0 #dce1e8}.game-restart-button{position:fixed;z-index:10;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-height:46px;padding:10px 16px;border:0;border-radius:15px;background:#fff3d3;color:#865b00;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #e6c66d;transition:transform .18s,box-shadow .18s}.game-restart-button:hover{transform:translateY(-2px)}.game-restart-button:active{transform:translateY(3px);box-shadow:0 2px 0 #e6c66d}.game-card{width:min(680px,100%);text-align:center;background:#fff;border-radius:32px;padding:clamp(24px,5vw,46px);box-shadow:0 18px 0 rgba(80,94,121,.12)}.timer-track{height:14px;border-radius:99px;background:#eef0f4;overflow:hidden;margin:24px 0}.timer-bar{height:100%;background:var(--turquoise);transition:width .1s linear}.timer-bar.timer-critical{animation:timer-pulse .5s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.question{font-family:var(--font-display);font-size:clamp(4rem,12vw,7rem);margin:25px 0}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.answer{min-height:78px;font-size:1.65rem}.answer-correct-reveal,.answer-correct-reveal:disabled{background:#66d98b!important;color:#124c28!important;opacity:1!important;box-shadow:0 7px 0 #35a75d!important;animation:correct-reveal .55s cubic-bezier(.2,.9,.2,1.25) both}.answer-wrong-selected,.answer-wrong-selected:disabled{background:#ffd3db!important;color:#a72d46!important;opacity:1!important;box-shadow:0 7px 0 #e2a8b4!important;animation:shake .35s both}.correct-equation{display:inline-flex;margin:-8px auto 18px;padding:8px 14px;border-radius:999px;background:#ddf8e6;color:#176334;font-weight:900;animation:fade-up .3s both}.practice-next{margin:22px auto 0;min-width:min(300px,100%);animation:fade-up .3s both}.feedback-good{animation:pop .35s ease;background:#dff9e5!important}.feedback-bad{animation:shake .35s ease;background:#fff0f2!important}.result-screen{overflow:hidden;position:relative}.result-card{position:relative;z-index:2;animation:result-enter .55s cubic-bezier(.2,.85,.3,1.15) both}.result-saved{animation:fade-up .4s .1s both}.result-trophy{font-size:5.5rem;line-height:1;margin:20px 0 12px;animation:trophy-pop .7s cubic-bezier(.2,.9,.2,1.3) .12s both}.result-card h1{margin-bottom:10px;font-size:clamp(2rem,6vw,3rem)}.result-message{margin:0 auto 8px;max-width:500px;color:var(--muted);font-size:1.12rem;font-weight:800}.result-stars{display:flex;justify-content:center;gap:8px;margin:14px 0 2px;color:#dce1e8;font-size:clamp(3rem,10vw,5rem);line-height:1}.result-stars span{display:inline-block}.result-stars .earned{color:#f3ad27;filter:drop-shadow(0 5px 0 rgba(220,166,63,.25));animation:star-pop .55s cubic-bezier(.2,.9,.2,1.35) both}.star-caption{display:block;color:#a66c00;margin-bottom:22px}.result-stats{margin:0 0 18px}.result-rewards{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0 24px}.result-rewards span{border-radius:999px;padding:9px 14px;background:#f3fbf9;color:#087866;font-weight:900}.result-actions{justify-content:center}.saving-card{animation:result-enter .35s both}.saving-orbit{display:inline-grid;place-items:center;width:100px;height:100px;border-radius:50%;font-size:3rem;background:#fff8db;margin-bottom:20px;animation:saving-pulse 1s ease-in-out infinite}.confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-8%;width:11px;height:22px;border-radius:3px;animation:confetti-fall 2.1s ease-in forwards}@keyframes result-enter{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes trophy-pop{0%{opacity:0;transform:scale(.25) rotate(-15deg)}70%{transform:scale(1.12) rotate(4deg)}to{opacity:1;transform:scale(1)}}@keyframes star-pop{0%{opacity:0;transform:scale(.15) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes saving-pulse{50%{transform:scale(1.12) rotate(12deg);box-shadow:0 0 0 18px rgba(255,199,95,.14)}}@keyframes confetti-fall{0%{opacity:0;translate:0 -10vh}12%{opacity:1}to{opacity:0;translate:35px 115vh;rotate:540deg}}@keyframes pop{50%{transform:scale(1.04)}}@keyframes shake{25%,75%{transform:translateX(-7px)}50%{transform:translateX(7px)}}@keyframes correct-reveal{0%{transform:scale(.78)}65%{transform:scale(1.08)}to{transform:scale(1)}}.account-gate{max-width:620px;margin:20px auto;text-align:center}.account-gate .nav-actions{justify-content:center}.qr-display,.qr-panel{margin-top:16px}.qr-display{padding:18px;border-radius:20px;background:#f8fbff;display:grid;place-items:center;grid-gap:8px;gap:8px;text-align:center}.qr-display img{border-radius:16px;background:#fff;padding:10px;box-shadow:var(--shadow)}.qr-scanner{margin-top:16px;padding:18px;border-radius:20px;background:#f8fbff}.qr-video-wrap{position:relative;width:min(360px,100%);aspect-ratio:1;margin:0 auto;border-radius:20px;overflow:hidden;background:#000}.qr-video{width:100%;height:100%;object-fit:cover}.qr-frame{position:absolute;inset:14%;border:3px solid var(--turquoise);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.25);pointer-events:none}.shop-item{text-align:center}.shop-emoji{font-size:4rem;display:block;margin-bottom:8px}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:900;background:#eef9f6;color:#087866}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px;border-bottom:1px solid #edf0f4}th{color:var(--muted);font-size:.85rem;text-transform:uppercase}.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin-bottom:28px}.mode-choice{min-height:190px;border-radius:28px;padding:24px;display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:start;color:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;animation:fade-up .4s ease-out both}.mode-choice:first-child{animation-delay:0s}.mode-choice:nth-child(2){animation-delay:.08s}.mode-choice:nth-child(3){animation-delay:.16s}.mode-choice:focus-visible,.mode-choice:hover{transform:translateY(-4px);outline:4px solid rgba(132,94,194,.16)}.mode-choice:focus-visible>span,.mode-choice:hover>span{animation:mascot-bob .6s ease-in-out infinite}.mode-choice>span{font-size:3.5rem;line-height:1}.mode-choice h2{font-size:2rem;margin:4px 0}.mode-choice p{margin:0;line-height:1.5;opacity:.92}.mode-choice small{font-weight:900;letter-spacing:.08em}.mode-choice b{padding:7px 12px;background:rgba(255,255,255,.2)}.mode-choice .suggested-badge,.mode-choice b{grid-column:2;justify-self:start;border-radius:999px}.mode-choice .suggested-badge{margin-bottom:6px;padding:5px 11px;background:var(--yellow);color:#704d05;font-weight:900;font-size:.8rem}.learn-choice{background:linear-gradient(140deg,#00bfa5,#078a78)}.race-choice{background:linear-gradient(140deg,#845ec2,#64439d)}.operation-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 24px}.operation-tab{min-height:82px;padding:12px;display:flex;align-items:center;justify-content:center;gap:9px;border:2px solid #e5e9ef;border-radius:20px;background:#fff;color:var(--muted);cursor:pointer;box-shadow:0 5px 0 #dce1e8}.operation-tab span{font-size:1.7rem}.operation-tab.active{border-color:var(--purple);background:#f5f0ff;color:#64439d;box-shadow:0 5px 0 #cbb9eb}.operation-tabs.compact{margin-top:20px}.operation-learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px;margin:0 0 26px}.operation-learn-card{min-height:125px;display:flex;align-items:center;gap:15px;padding:19px;border:2px solid #e5e9ef;border-radius:24px;background:#fff;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.operation-learn-card:focus-visible,.operation-learn-card:hover{transform:translateY(-3px);border-color:var(--turquoise);outline:none}.operation-learn-card>span{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;background:#eef9f6;font-size:2rem}.operation-learn-card h2{margin:0 0 5px}.operation-learn-card p{margin:0;color:var(--muted);line-height:1.35}.multiplication-lessons-title{margin-top:8px}.operation-learn-card-addition>span{background:#fff4d5}.operation-learn-card-addition:focus-visible,.operation-learn-card-addition:hover{border-color:var(--yellow)}.operation-learn-card-subtraction>span{background:#ffe3ea}.operation-learn-card-subtraction:focus-visible,.operation-learn-card-subtraction:hover{border-color:#ff6f91}.operation-learn-card-division>span{background:#e9e2fb}.operation-learn-card-division:focus-visible,.operation-learn-card-division:hover{border-color:var(--purple)}.learn-progress-bar{width:100%;max-width:720px;margin:0 auto 25px;height:16px;border-radius:99px;background:#e8ebf1;overflow:hidden;box-shadow:inset 0 2px 0 rgba(0,0,0,.04)}.learn-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--turquoise),#5bd8c4);transition:width .4s ease-out}.topic-section{margin-bottom:32px}.topic-section-title{font-size:1.4rem;margin:0 0 14px}.topic-grid .operation-learn-card h2{font-size:1.15rem}.topic-grid .operation-learn-card p{font-size:.9rem}.topic-grid .operation-learn-card{animation:fade-up .35s ease-out both}.topic-grid .operation-learn-card:first-child{animation-delay:0s}.topic-grid .operation-learn-card:nth-child(2){animation-delay:.05s}.topic-grid .operation-learn-card:nth-child(3){animation-delay:.1s}.topic-grid .operation-learn-card:nth-child(4){animation-delay:.15s}.topic-grid .operation-learn-card:nth-child(5){animation-delay:.2s}.topic-grid .operation-learn-card:nth-child(6){animation-delay:.25s}.topic-grid .operation-learn-card:nth-child(7){animation-delay:.3s}.topic-grid .operation-learn-card:nth-child(8){animation-delay:.35s}.topic-grid .operation-learn-card:nth-child(9){animation-delay:.4s}.topic-grid .operation-learn-card:hover>span{animation:mascot-bob .6s ease-in-out infinite}.topic-card-numbers>span{background:#eef9f6}.topic-card-numbers:focus-visible,.topic-card-numbers:hover{border-color:var(--turquoise)}.topic-card-geometry>span{background:#f2edfb}.topic-card-geometry:focus-visible,.topic-card-geometry:hover{border-color:var(--purple)}.topic-card-data>span{background:#fff4d5}.topic-card-data:focus-visible,.topic-card-data:hover{border-color:var(--yellow)}.topic-card-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:5px}.topic-card-heading h2{margin:0}.topic-grade-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:900;white-space:nowrap}.topic-grade-badge-1{background:#ffe3ea;color:#a72d46}.topic-grade-badge-2{background:#e3fbf5;color:#087866}.topic-grade-badge-3{background:#f2edfb;color:#5e3e94}.topic-grade-badge-4{background:#fff6da;color:#865b00}.learning-mascot{position:relative;display:flex;align-items:center;gap:14px;width:min(720px,100%);margin:0 auto 24px;padding:14px 18px;border:2px solid #d9cef1;border-radius:22px;background:#fff;box-shadow:0 6px 0 rgba(132,94,194,.13);transition:border-color .2s,box-shadow .2s}.learning-mascot.is-speaking{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(0,191,165,.18),0 6px 0 rgba(0,191,165,.25)}.mascot-owl{position:relative;flex:0 0 auto;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff2c9;font-size:2.65rem;border:none;cursor:pointer;animation:mascot-bob 2.2s ease-in-out infinite;transition:transform .15s}.mascot-owl:hover{transform:scale(1.08)}.mascot-owl.owl-talking{animation:owl-talk .4s ease-in-out infinite;background:#e0fcf4}.sound-wave-icon{position:absolute;bottom:-2px;right:-2px;font-size:1.1rem;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px rgba(0,0,0,.15)}.learning-mascot strong{color:#6846a1;font-family:var(--font-display)}.learning-mascot p{margin:3px 0 0;font-weight:800;line-height:1.4;color:var(--ink)}.mascot-speak-hint{font-size:.72rem;font-weight:900;color:#00897b;background:#e8fbf6;padding:2px 8px;border-radius:999px}.mascot-close-btn{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;border:none;background:#f0f2f5;color:#6b7280;font-weight:900;font-size:.85rem;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.mascot-close-btn:hover{background:#fee2e2;color:#ef4444;transform:scale(1.1)}.mascot-reopen-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:2px dashed #c4b5fd;background:#fbfaff;color:#6d28d9;font-weight:800;font-size:.88rem;cursor:pointer;transition:background .15s,transform .15s}.mascot-reopen-btn:hover{background:#ede9fe;transform:scale(1.04)}@keyframes mascot-bob{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes owl-talk{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.12) rotate(-4deg)}}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:25px}.lesson-tile{position:relative;display:grid;grid-template-columns:64px 50px 1fr;align-items:center;grid-gap:14px;gap:14px;min-height:150px;padding:20px;border:2px solid #e8ebf1;border-radius:25px;background:#fff;box-shadow:var(--shadow);transition:transform .18s,border-color .18s;animation:fade-up .4s ease-out both}.lesson-tile:focus-visible,.lesson-tile:hover{transform:translateY(-3px);border-color:var(--turquoise);outline:none}.lesson-tile:focus-visible .lesson-object,.lesson-tile:hover .lesson-object{animation:mascot-bob .6s ease-in-out infinite}.lesson-tile.completed{border-color:#9bdeac;background:#f5fff8}.lesson-badge{position:absolute;top:-10px;right:-8px;font-size:1.5rem;filter:drop-shadow(0 2px 0 rgba(0,0,0,.1));animation:mascot-bob 1.4s ease-in-out infinite}.lesson-object{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff4d5;font-size:2.2rem}.lesson-number{font:900 2.5rem/1 var(--font-display);color:var(--purple);text-align:center}.lesson-tile h2{margin:0 0 4px;font-size:1.25rem}.lesson-tile p{margin:0;color:var(--muted);line-height:1.4}.lesson-tile>strong{grid-column:3;color:#087866}.learning-screen{min-height:100vh;padding:20px clamp(14px,4vw,42px) 150px;background:linear-gradient(145deg,#e7fff8,#fff7dd)}.learning-topbar{width:min(980px,100%);margin:0 auto 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:15px;gap:15px}.learning-topbar>.pill{justify-self:end}.learning-stage-dots{display:flex;gap:7px}.learning-stage-dots button{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--muted);font-weight:900;box-shadow:0 3px 0 #dce1e8}.learning-stage-dots button.active{background:var(--purple);color:#fff;box-shadow:0 3px 0 #62429a}.learning-stage-dots button.done{background:var(--mint);color:#176334}.learning-card{width:min(980px,100%);margin:auto;min-height:610px;padding:clamp(22px,4vw,42px);border-radius:32px;background:#fff;box-shadow:0 14px 0 rgba(74,87,111,.12);text-align:center}.stage-content{animation:fade-up .35s ease-out both}.learning-title{display:flex;justify-content:center;align-items:center;gap:14px}.learning-title>span{font-size:3rem}.learning-title small{display:block;color:#087866;font-weight:900;letter-spacing:.08em}.learning-title h1{margin:2px 0;font-size:clamp(2rem,5vw,3.2rem)}.learning-lead{max-width:690px;margin:12px auto 24px;color:var(--muted);font-size:1.08rem;line-height:1.55}.example-progress{display:inline-flex;margin:10px auto 2px;padding:6px 12px;border-radius:999px;background:#fff2c9;color:#805b09;font-weight:900}.group-controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:16px 0}.group-controls label{display:flex;align-items:center;gap:8px;font-weight:900}.group-controls select{min-height:44px;border:2px solid #e5e8ef;border-radius:12px;padding:6px 12px;background:#fff}.object-picker{display:flex;gap:6px;padding:6px;border-radius:16px;background:#f1f4f7}.object-picker button{width:46px;height:46px;border:0;border-radius:11px;background:transparent;font-size:1.5rem;cursor:pointer}.object-picker button.selected{background:#fff;box-shadow:0 3px 0 #d7dce4;transform:translateY(-2px)}.visual-groups{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:12px;margin:22px auto}.object-basket{width:min(170px,calc(50% - 8px));min-height:125px;padding:12px;border:3px dashed #d5dbe5;border-radius:22px 22px 30px 30px;background:#fff9e9;color:var(--ink);cursor:pointer}.object-basket:disabled{opacity:.62;cursor:default}.object-basket.is-counted{border-style:solid;border-color:var(--turquoise);background:#e9fff8;opacity:1}.basket-items{min-height:70px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:2px}.basket-items i{font-style:normal;font-size:1.45rem;animation:item-pop .25s both}.object-basket strong{display:block;margin-top:6px;color:#6846a1}@keyframes item-pop{0%{transform:scale(.3);opacity:0}}.equation-strip{width:max-content;max-width:100%;margin:15px auto;padding:11px 24px;border-radius:999px;background:#f2edfb;color:#5e3e94;font:900 1.4rem/1 var(--font-display)}.learning-next{display:flex;margin:24px auto 0;min-width:min(320px,100%)}.learning-next:disabled{opacity:.45;cursor:not-allowed;transform:none}.rhythm-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:17px;gap:17px;max-width:760px;margin:70px auto 20px;padding:18px;border-radius:28px;background:linear-gradient(#dff5ff,#e8f8db)}.rhythm-track:after{content:"";position:absolute;left:5%;right:5%;top:50%;height:8px;border-radius:99px;background:#d3b081;z-index:0}.rhythm-track button{position:relative;z-index:1;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:var(--muted);font-weight:900;font-size:1.15rem;box-shadow:0 6px 0 #b8c2ce;cursor:pointer}.rhythm-track button.next{outline:5px solid rgba(255,199,95,.45);animation:next-stone 1s ease-in-out infinite}.rhythm-track button.passed{background:var(--mint);color:#176334;box-shadow:0 6px 0 #5eb879}.rhythm-runner{--step:0;position:absolute;z-index:3;top:-52px;left:calc(4% + min(var(--step), 9) * 10.1%);font-size:3rem;transition:left .4s cubic-bezier(.2,.9,.3,1.25);filter:drop-shadow(0 6px 3px rgba(0,0,0,.15))}@keyframes next-stone{50%{transform:scale(1.08)}}.rhythm-sequence{min-height:38px;font:900 1.35rem/1.5 var(--font-display);color:#087866}.trick-card{position:relative;overflow:hidden;max-width:700px;min-height:280px;margin:25px auto;padding:36px;display:grid;place-items:center;align-content:center;border-radius:30px;background:linear-gradient(140deg,#845ec2,#604095);color:#fff;box-shadow:0 10px 0 #4f337e}.trick-card h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:12px}.trick-card p{max-width:590px;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900;line-height:1.5}.trick-sparkle{position:absolute;top:18px;right:22px;font-size:2.4rem;animation:float 2s ease-in-out infinite}.finger-trick{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}.finger-trick span{width:38px;height:52px;padding-top:10px;border-radius:18px 18px 9px 9px;background:#ffcaa7;color:#703e2c;font-weight:900}.finger-trick small{width:100%;margin-top:8px}.magic-zero{margin-top:15px;font:900 4rem/1 var(--font-display)}.magic-zero b{display:inline-block;color:var(--yellow);animation:zero-magic 1.2s ease-in-out infinite}@keyframes zero-magic{50%{transform:scale(1.25) rotate(8deg);filter:drop-shadow(0 0 12px #fff)}}.five-pattern{margin-top:18px;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:900}.trick-example-grid{width:100%;margin-top:22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.trick-example-grid span{min-height:68px;padding:9px 6px;display:grid;place-items:center;align-content:center;border-radius:14px;background:rgba(255,255,255,.15);font-weight:900}.trick-example-grid span b{width:22px;height:22px;margin-bottom:4px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#704d05;font-size:.75rem}.operation-model,.sharing-model{min-height:190px;gap:18px;margin:24px auto;padding:24px;border-radius:28px;background:#f7fbff}.model-group,.model-result,.operation-model,.sharing-model{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.model-group,.model-result{min-width:110px;min-height:90px;padding:15px;gap:3px;border:3px dashed #bfcbe0;border-radius:22px;font-size:2rem;background:#fff}.operation-model>b{font-size:2.2rem;color:var(--purple)}.remove-model{gap:7px;font-size:2.1rem}.remove-model span{transition:opacity .35s,transform .35s}.remove-model span.removed{opacity:.25;transform:translateY(22px) rotate(15deg);filter:grayscale(1)}.sharing-model .model-group{border-color:var(--turquoise);background:#effff9}.model-answer-choices{width:min(620px,100%);margin:20px auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.model-answer{min-height:72px;font-size:1.55rem;background:#fff5d7;box-shadow:0 6px 0 #dfbd62}.model-answer.correct,.model-answer.correct:disabled{opacity:1;background:#67d798;color:#155b35;box-shadow:0 6px 0 #35a75d;animation:correct-reveal .45s both}.model-answer.wrong{background:#fff0f2;color:#a72d46;box-shadow:0 6px 0 #e2a8b4;animation:shake .35s both}.operation-number-track{max-width:720px;margin:55px auto 25px;display:flex;justify-content:center;gap:18px;padding:24px;border-radius:28px;background:linear-gradient(145deg,#e8f8ff,#f0ffe9)}.operation-number-track button{width:82px;height:82px;border:0;border-radius:50%;background:#fff;color:var(--muted);font-size:1.3rem;font-weight:900;box-shadow:0 6px 0 #b8c2ce;cursor:pointer}.operation-number-track button.next{outline:5px solid rgba(255,199,95,.5);animation:next-stone 1s ease-in-out infinite}.operation-number-track button.passed{background:var(--mint);color:#176334;box-shadow:0 6px 0 #5eb879}.flashcard{position:relative;width:min(430px,100%);height:280px;margin:24px auto;border:0;background:transparent;perspective:900px;cursor:pointer;transform-style:preserve-3d}.flashcard>span{position:absolute;inset:0;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;border-radius:30px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .55s;font:900 clamp(3rem,10vw,6rem)/1 var(--font-display);box-shadow:0 12px 0 rgba(70,82,107,.15)}.flashcard small{font:800 .95rem/1.3 var(--font-body)}.flashcard-front{background:linear-gradient(140deg,#fff0b8,#ffc75f);color:#76530a}.flashcard-back{background:linear-gradient(140deg,#bdf2d0,#67d798);color:#155b35}.flashcard-back,.flashcard.flipped .flashcard-front{transform:rotateY(180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(1turn)}.flashcard-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.flashcard-solution{margin:25px auto;padding:18px;border-radius:22px;background:#f5fbfa;border:2px solid #d9f2ec}.lesson-complete{margin:28px auto 0;padding:22px;max-width:620px;border-radius:24px;background:#effff4;border:2px solid #9bdeac;animation:result-enter .45s both}.lesson-complete>span{font-size:3.5rem}.lesson-complete h2{margin:6px 0}.lesson-complete .nav-actions{justify-content:center}.learning-gate{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#e7fff8,#fff7dd)}.learning-gate-card{width:min(720px,100%);padding:clamp(24px,5vw,46px);text-align:center;border-radius:32px;background:#fff;box-shadow:0 14px 0 rgba(74,87,111,.12)}.learning-gate-card .learning-mascot{text-align:left}.gate-icon{font-size:5rem}.learning-gate-card h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0}.learning-gate-card>p{color:var(--muted);font-size:1.1rem;line-height:1.6}.learning-gate-card>.nav-actions{justify-content:center;margin-top:24px}.level-minigames{display:flex;gap:6px;margin-top:2px}.level-minigames .btn{min-height:40px;padding:6px 10px;font-size:1.15rem;flex:1 1}.level-minigames .minigame-btn{min-height:52px;flex-direction:column;gap:2px;font-size:.72rem;font-weight:800}.minigame-btn span{font-size:1.3rem;line-height:1}.locked-hint{color:var(--muted);font-weight:800;font-size:.92rem}.balloon-field{position:relative;min-height:280px;margin-top:18px}.balloon{position:absolute;bottom:0;width:84px;height:100px;border:0;border-radius:50% 50% 46% 46%;color:#fff;font-weight:900;font-size:1.4rem;cursor:pointer;box-shadow:inset 0 -10px 16px rgba(0,0,0,.12),0 8px 14px rgba(37,48,74,.18);animation:balloon-float 3.4s ease-in-out infinite}.balloon:after{content:"";position:absolute;left:50%;bottom:-22px;width:2px;height:22px;background:#c7cedb;transform:translateX(-50%)}.balloon:disabled{cursor:default}.balloon-pop-good{animation:balloon-pop .5s ease both;background:#66d98b!important}.balloon-pop-bad{animation:shake .35s ease;filter:grayscale(.5);opacity:.6}.balloon-correct-reveal{outline:5px solid #66d98b;box-shadow:inset 0 -10px 16px rgba(0,0,0,.12),0 0 0 8px rgba(102,217,139,.35),0 8px 14px rgba(37,48,74,.18)!important;animation:balloon-float 3.4s ease-in-out infinite,correct-reveal .5s cubic-bezier(.2,.9,.2,1.25) both}@keyframes balloon-float{0%,to{translate:0 0 rotate(-3deg)}50%{translate:0 -22px;rotate:3deg}}@keyframes balloon-pop{0%{transform:scale(1)}40%{transform:scale(1.3);opacity:1}to{transform:scale(0);opacity:0}}.runner-track{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:130px;margin:16px 0;padding:18px;border-radius:24px;background:linear-gradient(180deg,#e8f8ff,#fef6da)}.runner-character{font-size:3.4rem;transition:transform .2s}.runner-jump{animation:runner-jump .5s ease}.runner-stumble{animation:shake .4s ease;filter:grayscale(.4)}@keyframes runner-jump{40%{transform:translateY(-24px) rotate(-8deg)}to{transform:translateY(0)}}.runner-question{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.2rem)}.runner-gates{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.runner-gate{min-height:86px;font-size:1.55rem;background:#fff;border:3px solid #e5e9ef;box-shadow:0 6px 0 #dce1e8;transition:transform .15s}.gate-correct,.gate-correct:disabled{background:#66d98b!important;color:#124c28!important;opacity:1!important;border-color:#35a75d}.gate-reveal,.gate-reveal:disabled{background:#ddf8e6!important;opacity:1!important;border-color:#35a75d}.gate-wrong-selected,.gate-wrong-selected:disabled{background:#ffd3db!important;color:#a72d46!important;opacity:1!important;border-color:#e2a8b4;animation:shake .35s both}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.memory-card{position:relative;aspect-ratio:1;border:0;border-radius:18px;background:transparent;perspective:800px;cursor:pointer;animation:fade-up .35s ease-out both}.memory-card>span{position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .4s;font-weight:900;font-size:clamp(1rem,3vw,1.4rem);box-shadow:0 6px 0 rgba(70,82,107,.15)}.memory-card-front{background:linear-gradient(140deg,#00bfa5,#078a78);color:#fff;font-size:1.8rem}.memory-card-back{background:#fff;color:var(--ink);border:2px solid #e5e9ef}.memory-card-back,.memory-card.flipped .memory-card-front{transform:rotateY(180deg)}.memory-card.flipped .memory-card-back{transform:rotateY(1turn)}.memory-card.matched .memory-card-back{background:#e8fbf6;border-color:var(--mint);color:#176334;animation:match-pop .5s cubic-bezier(.2,.9,.2,1.3) both}.memory-card.mismatch .memory-card-back{background:#fff0f2;border-color:var(--danger);color:#aa2c47;animation:shake .35s ease}@keyframes match-pop{0%{transform:rotateY(1turn) scale(1)}45%{transform:rotateY(1turn) scale(1.14)}to{transform:rotateY(1turn) scale(1)}}.memory-card:disabled{cursor:default}.duel-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#f8fbff;margin-bottom:12px;color:var(--ink);border-left:5px solid transparent;animation:fade-up .35s ease-out both}.duel-row:hover{background:#f0f7ff;transform:translateY(-2px)}.duel-row-info{flex:1 1}.duel-row-avatar{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:1.4rem;box-shadow:0 3px 0 rgba(0,0,0,.06)}.duel-row-color-0{border-left-color:var(--turquoise)}.duel-row-color-1{border-left-color:var(--purple)}.duel-row-color-2{border-left-color:var(--yellow)}.duel-row-color-3{border-left-color:var(--mint)}.duel-row-scores{display:grid;grid-gap:2px;gap:2px;text-align:right;font-weight:800;color:var(--muted);font-size:.9rem}.leaderboard-list{display:grid;grid-gap:12px;gap:12px;margin-top:6px}.leaderboard-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:#f8fbff;border-left:5px solid transparent;animation:fade-up .35s ease-out both}.leaderboard-rank{font-size:1.4rem;font-weight:900;width:34px;text-align:center;flex:0 0 auto}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:1.3rem;flex:0 0 auto;box-shadow:0 3px 0 rgba(0,0,0,.06)}.leaderboard-info{flex:1 1;font-weight:800}.leaderboard-stats{display:grid;grid-gap:2px;gap:2px;text-align:right;font-weight:800;color:var(--muted);font-size:.9rem}.leaderboard-row-color-0{border-left-color:var(--turquoise)}.leaderboard-row-color-1{border-left-color:var(--purple)}.leaderboard-row-color-2{border-left-color:var(--yellow)}.leaderboard-row-color-3{border-left-color:var(--mint)}.leaderboard-row-self{background:#effbf8;box-shadow:0 0 0 2px var(--turquoise)}.duel-result-card{text-align:center;animation:result-enter .45s both}.duel-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px}.duel-side{position:relative;padding:18px;border-radius:20px;background:#f8fbff;display:grid;grid-gap:6px;gap:6px;justify-items:center}.duel-side strong{font-family:var(--font-display);font-size:2.4rem}.duel-winner{background:#e8fbf6;box-shadow:0 0 0 3px var(--mint)}.duel-winner-trophy{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:2.2rem;animation:trophy-pop .6s cubic-bezier(.2,.9,.2,1.3) .1s both}.duel-vs-mark{font-family:var(--font-display);font-weight:900;color:var(--purple);font-size:1.3rem}.duel-turn-banners{display:grid;grid-gap:14px;gap:14px;margin-bottom:26px}.duel-turn-banner{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:22px 26px;border-radius:26px;background:linear-gradient(140deg,#845ec2,#5f3f9c);color:#fff;box-shadow:0 10px 0 #4f337e;transition:transform .15s}.duel-turn-banner:focus-visible,.duel-turn-banner:hover{transform:translateY(-3px);outline:none}.duel-turn-banner-emoji{font-size:3rem;line-height:1}.duel-turn-banner-title{font-family:var(--font-display);font-weight:900;font-size:1.5rem}.duel-turn-banner-sub{font-weight:800;opacity:.92;margin-top:2px}.duel-turn-banner-cta{margin-left:auto;font-family:var(--font-display);font-weight:900;font-size:1.1rem;background:rgba(255,255,255,.2);padding:10px 18px;border-radius:999px;white-space:nowrap}.clock-card{display:grid;justify-items:center;grid-gap:14px;gap:14px;text-align:center}.game-instruction{font-size:1.3rem;font-weight:800;margin:0}.clock-face{touch-action:none}.clock-face-ring{fill:#fff;stroke:#e5e9ef;stroke-width:4}.clock-tick{fill:#b7bfd1}.clock-number{font:900 15px var(--font-display);fill:#3e4a68}.clock-hand{stroke-linecap:round}.clock-hand-hour{stroke:#3e4a68;stroke-width:8}.clock-hand-minute{stroke:var(--turquoise);stroke-width:6}.clock-hand-grip{pointer-events:all;cursor:-webkit-grab;cursor:grab;touch-action:none;stroke-width:3;transition:r .15s}.clock-hand-grip:active{cursor:-webkit-grabbing;cursor:grabbing;r:18}.clock-hand-grip-hour{fill:#3e4a68;stroke:#fff}.clock-hand-grip-minute{fill:var(--turquoise);stroke:#fff}.clock-center{fill:#3e4a68}.clock-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;width:100%;max-width:360px}.clock-choice{font-size:1.3rem;padding:16px}.clock-choice,.clock-dial-readout{font-family:var(--font-display);font-weight:900}.clock-dial-readout{font-size:1.6rem;color:var(--purple)}.clock-drag-hint{margin:-8px 0 0;font-size:.9rem;color:var(--muted)}.compare-card{display:grid;justify-items:center;grid-gap:16px;gap:16px;text-align:center}.compare-pair{display:flex;align-items:center;gap:20px;font-family:var(--font-display);font-weight:900;font-size:clamp(2.4rem,8vw,3.6rem)}.compare-blank{color:var(--muted)}.compare-symbol-grid{display:flex;gap:14px}.compare-symbol{font-family:var(--font-display);font-size:2rem;font-weight:900;padding:14px 28px}.compare-sort-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;width:100%;max-width:420px}.compare-number-chip{font-weight:900;padding:18px 8px}.compare-number-chip,.compare-sort-progress{font-family:var(--font-display);font-size:1.3rem}.compare-sort-progress{font-weight:800;color:var(--purple);min-height:1.6em}.count-sequence{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.count-number{position:relative;font-family:var(--font-display);font-weight:900;font-size:clamp(1.8rem,6vw,2.6rem);background:#f2f4f8;border-radius:16px;padding:10px 18px}.count-sequence-hop .count-number:not(:last-child):after{content:"🐇";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.count-blank{background:var(--yellow);color:#704d05}.pattern-shape{font-size:clamp(1.6rem,5vw,2.2rem)}.learn-example-card{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center;animation:fade-up .4s ease-out both;transition:transform .2s,box-shadow .2s}.learn-example-card:first-child{animation-delay:0s}.learn-example-card:nth-child(2){animation-delay:.06s}.learn-example-card:nth-child(3){animation-delay:.12s}.learn-example-card:nth-child(4){animation-delay:.18s}.learn-example-card:nth-child(5){animation-delay:.24s}.learn-example-card:nth-child(6){animation-delay:.3s}.learn-example-card:nth-child(7){animation-delay:.36s}.learn-example-card:nth-child(8){animation-delay:.42s}.learn-example-card:hover{transform:translateY(-4px);box-shadow:0 10px 0 rgba(74,87,111,.1)}.learn-tip-card{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(140deg,#fff7e0,#fff1c9);border:2px solid #ffe6a3}.learn-tip-card .learn-tip-emoji{font-size:2.2rem;flex:0 0 auto;animation:mascot-bob 2.4s ease-in-out infinite}.learn-tip-card h2{margin:0 0 6px}.place-value-breakdown{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;font-weight:900}.place-value-chip{border-radius:999px;padding:8px 16px;font-family:var(--font-display);font-weight:900}.place-value-tens{background:#f2edfb;color:#5e3e94}.place-value-ones{background:#e9fff8;color:#087866}.fraction-bar{display:flex;gap:4px;width:100%;max-width:320px;height:64px}.fraction-segment{flex:1 1;border:3px solid var(--purple);border-radius:8px;background:#fff}.fraction-segment-filled{background:var(--purple)}.money-chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.money-chip{font-family:var(--font-display);font-weight:900;padding:10px 16px;border-radius:14px;background:#fff7dd;color:#8a6a12;box-shadow:var(--shadow)}.money-chip-note{background:#e8fbf2;color:#087057}.money-chip-coin{background:#fff0e0;color:#a45a12}.money-choice{font-size:1.1rem}.shape-fill{fill:var(--purple)}.symmetry-grid{display:grid;grid-gap:4px;gap:4px;padding:10px;background:#f2f4f8;border-radius:14px}.symmetry-row{display:flex;gap:4px}.symmetry-cell{width:28px;height:28px;border-radius:6px;background:#fff;border:2px solid #dfe3ea}.symmetry-cell-filled{background:var(--turquoise);border-color:var(--turquoise)}.angle-ray{stroke:var(--purple);stroke-width:5;stroke-linecap:round}.angle-arc{stroke:var(--turquoise);stroke-width:3}.angle-vertex{fill:var(--purple)}.area-grid{display:grid;grid-gap:2px;gap:2px;padding:10px;background:#f2f4f8;border-radius:10px;max-width:280px;margin:0 auto}.area-cell{aspect-ratio:1;background:var(--turquoise);border-radius:3px}.tally-marks{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:center}.tally-group{position:relative;display:inline-flex;gap:3px;align-items:flex-end;padding:0 3px}.tally-stick{width:3px;height:26px;background:var(--purple);border-radius:2px}.tally-diagonal{position:absolute;width:30px;height:3px;background:var(--turquoise);top:11px;left:-3px;border-radius:2px;transform:rotate(-50deg)}.frequency-table{width:100%;border-collapse:collapse;margin:12px 0}.frequency-table td{padding:10px 8px;border-bottom:1px solid #e5e8f0}.frequency-label{font-weight:700;white-space:nowrap}.bar-chart{display:flex;gap:18px;align-items:flex-end;justify-content:center;height:180px;padding:10px}.bar-column{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.bar-track{display:flex;align-items:flex-end;height:140px;width:40px;background:#f2f4f8;border-radius:8px;overflow:hidden}.bar-rect{width:100%;background:var(--purple);border-radius:8px 8px 0 0;min-height:4px}.bar-label{font-size:.85rem;text-align:center;line-height:1.3}.probability-statement{font-size:1.3rem;font-weight:700;text-align:center;padding:16px 20px;background:#f2f4f8;border-radius:14px;max-width:520px}.symmetry-cell-axis{border-right:2px dashed var(--purple);margin-right:4px}.coding-grid{display:grid;grid-gap:4px;gap:4px;width:min(280px,80vw);aspect-ratio:1;margin:0 auto}.coding-cell{background:#f2f4f8;border-radius:8px;display:grid;place-items:center;font-size:1.6rem}.coding-choice{font-size:1.4rem;letter-spacing:2px}.mission-list{display:grid;grid-gap:16px;gap:16px;margin-top:10px}.mission-card{display:flex;gap:16px;align-items:center;padding:20px;border-radius:22px;background:#fff;box-shadow:var(--shadow);border:1px solid #f0f1f5;animation:fade-up .35s ease-out both}.mission-card.mission-done{background:#f5fff8;border-color:#9bdeac}.mission-icon{font-size:2.2rem;flex:0 0 auto}.mission-icon-done{display:inline-block;animation:star-pop .5s cubic-bezier(.2,.9,.2,1.35) both}.streak-badge-active{animation:streak-pulse 1.8s ease-in-out infinite}@keyframes streak-pulse{0%,to{box-shadow:0 6px 0 #dca63f,0 0 0 0 rgba(255,199,95,.45)}50%{box-shadow:0 6px 0 #dca63f,0 0 0 10px rgba(255,199,95,0)}}.mission-card h2{margin:0 0 3px;font-size:1.15rem}.mission-progress-track{height:10px;border-radius:99px;background:#eef0f4;overflow:hidden;margin:8px 0 4px;max-width:320px}.mission-progress-bar{height:100%;background:var(--turquoise);transition:width .25s}.deck-screen{display:grid;grid-gap:24px;gap:24px;padding-bottom:40px}.grade-tabs-bar{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:none}.grade-tabs-bar::-webkit-scrollbar{display:none}.grade-tab-btn{flex:1 1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:20px;border:2px solid #e7ecf1;background:#fff;font-size:1.15rem;font-weight:900;color:var(--ink);cursor:pointer;transition:all .18s ease-out;box-shadow:0 4px 0 #e2e7ef}.grade-tab-btn:hover{transform:translateY(-2px);border-color:var(--turquoise)}.grade-tab-btn.active{background:linear-gradient(135deg,#00bfa5,#009688);color:#fff;border-color:#00796b;box-shadow:0 6px 0 #00695c;transform:translateY(-2px)}.overall-progress-card{background:linear-gradient(135deg,#2b3a4a,#1b2432);color:#fff;border-radius:28px;padding:24px 30px;box-shadow:0 12px 30px rgba(27,36,50,.18);display:grid;grid-gap:16px;gap:16px;position:relative;overflow:hidden}.overall-progress-card:after{content:"";position:absolute;right:-20px;bottom:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(0,191,165,.25),transparent 70%);pointer-events:none}.overall-progress-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.overall-progress-head h2{margin:0;font-size:1.6rem;display:flex;align-items:center;gap:10px}.overall-progress-badge{background:rgba(0,191,165,.2);color:#5ef6de;border:1px solid rgba(0,191,165,.4);padding:6px 14px;border-radius:999px;font-weight:900;font-size:1.1rem}.overall-progress-bar-wrap{height:16px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;position:relative}.overall-progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffc75f,#00bfa5,#845ec2);transition:width .6s cubic-bezier(.2,.9,.2,1)}.overall-progress-stats{display:flex;gap:20px;font-size:.95rem;opacity:.9;flex-wrap:wrap}.overall-progress-stats span{display:flex;align-items:center;gap:6px;font-weight:700}.theme-section{display:grid;grid-gap:14px;gap:14px}.theme-section-title{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:10px 0 0}.theme-section-badge{font-size:.85rem;font-weight:800;padding:4px 10px;border-radius:999px;background:#eef2f7;color:var(--muted)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:20px;gap:20px}.deck-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;background:#fff;border-radius:26px;padding:22px;border:2px solid #eef2f7;box-shadow:0 8px 0 #e4e9f0;cursor:pointer;text-decoration:none;color:inherit;transition:all .22s cubic-bezier(.2,.9,.2,1)}.deck-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 0 #d7dfea;border-color:rgba(0,191,165,.4)}.deck-card:active{transform:translateY(2px);box-shadow:0 3px 0 #d7dfea}.deck-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.deck-card-theme-tag{font-size:.78rem;font-weight:900;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.deck-card-icon{font-size:2.8rem;line-height:1}.deck-card-body{margin-bottom:14px}.deck-card-body h3{font-size:1.35rem;margin:0 0 6px}.deck-card-body p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.4}.deck-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px dashed #eef2f7}.deck-card-stars{display:flex;align-items:center;gap:4px;font-weight:800;font-size:.92rem}.deck-card-stars .star-filled{color:#ffb800}.deck-card-stars .star-empty{color:#d8dfe8}.deck-card-cta{font-size:.9rem;font-weight:900;color:var(--turquoise);display:flex;align-items:center;gap:4px;transition:gap .18s}.deck-card:hover .deck-card-cta{gap:8px}.topic-card-operations .deck-card-theme-tag{background:#f2edfb;color:#673ab7}.topic-card-operations:hover{border-color:#845ec2;box-shadow:0 14px 0 #ded4ee}.topic-card-numbers .deck-card-theme-tag{background:#e3fbf5;color:#00897b}.topic-card-numbers:hover{border-color:#00bfa5;box-shadow:0 14px 0 #cbf0e8}.topic-card-geometry .deck-card-theme-tag{background:#fff6da;color:#f57c00}.topic-card-geometry:hover{border-color:#ff9671;box-shadow:0 14px 0 #fde4cb}.topic-card-data .deck-card-theme-tag{background:#e8f8f0;color:#2e7d32}.topic-card-data:hover{border-color:#4caf50;box-shadow:0 14px 0 #d4edd9}.deck-card-mastered{border-color:#ffd54f!important;background:linear-gradient(180deg,#fffdf7,#fff)}.deck-card-mastered-badge{position:absolute;top:-10px;right:18px;background:linear-gradient(135deg,#ffd700,#ff9800);color:#fff;font-size:.75rem;font-weight:900;padding:3px 10px;border-radius:999px;box-shadow:0 3px 6px rgba(255,152,0,.3);display:flex;align-items:center;gap:4px}.topic-hub{display:grid;grid-gap:20px;gap:20px;padding-bottom:40px}.topic-hub-header{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:26px;padding:20px 24px;box-shadow:var(--shadow);border:1px solid #f0f2f6}.topic-hub-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.topic-hub-badges{display:flex;gap:8px;align-items:center}.topic-hub-back-btn{min-height:38px;padding:6px 14px;font-size:.9rem;border-radius:12px}.topic-hub-title-wrap{display:flex;align-items:center;gap:16px}.topic-hub-titles{flex:1 1}.topic-hub-main-title{margin:4px 0 0;font-size:1.6rem}.topic-hub-emoji{font-size:2.8rem;width:64px;height:64px;border-radius:18px;background:#f4f6fb;display:grid;place-items:center;flex:0 0 auto}.desktop-only-topic-nav{display:block}.topic-hub-nav{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.topic-hub-nav::-webkit-scrollbar{display:none}.topic-hub-tab{flex:1 1;min-width:130px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:18px;border:2px solid #e7ecf1;background:#fff;font-weight:900;color:var(--ink);cursor:pointer;text-decoration:none;box-shadow:0 4px 0 #e4e9f0;transition:all .18s}.topic-hub-tab:hover{transform:translateY(-2px);border-color:var(--turquoise)}.topic-hub-tab.active{background:var(--turquoise);color:#fff;border-color:#008f7a;box-shadow:0 5px 0 #00796b;transform:translateY(-2px)}.hub-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:18px;gap:18px}.hub-module-card{display:flex;align-items:center;gap:18px;background:#fff;border-radius:22px;padding:20px;border:2px solid #eef2f7;box-shadow:0 6px 0 #e4e9f0;text-decoration:none;color:inherit;transition:all .2s}.hub-module-card:hover{transform:translateY(-4px);border-color:var(--turquoise);box-shadow:0 10px 0 #d9e3ef}.hub-module-icon{width:60px;height:60px;border-radius:18px;font-size:2.2rem;display:grid;place-items:center;flex:0 0 auto}.hub-icon-learn{background:#e8fbf6}.hub-icon-race{background:#f2edfb}.hub-icon-missions{background:#fff6da}.hub-icon-duel{background:#feecee}.hub-icon-leaderboard{background:#e6f7ec}.hub-module-info{flex:1 1}.hub-module-info h3{margin:0 0 4px;font-size:1.2rem}.hub-module-info p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.4}.hub-module-arrow{font-size:1.3rem;font-weight:900;color:var(--muted)}.sidebar-top-row{display:block}.mobile-bottom-nav,.sidebar-mobile-actions{display:none}.overall-progress-title-row{display:flex;align-items:center;gap:12px}.overall-progress-icon{font-size:1.8rem}.overall-progress-title{margin:0;font-size:1.4rem}.overall-progress-substats-mobile{display:none}@media(max-width:960px){.hero{grid-template-columns:1fr;text-align:center}.hero p{margin-inline:auto}.hero-art{min-height:390px}.app-shell{display:block}.sidebar{height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:90;border-right:0;border-bottom:1.5px solid #e7ecf1;padding:10px 14px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.sidebar-mobile-actions{display:flex;align-items:center;gap:6px}.desktop-nav,.desktop-only-topic-nav,.desktop-sidebar-body,.sidebar .desktop-nav,.sidebar nav{display:none!important}.btn-mobile-icon{padding:6px 10px;border-radius:999px;font-size:1.05rem}.main{padding:12px 10px 85px}.mobile-bottom-nav{display:flex!important;justify-content:space-around!important;align-items:center!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:58px!important;background:#ffffff!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1.5px solid #e2e8f0!important;z-index:99999!important;box-shadow:0 -3px 16px rgba(0,0,0,.1)!important;padding:2px 4px max(4px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important}.mobile-bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:var(--ink);flex:1 1;min-width:0;padding:4px 0;border-radius:12px;transition:all .15s ease}.mobile-bottom-link.active{background:#e3fbf5}.mobile-bottom-link.active .mobile-bottom-label{color:#00897b!important;font-weight:900}.mobile-bottom-link.active .mobile-bottom-icon{transform:scale(1.1)}.mobile-bottom-icon{font-size:1.25rem;line-height:1;transition:transform .15s ease}.mobile-bottom-label{font-size:.7rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--muted);line-height:1.1}.mobile-bottom-link:hover .mobile-bottom-label{color:var(--turquoise)}.topic-hub{gap:14px;padding-bottom:10px;margin:0 auto}.topic-hub,.topic-hub-header{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.topic-hub-header{padding:14px;border-radius:20px;gap:10px}.topic-hub-emoji{width:48px;height:48px;font-size:2rem;border-radius:14px}.topic-hub-main-title{font-size:1.3rem;margin:2px 0 0}.topic-hub-back-btn{min-height:32px;padding:4px 10px;font-size:.82rem}.hub-modules-grid{grid-template-columns:1fr;gap:10px}.hub-module-card,.hub-modules-grid{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.hub-module-card{padding:12px 14px;border-radius:18px;gap:12px}.hub-module-icon{width:44px;height:44px;font-size:1.65rem;border-radius:12px}.hub-module-info h3{font-size:1.05rem;margin:0 0 2px}.hub-module-info p{font-size:.82rem}.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:8px!important;gap:8px!important;width:100%!important;margin:12px 0 0!important}.stat,.stats{box-sizing:border-box!important}.stat{padding:12px 8px!important;border-radius:14px!important;text-align:center!important;min-width:0!important;overflow:hidden!important}.stat span.muted{font-size:.75rem!important}.stat span.muted,.stat strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stat strong{font-size:1.1rem!important;margin-top:2px!important}.card{padding:16px 14px!important;border-radius:20px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.deck-screen{gap:12px;padding-bottom:10px}.deck-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px!important;gap:8px}.deck-head-title-wrap{flex:1 1}.deck-main-title{font-size:1.3rem;margin:0}.deck-desktop-desc,.desktop-only-pill{display:none}.deck-nav-actions{gap:6px}.grade-tabs-bar{padding:2px 0 6px;gap:6px}.grade-tab-btn{min-width:105px;padding:8px 12px;font-size:.92rem;border-radius:14px;gap:6px;box-shadow:0 3px 0 #e2e7ef}.overall-progress-card{padding:12px 16px;border-radius:18px;gap:8px;box-shadow:0 6px 16px rgba(27,36,50,.12)}.overall-progress-card:after{display:none}.overall-progress-title{font-size:1.05rem}.overall-progress-icon{font-size:1.4rem}.overall-progress-badge{font-size:.9rem;padding:3px 10px}.overall-progress-bar-wrap{height:8px}.overall-progress-substats-mobile{display:flex;gap:6px;font-size:.8rem;opacity:.85;margin-top:2px}.desktop-only-stats{display:none}.theme-section{gap:10px}.theme-section-title{font-size:1.15rem;margin:2px 0 0}.deck-grid{grid-template-columns:1fr;gap:12px}.deck-card{min-height:0;padding:16px 18px;border-radius:22px;box-shadow:0 6px 0 #e4e9f0}.deck-card-top{margin-bottom:8px}.deck-card-icon{font-size:2.4rem}.deck-card-body{margin-bottom:10px}.deck-card-body h3{font-size:1.2rem;margin:0 0 3px}.deck-card-body p{font-size:.86rem}.deck-card-footer{padding-top:10px}.grid,.grid-3,.lesson-grid,.mode-choice-grid,.operation-learn-grid{grid-template-columns:1fr}.level-card:nth-child(2n){translate:0}.learning-screen{padding-bottom:175px}}@media(max-width:640px){.topbar{min-height:64px;gap:10px;padding:8px 0}.topbar .brand{font-size:1.25rem;gap:8px}.topbar .brand-logo{width:38px;height:38px}.topbar .nav-actions{gap:8px;flex-wrap:nowrap}.topbar .btn{min-height:42px;padding:8px 12px;font-size:.88rem;border-radius:12px;white-space:nowrap}}@media(max-width:520px){.topbar{min-height:56px;gap:8px;padding:6px 0}.topbar .brand span:last-child{display:none}.topbar .brand-logo{width:36px;height:36px}.topbar .nav-actions{gap:6px;flex-wrap:nowrap}.topbar .btn{min-height:38px;padding:7px 10px;font-size:.82rem;border-radius:10px}.nav-btn-text-full{display:none}.nav-btn-text-short{display:inline}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.answers{grid-template-columns:1fr}.mode-choice{grid-template-columns:auto 1fr;padding:19px}.operation-tabs{grid-template-columns:repeat(2,1fr)}.operation-tab{min-height:68px}.operation-number-track{gap:8px;padding:14px}.operation-number-track button{width:58px;height:58px}.model-answer-choices{grid-template-columns:repeat(2,1fr)}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.runner-gates{gap:8px}.duel-versus{grid-template-columns:1fr}.duel-vs-mark{padding:4px}.trick-example-grid{grid-template-columns:repeat(2,1fr)}.trick-example-grid span:last-child{grid-column:1/-1}.lesson-tile{grid-template-columns:52px 42px 1fr;padding:15px}.lesson-object{width:50px;height:50px}.lesson-tile p{display:none}.learning-topbar{grid-template-columns:auto 1fr auto}.learning-topbar>.btn{padding:9px 12px}.learning-stage-dots{gap:4px;justify-content:center}.learning-stage-dots button{width:38px;height:38px}.learning-card{min-height:0;border-radius:25px}.rhythm-track{grid-template-columns:repeat(5,1fr);gap:8px;padding:10px}.rhythm-runner{font-size:2.4rem;top:-45px}.learning-mascot{position:fixed;z-index:8;left:12px;right:12px;bottom:max(70px,calc(10px + env(safe-area-inset-bottom)));width:auto;margin:0;padding:10px 12px}.mascot-owl{width:48px;height:48px;font-size:2rem}.learning-mascot p{font-size:.86rem}.learning-gate-card .learning-mascot{position:static;width:100%;margin-bottom:20px}}.space-game-screen{background:radial-gradient(circle at center,#1e1b4b 0,#090622 100%);min-height:100vh}.space-game-card{background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(139,92,246,.4);color:#fff;border-radius:32px;max-width:680px;width:100%}.space-arena{position:relative;width:100%;min-height:220px;background:radial-gradient(circle at 50% 30%,#312e81 0,#0f172a 70%);border-radius:24px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 16px;margin-bottom:20px}.space-stars-bg{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,rgba(0,0,0,0)),radial-gradient(2px 2px at 80px 120px,#fff,rgba(0,0,0,0)),radial-gradient(1px 1px at 150px 70px,#ddd,rgba(0,0,0,0)),radial-gradient(2px 2px at 220px 180px,#ffd56b,rgba(0,0,0,0));background-size:250px 250px;opacity:.6}.space-asteroid{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .4s ease,opacity .4s ease}.asteroid-emoji{font-size:3.5rem;filter:drop-shadow(0 0 16px rgba(255,107,107,.6));animation:float-wobble 3s ease-in-out infinite}.asteroid-problem{background:rgba(255,255,255,.95);color:#1e1b4b;font-size:1.8rem;font-weight:900;padding:8px 24px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.4);border:3px solid #ff4d6d}.asteroid-exploding{transform:scale(1.6);opacity:0;filter:brightness(3)}.spaceship-pilot{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.ship-emoji{font-size:3.2rem;filter:drop-shadow(0 0 16px rgba(0,240,255,.8));transition:transform .2s ease}.ship-firing .ship-emoji{transform:translateY(-8px) scale(1.1)}.ship-laser-beam{position:absolute;bottom:40px;width:6px;height:90px;background:linear-gradient(0deg,#00f0ff,#ff007f);box-shadow:0 0 12px #00f0ff;border-radius:999px;animation:laser-shoot .3s ease forwards}@keyframes laser-shoot{0%{transform:translateY(0) scaleY(.2);opacity:1}to{transform:translateY(-80px) scaleY(1.2);opacity:0}}@keyframes float-wobble{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(8px) rotate(4deg)}}.space-turrets-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;width:100%}.space-turret-btn{background:rgba(30,41,59,.8);border:2px solid rgba(255,255,255,.15);color:#fff;border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.6rem;font-weight:900;transition:all .15s ease}.space-turret-btn:hover:not(:disabled){background:rgba(51,65,85,.9);border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,240,255,.3)}.turret-correct{background:#10b981!important;border-color:#34d399!important;box-shadow:0 0 20px rgba(52,211,153,.6)!important}.turret-wrong{background:#ef4444!important;border-color:#f87171!important}@media print{body *{visibility:hidden}.report-modal-overlay{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}.print-report-card,.print-report-card *{visibility:visible}.print-report-card{position:absolute;left:0;top:0;width:100%!important;max-width:100%!important;box-shadow:none!important;border:1px solid #cbd5e1!important;padding:24px!important}.report-modal-actions{display:none!important}}:root,[data-theme=theme2],html[data-theme=theme2]{--stitch-blue:#3b82f6;--stitch-cyan:#06b6d4;--stitch-green:#22c55e;--stitch-orange:#f97316;--stitch-amber:#fb923c;--stitch-purple:#8b5cf6;--stitch-violet:#7c3aed;--stitch-pink:#ec4899;--stitch-gold:#ffb800;--stitch-yellow:#ffc75f;--stitch-bg-gradient:linear-gradient(180deg,#e0f7fa,#f3e8ff 50%,#fdf4ff);--stitch-card-radius:28px;--stitch-btn-radius:20px}[data-theme=theme2] body,html[data-theme=theme2] body{background:linear-gradient(180deg,#e6f9ff,#f3e8ff 45%,#fdf4ff)!important;color:#1e293b!important;font-family:var(--font-display),"Trebuchet MS","Arial Rounded MT Bold",sans-serif!important;min-height:100vh}[data-theme=theme2] .btn{border-radius:18px!important;font-weight:900!important;transition:all .18s cubic-bezier(.2,.9,.2,1)!important;box-shadow:0 5px 0 #cbd5e1!important;border:none!important}[data-theme=theme2] .btn:hover{transform:translateY(-2px)!important;box-shadow:0 7px 0 #94a3b8!important}[data-theme=theme2] .btn:active{transform:translateY(4px)!important;box-shadow:0 1px 0 #94a3b8!important}[data-theme=theme2] .btn-primary{background:#06b6d4!important;color:#ffffff!important;box-shadow:0 6px 0 #0891b2!important}[data-theme=theme2] .btn-primary:hover{background:#0891b2!important;box-shadow:0 8px 0 #0e7490!important}[data-theme=theme2] .btn-yellow{background:#ffc75f!important;color:#78350f!important;box-shadow:0 6px 0 #d97706!important}[data-theme=theme2] .btn-purple{background:#8b5cf6!important;color:#ffffff!important;box-shadow:0 6px 0 #6d28d9!important}[data-theme=theme2] .grade-tabs-bar{display:flex!important;gap:10px!important;padding:8px 2px 16px!important;overflow-x:auto!important}[data-theme=theme2] .grade-tab-btn{background:#ffffff!important;color:#0891b2!important;border:2px solid #cffafe!important;border-radius:999px!important;padding:10px 20px!important;font-size:1.05rem!important;font-weight:900!important;box-shadow:0 4px 0 #bcf4f9!important;display:inline-flex!important;align-items:center!important;gap:8px!important}[data-theme=theme2] .grade-tab-btn.active{background:#06b6d4!important;color:#ffffff!important;border-color:#0891b2!important;box-shadow:0 5px 0 #0e7490!important;transform:translateY(-2px)!important}[data-theme=theme2] .overall-progress-card{background:#ffffff!important;border:2.5px solid #e2e8f0!important;border-radius:28px!important;padding:20px 24px!important;box-shadow:0 10px 24px rgba(14,116,144,.08)!important}[data-theme=theme2] .overall-progress-card h2{color:#0f172a!important;font-weight:900!important}[data-theme=theme2] .overall-progress-badge{background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;color:#ffffff!important;border:none!important;font-weight:900!important;padding:6px 16px!important;border-radius:999px!important;box-shadow:0 4px 10px rgba(236,72,153,.35)!important}[data-theme=theme2] .overall-progress-bar-wrap{height:22px!important;background:#f1f5f9!important;border:2.5px solid #e2e8f0!important;border-radius:999px!important;overflow:hidden!important}[data-theme=theme2] .overall-progress-bar-fill{background:linear-gradient(90deg,#ec4899,#8b5cf6 25%,#3b82f6 50%,#10b981 75%,#f59e0b)!important;border-radius:999px!important}[data-theme=theme2] .deck-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;grid-gap:22px!important;gap:22px!important}[data-theme=theme2] .deck-card{border-radius:30px!important;padding:26px 22px!important;color:#ffffff!important;border:none!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:250px!important;text-decoration:none!important;transition:all .22s cubic-bezier(.2,.9,.2,1)!important;box-shadow:0 10px 0 rgba(0,0,0,.18)!important;position:relative!important}[data-theme=theme2] .deck-card:hover{transform:translateY(-6px) scale(1.02)!important}[data-theme=theme2] .deck-card:active{transform:translateY(4px)!important;box-shadow:0 2px 0 rgba(0,0,0,.18)!important}[data-theme=theme2] .deck-card:nth-child(4n+1),[data-theme=theme2] .topic-card-operations{background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important;box-shadow:0 10px 0 #1e40af!important}[data-theme=theme2] .deck-card:nth-child(4n+2),[data-theme=theme2] .topic-card-numbers{background:linear-gradient(180deg,#22c55e,#15803d)!important;box-shadow:0 10px 0 #166534!important}[data-theme=theme2] .deck-card:nth-child(4n+3),[data-theme=theme2] .topic-card-geometry{background:linear-gradient(180deg,#f97316,#c2410c)!important;box-shadow:0 10px 0 #9a3412!important}[data-theme=theme2] .deck-card:nth-child(4n+4),[data-theme=theme2] .topic-card-data{background:linear-gradient(180deg,#fb923c,#d97706)!important;box-shadow:0 10px 0 #b45309!important}[data-theme=theme2] .deck-card h3{font-size:1.65rem!important;color:#ffffff!important;margin:0 0 6px!important;text-shadow:0 2px 6px rgba(0,0,0,.2)!important;font-weight:900!important}[data-theme=theme2] .deck-card p{color:rgba(255,255,255,.92)!important;font-size:.95rem!important;line-height:1.45!important;margin:0!important}[data-theme=theme2] .deck-card .deck-card-theme-tag{background:rgba(255,255,255,.28)!important;color:#ffffff!important;font-weight:900!important;border-radius:999px!important;padding:4px 12px!important;font-size:.8rem!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}[data-theme=theme2] .deck-card .deck-card-icon{font-size:3.2rem!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))!important}[data-theme=theme2] .deck-card .deck-card-footer{border-top:1.5px solid rgba(255,255,255,.3)!important;padding-top:14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}[data-theme=theme2] .deck-card .deck-card-stars{color:#ffffff!important;font-weight:900!important;font-size:1.05rem!important}[data-theme=theme2] .deck-card .deck-card-cta{background:#06b6d4!important;color:#ffffff!important;padding:8px 20px!important;border-radius:999px!important;font-weight:900!important;font-size:.95rem!important;box-shadow:0 4px 0 #0891b2!important;display:inline-block!important}[data-theme=theme2] .topic-hub{background:linear-gradient(165deg,#7c3aed,#6366f1 40%,#06b6d4)!important;border-radius:36px!important;padding:26px 20px!important;box-shadow:0 16px 40px rgba(124,58,237,.25)!important;max-width:960px!important;margin:0 auto!important}[data-theme=theme2] .topic-hub,[data-theme=theme2] .topic-hub-header{color:#ffffff!important;width:100%!important;box-sizing:border-box!important}[data-theme=theme2] .topic-hub-header{background:rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:2px solid rgba(255,255,255,.35)!important;border-radius:24px!important}[data-theme=theme2] .topic-hub-main-title{color:#ffffff!important;text-shadow:0 2px 8px rgba(0,0,0,.2)!important;font-weight:900!important}[data-theme=theme2] .hub-modules-grid{display:grid!important;grid-template-columns:1fr!important;grid-gap:14px!important;gap:14px!important;width:100%!important;box-sizing:border-box!important}[data-theme=theme2] .hub-module-card{background:#ffffff!important;color:#0f172a!important;border-radius:999px!important;padding:14px 24px!important;border:none!important;box-shadow:0 8px 0 #cbd5e1!important;display:flex!important;align-items:center!important;gap:16px!important;width:100%!important;box-sizing:border-box!important;transition:all .18s cubic-bezier(.2,.9,.2,1)!important}[data-theme=theme2] .hub-module-card:hover{transform:translateY(-3px) scale(1.015)!important;box-shadow:0 11px 0 #94a3b8!important}[data-theme=theme2] .hub-module-card:active{transform:translateY(3px)!important;box-shadow:0 2px 0 #94a3b8!important}@media (max-width:768px){[data-theme=theme2] .topic-hub{padding:14px 10px!important;border-radius:22px!important;box-shadow:0 8px 20px rgba(124,58,237,.16)!important}[data-theme=theme2] .topic-hub,[data-theme=theme2] .topic-hub-header{width:100%!important;max-width:100%!important;box-sizing:border-box!important}[data-theme=theme2] .topic-hub-header{padding:12px 14px!important;border-radius:18px!important}[data-theme=theme2] .hub-module-card{padding:12px 16px!important;border-radius:20px!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}[data-theme=theme2] .hub-module-card .hub-module-icon{width:44px!important;height:44px!important;font-size:1.6rem!important;border-radius:12px!important}[data-theme=theme2] .hub-module-card .hub-module-info h3{font-size:1.05rem!important}[data-theme=theme2] .hub-module-card .hub-module-info p{font-size:.8rem!important}}[data-theme=theme2] .mobile-bottom-nav{background:#ffffff!important;border-top:2px solid #e2e8f0!important;box-shadow:0 -4px 24px rgba(0,0,0,.08)!important}[data-theme=theme2] .mobile-nav-item{color:#64748b!important;font-weight:800!important}[data-theme=theme2] .mobile-nav-item.active{color:#0891b2!important}[data-theme=theme2] .mobile-nav-item.active .mobile-nav-icon{background:#cffafe!important;border-radius:999px!important;transform:scale(1.1)!important}[data-theme=theme2] .game-question-card{background:linear-gradient(180deg,#38bdf8,#0284c7)!important;border:4px solid #ffffff!important;border-radius:34px!important;box-shadow:0 12px 0 #0369a1,0 20px 30px rgba(2,132,199,.25)!important;color:#ffffff!important;text-align:center!important;padding:36px 20px!important}[data-theme=theme2] .game-question-text{font-size:clamp(2.8rem,8vw,4.2rem)!important;font-weight:900!important;text-shadow:0 3px 6px rgba(0,0,0,.2)!important;margin:0!important}[data-theme=theme2] .answer-btn:first-child{background:#f97316!important;box-shadow:0 8px 0 #c2410c!important}[data-theme=theme2] .answer-btn:nth-child(2){background:#22c55e!important;box-shadow:0 8px 0 #15803d!important}[data-theme=theme2] .answer-btn:nth-child(3){background:#a855f7!important;box-shadow:0 8px 0 #7e22ce!important}[data-theme=theme2] .answer-btn:nth-child(4){background:#ef4444!important;box-shadow:0 8px 0 #b91c1c!important}[data-theme=theme2] .clock-card{max-width:580px!important;margin:0 auto!important;padding:30px 24px!important;border-radius:36px!important}[data-theme=theme2] .stitch-clock-face{width:100%!important;max-width:360px!important;height:auto!important;aspect-ratio:1/1!important;margin:12px auto!important}[data-theme=theme2] .clock-choice-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:16px!important;gap:16px!important;width:100%!important;max-width:480px!important;margin:20px auto 0!important}[data-theme=theme2] .clock-choice{font-size:1.5rem!important;padding:16px 20px!important;border-radius:22px!important}[data-theme=theme2] .clock-dial-readout{font-size:2rem!important;font-weight:900!important;color:#0369a1!important;margin:16px 0 10px!important}[data-theme=theme2] .topbar{min-height:72px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:10px 0!important}@media (max-width:640px){[data-theme=theme2] .topbar{min-height:62px!important;gap:10px!important;padding:8px 0!important}[data-theme=theme2] .topbar .nav-actions{gap:8px!important;flex-wrap:nowrap!important}[data-theme=theme2] .topbar .btn{min-height:40px!important;padding:8px 12px!important;font-size:.88rem!important;border-radius:14px!important;white-space:nowrap!important}}@media (max-width:520px){[data-theme=theme2] .topbar{min-height:56px!important;gap:8px!important;padding:6px 0!important}[data-theme=theme2] .topbar .nav-actions{gap:6px!important;flex-wrap:nowrap!important}[data-theme=theme2] .topbar .btn{min-height:38px!important;padding:7px 10px!important;font-size:.82rem!important;border-radius:12px!important;white-space:nowrap!important}}