@font-face{font-family:Scheherazade New;src:url(/assets/ScheherazadeNew-Regular-DSGKASnT.woff2)format("woff2");font-display:swap}@font-face{font-family:"Baloo 2";src:url(/assets/Baloo2-Latin-DeE54LOK.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--sand-hi:#fdf1d6;--sand:#f6e3bd;--dune-soft:#ecd2a2;--dune:#e3b673;--paper:#fffaf0;--ink:#4a2f1d;--muted:#7a5a3c;--line:#ead3a8;--water:#8fd3e8;--lagoon:#2f9ec4;--lagoon-deep:#1b6382;--palm:#2c6b45;--palm-soft:#e2efe2;--coral:#c8553d;--coral-hi:#d4664d;--coral-deep:#a9412c;--brick:#9e2f22;--brick-soft:#f6dcd6;--sun:#e2a92a;--shadow:#4a2f1d29;--arabic:"Scheherazade New", "Geeza Pro", "Noto Naskh Arabic", serif;--tail-room:.2em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--sand);-webkit-tap-highlight-color:transparent;font-family:"Baloo 2",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(var(--sand-hi), var(--sand) 420px) no-repeat, var(--sand);overscroll-behavior:none;min-height:100dvh;margin:0}::selection{background:var(--coral);color:var(--paper)}button:focus-visible,a:focus-visible{outline:3px solid var(--lagoon-deep);outline-offset:3px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:disabled{cursor:default}[lang=ar]{font-family:var(--arabic)}.screen{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex}.path-screen{padding-top:0}.top-bar{z-index:3;padding:max(12px, env(safe-area-inset-top)) 16px 14px;background:linear-gradient(var(--sand-hi) 72%, #fdf1d600);align-items:center;gap:12px;margin-inline:-16px;display:flex;position:sticky;top:0}.stat{align-items:center;gap:6px;font-size:clamp(1.3rem,5vmin,1.6rem);font-weight:800;line-height:1;display:flex}.stat-icon{color:var(--coral)}.week{gap:4px;margin-inline-start:4px;display:flex}.week i{background:var(--dune);opacity:.6;border-radius:50%;width:8px;height:8px}.week i.lit{background:var(--coral);opacity:1}.stat.level{flex:1;gap:0}.level-number{z-index:1;background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;place-items:center;margin-inline-end:-8px;font-size:1rem;display:grid;position:relative}.level-bar{background:var(--dune-soft);border-radius:8px;flex:1;height:16px;position:relative;overflow:hidden}.level-bar b{background:var(--palm);position:absolute;inset:0 auto 0 0}.hold-button{background:var(--paper);width:46px;height:46px;box-shadow:0 3px 8px var(--shadow);border:none;border-radius:14px;place-items:center;font-size:1.5rem;display:grid;position:relative;overflow:hidden}.hold-button:after{content:"";transform-origin:bottom;background:#2c6b4559;position:absolute;inset:0;transform:scaleY(0)}.hold-button.holding:after{transition:transform 2s linear;transform:scaleY(1)}.unit{width:min(100%,520px);margin:18px auto 0}.unit-banner{z-index:1;width:fit-content;padding:0 .7em var(--tail-room);background:var(--paper);box-shadow:0 4px 12px var(--shadow);border-radius:999px;margin:0 auto -12px;font-size:clamp(1.8rem,8vmin,2.6rem);font-weight:400;line-height:1.6;position:relative}.unit-draft{z-index:1;text-align:center;color:var(--muted);margin:18px 0 -6px;font-size:.95rem;position:relative}.scene{position:relative;container-type:inline-size}.scene-art{width:100%;height:100%;position:absolute;inset:0}.path{margin:0;padding:0;list-style:none;position:absolute;inset:0}.path li{position:absolute;transform:translate(-50%,-50%)}.lesson-node{background:0 0;border:none;border-radius:48%;place-items:center;width:27cqw;height:20cqw;padding:0;font-size:10cqw;line-height:1.3;display:grid;position:relative}.lesson-node .badge.letters{font-size:7cqw}.lesson-node.current{animation:2.4s ease-in-out infinite bob}.lesson-node:active:not(:disabled){scale:.95}.lesson-node:disabled .badge{opacity:.5}.lesson-node .lock{background:var(--paper);width:7cqw;height:7cqw;color:var(--muted);border-radius:50%;place-items:center;font-size:4cqw;display:grid;position:absolute;bottom:-1.5cqw}.camel{aspect-ratio:132/112;pointer-events:none;width:34cqw;transition:left 1.4s cubic-bezier(.45,0,.2,1),top 1.4s cubic-bezier(.45,0,.2,1);position:absolute;transform:translate(-129%,-86%)}.camel.right{transform:translate(30%,-86%)scaleX(-1)}.palm{transform-box:fill-box;transform-origin:50% 100%}.palm.grow{animation:.9s cubic-bezier(.16,1,.3,1) both grow}.lesson-bar{align-items:center;gap:12px;display:flex}.close-button{color:var(--ink);background:0 0;border:none;place-items:center;padding:6px 8px;font-size:1.7rem;display:grid}.progress{background:var(--dune-soft);border-radius:999px;flex:1;height:16px;overflow:hidden}.progress>div{background:var(--coral);border-radius:inherit;height:100%;transition:width .4s}.lesson-body{flex:1;display:flex}.exercise{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(14px,4vmin,30px);display:flex}.card,.caption-card{min-width:1.5em;padding:0 .3em var(--tail-room);background:var(--paper);box-shadow:0 10px 24px var(--shadow);border:none;border-radius:30px;font-size:clamp(6rem,32vmin,13rem);line-height:1.45;animation:.35s pop-in}.letter-shapes{gap:.5em;margin:0;font-size:clamp(2.4rem,10vmin,4rem);line-height:1.5;display:flex}.letter-shapes span{padding:0 .25em var(--tail-room);background:var(--paper);box-shadow:0 4px 10px var(--shadow);border-radius:16px}.intro-cards{grid-auto-columns:1fr;gap:clamp(14px,4vmin,30px);font-size:clamp(5rem,min(32vmin,20dvh),13rem);display:grid}.intro-cards .card,.intro-cards .caption-card{font-size:inherit}@media (orientation:landscape){.intro-cards{grid-auto-flow:column;font-size:clamp(5rem,min(32vmin,40dvh),13rem)}}@media (orientation:landscape) and (height<=500px){.exercise:has(>.intro-cards+.letter-shapes){grid-template-areas:"shapes cards""next next";place-content:center;place-items:center;display:grid}.exercise>.intro-cards{grid-area:cards}.exercise>.intro-cards+.letter-shapes{grid-area:shapes;grid-template-columns:repeat(2,auto);display:grid}.exercise>.next-button{grid-area:next}}.choices,.blend{flex-wrap:wrap;justify-content:center;gap:clamp(12px,3vmin,20px);display:flex}.tile{min-width:1.7em;padding:0 .35em var(--tail-room);border:4px solid var(--paper);background:var(--paper);box-shadow:0 6px 14px var(--shadow);border-radius:24px;font-size:clamp(3rem,12vmin,5.5rem);line-height:1.45;position:relative}.tile:active:not(:disabled){scale:.96}.tile.right{border-color:var(--palm);background:var(--palm-soft);animation:.35s pop}.tile.wrong{border-color:var(--brick);background:var(--brick-soft);opacity:.55;animation:.4s shake}.tile.shake{border-color:var(--brick);animation:.4s shake}.tile.heard{border-color:var(--palm)}.tile.next{border-color:var(--coral);animation:1.6s ease-in-out infinite pulse}.tile.used{visibility:hidden}.answer{min-width:3.5em;padding:0 .4em var(--tail-room);border:4px dashed var(--dune);background:var(--paper);border-radius:24px;margin:0;font-size:clamp(3.5rem,14vmin,6.5rem);line-height:1.45}.answer.right{border-style:solid;border-color:var(--palm);background:var(--palm-soft);animation:.35s pop}.picture{min-height:1em;font-size:clamp(4rem,17vmin,7.5rem);line-height:1}.whole-word{visibility:hidden;background:0 0;border:none;font-size:clamp(4rem,16vmin,7.5rem);line-height:1.45}.whole-word.shown{visibility:visible;animation:.4s pop-in}.speaker-button{background:var(--lagoon-deep);width:1.9em;height:1.9em;color:var(--paper);box-shadow:0 8px 16px var(--shadow);border:none;border-radius:50%;place-items:center;font-size:clamp(2.2rem,9vmin,3.5rem);display:grid}.speaker-button svg{width:.62em;height:.62em}.speaker-button:active{scale:.95}.next-button{background:linear-gradient(var(--coral-hi), var(--coral));width:2.3em;height:2.3em;color:var(--paper);border:none;border-radius:50%;place-items:center;font-size:clamp(2rem,8vmin,2.8rem);animation:.3s pop-in;display:grid;box-shadow:0 10px 18px #4a2f1d47}.next-button svg{width:.5em;height:.5em;margin-inline-start:.06em}.next-button:active{scale:.95}.hand{color:var(--ink);filter:drop-shadow(0 2px 2px #fffaf0e6);pointer-events:none;font-size:clamp(2.4rem,9vmin,3.4rem);line-height:1;animation:1.2s ease-in-out infinite tap;position:absolute;bottom:-.7em;left:50%}.slide-and-say{--unlit:#9c8467;--lit:var(--coral);--glow:#c8553d4d}.slide-stage{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;padding-bottom:96px;position:relative}.slide-word{z-index:1;width:max-content;padding:0 .15em var(--tail-room);color:var(--unlit);white-space:nowrap;margin:0 auto;font-size:clamp(4.5rem,30vmin,9.5rem);line-height:1.45;position:relative}.slide-word span{transition:color .12s}.slide-word span.lit,.slide-stage.slid .slide-word{color:var(--lit)}.slide-stage.slid .slide-word{animation:.5s bounce}.slide-spotlight{background:radial-gradient(circle, var(--glow), #c8553d00 68%);pointer-events:none;border-radius:50%;transition:left .12s;position:absolute}.slide-rail{background:var(--dune-soft);border-radius:7px;height:14px;margin-top:-7px;position:absolute}.slide-rail-fill{background:var(--lit);border-radius:7px;position:absolute;top:0;bottom:0;right:0}.slide-station{background:var(--paper);border:4px solid var(--dune-soft);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:border-color .12s,transform .2s;position:absolute}.slide-station.passed{border-color:var(--lit);transform:scale(1.15)}.slide-handle{background:var(--paper);border:6px solid var(--lit);border-radius:50%;place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;display:grid;position:absolute;box-shadow:0 4px 12px #0000002e}.slide-handle svg{fill:none;width:26px;height:26px;stroke:var(--lit);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.slide-handle.waiting{animation:1.4s ease-in-out infinite beckon}.slide-stage.slid .slide-handle{visibility:hidden}.hand.slide-hand{margin:28px 0 0 -18px;animation:none;bottom:auto}.choices.pictures{min-height:calc(1.45*clamp(3rem,12vmin,5.5rem) + 14px)}.picture-tile{padding:0 .3em;font-family:system-ui,sans-serif;line-height:1.45;animation:.3s pop-in}@media (orientation:landscape) and (height<=500px){.slide-and-say{flex-direction:row-reverse}.slide-and-say .slide-stage{flex:1;width:auto;padding-bottom:76px}.slide-and-say .slide-word{font-size:clamp(4rem,26vmin,9.5rem)}.choices.pictures{flex-direction:column;min-width:calc(1.7*clamp(3rem,12vmin,5.5rem) + 8px);min-height:0}}@keyframes beckon{0%,to{box-shadow:0 4px 12px #0000002e,0 0 #c8553db3}50%{box-shadow:0 4px 12px #0000002e,0 0 0 14px #c8553d00}}.complete{justify-content:center;align-items:center;gap:18px;position:relative;overflow:hidden}.finish-scene{aspect-ratio:300/220;width:min(78vw,340px,46.24dvh);position:relative}.finish-art{width:100%;height:100%}.finish-camel{width:50%;position:absolute;top:34%;left:8%}.rewards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reward{background:var(--paper);box-shadow:0 4px 12px var(--shadow);border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 20px;font-size:clamp(1.8rem,8vmin,2.8rem);font-weight:800;display:flex}.reward.xp svg,.reward.level-up svg{color:var(--sun)}.reward.perfect svg{color:var(--palm)}.reward.streak svg{color:var(--coral)}.level-up{animation:.5s .4s both pop}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-5vh}.grown-ups,.setup{gap:14px;width:100%;max-width:640px;margin:0 auto;line-height:1.5}.grown-ups h1,.setup h1{margin:4px 0 0;font-size:1.6rem}.panel{background:var(--paper);box-shadow:0 4px 12px var(--shadow);border-radius:18px;padding:16px}.panel h2{margin:12px 0 4px;font-size:1.05rem}.panel h2:first-child{margin-top:0}.panel p{margin:4px 0}.glyphs{word-spacing:.3em;font-size:2.4rem}.primary-button{background:var(--coral-deep);color:var(--paper);box-shadow:0 6px 12px var(--shadow);border:none;border-radius:14px;align-self:flex-start;padding:14px 20px;font-size:1.1rem;font-weight:700}.link-button{color:var(--lagoon-deep);text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding:8px 0;text-decoration:underline}a{color:var(--lagoon-deep);text-underline-offset:3px}@keyframes pulse{0%,to{scale:1}50%{scale:1.07}}@keyframes pop{50%{scale:1.12}}@keyframes pop-in{0%{opacity:0;scale:.6}}@keyframes shake{20%,60%{translate:-8px}40%,80%{translate:8px}}@keyframes tap{0%,to{translate:-50%}50%{translate:-50% -.3em}}@keyframes bounce{50%{translate:0 -.25em}}@keyframes bob{50%{translate:0 -5px}}@keyframes grow{0%{opacity:0;transform:scale(.1)}}@keyframes fall{to{transform:translateY(110vh) rotate(var(--turn))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}