.scene--stars{background:radial-gradient(ellipse 80% 60% at 50% 0%,#1a2b5e,#0a1628 55%,#040810)}.scene--clay{background:linear-gradient(180deg,#78b8d0 0% 28%,#c8a06a 28% 46%,#a06040 46% 63%,#7a4030 63% 80%,#3d2010 80% 100%)}.scene--light{background:radial-gradient(ellipse 60% 70% at 50% -5%,gold,orange 22%,#d04000 50%,#180600)}.scene--names{background:linear-gradient(155deg,#0b2040,#0a3d2e,#082a20)}.scene--bow{background:#1a1000}.scene--garden{background:#1b5e20}.scene--whisper{background:#050010}.scene--forgiveness{background:linear-gradient(180deg,#050a14 0% 48%,#2a0a00 60%,#7a3000,#c05000)}.scene--earth{background:#0d1b3e}html[data-theme=kids] body{background:radial-gradient(ellipse 90% 45% at 50% -8%,color-mix(in srgb,var(--glow-kids) 50%,transparent),transparent 62%),var(--night-1)}.kh{position:sticky;top:0;z-index:20;height:var(--h-nav);background:color-mix(in srgb,var(--night-2) 68%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.kh__in{height:100%;max-width:72rem;margin:0 auto;padding:0 var(--s-4);display:flex;align-items:center;gap:var(--s-4)}.kh__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-panel);background:var(--glass);border:1px solid var(--line);text-decoration:none;font-size:1.25rem}.kh__name{display:none}.kh__nav{display:none;gap:var(--s-5);margin-left:auto}.kh__nav a{color:var(--mut);text-decoration:none;font-weight:500}.kh__nav a:hover{color:var(--cream)}.kh__action{margin-left:auto}@media(min-width:920px){.kh__name{display:inline}.kh__nav{display:flex}.kh .kh__action{margin-left:0}}.kf{margin-top:var(--s-10);padding:var(--s-7) var(--s-4);background:var(--night-0);border-top:1px solid rgba(255,255,255,.07);text-align:center;color:var(--mut-2)}.kf a{color:var(--gold-soft)}.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-hero);position:relative}.panel:before{content:"";position:absolute;inset:0 var(--s-6) auto;height:1px;background:var(--rim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:2.75rem;padding:0 var(--s-5);border-radius:var(--r-btn);font:600 .875rem/1 var(--fb);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform var(--t-state) var(--e),border-color var(--t-state) var(--e),background var(--t-micro) var(--e)}.btn:active{transform:translateY(0) scale(.99);transition-duration:var(--t-press)}.btn--gold{background:var(--gold-soft);color:var(--ink-on-gold)}.btn--gold:hover{background:#f1e6c0}.btn--ghost{background:var(--glass);color:var(--cream);border-color:var(--line)}.btn--ghost:hover{border-color:var(--line-hi)}.btn--soon{background:transparent;color:var(--mut-2);border-color:#ffffff1f;cursor:default}.btn--sheet{background:var(--sheet-head);color:var(--sheet);border-color:var(--sheet-head)}.btn--sheet:hover{background:var(--emerald-700)}.khero{text-align:center;max-width:60rem;margin:0 auto;padding:clamp(var(--s-8),8vw,var(--s-10)) var(--s-4) var(--s-6)}.khero__title{font:300 clamp(2.75rem,8vw,5.25rem)/.98 var(--fd);letter-spacing:-.02em;margin-top:var(--s-4)}.khero__title em{font-style:italic;background:linear-gradient(90deg,var(--gold-soft),var(--gold) 55%,#A07C33);-webkit-background-clip:text;background-clip:text;color:transparent}.khero__lead{font:italic 400 clamp(1.125rem,2.6vw,1.5rem)/1.55 var(--fd);max-width:54ch;margin:var(--s-5) auto 0}.khero__stats{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-5);padding:0;margin:var(--s-6) 0 0}.khero__stats li{display:grid;gap:var(--s-1)}.khero__stats strong{font:400 1.75rem/1.15 var(--fd);color:var(--cream)}.subbar{position:sticky;top:var(--h-nav);z-index:10;background:var(--night-2);border-block:1px solid var(--line)}.subbar__in{max-width:72rem;margin:0 auto;padding:var(--s-2) var(--s-4);min-height:var(--h-subbar);display:flex;align-items:center;gap:var(--s-3)}.chips{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding:var(--s-1) 0}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:2.25rem;padding:0 var(--s-4);border-radius:var(--r-chip);border:1px solid var(--line);background:var(--glass);color:var(--mut);font:500 .8125rem/1 var(--fb);cursor:pointer;transition:border-color var(--t-state) var(--e),color var(--t-micro) var(--e)}.chip:hover{border-color:var(--line-hi);color:var(--cream)}.chip[aria-pressed=true]{background:var(--gold-soft);color:var(--ink-on-gold);border-color:var(--gold-soft)}.ksec{max-width:72rem;margin:0 auto;padding:var(--s-6) var(--s-4) 0}.ksec__title{font:400 1.75rem/1.15 var(--fd);letter-spacing:-.01em}.ksec__sub{color:var(--mut);margin:var(--s-2) 0 var(--s-5)}.journey{padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.journey__line{margin:var(--s-1) 0 0;color:var(--ink-night)}.dyk{padding:var(--s-4) var(--s-5);border-radius:var(--r-panel)}.dyk__body--hidden{opacity:0}.dyk__fact{margin:var(--s-2) 0 0;color:var(--ink-night)}.dyk__source{margin:var(--s-1) 0 0;color:var(--mut-2)}.grid{display:grid;gap:var(--s-5);grid-template-columns:1fr}@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}.card{display:grid;gap:var(--s-3);padding:var(--s-5);align-content:start;transition:transform var(--t-state) var(--e),border-color var(--t-state) var(--e)}.card:hover{transform:translateY(-3px);border-color:var(--line-hi)}.card[hidden]{display:none}.card__badge{position:absolute;top:var(--s-4);right:var(--s-4);padding:var(--s-1) var(--s-3);border-radius:var(--r-tag);background:var(--gold-soft);color:var(--ink-on-gold)}.card__thumb{display:grid;place-items:center;gap:var(--s-1);padding:var(--s-5) 0 var(--s-2)}.card__emoji{font-size:3rem;line-height:1}.card__arabic{font-size:1.375rem;color:var(--gold-soft)}.card__cat{color:var(--gold-soft)}.card__cat--seal:after{content:" ✦"}.card__title{font:400 1.375rem/1.2 var(--fd);color:var(--cream)}.card__desc{margin:0;color:var(--mut);font-size:.9375rem;line-height:1.6}.card__meta{margin:0;color:var(--mut-2)}.card__progress{display:grid;gap:var(--s-1)}.card__progress:before{content:"";display:block;height:4px;border-radius:2px;background:#ffffff14}.card__fill{display:block;height:4px;margin-top:-8px;border-radius:2px;background:var(--gold);transition:width var(--t-enter) var(--e)}.card__plabel{color:var(--mut-2)}.card--completed .card__plabel{color:var(--success-dark)}.card .btn{justify-self:start;margin-top:var(--s-2)}.games{display:grid;gap:var(--s-4);grid-template-columns:1fr}@media(min-width:1000px){.games{grid-template-columns:repeat(4,1fr)}}.game{display:grid;gap:var(--s-2);padding:var(--s-5);text-decoration:none;border-radius:var(--r-panel);transition:transform var(--t-state) var(--e),border-color var(--t-state) var(--e)}.game:hover{transform:translateY(-3px);border-color:var(--line-hi)}.game__icon{font-size:2rem;line-height:1}.game__title{font:600 1.125rem/1.25 var(--fb);color:var(--cream)}.game__sub{color:var(--mut)}.game__cta{margin-top:var(--s-2)}.crumb{max-width:60rem;margin:0 auto;padding:var(--s-4) var(--s-4) 0}.crumb a{color:var(--mut);text-decoration:none}.cover{text-align:center;max-width:60rem;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-5);display:grid;gap:var(--s-2);justify-items:center}.cover__emoji{font-size:4rem;line-height:1;margin:0}.cover__ar{font-size:1.75rem;color:var(--gold-soft);margin:0}.cover__title{font:300 clamp(2rem,5.5vw,3.25rem)/1.04 var(--fd);letter-spacing:-.02em}.cover__sub{font:italic 400 1.125rem/1.55 var(--fd);color:var(--ink-night);margin:0}.cover__meta{color:var(--mut-2);margin:0}.cover__badge{margin:var(--s-2) 0 0;padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-chip)}.video{max-width:60rem;margin:0 auto var(--s-6);padding:var(--s-5);border-radius:var(--r-panel)}.video__h{font:600 1.125rem/1.25 var(--fb)}.video__sub{color:var(--mut);margin:var(--s-1) 0 var(--s-4)}.video__frame{aspect-ratio:16 / 9;border-radius:var(--r-panel);overflow:hidden}.video__frame iframe{width:100%;height:100%;border:0}.story{max-width:60rem;margin:0 auto;padding:0 var(--s-4)}.pills{position:sticky;top:var(--h-nav);z-index:10;margin:0 calc(-1 * var(--s-4));background:var(--night-2);border-block:1px solid var(--line)}.pills__in{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding:var(--s-2) var(--s-4);min-height:var(--h-subbar);align-items:center}.pills__in::-webkit-scrollbar{display:none}.pill{flex:0 0 auto;min-height:2.25rem;padding:0 var(--s-3);border-radius:var(--r-chip);border:1px solid var(--line);background:var(--glass);color:var(--mut);font:600 .75rem/1 var(--fb);letter-spacing:.08em;cursor:pointer;transition:border-color var(--t-state) var(--e),color var(--t-micro) var(--e)}.pill--done{color:var(--success-dark)}.pill--active{background:var(--gold-soft);color:var(--ink-on-gold);border-color:var(--gold-soft)}.toast{position:fixed;left:50%;bottom:calc(var(--s-5) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);background:var(--night-2);border:1px solid var(--line-hi);border-radius:var(--r-panel);color:var(--cream);max-width:calc(100vw - 2rem)}.chapter{padding-top:var(--s-5)}.chapter__scene{position:relative;border-radius:var(--r-hero);overflow:hidden;border:1px solid var(--line)}.scene{position:relative;height:clamp(200px,40vw,320px);display:grid;place-items:center}:where(.scene){background:var(--night-3)}.scene--emoji{background:radial-gradient(ellipse 70% 60% at 50% 45%,hsl(var(--scene-hue) 45% 28% / .9),transparent 70%),var(--night-3)}.scene__emoji{font-size:clamp(4rem,14vw,7rem);line-height:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.scene__lottie{position:absolute;inset:0}.chapter__head{position:absolute;inset:auto 0 0;padding:var(--s-5);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--night-0) 85%,transparent));display:grid;gap:var(--s-2);justify-items:start}.chapter__of{color:var(--mut);letter-spacing:0;text-transform:none}.chapter__title{font:400 1.75rem/1.15 var(--fd);letter-spacing:-.01em}.chapter__title--sheet{color:var(--sheet-head)}.sheet{max-width:780px;margin:var(--s-5) auto 0;padding:1.75rem 1.4rem 2rem;background:var(--sheet);color:var(--sheet-ink);border-radius:var(--r-sheet);box-shadow:var(--sheet-shadow)}@media(min-width:760px){.sheet{padding:3rem 3.25rem 3.5rem}}.sheet .label{color:var(--gold-ink)}.sheet__prose{font-size:1.1875rem;line-height:1.8;max-width:62ch}.sheet__prose p{margin:0 0 1em}.sheet__prose>p:first-child:first-letter{font:600 4.25rem/.8 var(--fd);color:var(--sheet-head);float:left;margin:.1em .12em 0 0}.ayah{margin:var(--s-6) 0;padding:var(--s-5);background:var(--sheet-2);border-left:4px solid var(--gold-ink);border-radius:var(--r-panel)}.ayah__ar{font-size:1.75rem;line-height:2.1;margin:0 0 var(--s-3);color:var(--sheet-head)}.ayah__tr{font:italic 400 1.125rem/1.7 var(--fd);margin:0 0 var(--s-2)}.ayah__ref{display:block;color:var(--gold-ink);font-style:normal}.ayah__ex{margin:var(--s-3) 0 0;color:var(--sheet-mut)}.note{margin:var(--s-5) 0 0;padding:var(--s-4) var(--s-5);border:1px solid var(--rule);border-radius:var(--r-panel)}.note p:last-child{margin:var(--s-2) 0 0;color:var(--sheet-mut)}.note--lesson{background:var(--sheet-2)}.pagenav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-6) 0 var(--s-8)}.pagenav__ind{color:var(--mut-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}.quiz{padding-top:var(--s-5)}.quiz__sub{color:var(--sheet-mut);margin:0 0 var(--s-5)}.q{border:0;padding:0;margin:0 0 var(--s-6)}.q__text{font:600 1.125rem/1.4 var(--fb);color:var(--sheet-head);padding:0;margin-bottom:var(--s-3)}.q__opts{display:grid;gap:var(--s-2)}.q__opt{text-align:left;padding:var(--s-3) var(--s-4);border:1px solid var(--rule);background:var(--sheet);color:var(--sheet-ink);border-radius:var(--r-panel);font:500 1rem/1.4 var(--fb);cursor:pointer;transition:border-color var(--t-micro) var(--e),background var(--t-micro) var(--e)}.q__opt:hover:not([aria-disabled=true]){border-color:var(--sheet-head)}.q__opt[aria-disabled=true]{cursor:default}.q__opt--right{background:var(--success-bg);border-color:var(--success);color:var(--success-ink)}.q__opt--wrong{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-ink)}.q__opt--right:after{content:" ✓"}.q__opt--wrong:after{content:" ✗"}.q__fb{margin:var(--s-2) 0 0}.q__fb--right{color:var(--success-ink)}.q__fb--wrong{color:var(--danger-ink)}.result{text-align:center;padding:var(--s-6) var(--s-4);border-top:1px solid var(--rule)}.result__emoji{font-size:3.5rem;line-height:1;margin:0}.result__title{font:400 1.75rem/1.15 var(--fd);color:var(--sheet-head);margin:var(--s-3) 0 var(--s-2)}.result--sad .result__title{color:var(--danger-ink)}.sources{max-width:780px;margin:var(--s-6) auto 0;padding:var(--s-5);border-radius:var(--r-panel)}.sources__h{font:600 1.125rem/1.25 var(--fb);margin:0 0 var(--s-3)}.sources__item{border-top:1px solid rgba(255,255,255,.08);padding:var(--s-3) 0}.sources__item summary{cursor:pointer;color:var(--cream);font-weight:500}.sources__item p{color:var(--mut);margin:var(--s-2) 0 0}.upnext{max-width:780px;margin:var(--s-5) auto 0;padding:var(--s-5);display:grid;gap:var(--s-1);text-decoration:none;transition:transform var(--t-state) var(--e),border-color var(--t-state) var(--e)}.upnext:hover{transform:translateY(-3px);border-color:var(--line-hi)}.upnext__emoji{font-size:2.5rem;line-height:1}.upnext__title{font:400 1.75rem/1.15 var(--fd);color:var(--cream)}.upnext__cta{color:var(--gold-soft);font-weight:600}.confetti{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.confetti span{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:fall 4.2s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.2}}.rain{position:fixed;inset:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(100deg,transparent 0 18px,color-mix(in srgb,var(--mut) 25%,transparent) 18px 19px);animation:rain 5s linear forwards}@keyframes rain{0%{background-position:0 0;opacity:.9}to{background-position:0 100vh;opacity:0}}.stamp{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:color-mix(in srgb,var(--night-0) 60%,transparent)}.stamp__card{text-align:center;padding:var(--s-7) var(--s-8);background:var(--night-2);border:2px solid var(--gold-soft);border-radius:var(--r-hero);transform:rotate(-3deg)}.stamp__h{font:300 clamp(2rem,6vw,3rem)/1.04 var(--fd);color:var(--gold-soft);margin:0}.stamp__score{font-size:1.25rem;color:var(--cream);margin:var(--s-3) 0}.stamp__stars{color:var(--gold);letter-spacing:.08em}.story[data-dock="1"]{padding-bottom:calc(var(--h-dock) + 1rem)}.dock{position:fixed;inset:auto 0 0;z-index:25;height:var(--h-dock);background:color-mix(in srgb,var(--night-0) 82%,transparent);border-top:1px solid var(--line)}.dock__in{max-width:60rem;height:100%;margin:0 auto;padding:0 var(--s-4);display:flex;align-items:center;gap:var(--s-3)}.dock__btn{width:2.75rem;height:2.75rem;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--glass);color:var(--cream);font-size:1rem;cursor:pointer}.dock__btn:hover:not([aria-disabled=true]){border-color:var(--line-hi)}.dock__btn[aria-disabled=true]{opacity:.45;cursor:default}.dock__btn--main{background:var(--gold-soft);color:var(--ink-on-gold);border-color:var(--gold-soft)}.dock__mid{flex:1;display:grid;gap:var(--s-1);min-width:0}.dock__range{width:100%;accent-color:var(--gold)}.dock__time{color:var(--mut-2)}.gwrap{max-width:48rem;margin:0 auto var(--s-8);padding:var(--s-5)}@media(min-width:760px){.gwrap{padding:var(--s-7)}}.gq{display:grid;gap:var(--s-3)}.gq__bar{height:4px;border-radius:2px;background:color-mix(in srgb,var(--cream) 8%,transparent);overflow:hidden}.gq__bar span{display:block;height:100%;background:var(--gold);transition:width var(--t-enter) var(--e)}.gq__ar{font-size:2.5rem;line-height:1.9;color:var(--gold-soft);margin:0;text-align:center}.gq__tr{font:400 1.75rem/1.15 var(--fd);color:var(--cream);text-align:center;margin:0}.gq__src{color:var(--mut-2);text-align:center;margin:0 0 var(--s-3)}.q__opt--dark{background:var(--glass);color:var(--cream);border-color:var(--line)}.q__opt--dark:hover:not([aria-disabled=true]){border-color:var(--line-hi)}.q__opt--dark.q__opt--right{background:color-mix(in srgb,var(--success-dark) 16%,transparent);border-color:var(--success-dark);color:var(--cream)}.q__opt--dark.q__opt--wrong{background:color-mix(in srgb,var(--danger-dark) 16%,transparent);border-color:var(--danger-dark);color:var(--cream)}.gq__fb{color:var(--ink-night);margin:0}.gres{text-align:center;display:grid;gap:var(--s-3);justify-items:center}.gres__emoji{font-size:3.5rem;line-height:1;margin:0}.gres__score{font:300 3rem/1 var(--fd);color:var(--cream);margin:0}.gres__title{font:400 1.75rem/1.15 var(--fd);margin:0}.order__hint{color:var(--mut-2)}.order__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-2)}.order__row{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-panel);cursor:grab}.order__row--drag{opacity:.5}.order__row--ok{border-color:var(--success-dark)}.order__row--bad{border-color:var(--danger-dark)}.order__n{color:var(--mut-2)}.order__body{display:grid;gap:2px}.order__label{color:var(--cream);font-weight:500}.order__ar{color:var(--gold-soft)}.order__sub{color:var(--mut-2)}.order__keys{display:flex;gap:var(--s-1)}.order__keys .dock__btn[aria-disabled=true]{opacity:.45;cursor:default}.order__keys .dock__btn[aria-disabled=true]:hover{border-color:var(--line)}.order__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}.order__result{color:var(--ink-night)}.match__stats{color:var(--mut)}.match__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.match__col{display:grid;gap:var(--s-2);align-content:start;min-width:0}.match__tile{min-height:3.25rem;padding:var(--s-2) var(--s-3);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-panel);color:var(--cream);font:500 1rem/1.3 var(--fb);overflow-wrap:anywhere;cursor:pointer;transition:border-color var(--t-micro) var(--e),background var(--t-micro) var(--e)}.match__tile[lang=ar]{font-family:var(--fa);font-size:1.375rem;line-height:1.9}.match__tile:hover:not([aria-disabled=true]){border-color:var(--line-hi)}.match__tile[aria-disabled=true]{cursor:default}.match__tile--sel{border-color:var(--gold-soft);background:color-mix(in srgb,var(--gold-soft) 12%,transparent)}.match__tile--done{opacity:.35}.match__tile--wrong{border-color:var(--danger-dark);background:color-mix(in srgb,var(--danger-dark) 16%,transparent)}