.stage-frame{container-type:size}.stage-card{--tilt-x:0deg;--tilt-y:0deg;border-radius:calc(var(--skin-radius,1.25rem) * 1.6);width:min(94cqw,44rem);height:min(92cqh,24rem);box-shadow:0 1.25rem 2.5rem -1.5rem color-mix(in oklab, var(--primary) 45%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--primary) 18%, transparent);background-image:radial-gradient(70% 60% at 50% 42%, var(--glow), transparent 72%), radial-gradient(45% 40% at 12% 12%, color-mix(in oklab, var(--rule-qalqalah) 14%, transparent), transparent 70%), radial-gradient(45% 40% at 88% 88%, color-mix(in oklab, var(--rule-madd) 14%, transparent), transparent 70%)}.stage-deep .stage-card{perspective:900px;touch-action:none;cursor:grab}.stage-gap{margin-inline:.2em}.stage-fit{transform:scale(var(--stage-fit,1))}.stage-tilt{transform-style:preserve-3d;transform:scale(var(--stage-fit,1)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.stage-card[data-held] .stage-tilt{transition:transform 80ms linear}.stage-deep .stage-card[data-held]{cursor:grabbing}.stage-text{--letter:var(--foreground);--letter-mix:100%;--stage-depth:.09em;font-family:var(--font-face-indopak), var(--font-quran);font-size:calc(min(19cqw, 30cqh, 7.5rem) * var(--skin-scale,1));white-space:nowrap;transform-style:preserve-3d;padding-inline:.4em;line-height:1.9;transform:translateZ(.6em)}.stage-glyph{color:color-mix(in oklab, var(--letter) var(--letter-mix), var(--surface))}.stage-glyph[data-stage=dim]{--letter-mix:38%}.stage-face .stage-glyph{text-shadow:0 .015em .03em color-mix(in oklab, var(--letter) 35%, transparent)}.stage-face .stage-glyph[data-stage=glow]{text-shadow:0 0 .1em color-mix(in oklab, var(--letter) 70%, transparent), 0 0 .45em color-mix(in oklab, var(--letter) 45%, transparent)}.stage-layer .stage-glyph{text-shadow:0 0 .025em;color:color-mix(in oklab, color-mix(in oklab, var(--letter) var(--letter-mix), var(--surface)) var(--layer-tone), var(--stage-shade))}.stage-ground{background:radial-gradient(closest-side, var(--stage-ground), transparent);filter:blur(6px);width:62%;height:12%;transform:translateX(calc(-50% + var(--tilt-shift,0) * -1.2px)) scaleX(calc(1 - var(--tilt-lift,0) / 120));border-radius:50%;transition:transform .9s cubic-bezier(.2,.8,.2,1);top:62%;left:50%}.stage-float .stage-ground{animation:7s ease-in-out infinite stage-ground}.stage-card[data-held] .stage-ground{transition:transform 80ms linear}.stage-card[data-held] .stage-text,.stage-card[data-held] .stage-ground{animation-play-state:paused}.explorer-glyph{font-family:var(--font-face-indopak), var(--font-quran);line-height:1.7}.stage-float .stage-text{animation:7s ease-in-out infinite stage-float}.stage-layer{--layer-tone:calc(82% - var(--layer) / var(--layers) * 52%);padding-inline:inherit;transform:translate3d(calc(var(--layer) / var(--layers) * .012em), calc(var(--layer) / var(--layers) * .022em), calc(var(--layer) / var(--layers) * var(--stage-depth) * -1))}.stage-face{transform:translateZ(.02em)}[data-puffy] .stage-text{--stage-depth:.07em}[data-puffy] .stage-glyph{-webkit-text-stroke:.014em currentColor;transition:color .32s var(--motion-ease)}[data-puffy] .stage-glyph .stage-fathatan{-webkit-text-stroke-width:.01em}[data-puffy] .stage-layer .stage-glyph{text-shadow:none;-webkit-text-stroke-width:0}[data-puffy] .stage-face .stage-fathatan{color:color-mix(in oklab, var(--q-mark) var(--letter-mix), var(--surface))}[data-puffy] .stage-face .stage-glyph{text-shadow:0 -.012em .008em color-mix(in oklab, white 60%, currentColor), 0 .014em .008em color-mix(in oklab, var(--stage-shade) 40%, currentColor), 0 .04em .04em color-mix(in oklab, var(--stage-shade) 26%, transparent), 0 0 .02em transparent, 0 0 .04em transparent;transition:color .32s var(--motion-ease), text-shadow .32s var(--motion-ease)}[data-puffy] .stage-face .stage-glyph[data-stage=glow]{text-shadow:0 -.012em .008em color-mix(in oklab, white 85%, currentColor), 0 .014em .008em color-mix(in oklab, var(--stage-shade) 40%, currentColor), 0 .04em .04em color-mix(in oklab, var(--stage-shade) 26%, transparent), 0 0 .02em color-mix(in oklab, var(--letter) 80%, transparent), 0 0 .04em color-mix(in oklab, var(--letter) 28%, transparent)}.dua-arabic span{-webkit-text-stroke:.014em currentColor;text-shadow:0 -.012em .008em color-mix(in oklab, white 60%, currentColor), 0 .014em .008em color-mix(in oklab, var(--stage-shade) 40%, currentColor), 0 .04em .04em color-mix(in oklab, var(--stage-shade) 26%, transparent)}.q-tab{isolation:isolate;color:var(--foreground);background-color:var(--surface-2);box-shadow:inset 0 .1rem .15rem #ffffff4d, inset 0 -.2rem .4rem color-mix(in oklab, var(--stage-shade) 10%, transparent);transition:transform .28s var(--motion-ease), background-color .28s var(--motion-ease), color .28s var(--motion-ease);position:relative}@supports (color:lab(0% 0 0)){.q-tab{box-shadow:inset 0 .1rem .15rem lab(100% -.0000298023 .0000119209/.3), inset 0 -.2rem .4rem color-mix(in oklab, var(--stage-shade) 10%, transparent)}}.q-tab:before,.q-tab:after{content:"";pointer-events:none;opacity:0;transition:opacity .32s var(--motion-ease), transform .38s var(--motion-ease);position:absolute}.q-tab:before{z-index:-1;box-shadow:0 0 .35rem color-mix(in oklab, var(--tab) 55%, transparent);border-radius:1.2rem;inset:-.2rem;transform:scale(.96)}.q-tab:after{border-radius:inherit;background:linear-gradient(165deg,#ffffff4d 0%,#ffffff14 40%,#0000 54%,#0000001a 100%);inset:0}.q-tab[aria-selected=true]{color:var(--q-on);background-color:var(--tab);transform:scale(1.06)}.q-tab[aria-selected=true]:before{opacity:1;transform:scale(1)}.q-tab[aria-selected=true]:after{opacity:1}.q-tab-dot{background-color:var(--tab);transition:background-color .28s var(--motion-ease)}.q-tab[aria-selected=true] .q-tab-dot{background-color:var(--q-on)}.slide-enter{animation:.26s cubic-bezier(.2,.8,.2,1) slide-enter}.slide-enter-back{animation:.26s cubic-bezier(.2,.8,.2,1) slide-enter-back}@keyframes stage-float{0%,to{transform:translateZ(.6em) rotateY(calc(var(--skin-motion,1) * -7deg)) translateY(0)}50%{transform:translateZ(.6em) rotateY(calc(var(--skin-motion,1) * 7deg)) translateY(calc(var(--skin-motion,1) * -.04em))}}@keyframes stage-ground{0%,to{opacity:1;translate:calc(var(--skin-motion,1) * .4rem) 0}50%{opacity:.8;translate:calc(var(--skin-motion,1) * -.4rem) 0}}@keyframes slide-enter{0%{opacity:0;transform:translateX(calc(var(--slide-dir,1) * 2rem)) rotateY(calc(var(--slide-dir,1) * -8deg))}to{opacity:1;transform:none}}@keyframes slide-enter-back{0%{opacity:0;transform:translateX(calc(var(--slide-dir,1) * -2rem)) rotateY(calc(var(--slide-dir,1) * 8deg))}to{opacity:1;transform:none}}html[dir=rtl]{--slide-dir:-1}@media (prefers-reduced-motion:reduce){.drawer-panel,.animate-fade-in,.stage-float .stage-text,.stage-float .stage-ground,.slide-enter,.slide-enter-back,.quiz-pop,.quiz-shake,.quiz-star-in,.quiz-node[data-state=open] .quiz-node-disc{animation:none}.stage-tilt,.quiz-node-disc{transition:none}}.quiz-board{perspective:1100px;perspective-origin:50% 10%;container-type:size}.quiz-plane{--path-tilt:40deg;transform-style:preserve-3d;transform:rotateX(var(--path-tilt));transform-origin:50% 70%;border:1px solid var(--border);border-radius:var(--skin-radius,1.25rem);background:radial-gradient(60% 50% at 50% 55%, var(--glow), transparent 75%), color-mix(in oklab, var(--surface-2) 75%, transparent);box-shadow:0 2.5rem 3rem -2rem color-mix(in oklab, var(--foreground) 35%, transparent);position:absolute;inset:3% 4% 2%}.quiz-track{transform-style:preserve-3d}.quiz-flat .quiz-plane{--path-tilt:0deg}.quiz-node{--node-size:calc(min(14cqh, 20cqw, 5.5rem) * var(--skin-scale,1));width:0;height:0;transform-style:preserve-3d;position:absolute}.quiz-node-body{transform-style:preserve-3d;transform-origin:50% 100%;transform:translateX(-50%) rotateX(calc(var(--path-tilt) * -1)) translateZ(1px);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0}.quiz-node[data-final=true]{--node-size:calc(min(17cqh, 24cqw, 6.75rem) * var(--skin-scale,1))}.quiz-node-disc{--node:var(--surface-2);width:var(--node-size);height:var(--node-size);color:var(--muted);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--node) 65%, var(--surface)), var(--node) 70%);box-shadow:0 .22rem 0 color-mix(in oklab, var(--node) 60%, var(--foreground)), 0 .9rem 1.25rem -.5rem color-mix(in oklab, var(--node) 70%, transparent), inset 0 .15rem .3rem color-mix(in oklab, var(--surface) 45%, transparent);border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s ease-out;display:flex}.quiz-node-disc:hover:not([aria-disabled=true]){transform:translateY(-.2rem)}.quiz-node-disc:active:not([aria-disabled=true]){transform:translateY(.2rem)}.quiz-node[data-state=open] .quiz-node-disc{--node:var(--flame);color:var(--primary-foreground);animation:1.8s ease-in-out infinite quiz-bob}.quiz-node[data-state=done] .quiz-node-disc{--node:var(--primary);color:var(--primary-foreground)}.quiz-node[data-final=true][data-state=locked] .quiz-node-disc{border:3px dashed color-mix(in oklab, var(--danger) 60%, transparent)}.quiz-node[data-selected=true] .quiz-node-disc{outline:3px solid color-mix(in oklab, var(--primary) 50%, transparent);outline-offset:4px}.quiz-node-number{font-size:calc(var(--node-size) * .38);line-height:1}.quiz-words{font-family:var(--font-face-indopak), var(--font-quran);font-size:calc(min(9cqw, 15cqh, 3.5rem) * var(--skin-scale,1));line-height:1.9}.quiz-pop{animation:.32s ease-out quiz-pop}.quiz-shake{animation:.15s ease-in-out 2 quiz-shake}.quiz-star-in{animation:.42s cubic-bezier(.2,.8,.2,1.4) backwards quiz-star;animation-delay:calc(var(--i,0) * .14s + .2s)}@keyframes quiz-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--skin-motion,1) * -.4rem))}}@keyframes quiz-pop{0%{transform:scale(.94)}60%{transform:scale(calc(1 + var(--skin-motion,1) * .05))}to{transform:scale(1)}}@keyframes quiz-shake{0%,to{translate:0}25%{translate:calc(var(--skin-motion,1) * -.35rem) 0}75%{translate:calc(var(--skin-motion,1) * .35rem) 0}}@keyframes quiz-star{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:none}}html[lang=ur] :where(p,span,a,li,label,button,input,textarea,select,summary,h1,h2,h3,h4):not(.tabular-nums){line-height:calc(var(--lh-body) * var(--lh-scale))}html[lang=ur] :where(h1,h2,h3,h4):not(.tabular-nums){line-height:calc(var(--lh-head) * var(--lh-scale))}html[lang=ur] :where(h1,h2,h3,h4){font-weight:400}html{touch-action:manipulation;-webkit-text-size-adjust:100%}button,a,[role=button]{-webkit-touch-callout:none}.quiz-ar{font-family:var(--font-face-indopak), var(--font-quran);background-image:var(--gradient-brand);color:#0000;filter:drop-shadow(0 .06em 0 color-mix(in oklab, var(--primary) 35%, transparent));-webkit-background-clip:text;background-clip:text;padding:.15em .1em;font-size:1.55em;font-weight:400;line-height:1.6;display:inline-block}.option-speaking{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 16%, var(--surface));box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 45%, transparent);transform:scale(1.02)}@layer components{.kids-scene{border-radius:calc(var(--skin-radius,1.25rem) * 1.4);background-image:linear-gradient(180deg, var(--kid-sky-top), var(--kid-sky-bottom));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--kid-board-edge) 30%, transparent);container-type:size}.kids-layout{padding:.6rem max(.6rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"board""crew""actions";gap:.5rem;display:grid}@media (orientation:landscape) and (max-height:540px){.kids-layout{grid-template:"board crew"minmax(0,1fr)"board actions"/minmax(0,1.2fr) minmax(0,1fr)}}.kids-sun{top:.5rem;aspect-ratio:1;width:clamp(3.5rem,18cqmin,6rem);inset-inline-end:.75rem}.kids-sun-rays rect{fill:var(--kid-sun)}.kids-sun-rays{transform-origin:0 0;animation:40s linear infinite kids-spin}.kids-sun-disc{fill:var(--kid-sun);stroke:var(--kid-sun-core);stroke-width:4px}.kids-sun-eye{fill:var(--kid-ink)}.kids-sun-cheek{fill:var(--kid-cheek);opacity:.7}.kids-sun-smile{fill:none;stroke:var(--kid-ink);stroke-width:3px;stroke-linecap:round}.kids-cloud{fill:var(--kid-cloud);opacity:.92;animation:linear infinite kids-drift;inset-inline-start:-25%}.kids-hill-far{fill:var(--kid-hill-far)}.kids-hill-near{fill:var(--kid-hill-near)}.kids-board{border:.3rem solid var(--kid-board-edge);background-color:var(--kid-board);height:min(100%,44cqh);box-shadow:inset 0 .2rem .4rem #ffffff73, 0 .4rem 0 color-mix(in oklab, var(--kid-board-edge) 60%, black), 0 1rem 1.4rem -.7rem var(--gi-shadow);border-radius:1.75rem;align-self:center}@supports (color:lab(0% 0 0)){.kids-board{box-shadow:inset 0 .2rem .4rem lab(100% -.0000298023 .0000119209/.45), 0 .4rem 0 color-mix(in oklab, var(--kid-board-edge) 60%, black), 0 1rem 1.4rem -.7rem var(--gi-shadow)}}.kids-word{--mix:100%;font-family:var(--font-face-indopak), var(--font-quran);white-space:nowrap;padding-inline:.4em;font-size:4.5rem;line-height:1.9}.kids-glyph{color:color-mix(in oklab, var(--letter) var(--mix), var(--kid-board));transition:color .32s var(--motion-ease), text-shadow .32s var(--motion-ease)}.kids-gap{margin-inline:.2em}.kids-glyph[data-state=dim]{--mix:38%}.kids-glyph[data-state=glow]{text-shadow:0 0 .03em color-mix(in oklab, var(--letter) 85%, transparent), 0 0 .09em color-mix(in oklab, var(--letter) 45%, transparent)}.kids-fathatan{color:color-mix(in oklab, var(--q-mark) var(--mix), var(--kid-board))}@media (orientation:landscape) and (max-height:540px){.kids-board{height:100%}}.kids-crew{font-size:min(6.5rem, 34cqh, max(calc((100cqw - 2rem - (var(--n) - 1) * 1rem) / (var(--n) * 1.25)), min(5rem, calc((100cqw - 2rem - (min(var(--n), 3) - 1) * 1rem) / (min(var(--n), 3) * 1.25)))));flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1rem max(1rem,.3em);display:flex}@media (orientation:landscape) and (max-height:540px){.kids-crew{font-size:min(6rem, calc((38cqh - (var(--rows) - 1) * 1rem) / (var(--rows) * 1.14)), max(calc((46cqw - 2rem - (var(--n) - 1) * 1rem) / (var(--n) * 1.25)), min(4rem, calc((46cqw - 2rem - (min(var(--n), 3) - 1) * 1rem) / (min(var(--n), 3) * 1.25)))))}}.kids-actions{margin-top:.5rem}.kids-btn{min-height:3.5rem;box-shadow:inset 0 .15rem 0 #ffffff73, 0 .45rem 0 color-mix(in oklab, var(--tone-from,#0f5c4d) 60%, black), 0 .9rem 1.2rem -.5rem color-mix(in oklab, var(--tone-from,#0f5c4d) 70%, transparent);border-radius:1.5rem;padding-inline:1.75rem;font-size:1.125rem}.kids-btn:active{box-shadow:inset 0 .15rem 0 #ffffff73, 0 .15rem 0 color-mix(in oklab, var(--tone-from,#0f5c4d) 60%, black);transform:translateY(.3rem)}.kid{width:1em;font-size:inherit;background:0 0;flex:none;padding:0}.kid-figure{transform-origin:50% 100%;width:1em;height:1.14em;animation:2.6s ease-in-out infinite kid-bob;animation-delay:calc(var(--i) * -.6s);display:block;position:relative}.kid-figure[data-phase=jump],.kid-figure[data-phase=talk]{animation:kid-jump .46s var(--motion-pop) infinite alternate}.kid-figure[data-cheer]{animation:kid-jump .4s var(--motion-pop) 4 alternate}.kid[aria-selected=true] .kid-body{filter:drop-shadow(0 0 .08em var(--kc))}.kid-body{inset-inline:0;background-image:radial-gradient(circle at 32% 20%, color-mix(in oklab, white 55%, var(--kc)), var(--kc) 58%, color-mix(in oklab, black 22%, var(--kc)));height:1.02em;box-shadow:inset 0 -.07em .1em #0003, 0 .05em .12em var(--gi-shadow);border-radius:48% 48% 44% 44%/54% 54% 46% 46%;display:block;position:absolute;top:0}@supports (color:lab(0% 0 0)){.kid-body{box-shadow:inset 0 -.07em .1em lab(0% 0 0/.2), 0 .05em .12em var(--gi-shadow)}}.kid-body:before{content:"";top:.06em;background:var(--gi-gloss);border-radius:50%;width:.3em;height:.16em;position:absolute;inset-inline-start:.16em;transform:rotate(-24deg)}.kid-eyes{top:.14em;justify-content:center;gap:.08em;display:flex;position:absolute;inset-inline:0}.kid-eye{background:var(--kid-eye);width:.26em;height:.3em;box-shadow:inset 0 0 0 .014em color-mix(in oklab, var(--kid-ink) 35%, transparent);animation:4.8s infinite kid-blink;animation-delay:calc(var(--i) * -1.1s);border-radius:50%;display:block;position:relative;overflow:hidden}.kid-pupil{background:var(--kid-ink);border-radius:50%;width:.13em;height:.15em;margin:-.075em 0 0 -.065em;position:absolute;top:50%;left:50%}.kid-cheek{background:var(--kid-cheek);opacity:.75;border-radius:50%;width:.11em;height:.07em;position:absolute;top:.4em}.kid-cheek-start{left:.1em}.kid-cheek-end{right:.1em}.kid-mouth{background:var(--kid-ink);transform-origin:50% 0;border-radius:0 0 .2em .2em;width:.2em;height:.08em;margin-left:-.1em;position:absolute;top:.42em;left:50%}.kid-figure[data-phase=talk] .kid-mouth{animation:.24s ease-in-out infinite alternate kid-talk}.kid-badge{background:var(--kid-badge);width:1.2em;color:var(--kid-ink);text-align:center;box-shadow:inset 0 -.1em 0 color-mix(in oklab, var(--kc) 30%, transparent);border-radius:.28em;padding:.03em .04em;display:block;position:absolute;bottom:.04em;left:50%;transform:translate(-50%)}.kid-badge>span{overflow-wrap:anywhere;font-weight:800;line-height:1.2;display:block}.kid-badge-head{font-size:max(.15em,.7rem)}.kid-badge-tail{font-size:max(.18em,.8rem)}.kid-arm{background:color-mix(in oklab, black 14%, var(--kc));transform-origin:50% 12%;border-radius:.2em;width:.2em;height:.42em;position:absolute;top:.42em}.kid-arm-start{left:-.1em;transform:rotate(16deg)}.kid-arm-end{right:-.1em;transform:rotate(-16deg)}.kid-figure[data-phase=jump] .kid-arm-start,.kid-figure[data-phase=talk] .kid-arm-start,.kid-figure[data-cheer] .kid-arm-start{animation:.46s ease-in-out infinite alternate kid-arm-start}.kid-figure[data-phase=jump] .kid-arm-end,.kid-figure[data-phase=talk] .kid-arm-end,.kid-figure[data-cheer] .kid-arm-end{animation:.46s ease-in-out infinite alternate kid-arm-end}.kid-feet{bottom:0;justify-content:center;gap:.2em;display:flex;position:absolute;inset-inline:0}.kid-foot{background:color-mix(in oklab, black 28%, var(--kc));border-radius:50%;width:.3em;height:.14em;display:block}.kids-confetti{z-index:5}.kids-star{fill:currentColor;stroke:var(--kid-board);stroke-width:1.5px;opacity:0;animation:ease-in forwards kids-fall;top:-2rem}}@keyframes kids-spin{to{transform:rotate(360deg)}}@keyframes kids-drift{0%{transform:translate(0)}to{transform:translate(calc(100cqw + 140%))}}@keyframes kid-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.04em)}}@keyframes kid-jump{0%{transform:translateY(0)scale(1.04,.94)}to{transform:translateY(-.28em)scale(.97,1.05)}}@keyframes kid-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes kid-talk{0%{transform:scaleY(.7)}to{transform:scaleY(2.2)}}@keyframes kid-arm-start{0%{transform:rotate(16deg)}to{transform:rotate(140deg)}}@keyframes kid-arm-end{0%{transform:rotate(-16deg)}to{transform:rotate(-140deg)}}@keyframes kids-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(100cqh) rotate(var(--turn))}}@media (prefers-reduced-motion:reduce){.kids-scene *,.kids-scene :before,.kids-scene :after{transition:none!important;animation:none!important}.kids-confetti{display:none}.kids-cloud{inset-inline-start:8%}}