.k-section{--k-red:#e4573d;--k-orange:#e88a2d;--k-yellow:#e9b949;--k-green:#3e9b4f;--k-teal:#2e8b8b;--k-blue:#3a6ea5;--k-purple:#7e57c2;--k-pink:#d9598c}.k-hero{text-align:center;padding:40px 0 26px}.k-hero h1{font-family:var(--display);margin:0 0 10px;font-size:clamp(2rem,6vw,3rem)}html[lang=ar] .k-hero h1{font-family:var(--ar)}.k-hero .k-sub{color:var(--muted);max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.8}.k-hero .k-face{margin-bottom:6px;font-size:clamp(2.4rem,7vw,3.4rem);display:block}.k-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0;display:grid}.k-tile{text-align:center;border:2px solid #0000;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:20px 12px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.k-tile:hover{border-color:var(--gold);transform:translateY(-3px)}.k-tile .k-ic{font-size:2.6rem;line-height:1}.k-tile .k-t{font-size:1.15rem;font-weight:700}.k-tile .k-d{opacity:.85;font-size:.85rem;line-height:1.5}.k-tile.red{background:color-mix(in srgb, var(--k-red) 16%, var(--surface));color:var(--fg)}.k-tile.green{background:color-mix(in srgb, var(--k-green) 16%, var(--surface));color:var(--fg)}.k-tile.blue{background:color-mix(in srgb, var(--k-blue) 16%, var(--surface));color:var(--fg)}.k-tile.purple{background:color-mix(in srgb, var(--k-purple) 16%, var(--surface));color:var(--fg)}.k-tile.yellow{background:color-mix(in srgb, var(--k-yellow) 22%, var(--surface));color:var(--fg)}.k-tile.teal{background:color-mix(in srgb, var(--k-teal) 16%, var(--surface));color:var(--fg)}.k-tile.pink{background:color-mix(in srgb, var(--k-pink) 16%, var(--surface));color:var(--fg)}.k-tile.orange{background:color-mix(in srgb, var(--k-orange) 16%, var(--surface));color:var(--fg)}.k-btn{border:2px solid var(--k-navy,#13244a);color:#f5f1e4;cursor:pointer;background:#13244a;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:12px 26px;font-size:1.12rem;font-weight:700;display:inline-flex}.k-btn:hover{border-color:var(--gold)}.k-btn.ghost{color:var(--fg);border-color:var(--line);background:0 0}.k-btn:disabled{opacity:.55;cursor:not-allowed}.k-card{background:var(--surface);border:2px solid var(--line);border-radius:22px;padding:18px}.k-card.accent{border-color:color-mix(in srgb, var(--gold) 55%, transparent)}.k-story-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.k-story{background:var(--surface);border:2px solid var(--line);color:var(--fg);border-radius:22px;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.k-story:hover{border-color:var(--gold);transform:translateY(-3px)}.k-story .k-emoji{font-size:2.4rem;line-height:1}.k-story h3{margin:0;font-size:1.08rem}.k-story p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.65}.k-ayah{background:color-mix(in srgb, var(--gold) 12%, var(--surface));border:1.5px solid color-mix(in srgb, var(--gold) 45%, transparent);border-radius:20px;margin:18px 0;padding:18px 20px}.k-ayah .q-ar{font-family:var(--ar);margin:0 0 8px;font-size:1.35rem;line-height:2.1}.k-ayah .q-en{color:var(--muted);margin:0 0 6px;font-style:italic}.k-ayah .q-src{color:var(--gold-ink);font-size:.85rem;font-weight:600}.k-lesson{background:color-mix(in srgb, var(--k-green) 14%, var(--surface));border:1.5px solid color-mix(in srgb, var(--k-green) 45%, transparent);border-radius:20px;margin:16px 0 4px;padding:16px 18px}.k-lesson strong{color:var(--gold-ink);margin-bottom:4px;display:block}.k-parents{border:1.5px dashed var(--line);color:var(--muted);background:var(--surface);border-radius:20px;margin:26px 0 0;padding:16px 18px;font-size:.92rem;line-height:1.8}.k-parents strong{color:var(--fg)}.k-article{max-width:720px;margin:0 auto}.k-article h2{font-family:var(--display);margin:26px 0 8px;font-size:1.45rem}html[lang=ar] .k-article h2{font-family:var(--ar)}.k-article p{margin:0 0 14px;font-size:1.1rem;line-height:2}.k-source{color:var(--muted);margin:18px 0 0;font-size:.88rem}.k-crumbs{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;display:flex}.k-crumbs a{background:var(--surface);border:1.5px solid var(--line);color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.k-crumbs a:hover{border-color:var(--gold)}.k-zikr{background:var(--surface);border:2px solid var(--line);border-radius:22px;margin-bottom:14px;padding:20px}.k-zikr .z-ar{font-family:var(--ar);margin:0 0 10px;font-size:1.4rem;line-height:2.15}.k-zikr .z-tr{color:var(--muted);margin:0 0 6px;font-size:.98rem;font-style:italic;line-height:1.8}.k-zikr .z-en{margin:0 0 8px;line-height:1.85}.k-zikr .z-why{background:color-mix(in srgb, var(--k-blue) 12%, var(--surface));border-radius:14px;margin:8px 0;padding:10px 14px;font-size:.95rem;line-height:1.8}.k-zikr .z-src{color:var(--gold-ink);font-size:.82rem;font-weight:600}.k-zikr .z-n{background:var(--k-navy,#13244a);color:#f5f1e4;text-align:center;border-radius:999px;min-width:34px;height:34px;margin-inline-end:10px;font-size:.95rem;font-weight:700;line-height:34px;display:inline-block}.k-group-head{align-items:center;gap:12px;margin:34px 0 14px;display:flex}.k-group-head .k-emoji{font-size:2.2rem}.k-group-head h2{font-family:var(--display);margin:0;font-size:1.5rem}html[lang=ar] .k-group-head h2{font-family:var(--ar)}.k-game{background:var(--surface);border:2px solid var(--line);border-radius:24px;max-width:720px;margin:0 auto 26px;padding:20px}.k-game h2{font-family:var(--display);align-items:center;gap:10px;margin:0 0 6px;font-size:1.4rem;display:flex}html[lang=ar] .k-game h2{font-family:var(--ar)}.k-game .k-hint{color:var(--muted);margin:0 0 14px;font-size:.92rem;line-height:1.7}.k-status{color:var(--gold-ink);min-height:1.5em;margin:10px 0;font-weight:700}.k-confetti{text-align:center;min-height:1em;font-size:2rem}.k-grid16{grid-template-columns:repeat(4,1fr);gap:10px;max-width:420px;margin:0 auto;display:grid}.k-cardm{aspect-ratio:1;border:2px solid var(--line);background:var(--surface);cursor:pointer;color:var(--fg);border-radius:16px;place-items:center;padding:0;font-size:2rem;transition:transform .15s;display:grid;position:relative}.k-cardm:hover{border-color:var(--gold)}.k-cardm .back{background:var(--k-navy,#13244a);color:var(--gold-ink);border-radius:14px;place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.k-cardm.open .back,.k-cardm.done .back{display:none}.k-cardm.done{border-color:var(--k-green);background:color-mix(in srgb, var(--k-green) 14%, var(--surface))}.k-cardm.shake{animation:.3s k-shake}@keyframes k-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.k-pool{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.k-stepchip{border:2px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:14px;padding:10px 14px;font-size:.95rem;font-weight:600}.k-stepchip:hover{border-color:var(--gold)}.k-stepchip.shake{animation:.3s k-shake}.k-ordered{counter-reset:kstep;margin:0;padding:0;list-style:none}.k-ordered li{background:color-mix(in srgb, var(--k-green) 12%, var(--surface));border:1.5px solid color-mix(in srgb, var(--k-green) 40%, transparent);border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:.98rem;display:flex}.k-ordered li .num{background:var(--k-green);color:#fff;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:grid}.k-qopts{flex-direction:column;gap:10px;display:flex}.k-qopt{border:2px solid var(--line);background:var(--surface);min-height:54px;color:var(--fg);cursor:pointer;text-align:start;border-radius:16px;padding:10px 16px;font-size:1.05rem;font-weight:600}.k-qopt:hover{border-color:var(--gold)}.k-qopt.ok{border-color:var(--k-green);background:color-mix(in srgb, var(--k-green) 14%, var(--surface))}.k-qopt.no{border-color:var(--k-red);background:color-mix(in srgb, var(--k-red) 14%, var(--surface))}.k-qopt:disabled{cursor:default}.k-qtext{margin:0 0 14px;font-size:1.2rem;font-weight:700;line-height:1.7}.k-x{background:color-mix(in srgb, var(--k-yellow) 16%, var(--surface));border-radius:14px;margin-top:10px;padding:10px 14px;font-size:.95rem;line-height:1.7}.k-stars{letter-spacing:6px;text-align:center;margin:8px 0;font-size:2rem}.k-palette{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 12px;display:flex}.k-color{cursor:pointer;border:3px solid #0000;border-radius:999px;width:44px;height:44px;padding:0}.k-color[aria-pressed=true]{border-color:var(--gold-ink);transform:scale(1.12)}.k-paint svg{width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.k-paint .pillar{cursor:pointer;transition:filter .15s}.k-paint .pillar:hover{filter:brightness(1.08)}.k-paint .plabel{font-family:var(--ar), "Noto Naskh Arabic", serif;pointer-events:none;font-size:15px;font-weight:700}html:not([lang=ar]) .k-paint .plabel{font-family:"Source Sans 3",sans-serif;font-size:13px}@media (prefers-reduced-motion:reduce){.k-cardm,.k-tile,.k-story{transition:none}.k-cardm.shake,.k-stepchip.shake{animation:none}}@media print{.k-crumbs,.k-btn,.k-parents{display:none!important}.k-game,.k-tiles{border-color:#bbb!important}}.k-section{--ka-sky:#cfedff;--ka-ground:#f4e9c9;--ka-water:#7cc7e8;--ka-water2:#2e86ab;--ka-green:#3e9b4f;--ka-green2:#6bbf7b;--ka-leaf:#2e8b5b;--ka-trunk:#8d6748;--ka-sun:#f2c14e;--ka-gold:#e9b949;--ka-stone:#d7dee9;--ka-stone2:#aeb9cc;--ka-ink:#22355c;--ka-red:#e4573d;--ka-brick:#c05a3e;--ka-white:#fff;--ka-purple:#7e57c2;--ka-fire:#e88a2d;--ka-cool:#6fb9d8;--ka-night:#22355c;--ka-pink:#e88bb0;--ka-wood:#a9775a}:root[data-theme=dark] .k-section{--ka-sky:#1b2c50;--ka-ground:#2a3a5c;--ka-water:#2e5f82;--ka-water2:#1f466b;--ka-green:#2f7a4a;--ka-green2:#3e9b5f;--ka-leaf:#2f7a4a;--ka-trunk:#6e5238;--ka-stone:#35446b;--ka-stone2:#2a3859;--ka-ink:#93a7d9;--ka-white:#22335a;--ka-night:#0e1b38;--ka-wood:#8a6248}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .k-section{--ka-sky:#1b2c50;--ka-ground:#2a3a5c;--ka-water:#2e5f82;--ka-water2:#1f466b;--ka-green:#2f7a4a;--ka-green2:#3e9b5f;--ka-leaf:#2f7a4a;--ka-trunk:#6e5238;--ka-stone:#35446b;--ka-stone2:#2a3859;--ka-ink:#93a7d9;--ka-white:#22335a;--ka-night:#0e1b38;--ka-wood:#8a6248}}.k-art-scene{border:2px solid var(--line);background:var(--surface);border-radius:20px;max-width:340px;margin:4px auto 16px;overflow:hidden}.k-art-group{border:2px solid var(--line);border-radius:18px;max-width:420px;margin:0 auto 6px;overflow:hidden}.k-art-item{border-radius:10px;flex:none;align-self:flex-start;width:64px;height:48px;overflow:hidden}.k-art-hero{border:2px solid var(--line);border-radius:18px;width:min(320px,86%);margin:6px auto 12px;overflow:hidden}.k-zikr{display:block}.k-zikr .k-zikr-top{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.k-card .k-zikr-top,.k-zikr-head{align-items:flex-start;gap:12px;display:flex}.k-cat{margin:6px 0 26px}.k-cat-title{font-family:var(--display);align-items:center;gap:10px;margin:18px 0 12px;font-size:1.35rem;display:flex}html[lang=ar] .k-cat-title{font-family:var(--ar)}.k-gamecard{padding:0;overflow:hidden}.k-gcard-main{color:var(--fg);flex-direction:column;gap:8px;padding:18px 18px 8px;text-decoration:none;display:flex}.k-gcard-main .k-emoji{font-size:2.4rem;line-height:1}.k-gcard-main h3{margin:0;font-size:1.08rem}.k-gcard-main p{color:var(--muted);margin:0 0 4px;font-size:.92rem;line-height:1.65}.k-card-share{border-top:1.5px dashed var(--line);margin-top:auto;padding:0 14px 12px}.k-card-share .shareline{padding-top:10px}.k-share-result{background:color-mix(in srgb, var(--k-green) 12%, var(--surface));border:2px solid color-mix(in srgb, var(--k-green) 45%, transparent);border-radius:22px;max-width:720px;margin:0 auto 26px;padding:16px 18px}.k-share-result p{color:var(--fg);margin:0 0 12px;font-weight:700}.k-share-page{background:color-mix(in srgb, var(--k-blue) 10%, var(--surface));border:1.5px solid color-mix(in srgb, var(--k-blue) 35%, transparent);border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 0;padding:14px 16px;display:flex}.k-best{color:var(--muted);font-size:.92rem;font-weight:600}section .k-card-share{margin-top:14px}.k-gamecard>.k-card-share{margin-top:auto}.k-grid-3{grid-template-columns:repeat(3,1fr);max-width:320px}.k-cardm .face.glyph{font-family:var(--ar);color:var(--gold-ink);font-size:2.6rem;font-weight:700}.k-stepchip .chipsub{color:var(--muted);margin-top:2px;font-size:.78rem;font-weight:400;display:block}.k-match2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.k-match2{grid-template-columns:1fr}}.k-mcol{flex-direction:column;gap:8px;display:flex}.k-mitem.sel{border-color:var(--gold);background:color-mix(in srgb, var(--k-yellow) 18%, var(--surface))}.k-mitem.done{border-color:var(--k-green);background:color-mix(in srgb, var(--k-green) 14%, var(--surface));opacity:.75;cursor:default}.k-findhead{margin:0 0 10px;font-size:1.1rem;font-weight:700}.k-target{background:var(--k-navy,#13244a);min-width:44px;height:44px;color:var(--gold-ink);font-family:var(--ar);border-radius:12px;place-items:center;padding:0 10px;font-size:1.6rem;font-weight:700;display:inline-grid}.k-findgrid{grid-template-columns:repeat(5,1fr);gap:8px;max-width:420px;display:grid}.k-findtile{aspect-ratio:1;border:2px solid var(--line);background:var(--surface);color:var(--fg);font-family:var(--ar);cursor:pointer;border-radius:14px;place-items:center;padding:0;font-size:1.5rem;font-weight:700;display:grid}.k-findtile:hover{border-color:var(--gold)}.k-findtile.done{border-color:var(--k-green);background:color-mix(in srgb, var(--k-green) 18%, var(--surface));color:var(--fg);opacity:.8}.k-spellslots{flex-wrap:wrap;justify-content:center;gap:8px;min-height:46px;margin:0 0 14px;display:flex}.k-spellslots .slot{border:2px dashed var(--line);width:44px;height:46px;font-family:var(--ar);color:var(--fg);border-radius:12px;place-items:center;font-size:1.5rem;font-weight:700;display:inline-grid}.k-spellslots .slot.now{border-color:var(--gold);border-style:solid}.k-spellslots .slot.filled{background:color-mix(in srgb, var(--k-green) 14%, var(--surface));border-style:solid}.k-spellchip.done{opacity:.35;pointer-events:none}.k-countzone{flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px;margin:0 auto 16px;display:flex}.k-counticon{font-size:2.1rem;line-height:1.2}.k-countopts{grid-template-columns:repeat(4,1fr);gap:10px;max-width:420px;margin:0 auto;display:grid}.k-countopt{min-height:54px;font-size:1.3rem;font-family:var(--ar), "Source Sans 3", sans-serif;text-align:center;justify-content:center}html:not([lang=ar]) .k-countopt{font-family:"Source Sans 3",sans-serif}.k-tfrow{justify-content:center;gap:12px;margin:14px 0 4px;display:flex}.k-tfrow .k-btn{flex:1;max-width:200px}.k-btn.k-yes{border-color:var(--k-green);background:color-mix(in srgb, var(--k-green) 18%, var(--surface));color:var(--fg)}.k-btn.k-no{border-color:var(--k-red);background:color-mix(in srgb, var(--k-red) 12%, var(--surface));color:var(--fg)}.k-btn.k-yes.ok,.k-btn.k-no.ok{border-color:var(--k-green);background:color-mix(in srgb, var(--k-green) 22%, var(--surface))}.k-btn.k-yes.no,.k-btn.k-no.no{border-color:var(--k-red)}.k-tfq{text-align:center}.k-painttools{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.k-paint .k-status{text-align:center}.k-mazewrap{touch-action:none;max-width:420px;margin:0 auto}.k-mazewrap svg{width:100%;height:auto;display:block}.k-mazebg{fill:color-mix(in srgb, var(--k-yellow) 10%, var(--surface));stroke:var(--line);stroke-width:2px}.k-mazewalls line{stroke:var(--k-navy,#13244a);stroke-width:3.4px;stroke-linecap:round}:root[data-theme=dark] .k-mazewalls line{stroke:var(--gold-ink)}.k-mazeplayer{fill:var(--k-pink);stroke:var(--k-navy,#13244a);stroke-width:2px}.k-mazepads{justify-items:center;gap:8px;margin:14px 0 4px;display:grid}.k-mazeprow{gap:8px;display:flex}.k-mazepad{justify-content:center;width:64px;height:52px;padding:0;font-size:1.3rem}