:root{--ink:#2b4a6f;--card:#fffdf6;--good:#3fae5c;--bad:#ff6b6b}body{background:radial-gradient(circle at 85% 8%,#ffe9a8 0 70px,#0000 71px),linear-gradient(175deg,#aee3f7 0%,#d3f2c2 52%,#f7e7b0 100%)}#math-app{min-height:100vh;padding:calc(12px + var(--safe-top)) 14px calc(18px + var(--safe-bottom));flex-direction:column;align-items:center;gap:12px;max-width:760px;margin:0 auto;display:flex}#math-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}#math-top h1{color:var(--ink);text-shadow:0 2px #ffffffb3;font-size:clamp(1.25rem,4.5vw,1.8rem)}#star-badge{background:var(--card);color:var(--ink);border-radius:999px;padding:10px 16px;font-size:1rem;font-weight:800;box-shadow:0 3px #2b4a6f26}#question-card{align-items:flex-start;gap:12px;width:100%;display:flex}#mascot{filter:drop-shadow(0 4px 4px #2b4a6f40);font-size:3rem;animation:3s ease-in-out infinite mascot-bob}@keyframes mascot-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}#question-box{background:var(--card);border-radius:6px 22px 22px;flex:1;padding:14px 18px;box-shadow:0 6px 16px #2b4a6f2e}#question-text{color:var(--ink);font-size:clamp(1.05rem,3.4vw,1.3rem);font-weight:800;line-height:1.45}#speak-button{cursor:pointer;color:var(--ink);background:#eaf6ff;border:none;border-radius:999px;align-items:center;gap:6px;min-height:44px;margin-top:8px;padding:10px 16px;font-size:.9rem;font-weight:700;display:inline-flex}#speak-button:active{transform:scale(.95)}.scene{border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;min-height:180px;padding:16px;display:flex;box-shadow:inset 0 0 0 4px #ffffff8c,0 8px 20px #2b4a6f26}.scene-pen{background:repeating-linear-gradient(90deg,#d9a066 0 14px,#c98d51 14px 18px),#e8b877;border:6px solid #8a5a30}.scene-basket{background:#ffe9c7;border:6px dashed #d9a066}.scene-garden{background:linear-gradient(#bfe8a0,#a4d97e);border:6px solid #7fbf58}.scene-bus{background:linear-gradient(#ffe066 65%,#4a4a4a 65%);border:6px solid #e0a800}.scene-market{background:repeating-linear-gradient(45deg,#ffd3d3 0 22px,#fff 22px 44px);border:6px solid #ff9a9a}.scene-party{background:linear-gradient(140deg,#ffd6e8,#d6ecff);border:6px solid #ff9ecb}.scene-hands{background:#fdf2d8;border:6px solid #eac97e}.scene-pond{background:linear-gradient(#bfe8f7,#8fd0ec);border:6px solid #5aa9cf}.scene-plain{background:#f2f7ef;border:6px solid #cfe3c8}.scene-group{flex-direction:column;align-items:center;gap:6px;display:flex}.scene-items{flex-wrap:wrap;justify-content:center;gap:6px;max-width:340px;display:flex}.scene-label{color:var(--ink);background:#ffffffd9;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800}.scene-item{cursor:default;filter:drop-shadow(0 3px 2px #2b4a6f33);background:0 0;border:none;padding:0;font-size:clamp(1.7rem,5.4vw,2.4rem);line-height:1;animation:2.4s ease-in-out infinite wobble;position:relative}button.scene-item{cursor:pointer}button.scene-item:active{transform:scale(1.2)}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)translateY(-3px)}}.scene-item.tapped{animation:none;transform:scale(1.08)}.tap-badge{background:var(--good);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:-10px;right:-8px;box-shadow:0 2px #00000026}.scene-explain{gap:10px}.explain-cluster{flex-direction:column;align-items:center;gap:4px;display:flex}.explain-badge{color:#fff;background:#ff8a3d;border-radius:999px;padding:2px 10px;font-size:.95rem;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) both badge-pop}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}#answer-area{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.choice{cursor:pointer;background:var(--card);min-width:92px;min-height:60px;color:var(--ink);border:none;border-radius:18px;font-size:1.5rem;font-weight:800;box-shadow:0 5px #2b4a6f38}.choice:active{transform:translateY(3px);box-shadow:0 2px #2b4a6f38}.choice.correct{background:var(--good);color:#fff}.choice.wrong{background:var(--bad);color:#fff;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.tap-panel{align-items:center;gap:12px;display:flex}.tap-display{background:var(--card);color:var(--ink);text-align:center;border-radius:18px;min-width:90px;padding:10px 22px;font-size:1.6rem;font-weight:800;box-shadow:0 4px #2b4a6f2e}.confirm-button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff8a5c,#ff5c8a);border:none;border-radius:999px;padding:14px 26px;font-size:1.05rem;font-weight:800;box-shadow:0 5px #c83c5a66}.confirm-button:disabled{opacity:.5}.confirm-button:active{transform:translateY(3px)}.keypad{grid-template-columns:repeat(3,76px);gap:8px;display:grid}.keypad button{cursor:pointer;background:var(--card);height:56px;color:var(--ink);border:none;border-radius:14px;font-size:1.35rem;font-weight:800;box-shadow:0 4px #2b4a6f33}.keypad button:active{transform:translateY(2px)}.keypad-display{min-height:52px;color:var(--ink);background:#fff;border-radius:14px;grid-column:1/-1;justify-content:center;align-items:center;font-size:1.7rem;font-weight:800;display:flex;box-shadow:inset 0 2px 6px #2b4a6f26}#hint-bubble{color:#7a5a10;background:#fff8d6;border:3px solid #f2c14e;border-radius:18px;max-width:92%;padding:10px 16px;font-weight:700;animation:.3s both badge-pop}#hint-bubble.hidden{display:none}#feedback-toast{left:50%;bottom:calc(24px + var(--safe-bottom));background:var(--good);color:#fff;z-index:8;border-radius:999px;padding:12px 26px;font-size:1.1rem;font-weight:800;animation:.3s both badge-pop;position:fixed;transform:translate(-50%)}#feedback-toast.hidden{display:none}#feedback-toast.bad{background:var(--bad)}#age-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}#age-chips button{cursor:pointer;width:64px;height:64px;color:var(--ink);background:#eaf6ff;border:none;border-radius:20px;font-size:1.5rem;font-weight:800;box-shadow:0 4px #2b4a6f33}#age-chips button:active{transform:translateY(2px)}