@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(./baloo-bhaijaan-2-arabic-wght-normal-CRcpK9-Q.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(./baloo-bhaijaan-2-vietnamese-wght-normal-BbBSjvDu.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(./baloo-bhaijaan-2-latin-ext-wght-normal-CVnLRR-E.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(./baloo-bhaijaan-2-latin-wght-normal-Dg-XQwW0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:oklch(97% .025 85);--card:oklch(99.5% .005 85);--ink:oklch(27% .06 285);--ink-2:oklch(50% .04 285);--rule:oklch(27% .06 285/.14);--edge:oklch(27% .06 285/.2);--sun:oklch(86% .17 92);--sun-deep:oklch(70% .16 78);--grape:oklch(56% .2 292);--grape-deep:oklch(43% .19 290);--leaf:oklch(72% .19 148);--leaf-deep:oklch(57% .17 150);--coral:oklch(68% .19 28);--coral-deep:oklch(54% .18 28);--sky:oklch(78% .12 230);--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.2, .7, .2, 1);--font:"Baloo Bhaijaan 2 Variable", ui-rounded, "Segoe UI", system-ui, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--b:clamp(14px, 2.8vh, 26px);--hue:255;font-family:var(--font);color:var(--ink)}.scene-meadow{--sky-a:oklch(86% .08 228);--sky-b:oklch(95% .04 200);--hill-a:oklch(80% .15 142);--hill-b:oklch(72% .16 150);--orb:var(--sun);--cloud:oklch(100% 0 0/.85);--on-sky:var(--ink)}.scene-sea{--sky-a:oklch(88% .07 205);--sky-b:oklch(95% .04 185);--hill-a:oklch(74% .11 225);--hill-b:oklch(64% .13 240);--orb:var(--sun);--cloud:oklch(100% 0 0/.85);--on-sky:var(--ink)}.scene-desert{--sky-a:oklch(88% .09 60);--sky-b:oklch(95% .05 90);--hill-a:oklch(84% .11 78);--hill-b:oklch(76% .12 62);--orb:oklch(80% .17 60);--cloud:oklch(100% 0 0/.6);--on-sky:var(--ink)}.scene-night{--sky-a:oklch(30% .09 280);--sky-b:oklch(46% .12 295);--hill-a:oklch(38% .09 275);--hill-b:oklch(30% .08 278);--orb:oklch(94% .04 95);--cloud:oklch(100% 0 0/.14);--on-sky:oklch(97% .02 90)}.scene-snow{--sky-a:oklch(84% .05 240);--sky-b:oklch(96% .02 220);--hill-a:oklch(97% .01 220);--hill-b:oklch(90% .03 230);--orb:oklch(92% .08 90);--cloud:oklch(100% 0 0/.9);--on-sky:var(--ink)}.scene-jungle{--sky-a:oklch(80% .1 190);--sky-b:oklch(93% .05 150);--hill-a:oklch(62% .17 150);--hill-b:oklch(48% .14 155);--orb:var(--sun);--cloud:oklch(100% 0 0/.7);--on-sky:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;height:100%;margin:0}#app{min-height:100%}main{isolation:isolate;align-items:center;gap:var(--s4);min-height:100dvh;padding:max(var(--s4), env(safe-area-inset-top)) max(var(--s4), env(safe-area-inset-right)) max(var(--s4), env(safe-area-inset-bottom)) max(var(--s4), env(safe-area-inset-left));flex-direction:column;display:flex;position:relative}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:4px solid var(--grape);outline-offset:3px}h1{margin:0;font-size:28px;font-weight:800;line-height:1.1}.grow{flex:1}.icon{flex:none;width:1em;height:1em;display:inline-grid}.icon svg,.sticker svg{width:100%;height:100%}.sticker{filter:drop-shadow(0 3px oklch(0% 0 0/.18));flex:none;width:1em;height:1em;font-size:44px;display:inline-grid}.backdrop{z-index:-1;background:linear-gradient(var(--sky-a), var(--sky-b));position:absolute;inset:0;overflow:hidden}.scene-night .backdrop{background:radial-gradient(2px 2px at 12% 18%, var(--orb) 50%, transparent 51%), radial-gradient(2px 2px at 31% 9%, var(--orb) 50%, transparent 51%), radial-gradient(3px 3px at 47% 22%, var(--orb) 50%, transparent 51%), radial-gradient(2px 2px at 64% 12%, var(--orb) 50%, transparent 51%), radial-gradient(2px 2px at 78% 27%, var(--orb) 50%, transparent 51%), radial-gradient(3px 3px at 22% 34%, var(--orb) 50%, transparent 51%), linear-gradient(var(--sky-a), var(--sky-b))}.scene-snow .backdrop{background:radial-gradient(3px 3px at 15% 20%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 40% 12%, #fff 50%, transparent 51%), radial-gradient(3px 3px at 70% 25%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 85% 10%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 55% 35%, #fff 50%, transparent 51%), linear-gradient(var(--sky-a), var(--sky-b))}.sun{background:var(--orb);border-radius:50%;width:16vmin;height:16vmin;position:absolute;top:9%;right:9%}.cloud{background:var(--cloud);border-radius:999px;width:22vmin;height:7vmin;animation:70s linear infinite alternate drift;position:absolute}.cloud:before{content:"";background:inherit;border-radius:50%;width:46%;height:130%;position:absolute;bottom:40%;left:18%}.cloud.c1{top:16%;left:6%}.cloud.c2{animation-duration:95s;top:30%;left:52%;scale:.7}@keyframes drift{to{translate:26vw}}.hill{border-radius:50%;height:52vh;position:absolute}.hill.h1{background:var(--hill-a);width:120vw;bottom:-30vh;left:-35vw}.hill.h2{background:var(--hill-b);width:130vw;bottom:-36vh;right:-45vw}.round-btn{background:var(--card);width:48px;height:48px;color:var(--ink);box-shadow:0 4px 0 var(--edge);border-radius:50%;flex:none;place-items:center;font-size:24px;display:grid}.big{justify-content:center;align-items:center;gap:var(--s3);width:min(400px,100%);min-height:68px;padding:var(--s3) var(--s5);color:var(--card);background:var(--grape);box-shadow:0 7px 0 var(--grape-deep);transition:transform .12s var(--ease), box-shadow .12s var(--ease);border-radius:999px;font-size:clamp(20px,3.4vh,28px);font-weight:700;display:flex}.big:active,.go:active,.round-btn:active,.hear:active,.ctl:active,.check-btn:active,.next-btn:active{transform:translateY(4px)}.big:active{box-shadow:0 3px 0 var(--grape-deep)}.big.quiet{color:var(--ink);background:var(--card);box-shadow:0 7px 0 var(--edge)}.big.quiet:active{box-shadow:0 3px 0 var(--edge)}.holding{animation:hold var(--hold-ms,1.5s) linear forwards}@keyframes hold{to{box-shadow:inset 0 0 0 80px oklch(72% .19 148/.5)}}.hint{max-width:520px;color:var(--ink-2);text-align:center;margin:0;font-size:15px}.badge{background:var(--card);box-shadow:0 3px 0 var(--rule);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;display:inline-flex}.badge .icon{color:var(--sun-deep)}.home,.done{justify-content:center;gap:var(--s4);text-align:center}.wordmark{align-items:center;gap:var(--s3);color:var(--on-sky);font-size:clamp(40px,11vw,72px);display:flex}.wordmark .icon{color:var(--sun);filter:drop-shadow(0 3px 0 var(--sun-deep))}.go{aspect-ratio:1;width:clamp(120px,22vh,180px);color:var(--card);background:var(--grape);box-shadow:0 12px 0 var(--grape-deep);animation:breathe 2.4s var(--ease) infinite alternate;border-radius:50%;place-items:center;font-size:clamp(60px,11vh,90px);display:grid}.go .icon{translate:6%}@keyframes breathe{to{scale:1.05}}.where{align-items:center;gap:var(--s3);width:min(400px,100%);padding:var(--s2) var(--s4);text-align:start;background:oklch(100% 0 0/.75);border-radius:999px;display:flex}.where .sticker{font-size:40px}.where b{font-size:19px;display:block}.where small{color:var(--ink-2)}.where .count{align-items:center;gap:4px;font-weight:700;display:inline-flex}.where .count .icon{color:var(--sun-deep)}.big.link{min-height:64px;padding:var(--s2) var(--s5);text-align:start;font-size:19px}.big.link .grow{flex-direction:column;gap:4px;min-width:0;display:flex}.big.link small{color:var(--ink-2);font-size:13px;font-weight:500}.big.link>.icon{color:var(--coral);font-size:28px}.baby-link>.icon{color:var(--grape)}.jar,.bar{background:var(--rule);border-radius:999px;height:10px;display:block;overflow:hidden}.jar i,.bar i{background:var(--sun);height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.count{color:var(--ink-2);font-size:16px}.parents{align-items:center;gap:var(--s2);margin-top:var(--s2);padding:var(--s3) var(--s4);color:var(--ink-2);background:oklch(100% 0 0/.5);border-radius:999px;font-size:15px;display:flex}.install-hint{max-width:320px;padding:var(--s2) var(--s3);color:var(--ink-2);background:oklch(100% 0 0/.6);border-radius:12px;margin:0;font-size:13px}.shout{color:var(--on-sky);font-size:clamp(40px,11vw,80px)}.land-done{align-items:center;gap:var(--s2);color:var(--on-sky);flex-direction:column;display:flex}.land-name{font-size:26px;font-weight:800}.sticker.reveal{animation:reveal .9s var(--spring) both;font-size:120px;animation-delay:.4s}@keyframes reveal{0%{rotate:-30deg;scale:0}}.got{font-weight:700}.earned{justify-content:center;gap:var(--s2);max-width:420px;min-height:44px;color:var(--sun);flex-wrap:wrap;font-size:40px;display:flex}.earned .icon{filter:drop-shadow(0 3px 0 var(--sun-deep));animation:pop .5s var(--spring) both;animation-delay:calc(var(--i) * .11s + .2s)}@keyframes pop{0%{rotate:-40deg;scale:0}}.play{overflow-x:hidden}header{align-items:center;gap:var(--s3);width:100%;display:flex}.trail{flex:1;align-items:center;height:48px;display:flex;position:relative}.stone{flex:1;place-items:center;display:grid}.stone:before{content:"";width:13px;height:13px;box-shadow:0 2px 0 var(--rule);transition:background .3s, scale .3s var(--spring);background:oklch(100% 0 0/.65);border-radius:50%}.stone:nth-child(odd){translate:0 5px}.stone:nth-child(2n){translate:0 -5px}.stone.won:before{background:var(--sun);scale:1.25}.stone.missed:before{background:oklch(50% .04 285/.4)}.token{top:50%;left:calc((var(--at,0) + .5) * 100% / var(--n,10));color:var(--sun);filter:drop-shadow(0 3px 0 var(--sun-deep));transition:left .45s var(--spring);font-size:34px;position:absolute;translate:-50% -50%}.token.hop{animation:hop .45s var(--ease)}@keyframes hop{50%{transform:translateY(-14px)rotate(20deg)}}.goal{color:var(--coral);font-size:28px}.stage{justify-content:space-between;align-items:center;gap:var(--s4);flex-direction:column;flex:1;width:100%;display:flex}.board{align-items:center;gap:var(--s2);min-width:min(240px,78%);max-width:calc(100% - 20px);padding:var(--s4) var(--s6);background:var(--card);box-shadow:0 8px 0 var(--edge);text-align:center;animation:arrive .4s var(--spring) both;border-radius:36px;flex-direction:column;margin:auto 0;display:flex;position:relative}.kind-build .board,.kind-order .board,.kind-pairs .board,.kind-pick .board{padding:var(--s3) var(--s5);border-radius:28px;margin:0}@keyframes arrive{0%{opacity:0;scale:.7}}.picture{font-size:clamp(64px,15vh,140px);line-height:1.15}.kind-build .picture,.kind-order .picture,.kind-pairs .picture,.kind-pick .picture{font-size:clamp(48px,9vh,90px)}.board .text{letter-spacing:.06em;font-size:clamp(36px,8vh,80px);font-weight:700;line-height:1.15}.board .text[lang=ar]{letter-spacing:0}.kind-build .board .text,.kind-order .board .text{font-size:clamp(32px,6vh,56px)}.board .row{justify-content:center;gap:var(--s2);flex-wrap:wrap;display:flex}.board .row .face{background:var(--paper);border-radius:14px;min-width:52px;padding:6px 10px;font-size:34px}.hear{width:60px;height:60px;color:var(--card);background:var(--grape);box-shadow:0 5px 0 var(--grape-deep);border-radius:50%;place-items:center;font-size:32px;display:grid;position:absolute;bottom:-18px;right:-18px}.hear.only{width:clamp(100px,18vh,150px);height:clamp(100px,18vh,150px);margin:var(--s2) 0 var(--s3);animation:listen 1.6s var(--ease) infinite;font-size:clamp(50px,9vh,80px);position:static}@keyframes listen{0%{box-shadow:0 5px 0 var(--grape-deep), 0 0 0 0 oklch(56% .2 292/.45)}to{box-shadow:0 5px 0 var(--grape-deep), 0 0 0 26px oklch(56% .2 292/0)}}.face{flex-direction:column;justify-content:center;align-items:center;gap:4px;max-width:100%;display:inline-flex}.face-emoji{font-size:1.15em;line-height:1.1}.face-label{overflow-wrap:anywhere;font-weight:700;line-height:1.15}.face.face-big .face-emoji+.face-label{font-size:.55em}.face-color{width:2em;height:2em;box-shadow:inset 0 -6px 0 oklch(0% 0 0/.14), 0 0 0 3px var(--card), 0 0 0 5px var(--rule);border-radius:50%}.stacks{align-items:flex-end;gap:var(--s4);display:flex}.plus{font-size:calc(var(--b) * 1.6);align-self:center;font-weight:700}.stack{align-items:flex-end;gap:4px;display:flex}.stack.small{--b:clamp(11px, 2vh, 18px)}.col{flex-direction:column-reverse;gap:3px;display:flex}.block{width:var(--b);height:var(--b);background:oklch(64% .19 var(--hue));border-radius:6px;box-shadow:inset 0 -4px oklch(0% 0 0/.16),inset 0 3px oklch(100% 0 0/.28)}.block.taken{box-shadow:none;outline:2px dashed oklch(64% .1 var(--hue));outline-offset:-2px;background:0 0}.options{gap:var(--s4);width:min(760px,100%);padding-bottom:var(--s3);grid-template-columns:repeat(auto-fit,minmax(128px,1fr));display:grid}.opt{min-height:clamp(84px,15vh,140px);padding:var(--s3);background:var(--card);box-shadow:0 8px 0 var(--edge);transition:transform .12s var(--ease), background .15s, opacity .2s, box-shadow .15s;animation:rise .45s var(--spring) both;animation-delay:calc(var(--i) * 70ms + .12s);border-radius:28px;justify-content:center;align-items:center;font-size:clamp(30px,5.5vh,56px);font-weight:700;line-height:1.2;display:flex}.opt:has(.stack){align-items:flex-end}@keyframes rise{0%{opacity:0;translate:0 40px}}.opt:active,.tile:active,.pitem:active,.card:active{transform:translateY(5px)}.saying{box-shadow:0 8px 0 var(--edge), 0 0 0 5px var(--grape)}.answered .opt:not(.right):not(.wrong){opacity:.45}.opt.right,.pitem.right{color:var(--card);background:var(--leaf);box-shadow:0 8px 0 var(--leaf-deep);transform:scale(1.06)}.opt.right .block,.pitem.right .block{background:var(--card)}.opt.wrong,.pitem.wrong{color:var(--card);background:var(--coral);box-shadow:0 8px 0 var(--coral-deep);animation:.4s wobble}.wobble{animation:.4s wobble!important}@keyframes wobble{25%{transform:translate(-9px)rotate(-3deg)}75%{transform:translate(9px)rotate(3deg)}}.pulse{animation:pulse .9s var(--ease) 2}@keyframes pulse{50%{box-shadow:0 8px 0 var(--edge), 0 0 0 8px var(--sun);scale:1.08}}.balloons .options{padding-bottom:var(--s6);grid-template-columns:repeat(auto-fit,min(150px,18vh,40vw));justify-content:center}.balloons .opt{aspect-ratio:5/6;min-height:0;color:var(--card);background:var(--coral);animation:rise .45s var(--spring) both, bob 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms + .12s), calc(var(--i) * -.7s);border-radius:50%/46% 46% 54% 54%;position:relative;box-shadow:inset -10px -12px oklch(0% 0 0/.12)}.balloons .opt .face-color{box-shadow:inset 0 -6px 0 oklch(0% 0 0/.14), 0 0 0 4px var(--card)}.balloons .opt:nth-child(4n+2){background:oklch(70% .16 60)}.balloons .opt:nth-child(4n+3){background:oklch(66% .12 200)}.balloons .opt:nth-child(4n+4){background:var(--grape)}.balloons .opt:after{content:"";background:var(--edge);width:2px;height:26px;position:absolute;top:100%;left:50%}.balloons .opt.right{background:var(--leaf);box-shadow:inset -10px -12px oklch(0% 0 0/.12)}.balloons .opt.wrong{background:var(--coral);animation:.4s wobble;box-shadow:inset -10px -12px oklch(0% 0 0/.12)}@keyframes bob{50%{translate:0 -10px}}.build{justify-content:flex-end;align-items:center;gap:var(--s3);flex-direction:column;flex:1;width:100%;display:flex}.towers{justify-content:center;align-items:flex-end;gap:var(--s5);min-height:160px;padding-bottom:var(--s2);flex:1;display:flex}.tower{--b:clamp(18px, 3.2vh, 30px);justify-content:center;align-items:flex-end;min-width:60px;min-height:40px;display:flex}.tower .empty{background:oklch(0% 0 0/.1);border-radius:999px;width:60px;height:14px}.ghost{opacity:.35;--b:clamp(18px, 3.2vh, 30px)}.built{background:var(--card);min-width:2em;color:var(--ink);box-shadow:0 5px 0 var(--edge);border-radius:999px;padding:4px 18px;font-size:clamp(32px,6vh,56px);font-weight:800;line-height:1.2}.built.up{animation:bump .25s var(--spring)}.built.down{animation:bump .25s var(--spring) reverse}@keyframes bump{50%{scale:1.18}}.ctls{justify-content:center;align-items:center;gap:var(--s4);padding-bottom:var(--s3);display:flex}.ctl{background:var(--card);width:clamp(72px,12vh,96px);height:clamp(72px,12vh,96px);color:var(--ink);box-shadow:0 7px 0 var(--edge);border-radius:50%;place-items:center;font-size:38px;display:grid}.ctl.plus{background:var(--sun);box-shadow:0 7px 0 var(--sun-deep)}.check-btn,.next-btn{background:var(--leaf);width:clamp(84px,14vh,110px);height:clamp(84px,14vh,110px);color:var(--card);box-shadow:0 8px 0 var(--leaf-deep);border-radius:50%;place-items:center;font-size:48px;display:grid}.order{justify-content:flex-end;gap:var(--s4);flex-direction:column;flex:1;width:min(640px,100%);display:flex}.cloud-area{place-content:center;gap:var(--s4);flex-wrap:wrap;flex:1;min-height:140px;display:flex}.tile{min-width:76px;min-height:76px;padding:var(--s2) var(--s3);background:var(--card);rotate:var(--tilt,0deg);box-shadow:0 7px 0 var(--edge);translate:0 calc(var(--i,0) * 4px);transition:transform .12s var(--ease), opacity .25s;border-radius:20px;place-items:center;font-size:clamp(30px,5.5vh,52px);font-weight:700;display:grid}.tile.placed{opacity:0;pointer-events:none;scale:.5}.line{justify-content:center;gap:var(--s2);padding:var(--s3);background:oklch(100% 0 0/.45);border-radius:24px;display:flex}.slot{border:3px dashed oklch(0% 0 0/.18);border-radius:16px;place-items:center;width:clamp(48px,9vh,72px);height:clamp(48px,9vh,72px);font-size:clamp(26px,4.6vh,40px);font-weight:700;display:grid}.slot.filled{border-style:solid;border-color:var(--sun-deep);background:var(--card);animation:pop .35s var(--spring)}.pairs{grid-template-columns:repeat(var(--cols,3), 1fr);gap:var(--s3);width:min(560px,100%);padding-bottom:var(--s3);flex:1;align-content:center;display:grid}.card{aspect-ratio:4/5;perspective:800px;width:100%;max-height:24vh;animation:rise .45s var(--spring) both;animation-delay:calc(var(--i) * 50ms + .1s);background:0 0}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s var(--ease);display:block;position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;box-shadow:0 6px 0 var(--edge);border-radius:20px;place-items:center;display:grid;position:absolute;inset:0}.card-back{background:var(--grape);color:oklch(100% 0 0/.5);box-shadow:0 6px 0 var(--grape-deep);font-size:40px}.card-front{background:var(--card);padding:6px;font-size:clamp(30px,7vh,64px);font-weight:700;transform:rotateY(180deg)}.card.matched .card-front{box-shadow:0 6px 0 var(--leaf-deep);background:oklch(94% .07 148)}.pick{gap:var(--s3);flex:1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-content:center;width:min(640px,100%);display:grid}.pitem{min-height:92px;padding:var(--s2);background:var(--card);box-shadow:0 7px 0 var(--edge);animation:rise .45s var(--spring) both;animation-delay:calc(var(--i) * 50ms + .1s);border-radius:22px;place-items:center;font-size:clamp(30px,5vh,48px);font-weight:700;transition:box-shadow .15s,transform .12s;display:grid}.pitem .face-label{font-size:.5em}.pitem.picked{box-shadow:0 7px 0 var(--edge), 0 0 0 5px var(--sun)}.pitem.missed{box-shadow:0 7px 0 var(--edge), 0 0 0 5px var(--leaf);outline:4px dashed var(--leaf);outline-offset:-8px}.lesson{justify-content:center;align-items:center;gap:var(--s4);width:min(560px,100%);padding:var(--s4);background:var(--card);box-shadow:0 8px 0 var(--edge);text-align:center;animation:arrive .4s var(--spring) both;border-radius:36px;flex-direction:column;flex:1;display:flex}.captions{gap:var(--s2);flex-direction:column;display:flex}.caption{color:var(--ink-2);border-radius:14px;margin:0;padding:6px 14px;font-size:clamp(20px,3.6vh,30px);font-weight:600;line-height:1.35;transition:background .2s,color .2s}.caption[lang=ar]{font-size:clamp(26px,4.6vh,38px)}.caption.on{color:var(--ink);background:oklch(95% .08 92)}.caption.said{color:var(--ink)}.next-btn{opacity:.55;transition:opacity .3s}.next-btn.ready{opacity:1;animation:breathe 1.4s var(--ease) infinite alternate}.round-btn.again{color:var(--grape)}.bit{z-index:10;pointer-events:none;width:10px;height:14px;animation:fly var(--ms) var(--ease) forwards;border-radius:3px;position:fixed}@keyframes fly{to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.map{align-items:stretch;max-width:560px;margin:0 auto}.lands{gap:var(--s3);flex-direction:column;display:flex}.land{background:linear-gradient(var(--sky-a), var(--sky-b));box-shadow:0 6px 0 var(--rule);color:var(--on-sky);border-radius:28px;position:relative;overflow:hidden}.land.ahead{opacity:.55;filter:saturate(.6)}.land-sky{position:absolute;inset:0}.land-sky .sun{width:44px;height:44px;top:12px;right:16px}.land-sky:after{content:"";background:var(--hill-a);border-radius:50%;height:100%;position:absolute;bottom:-60%;left:-20%;right:-20%}.land-body{gap:var(--s3);padding:var(--s4) var(--s5);flex-direction:column;display:flex;position:relative}.land h2{margin:0;font-size:22px}.stops{align-items:center;gap:var(--s2);display:flex}.stop{width:22px;height:22px;color:var(--sun);background:oklch(100% 0 0/.55);border-radius:50%;place-items:center;font-size:30px;display:grid;box-shadow:0 2px oklch(0% 0 0/.15)}.stop.done{background:var(--sun)}.stop.here{box-shadow:none;filter:drop-shadow(0 2px 0 var(--sun-deep));animation:breathe 1.2s var(--ease) infinite alternate;background:0 0}.sticker-slot{color:oklch(0% 0 0/.18);border:3px dashed oklch(0% 0 0/.2);border-radius:50%;place-items:center;width:54px;height:54px;margin-inline-start:auto;font-size:26px;display:grid}.sticker-slot.earned{border-style:solid;border-color:var(--sun-deep);background:var(--card);color:inherit}.sticker-slot .sticker{font-size:36px}.land .go-here{margin:0 var(--s5) var(--s4);width:auto;min-height:56px;font-size:20px;position:relative}.baby header .round-btn.leave{opacity:.5}.tiles{gap:var(--s4);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;width:min(100%,640px,60vh);display:grid}.tiles.swap{animation:arrive .4s var(--spring)}.tile-big{aspect-ratio:1;background:var(--card);width:100%;min-width:0;box-shadow:0 10px 0 var(--edge);animation:rise .45s var(--spring) both;animation-delay:calc(var(--i) * 60ms);border-radius:32px;align-self:center;place-items:center;font-size:min(130px,16vh,19vw);display:grid;overflow:hidden}.tile-big .face-emoji{font-size:1em}.tile-big:active{transform:translateY(6px)}.tile-big.pop{animation:pop .4s var(--spring)}.baby.bye .tiles{justify-content:center;gap:var(--s4);flex-direction:column;display:flex}.moon-big{animation:breathe 2s var(--ease) infinite alternate;font-size:140px;line-height:1}.goal-card{gap:var(--s2);width:min(520px,100%);padding:var(--s4) var(--s5);background:var(--card);box-shadow:0 6px 0 var(--rule);text-align:center;border-radius:28px;flex-direction:column;display:flex}.goal-card.reached{background:oklch(94% .07 148)}.reward{font-size:24px;font-weight:800;line-height:1.2}.tally{justify-content:center;align-items:center;gap:var(--s2);color:var(--ink-2);font-size:20px;font-weight:700;display:flex}.tally .icon{color:var(--sun-deep)}.won{color:var(--leaf-deep);font-size:22px;font-weight:800}.list{gap:var(--s3);flex-direction:column;width:min(520px,100%);display:flex}.deed{align-items:center;gap:var(--s4);min-height:64px;padding:var(--s3) var(--s4);background:var(--card);text-align:start;box-shadow:0 5px 0 var(--rule);border-radius:22px;font-size:20px;font-weight:600;display:flex}.deed .emoji{font-size:32px}.deed .label{flex:1}.deed .status{width:40px;color:var(--ink-2);place-items:center;font-size:32px;display:grid}.deed.asked{background:oklch(95% .08 92)}.deed.done{background:oklch(94% .07 148)}.deed.done .status{color:var(--sun-deep)}.quran{align-items:stretch;max-width:640px;margin:0 auto}.suras{gap:var(--s3);flex-direction:column;display:flex}.sura-btn{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--card);box-shadow:0 5px 0 var(--rule);text-align:start;border-radius:22px;display:flex}.sura-ar{font-size:30px;font-weight:700}.sura-en{color:var(--ink-2);flex:1}.sura-stars{color:var(--sun-deep);letter-spacing:2px}.ayah{justify-content:center;align-items:center;gap:var(--s3);padding:var(--s5);background:var(--card);box-shadow:0 8px 0 var(--rule);text-align:center;border-radius:32px;flex-direction:column;flex:1;display:flex}.ayah-text{font-size:clamp(32px,6vh,52px);font-weight:600;line-height:1.9}.ayah-num{color:var(--ink-2);font-weight:700}.quran .dots{justify-content:center;gap:8px;display:flex}.quran .dot{background:var(--rule);border-radius:50%;width:12px;height:12px}.quran .dot.on{background:var(--sun)}.quran .big{align-self:center}.parent{-webkit-user-select:text;user-select:text;align-items:stretch;max-width:860px;margin:0 auto}.parent h2{margin:var(--s4) 0 0;font-size:22px}.parent h3{margin:var(--s2) 0 0;font-size:17px}.parent p{margin:0;line-height:1.5}.parent .hint{text-align:start;max-width:none}.area-cards{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.area-card{padding:var(--s3);background:var(--card);box-shadow:0 3px 0 var(--rule);border-radius:16px;flex-direction:column;gap:6px;font-size:14px;display:flex}.area-card small{color:var(--ink-2)}.meter{background:var(--rule);border-radius:999px;height:10px;overflow:hidden}.meter i{background:var(--grape);border-radius:999px;height:100%;display:block}.days{height:140px;padding:var(--s3);background:var(--card);box-shadow:0 3px 0 var(--rule);border-radius:16px;align-items:flex-end;gap:4px;display:flex}.day{height:100%;color:var(--ink-2);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;display:flex}.bar-col{background:oklch(90% .05 92);border-radius:6px 6px 0 0;width:100%;max-width:28px;position:relative;overflow:hidden}.bar-col b{background:var(--sun-deep);position:absolute;bottom:0;left:0;right:0}.tips{margin:0;padding-inline-start:20px;line-height:1.5}.tips small{color:var(--ink-2)}table{border-collapse:collapse;background:var(--card);border-radius:12px;width:100%;font-size:15px;overflow:hidden}th,td{padding:var(--s2) var(--s3);text-align:start;border-bottom:1px solid var(--rule)}th{color:var(--ink-2);font-size:13px}.settings{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.toggles{gap:var(--s3);flex-wrap:wrap;display:flex}.toggle{background:var(--card);box-shadow:0 3px 0 var(--rule);border-radius:999px;flex-direction:row;align-items:center;gap:8px;padding:8px 12px}.toggle input{width:20px;height:20px;margin:0;padding:0}label{gap:var(--s1);flex-direction:column;font-size:15px;font-weight:600;display:flex}input,textarea{font:inherit;padding:var(--s3);border:1px solid var(--edge);background:var(--card);-webkit-user-select:text;user-select:text;border-radius:12px;font-weight:400}.small{min-height:44px;padding:var(--s3) var(--s4);background:var(--grape);color:var(--card);border-radius:12px;align-self:flex-start;font-weight:600}.small.danger{background:var(--coral-deep)}@media (orientation:landscape) and (height<=520px){.kind-choose.stage{flex-direction:row;align-items:center}.kind-choose .board{margin:0 var(--s5)}.kind-choose .options{flex:1;grid-template-columns:repeat(2,1fr);padding-bottom:0}.kind-choose .opt{height:30vh;min-height:0}.balloons .kind-choose .opt{aspect-ratio:auto}.home,.done{flex-flow:wrap;align-content:center}.wordmark,.shout,.earned{flex-basis:100%;justify-content:center}.tiles{grid-template-columns:repeat(3,1fr);width:min(100%,110vh)}}@media (width<=640px){.parent table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}