.trace-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 16px;width:100%}.trace-canvas-box{position:relative;width:100%;max-width:min(340px,92vw);aspect-ratio:1;border-radius:24px;border:4px solid #E7E2FB;background:#fff;box-shadow:0 8px 24px #7c3aed1f;overflow:hidden;transition:border-color .2s ease}.trace-canvas-box .trace-canvas{position:absolute;inset:0;width:100%;height:100%}.trace-canvas-box .trace-canvas-strokes{z-index:2}.trace-canvas-box.trace-flash-error{animation:trace-error-flash .4s ease;border-color:#ef4444}.trace-canvas-box.trace-success-pulse{animation:trace-success-pulse 1s ease-in-out infinite;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e40,0 12px 32px #22c55e33}.trace-canvas{display:block;touch-action:none;cursor:crosshair}.trace-instr{margin:0;min-height:1.4em;font-size:.95rem;font-weight:700;line-height:1.35;color:#475569;text-align:center}.trace-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.trace-tool{font:inherit;font-size:.88rem;font-weight:800;line-height:1;white-space:nowrap;min-height:40px;padding:8px 14px;border-radius:999px;border:2px solid #E2E8F0;background:#fff;color:#334155;box-shadow:0 4px #cbd5e1;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.trace-tool:active{transform:translateY(3px);box-shadow:0 1px #cbd5e1}.trace-tool:disabled{opacity:.5;cursor:default}.trace-tool--hint{border-color:#fde68a;background:#fffbeb;box-shadow:0 4px #fcd34d}.trace-tool--skip{border-color:#bfdbfe;background:#eff6ff;box-shadow:0 4px #93c5fd}.trace-eraser{border-color:#fbcfe8;background:#fdf2f8;box-shadow:0 4px #f9a8d4}.options.teach-intro .opt-primary.opt-locked{opacity:.55;filter:grayscale(.25);background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:none}@keyframes trace-error-flash{0%,to{background:#fff}40%{background:#fee2e2}}@keyframes trace-success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.count-tile:hover{transform:translateY(-4px) scale(1.05);filter:brightness(1.05)}.count-tile.active{background:linear-gradient(120deg,red,#ff8000,#ff0,#0f0,#00f,#8000ff,red)!important;background-size:300% 300%!important;animation:rainbow-shift .8s linear infinite,num-pop .5s cubic-bezier(.34,1.4,.64,1);color:#fff!important;transform:translateY(-10px) scale(1.18);box-shadow:0 12px #0000001a,0 0 36px #f59e0b8c;z-index:2}.count-tile.pop{animation:num-pop .5s cubic-bezier(.34,1.4,.64,1)}.count-tile.lit{filter:brightness(1.08);box-shadow:0 10px #0000001a,0 0 20px #fff6}.teach-demo{display:flex;flex-direction:column;align-items:center;gap:0}.teach-demo-num-slot{min-height:120px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:12px}.teach-num-hero{width:96px;height:96px;border-radius:26px;display:grid;place-items:center;font-family:"Baloo 2",Fredoka,sans-serif;font-weight:800;font-size:3.2rem;color:#fff;background:linear-gradient(145deg,#60a5fa,#7c3aed);border:4px solid #fff;box-shadow:0 8px #5b21b6,0 16px 32px #7c3aed4d;transition:transform .25s cubic-bezier(.34,1.4,.64,1);flex-shrink:0;transform-origin:center center}.teach-num-hero.active{background:linear-gradient(120deg,red,#ff8000,#ff0,#0f0,#00f,#8000ff,red);background-size:300% 300%;animation:rainbow-shift .8s linear infinite,num-pop-hero .5s ease;box-shadow:0 10px #b45309,0 0 36px #f59e0b80;transform:scale(1.12)}.teach-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;min-height:5rem;padding-top:8px}.teach-item{font-size:clamp(2.4rem,10vw,3.6rem);line-height:1;opacity:.35;transform:scale(.85);filter:grayscale(.4);transition:opacity .25s ease,transform .25s ease,filter .25s ease;cursor:default}.teach-item.active{opacity:1;transform:scale(1.2);filter:none;animation:item-bounce .55s cubic-bezier(.34,1.4,.64,1)}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes tile-enter{0%{opacity:0;transform:translateY(24px) scale(.6) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes intro-sparkle{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-8px) scale(1.2);opacity:1}}@keyframes num-pop-hero{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1.12)}}@keyframes num-pop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(1.25)}to{transform:translateY(-10px) scale(1.18)}}@keyframes num-pulse{0%,to{transform:translateY(-2px) scale(1.06)}50%{transform:translateY(-6px) scale(1.12)}}@keyframes item-bounce{0%{transform:scale(.85)}50%{transform:scale(1.3)}to{transform:scale(1.2)}}body.page-exam.play-mode{background:linear-gradient(135deg,#2563eb,#4f46e5 40%,#7c3aed 75%,#9333ea);background-size:auto;animation:none;min-height:100vh}body.page-exam.play-mode .foot{display:none}body.page-exam.play-mode main.wrap{padding:16px 14px 40px;max-width:440px;margin:0 auto}.exam-player{width:100%}.exam-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.exam-home-btn{display:inline-flex;align-items:center;font-weight:800;font-size:.9rem;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);padding:8px 14px;border-radius:999px;text-decoration:none;backdrop-filter:blur(6px)}.exam-home-btn:hover{background:#ffffff47;color:#fff}.exam-timer{font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums;background:#0f172a8c;color:#fff;padding:8px 14px;border-radius:999px;letter-spacing:.02em}.exam-timer-warn{background:#dc2626;animation:examPulse 1s infinite}@keyframes examPulse{50%{opacity:.75}}.exam-demo-card{background:#fff;border-radius:26px;box-shadow:0 20px 50px #0f172a38;padding:28px 20px 20px;position:relative}.exam-prog{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:14px}.exam-prog-bar{height:100%;width:0;background:linear-gradient(90deg,#34d399,#10b981);border-radius:999px;transition:width .35s ease}.exam-demo-subj{font-weight:800;font-size:.9rem;color:#64748b;display:flex;justify-content:space-between;align-items:center;gap:10px}.exam-speak{border:0;background:#eff6ff;border-radius:999px;width:38px;height:38px;font-size:1.05rem;cursor:pointer;flex-shrink:0}.exam-speak:active{transform:scale(.94)}.exam-speak.speaking{animation:speakpulse .7s infinite}.exam-big{font-size:3.2rem;text-align:center;margin:16px 0 6px;min-height:64px;line-height:1.1}.exam-q{text-align:center;font-family:Fredoka,sans-serif;font-weight:800;font-size:1.2rem;color:#1e293b;margin:12px 0 16px;min-height:2.4em;display:flex;align-items:center;justify-content:center}.exam-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exam-opts .opt{border:2px solid #e2e8f0;background:#fff;border-radius:14px;padding:14px 8px;font-size:1.05rem;font-weight:800;color:#1e293b;box-shadow:none;font-family:Fredoka,"Baloo 2",sans-serif}.exam-opts .opt:hover{border-color:#93c5fd;transform:translateY(-1px)}.exam-opts .opt.selected{border-color:#3b82f6;background:#dbeafe;outline:none}.exam-opts .opt.correct{border-color:#3b82f6;background:#dbeafe;outline:none;animation:none}.exam-nav{display:flex;gap:8px;margin-top:16px}.exam-nav-btn{flex:1;min-width:0;font-family:Fredoka,sans-serif;font-weight:700;font-size:.95rem;padding:12px 8px;border-radius:14px;border:2px solid #e2e8f0;background:#f8fafc;color:#334155;cursor:pointer}.exam-nav-btn:disabled{opacity:.4;cursor:not-allowed}.exam-nav-next{background:linear-gradient(135deg,#34d399,#059669);border-color:#047857;color:#fff;box-shadow:0 3px #047857}.exam-nav-next:active{transform:translateY(2px);box-shadow:0 1px #047857}.exam-submit-btn{width:100%;margin-top:10px;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.05rem;padding:14px 16px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(135deg,#34d399,#059669);color:#fff;box-shadow:0 5px #047857,0 10px 24px #10b98159}.exam-submit-btn:active{transform:translateY(2px);box-shadow:0 3px #047857}.exam-submit-btn:disabled{opacity:.55;cursor:wait}.exam-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;margin:12px 0 16px}.exam-score-grid .v{font-size:1.4rem;font-weight:800;color:#1e3a8a}.exam-score-grid .k{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase}.exam-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 20px}.exam-podium-card{text-align:center;padding:16px 10px;border-radius:16px;background:#fff;border:2px solid #e2e8f0}.exam-place-1{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fff)}.exam-place-2{border-color:#94a3b8}.exam-place-3{border-color:#d97706}.exam-medal{font-size:1.6rem}.exam-podium-avatar{font-size:2.2rem;line-height:1}.exam-podium-name{font-weight:800;margin-top:4px}.exam-podium-score{font-weight:700;color:#1e3a8a}.exam-lb-table{width:100%;border-collapse:collapse}.exam-lb-table th,.exam-lb-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.exam-lb-me{background:#eff6ff;font-weight:700}@media(max-width:640px){.exam-podium{grid-template-columns:1fr}.exam-score-grid{grid-template-columns:repeat(2,1fr)}}.topbar-kid{flex-wrap:nowrap}.topbar-kid .topnav{flex-wrap:nowrap;align-items:center;gap:8px}.topbar-kid .hud{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.topbar-kid{padding:10px 12px;gap:8px}.topbar-kid .brand-tag{display:none}.topbar-kid .brand-row{font-size:1.25rem}.topbar-kid .hud-item{padding:4px 8px;font-size:.82rem}.topbar-kid .kid-menu .user-menu-name{display:none}.topbar-kid .kid-menu .user-menu-trigger{padding:6px 10px}}@media(max-width:640px){.topbar:not(.topbar-kid){flex-wrap:nowrap}.topbar:not(.topbar-kid) .topnav{flex-wrap:nowrap;min-width:0}.user-menu-name{max-width:88px}}@media(max-width:380px){.user-menu-name{max-width:64px}}@media(max-width:480px){.topbar-kid .brand-row{font-size:0}.topbar-kid .brand-star{font-size:1.5rem}.topbar-kid .topnav{gap:6px}.topbar-kid .hud-item{padding:4px 7px;font-size:.8rem}.topbar-kid .kid-dash-link{padding:5px 9px;font-size:.78rem}.topbar-kid .kid-menu .user-menu-trigger{padding:5px 8px;gap:2px}.topbar-kid .kid-menu .user-menu-caret{display:none}}@media(orientation:landscape)and (max-height:520px){.trace-wrap{margin:0 0 6px;gap:6px}.trace-canvas-box{max-width:min(340px,46vh,92vw)!important;border-width:3px;border-radius:18px}}.trace-canvas-box{touch-action:none}@media(orientation:landscape)and (max-height:520px){body.play-mode:has(.trace-wrap) .teacher-panel{padding:4px 8px!important;font-size:.78rem!important;max-height:52px;overflow:hidden;margin-bottom:4px!important}body.play-mode:has(.trace-wrap) .q-text{font-size:1.05rem!important;margin-bottom:4px!important}.trace-canvas-box{max-width:min(300px,40vh,92vw)!important}body.play-mode:has(.trace-wrap) #tara-mascot{display:none}}@media(max-width:400px){body.play-mode:has(.trace-wrap) #tara-mascot{display:none}}.trace-canvas-box--letter .trace-canvas{touch-action:none}.kid-child-warning{position:fixed;top:0;left:0;right:0;z-index:10000;background:#fef3c7;color:#92400e;border-bottom:1px solid #F59E0B;padding:10px 16px;text-align:center;font-weight:700;font-size:.95rem}.kid-child-cover{position:fixed;inset:0;z-index:9999;background:#fff}@media(orientation:landscape)and (max-height:520px){body.play-mode:has(.trace-wrap) .q-card.card{min-height:0!important}body.play-mode:has(.trace-wrap) .q-content{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"box head" "box instr" "box tools" "box opts";align-items:center;align-content:center;column-gap:14px;row-gap:6px;padding:8px 14px 10px}body.play-mode:has(.trace-wrap) .trace-wrap{display:contents}body.play-mode:has(.trace-wrap) .trace-canvas-box{grid-area:box;align-self:center;width:min(40vh,36vw)!important;max-width:none!important;margin:0}body.play-mode:has(.trace-wrap) .q-head{grid-area:head;margin:0}body.play-mode:has(.trace-wrap) .trace-instr{grid-area:instr;margin:0;font-size:.8rem}body.play-mode:has(.trace-wrap) .trace-toolbar{grid-area:tools;margin:0;gap:4px;flex-wrap:nowrap}body.play-mode:has(.trace-wrap) .trace-tool{padding:3px 7px;font-size:.74rem;min-height:30px}body.play-mode:has(.trace-wrap) .q-content>.options{grid-area:opts;margin:0}}.confetti-piece{position:fixed;pointer-events:none;z-index:9999;animation:confetti-fly var(--dur, 1.2s) cubic-bezier(.2,.8,.4,1) forwards}.confetti-emoji{line-height:1;display:inline-block}@keyframes confetti-fly{0%{transform:translate(-50%,-50%) translate(0) rotate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.5);opacity:0}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.reward{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:#0f0a32a6;backdrop-filter:blur(6px);padding:10px;overflow:hidden}.reward.show{display:grid}.reward-card{background:#fff;border-radius:28px;padding:0;text-align:center;max-width:400px;width:100%;overflow:hidden;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 32px 80px #0f0a3259;animation:rise .45s cubic-bezier(.2,1.2,.4,1)}@media(min-width:640px){.reward-card{max-width:640px}}@media(max-width:380px){.reward{padding:10px}}@keyframes rise{0%{transform:translateY(32px) scale(.93);opacity:0}}.rw-top{background:linear-gradient(160deg,#1e1b4b,#2563eb);padding:16px 20px 14px;position:relative;flex-shrink:0}#reward-3d{width:100%;height:clamp(70px,16dvh,140px)}.reward-stars{font-size:1.9rem;letter-spacing:5px;margin:2px 0 4px}.rw-title{color:#fff;font-size:clamp(1.2rem,3.6dvh,1.6rem);margin:0;font-family:Fredoka,sans-serif;font-weight:700}.rw-score{display:flex;align-items:stretch;gap:0;margin:0;border-bottom:2px solid #F3F4F6}.rw-score-item{flex:1;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.rw-score-divider{width:2px;background:#f3f4f6}.rw-score{flex-shrink:0}.rw-score-num{font-size:clamp(1.6rem,4.5dvh,2.4rem);font-weight:900;font-family:"Baloo 2",sans-serif;line-height:1}.rw-score-label{font-size:.8rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.rw-correct .rw-score-num{color:#16a34a}.rw-wrong .rw-score-num{color:#dc2626}.reward-streak{font-weight:800;color:var(--hindi);margin:8px 0 0;padding:0 16px;font-size:.95rem}.reward-badges{padding:0 16px}.reward-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.reward-badges .badge-chip{font-size:.8rem;padding:4px 10px;gap:4px;border-radius:12px}.reward-badges .badge-chip .be{font-size:1.1rem}.reward-nudge{margin:10px 14px 0;padding:8px 12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #FDE68A;border-radius:12px}.reward-nudge p{margin:0 0 6px;font-weight:700;color:#92400e;font-size:.88rem}.reward-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 14px;flex-shrink:0}.reward-actions .btn{margin:0;width:100%;padding:10px 8px;font-size:.92rem;white-space:nowrap;justify-content:center}.reward-actions>:last-child:nth-child(odd){grid-column:1 / -1}@media(max-height:700px){.rw-top{padding:10px 16px 8px}.reward-stars{font-size:1.5rem;margin:0}.rw-score-item{padding:6px 8px}.reward-actions{padding:8px 12px 10px;gap:6px}.reward-actions .btn{padding:8px 6px;font-size:.88rem}}.badge-pop{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}.badge-chip{background:#fff7e6;border:2px solid var(--gold-lite);border-radius:14px;padding:8px 12px;font-weight:800;display:inline-flex;gap:6px;align-items:center}.badge-chip .be{font-size:1.4rem}