:root{--bg:#fff8ef;--card:#fff;--ink:#2b2d42;--muted:#7a7d92;--primary:#4361ee;--primary-ink:#fff;--speed:#f77f00;--good:#2a9d8f;--bad:#e63946;--line:#ece4d8;--lvl0:#eee;--lvl1:#ffd6d6;--lvl2:#ffe8a3;--lvl3:#c7f0c2;--lvl4:#2a9d8f;color:var(--ink);background:var(--bg);font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}.screen{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen.center{text-align:center;align-items:center;padding-top:48px}h1{margin:8px 0;font-size:2.2rem}h2{margin:0;font-size:1.8rem}.muted{color:var(--muted);margin:0}.hero{flex-direction:column;gap:8px;display:flex}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--card);border:2px solid var(--line);border-radius:999px;padding:4px 14px;font-weight:700}.module-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.module-card{background:var(--card);border:2px solid var(--line);text-align:center;box-shadow:0 4px 0 var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:transform 80ms;display:flex}.module-card:not(:disabled):active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.module-emoji{font-size:2.4rem}.module-title{font-size:1.1rem;font-weight:800}.module-blurb{color:var(--muted);font-size:.9rem}.back{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:1rem;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--card);border-radius:14px;min-width:56px;padding:10px 12px;font-size:1.1rem;font-weight:800}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.meter-wrap{flex-direction:column;gap:6px;display:flex}.meter{background:var(--line);border-radius:999px;flex:1;height:14px;overflow:hidden}.meter-fill{background:var(--good);border-radius:999px;height:100%;transition:width .3s}.actions{flex-direction:column;gap:12px;width:100%;display:flex}.big-btn{border:2px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:16px;font-size:1.3rem;font-weight:800;display:flex}.big-btn small{opacity:.85;font-size:.85rem;font-weight:600}.big-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);box-shadow:0 4px #2b45c4}.big-btn.speed{background:var(--speed);border-color:var(--speed);color:#fff;box-shadow:0 4px #c46400}.big-btn:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.quiz{min-height:100dvh}.quiz-top{align-items:center;gap:12px;display:flex}.quiz-top .back{font-size:1.4rem}.timer{text-align:center;flex:1;font-size:1.3rem;font-weight:800}.timer.low{color:var(--bad)}.question{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:24px 0 8px;font-size:clamp(2.6rem,12vw,4rem);font-weight:900;display:flex}.answer-box{border-bottom:5px solid var(--primary);text-align:center;min-width:2.4em;color:var(--primary);padding:0 .2em}.question.correct .answer-box{color:var(--good);border-color:var(--good)}.question.wrong .answer-box{border-color:var(--bad)}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.feedback{text-align:center;min-height:110px}.feedback p{margin:4px 0}.good{color:var(--good);font-size:1.4rem;font-weight:800}.bad{color:var(--bad);font-size:1.5rem}.hint{background:#fff3c4;border-radius:12px;padding:10px 12px;font-size:1.05rem}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;display:grid}.numpad button{border:2px solid var(--line);background:var(--card);height:64px;box-shadow:0 4px 0 var(--line);touch-action:manipulation;border-radius:16px;font-size:1.8rem;font-weight:800}.numpad button:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.numpad .key-enter{background:var(--good);border-color:var(--good);color:#fff;box-shadow:0 4px #1f776c}.numpad .key-back{color:var(--muted)}.cheer{font-size:2.4rem}.score{margin:0;font-size:1.4rem}.stars-earned{margin:0;font-size:2rem;font-weight:900}.mastered-list p{margin:0 0 8px;font-weight:700}.grid-scroll{overflow-x:auto}.mastery{border-collapse:separate;border-spacing:3px;margin:0 auto;font-size:.85rem;font-weight:700}.mastery th{color:var(--muted);width:32px;height:32px}.mastery td{text-align:center;color:#fff;border-radius:6px;width:32px;height:32px}.lvl0{background:var(--lvl0)}.lvl1{background:var(--lvl1)}.lvl2{background:var(--lvl2)}.lvl3{background:var(--lvl3)}.lvl4{background:var(--lvl4)}.legend{flex-wrap:wrap;justify-content:center;gap:12px;font-size:.9rem;display:flex}.legend i{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}body.staging:before{content:"STAGING";z-index:100;background:var(--speed);color:#fff;letter-spacing:.1em;pointer-events:none;border-radius:0 0 8px 8px;padding:2px 12px;font-size:.75rem;font-weight:800;position:fixed;top:0;left:50%;transform:translate(-50%)}