.home-shell,.track-shell{box-sizing:border-box;min-height:100dvh;color:var(--kadi-navy);background:var(--paper-cream)}.home-shell{padding:clamp(12px,1.8vw,24px);overflow-x:hidden}.home-header,.home-content,.track-header,.track-hero,.track-modules{width:min(100%,1240px);margin-inline:auto}.home-header{justify-content:space-between;align-items:center;gap:16px;min-height:clamp(68px,9vh,78px);margin-block-end:clamp(6px,1vh,10px);display:flex}.home-logo{object-fit:contain;width:clamp(140px,14vw,180px);height:clamp(58px,7vh,72px)}.home-utilities{justify-content:center;align-items:center;gap:12px;display:flex}.home-utility,.track-back{min-height:54px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);background:#ffffffc2;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #4d302214}.home-utility svg:first-child{color:var(--kadi-gold)}.home-utility--parent{background:#7b5ea71a}.home-utility--parent svg:first-child{color:var(--grape)}.home-utility__parent-label--compact{display:none}.home-content{flex-direction:column;gap:clamp(14px,2vh,22px);display:flex}.continue-panel{min-height:clamp(230px,32vh,300px);box-shadow:var(--shadow-soft);direction:rtl;background:#fff9f0f5;border-radius:30px;grid-template-columns:minmax(0,1.25fr) minmax(220px,.95fr);grid-template-areas:"body mascot";align-items:center;gap:clamp(14px,2.5vw,28px);padding:clamp(16px,2.5vw,26px);display:grid;position:relative;overflow:hidden}.continue-panel:after{content:"";aspect-ratio:1;pointer-events:none;background:#d7a63a1a;border-radius:50%;width:360px;position:absolute;inset:auto auto -45% -7%}.continue-panel__mascot{grid-area:mascot;justify-content:center;place-self:end center;align-items:end;width:100%;height:clamp(240px,36vh,320px);min-height:0;display:flex}.continue-panel__mascot img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 14px 14px #492f1e24);max-width:100%;height:100%;max-height:100%;display:block}.continue-panel__body{z-index:1;flex-direction:column;grid-area:body;align-items:flex-start;gap:clamp(8px,1.6vh,14px);min-width:0;display:flex;position:relative}.continue-panel__greeting{flex-direction:column;gap:2px;display:flex}.continue-panel__greeting h1{color:var(--kadi-navy);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.2vw,44px);line-height:1.1}.continue-panel__lead{font-family:var(--font-display);color:#76500c;margin:0;font-size:clamp(16px,2.2vw,22px)}.continue-panel__meta{flex-wrap:wrap;align-items:center;gap:clamp(8px,1.5vw,14px);margin:2px 0;display:flex}.continue-panel__module{color:var(--kadi-navy);background:#17365f14;border:1px solid #17365f1f;border-radius:999px;align-items:center;padding:5px 14px;font-size:clamp(13px,1.6vw,16px);font-weight:700;display:inline-flex}.home-progress{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-progress__step{width:26px;height:26px;color:var(--kadi-navy);background:var(--surface-soft);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative;box-shadow:inset 0 0 0 2.5px #17365f29}.home-progress__step:not(:last-child):after{content:"";background:#17365f24;width:10px;height:2.5px;position:absolute;top:50%;right:calc(100% + 2px)}.home-progress__step.is-complete{background:var(--kadi-gold);box-shadow:none}.home-progress__step.is-current{box-shadow:inset 0 0 0 2.5px var(--kadi-navy);color:var(--kadi-gold)}.continue-panel__cta{background:var(--kadi-navy);color:#fff;font-family:var(--font-display);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:clamp(9px,1.6vh,13px) clamp(18px,2.5vw,26px);font-size:clamp(16px,2vw,19px);font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.continue-panel__cta:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.continue-panel__cta-icon{background:var(--kadi-gold);width:28px;height:28px;color:var(--kadi-navy);border-radius:50%;justify-content:center;align-items:center;padding-inline-start:2px;display:flex}.home-tracks{padding-bottom:0}.home-tracks__heading{margin-bottom:8px}.home-tracks__heading h2,.track-modules h2{font-family:var(--font-display);color:var(--kadi-navy);margin:0 0 4px;font-size:clamp(24px,2.5vw,32px)}.home-tracks__heading p{color:#17365fc2;margin:0;font-size:16px}.home-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.home-track-card,.track-module-card{cursor:pointer;color:var(--kadi-navy);box-shadow:var(--shadow-soft);transition:transform .19s var(--ease-out), box-shadow .19s var(--ease-out);border:0;border-radius:30px}.home-track-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(188px,25vh,220px);padding:clamp(14px,1.6vw,20px);display:flex;position:relative;overflow:hidden}.home-track-card:before{content:"";aspect-ratio:1;background:#ffffff4d;border-radius:50%;width:230px;position:absolute;inset:auto -80px -110px auto}.home-track-card--arabic{background:#ffe8df}.home-track-card--english{background:#e4f2fc}.home-track-card--discover{background:#e5f2e8}.home-track-card__art{width:100%;min-height:104px;color:var(--kadi-navy);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.home-track-card__letter,.track-hero__glyph,.track-module-card__glyph{font-family:var(--font-display);text-shadow:0 4px #fffc;font-weight:800;line-height:.9}.home-track-card__letter{font-size:clamp(76px,8vw,104px)}.home-track-card--arabic .home-track-card__letter{color:#d9523d}.home-track-card--english .home-track-card__letter{color:#347fb8}.home-track-card__scene{flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,16px);width:100%;min-height:90px;display:flex;position:relative}.home-track-card__scene .home-track-card__letter{z-index:2;flex-shrink:0;margin:0;position:relative}.home-track-card__cloud{pointer-events:none;background:#ffffffc7;border-radius:30px;width:54px;height:22px;position:absolute;inset:6px 8% auto auto;box-shadow:15px -10px 0 -2px #ffffffc7,30px 0 0 -5px #ffffffc7}.home-track-card__book{width:clamp(52px,5.5vw,84px);height:auto;color:var(--kadi-navy);z-index:1;filter:drop-shadow(0 4px 4px #17365f1f);flex-shrink:0;position:relative;inset:auto}.home-track-card__pencil{z-index:3;opacity:.85;filter:drop-shadow(0 4px 4px #17365f1a);background:currentColor;border-radius:6px 6px 2px 2px;width:14px;height:58px;position:absolute;inset:auto 6% 4px auto;transform:rotate(-30deg)}.home-track-card__pencil:before{content:"";border-inline:7px solid #0000;border-bottom:12px solid #f2d6b8;position:absolute;inset:-11px 0 auto}.home-track-card__scene--arabic{color:#d9523d}.home-track-card__scene--english{color:#347fb8}.home-track-card__scene--discover{color:var(--kadi-navy);justify-content:center}.home-track-card__scene--discover svg{z-index:2;margin:0 auto;position:relative}.home-track-card__sun{aspect-ratio:1;background:#ffb43fbf;border-radius:50%;width:60px;position:absolute;inset:12px 9% auto auto}.home-track-card__leaf{background:#5e9e68;border-radius:100% 0;width:22px;height:58px;position:absolute;inset:auto auto 5px 45%;transform:rotate(32deg)}.home-track-card__leaf--two{background:#7cb47a;height:46px;inset-inline-start:56%;transform:rotate(76deg)}.home-track-card__copy{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;display:flex;position:relative}.home-track-card__copy strong{font-family:var(--font-display);text-align:center;font-size:clamp(23px,2.4vw,30px);line-height:1.05}.home-track-card__copy small{color:#17365fc2;text-align:center;font-size:clamp(14px,1.4vw,16px)}.track-shell{padding:clamp(12px,2vw,24px);overflow-x:hidden}.track-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;margin-block-end:clamp(16px,2.5vh,28px);display:grid}.track-header>:last-child{justify-self:end}.track-back{justify-self:start}.track-logo{object-fit:contain;width:clamp(120px,14vw,160px);height:68px}.track-hero{box-sizing:border-box;min-height:140px;box-shadow:var(--shadow-soft);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:clamp(12px,1.8vw,22px) clamp(22px,2.8vw,36px);display:flex}.track-shell--arabic .track-hero{background:#ffe8df}.track-shell--english .track-hero{background:#e4f2fc}.track-shell--discover .track-hero{background:#e5f2e8}.track-hero h1{font-family:var(--font-display);margin:0 0 4px;font-size:clamp(32px,4vw,48px);line-height:1}.track-hero p{color:#17365fc2;margin:0;font-size:clamp(15px,1.6vw,18px)}.track-hero__art{place-items:center;min-width:110px;display:grid}.track-hero__glyph{font-size:clamp(56px,7vw,92px)}.track-modules{padding-block:clamp(14px,2.2vh,26px)}.track-module-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(10px,1.4vw,18px);display:grid}.track-shell--discover .track-module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.track-shell--arabic .track-module-grid,.track-shell--english .track-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}.track-module-card{text-align:center;background:var(--surface-soft);flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,1.6vh,18px);min-height:clamp(230px,28vh,265px);padding:clamp(16px,2.2vh,24px) clamp(10px,1.2vw,18px);display:flex}.track-module-card__art{width:clamp(126px,14.5vw,146px);height:clamp(116px,13.5vh,134px);color:color-mix(in srgb, var(--module-accent) 35%, var(--kadi-navy));background:color-mix(in srgb, var(--module-accent) 14%, white);border-radius:28px;place-items:center;display:grid}.track-module-card__art svg{width:clamp(74px,8.5vh,88px);height:clamp(74px,8.5vh,88px)}.track-module-card__glyph{font-size:clamp(68px,7.5vh,80px)}.track-module-card__copy{flex-direction:column;gap:3px;display:flex}.track-module-card__copy strong{font-family:var(--font-display);font-size:clamp(22px,2.5vw,29px)}.track-module-card__copy small{color:#17365fbd;font-size:16px}@media (hover:hover){.home-utility:hover,.track-back:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #4d30221f}.home-utility--parent:hover{background:#7b5ea729}.home-track-card:hover,.track-module-card:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-5px)}.continue-panel__action:hover .continue-panel__play{transform:translateY(-3px)scale(1.02);box-shadow:0 11px #0e2747,0 24px 36px #17365f3b}}@media (width<=820px){.home-header{align-items:center;min-height:auto}.home-logo{width:min(25vw,145px);height:64px}.home-utilities{gap:8px}.home-utility{width:52px;min-height:52px;padding:8px}.home-utility span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.home-utility--parent{width:auto;padding-inline:10px 12px}.home-utility--parent .home-utility__parent-label--compact{clip:auto;white-space:nowrap;width:auto;height:auto;font-size:13px;display:inline;position:static;overflow:visible}.track-header{gap:12px;min-height:60px;margin-block-end:16px}.track-logo{width:100px;height:48px}}@media (width<=900px){.continue-panel{grid-template-columns:minmax(0,1.2fr) minmax(190px,.9fr);grid-template-areas:"body mascot";gap:14px;min-height:clamp(240px,32vh,290px);padding:18px}.continue-panel__mascot{height:clamp(200px,30vh,260px)}}@media (width<=720px){.home-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-track-card--discover{grid-column:1/-1;grid-template-rows:1fr;grid-template-columns:1fr 1fr}}@media (width<=768px){.track-shell--discover .track-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.track-module-card{min-height:190px;padding:16px 12px}.track-module-card__art{border-radius:20px;width:100px;height:90px}.track-module-card__art svg{width:58px;height:58px}.track-module-card__glyph{font-size:54px}.track-module-card__copy strong{font-size:19px}}@media (width<=560px){.home-shell,.track-shell{box-sizing:border-box;flex-direction:column;min-height:100dvh;padding:clamp(10px,2vh,16px) 12px;display:flex}.home-header{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;gap:8px;min-height:48px;margin-block-end:clamp(4px,1vh,8px)}.home-logo{width:clamp(70px,22vw,86px);min-width:62px;height:50px}.home-utilities{gap:6px;width:auto}.home-utilities>[role=status]{gap:4px!important;padding:6px 10px!important}.home-content{flex-direction:column;flex:1;justify-content:space-between;gap:clamp(8px,1.5vh,14px);display:flex}.continue-panel{border-radius:24px;grid-template-columns:minmax(0,1.15fr) minmax(130px,.85fr);grid-template-areas:"body mascot";gap:8px;min-height:clamp(190px,26vh,235px);padding:clamp(12px,1.8vh,16px) 14px 10px}.continue-panel__mascot{height:clamp(185px,26vh,230px);min-height:0}.continue-panel__greeting h1{font-size:clamp(23px,6vw,30px)}.continue-panel__lead{font-size:clamp(13px,3.5vw,16px)}.continue-panel__meta{gap:6px;margin:0}.continue-panel__module{padding:3px 9px;font-size:12px}.home-progress{gap:6px}.home-progress__step{width:22px;height:22px}.home-progress__step:not(:last-child):after{width:5px}.continue-panel__cta{white-space:nowrap;gap:8px;width:fit-content;margin-top:2px;padding:7px 16px;font-size:15px}.continue-panel__cta-icon{width:24px;height:24px}.home-tracks{flex-direction:column;flex:1;justify-content:space-between;padding-bottom:2px;display:flex}.home-tracks__heading{flex-shrink:0;margin-bottom:clamp(4px,1vh,8px)}.home-tracks__heading h2{margin:0 0 2px;font-size:clamp(18px,4.5vw,22px)}.home-tracks__heading p{margin:0;font-size:clamp(12px,3vw,14px)}.home-track-grid{flex:1;gap:clamp(8px,1.4vh,12px)}.home-track-card{text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:clamp(135px,18vh,170px);padding:clamp(10px,1.6vh,16px) 10px;display:flex}.home-track-card--discover{flex-direction:row;justify-content:center;align-items:center;gap:18px;min-height:clamp(92px,12vh,115px);padding:clamp(10px,1.5vh,14px) 20px;display:flex}.home-track-card__art{justify-content:center;align-items:center;width:100%;height:clamp(68px,9vh,86px);min-height:0;display:flex}.home-track-card--discover .home-track-card__art{width:auto;height:62px}.home-track-card__scene{flex-direction:row;justify-content:center;align-items:center;gap:8px;height:100%;min-height:0;display:flex}.home-track-card__letter{font-size:clamp(52px,12vw,68px);line-height:1}.home-track-card__book{width:clamp(52px,12vw,68px)}.home-track-card__cloud,.home-track-card__pencil,.home-track-card__sun,.home-track-card__leaf{display:none}.home-track-card__scene--discover svg{width:60px;height:60px}.home-track-card__copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;display:flex}.home-track-card--discover .home-track-card__copy{text-align:start;align-items:flex-start;width:auto}.home-track-card__copy strong{text-align:center;font-size:clamp(18px,4.6vw,23px);line-height:1.1}.home-track-card__copy small{text-align:center;font-size:clamp(13px,3.2vw,15px);display:block}.home-track-card--discover .home-track-card__copy strong{text-align:start;font-size:clamp(20px,5vw,24px)}.home-track-card--discover .home-track-card__copy small{text-align:start;font-size:clamp(13px,3.4vw,15px)}.track-shell{padding:12px 14px 20px}.track-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:48px;margin-block-end:12px;display:grid}.track-header>[role=status]{padding:4px 8px!important}.track-logo{object-fit:contain;width:80px;height:40px;display:block}.track-back{min-height:44px;padding:6px 12px;font-size:15px}.track-hero{border-radius:20px;gap:12px;min-height:auto;margin-block-end:12px;padding:14px 16px}.track-hero h1{margin:0 0 2px;font-size:22px}.track-hero p{font-size:13px}.track-hero__art{min-width:54px}.track-hero__art svg{width:52px;height:52px}.track-hero__glyph{font-size:40px}.track-modules{padding-block:0}.track-modules h2{margin:0 0 10px;font-size:18px}.track-module-grid,.track-shell--discover .track-module-grid,.track-shell--arabic .track-module-grid,.track-shell--english .track-module-grid{gap:10px;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-shell--discover .track-module-card:last-child{grid-column:1/-1;width:100%;max-width:58%;margin-inline:auto}.track-module-card{border-radius:20px;gap:8px;min-height:135px;max-height:none;padding:12px 10px}.track-module-card__art{border-radius:16px;width:76px;height:68px}.track-module-card__art svg{width:44px;height:44px}.track-module-card__glyph{font-size:42px}.track-module-card__copy strong{font-size:17px}}@media (width<=560px) and (height<=650px){.home-shell{padding:8px}.home-header{margin-block-end:4px}.home-logo{width:64px;min-width:60px;height:48px}.home-utility{width:48px;min-height:48px}.home-utilities>[role=status]{min-height:48px!important;padding-inline:8px!important}.home-content{gap:8px}.continue-panel{border-radius:20px;grid-template-columns:92px minmax(0,1fr);gap:6px;min-height:208px;padding:8px}.continue-panel__mascot{height:118px}.continue-panel__copy h1{font-size:26px}.continue-panel__lead{font-size:16px}.continue-panel__module{margin-block:3px 4px;padding:4px 8px;font-size:13px}.home-progress{gap:8px}.home-progress__step{width:22px;height:22px}.home-progress__step:not(:last-child):after{width:6px}.continue-panel__action{gap:6px;font-size:16px}.continue-panel__play{width:54px}.home-tracks__heading{margin-bottom:6px}.home-tracks__heading h2{font-size:24px}.home-tracks__heading p{display:none}.home-track-grid{gap:8px}.home-track-card{border-radius:18px;min-height:114px;padding:8px}.home-track-card__art{min-height:58px}.home-track-card__scene{min-height:66px}.home-track-card__letter{font-size:56px}.home-track-card__book{width:62px}.home-track-card__pencil{height:50px}.home-track-card__sun{width:44px}.home-track-card__scene--discover svg{width:72px;height:72px}.home-track-card__copy strong{font-size:18px}.home-track-card__copy small{font-size:12px}.home-track-card--discover{min-height:100px}}@media (prefers-reduced-motion:reduce){.home-utility,.track-back,.home-track-card,.track-module-card,.continue-panel__play{transition:none}}.fruit-library{flex:1;min-height:0;overflow:hidden}.fruit-library__background{scrollbar-color:#173a685c transparent;scrollbar-width:thin;height:100%;padding:4px 8px 28px;overflow-y:auto}.fruit-library__background::-webkit-scrollbar{width:8px}.fruit-library__background::-webkit-scrollbar-thumb{background:#173a6852;border-radius:8px}.fruit-library__intro{justify-content:space-between;align-items:center;gap:24px;margin:0 auto 12px;display:flex}.fruit-library__intro h2{color:var(--kadi-navy);font-family:var(--font-display);margin:0 0 2px;font-size:clamp(26px,3.4vw,42px);line-height:1.1}.fruit-library__intro p{color:#536b8b;max-width:62ch;margin:0;font-size:clamp(14px,1.5vw,18px)}.fruit-library__progress{color:var(--kadi-navy);background:#fff;border-radius:999px;flex:none;align-items:baseline;gap:7px;padding:8px 14px;display:flex;box-shadow:0 5px 16px #3827181a}.fruit-library__progress strong{color:#c83e54;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:23px}.fruit-library__progress span{font-size:13px;font-weight:800}.fruit-library__groups{gap:7px;margin:0 0 14px;padding:0;list-style:none;display:flex;overflow-x:auto}.fruit-library__groups li{color:#657b98;background:#ffffffc7;border-radius:999px;flex:none;padding:5px 11px;font-size:12px;font-weight:800}.fruit-library__groups li.is-unlocked{color:#245d43;background:#dff2e7}.fruit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,18px);display:grid}.fruit-card{min-width:0;color:var(--kadi-navy);font:inherit;text-align:center;cursor:pointer;background:#fff;border:0;border-radius:16px;flex-direction:column;padding:0;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 8px 22px #5238231f}.fruit-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #5238232b}.fruit-card:focus-visible,.fruit-speech-btn:focus-visible,.fruit-nav-btn:focus-visible{outline-offset:3px;outline:4px solid #3b8edb}.fruit-card:disabled{cursor:not-allowed}.fruit-card__visual{aspect-ratio:1;background:0 0;flex:none;display:block;position:relative;overflow:hidden}.fruit-card__image{object-fit:cover;width:100%;height:100%;display:block}.fruit-card__copy{background:#fff;place-items:center;min-height:64px;padding:8px 10px 10px;display:grid}.fruit-card__copy strong{font-family:var(--font-display);font-size:clamp(18px,2.1vw,26px);line-height:1.05}.fruit-card__copy small{color:#536b8b;font-size:clamp(12px,1.15vw,15px);font-weight:800;line-height:1.15}.fruit-card.is-locked .fruit-card__visual,.fruit-card.is-locked .fruit-card__copy{opacity:.52;filter:saturate(.45)}.fruit-card__lock{top:9px;width:39px;height:39px;color:var(--kadi-navy);background:#ffffffeb;border-radius:12px;place-items:center;display:grid;position:absolute;inset-inline-start:9px;box-shadow:0 4px 12px #24334926}.fruit-image-fallback{place-items:center;font-size:clamp(54px,8vw,92px);display:grid}.fruit-lesson{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding-block:clamp(10px,2.2vh,24px) clamp(16px,3vh,32px);padding-inline:clamp(8px,2vw,20px);display:flex;overflow-y:auto}.fruit-lesson__stage{grid-template-columns:minmax(280px,420px) minmax(280px,460px);justify-content:center;align-items:center;gap:clamp(20px,4vw,48px);width:min(100%,940px);margin-inline:auto;animation:.24s cubic-bezier(.16,1,.3,1) both fruit-stage-enter;display:grid}.fruit-lesson__visual{aspect-ratio:1;background:#fff;border-radius:28px;justify-content:center;align-items:center;width:100%;max-width:420px;margin-inline:auto;display:flex;overflow:hidden;box-shadow:0 16px 40px #2d1e141f}.fruit-lesson__image{object-fit:cover;width:100%;height:100%;display:block}.fruit-lesson__info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.2vh,22px);display:flex}.fruit-lesson__badge{color:var(--kadi-navy);font-family:var(--font-display);background:#ffffffd9;border-radius:999px;align-items:center;padding:5px 14px;font-size:clamp(13px,1.4vw,16px);font-weight:700;display:inline-flex;box-shadow:0 3px 10px #2d1e1414}.fruit-lesson__names{flex-direction:column;align-items:center;gap:4px;display:flex}.fruit-lesson__title-ar{color:var(--kadi-navy);font-family:var(--font-display);margin:0;font-size:clamp(40px,5.5vw,68px);line-height:1.05}.fruit-lesson__title-en{color:#536b8b;font-family:var(--font-display);margin:0;font-size:clamp(22px,2.8vw,34px);font-weight:700;line-height:1.15}.fruit-lesson__speech{gap:10px;width:min(100%,380px);display:grid}.fruit-speech-btn{min-height:52px;font-family:var(--font-display);cursor:pointer;box-sizing:border-box;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:clamp(16px,1.8vw,19px);font-weight:700;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),filter .16s;display:inline-flex}.fruit-speech-btn--ar{color:#fff;background:#c83e54;box-shadow:0 7px 18px #c83e5440}.fruit-speech-btn--en{color:var(--kadi-navy);background:#f4c64f;box-shadow:0 7px 18px #f4c64f47}.fruit-speech-btn:hover{filter:brightness(1.03);transform:translateY(-2px)}.fruit-speech-btn:active{transform:translateY(0)}.fruit-lesson__nav{justify-content:space-between;align-items:center;gap:12px;width:min(100%,380px);margin-block-start:clamp(4px,1vh,10px);display:flex}.fruit-nav-btn{min-width:110px;min-height:48px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;box-sizing:border-box;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 5px 14px #2d1e1417}.fruit-nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2d1e1424}.fruit-nav-btn:active{transform:translateY(0)}.fruit-lesson__nav-indicator{font-family:var(--font-display);color:#657b98;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}@keyframes fruit-stage-enter{0%{opacity:.85;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.fruit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fruit-lesson__stage{grid-template-columns:minmax(260px,360px) minmax(260px,380px);gap:24px}}@media (width<=680px){.fruit-lesson{justify-content:flex-start;padding-block:8px 24px}.fruit-lesson__stage{grid-template-columns:1fr;gap:16px;max-width:360px}.fruit-lesson__visual{border-radius:22px;max-width:260px}.fruit-lesson__title-ar{font-size:38px}.fruit-lesson__title-en{font-size:22px}.fruit-lesson__speech,.fruit-lesson__nav{width:100%}}@media (width<=560px){.fruit-library__background{padding-inline:2px}.fruit-library__intro{align-items:flex-start;gap:10px}.fruit-library__intro p{max-width:29ch;font-size:13px}.fruit-library__progress{flex-direction:column;align-items:center;gap:0;padding:6px 11px}.fruit-library__progress strong{font-size:20px}.fruit-library__progress span{font-size:10px}.fruit-library__groups{justify-content:center;overflow:visible}.fruit-library__groups li{text-align:center;min-width:34px;padding-inline:8px}.fruit-group-label{display:none}.fruit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fruit-card__copy{min-height:54px;padding-inline:5px}.fruit-card__copy strong{font-size:19px}.fruit-card__copy small{font-size:12px}.fruit-lesson__visual{max-width:230px}}@media (prefers-reduced-motion:reduce){.fruit-card,.fruit-lesson__stage,.fruit-speech-btn,.fruit-nav-btn{transition:none;animation:none}}.fruit-game-shell{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding-block:clamp(6px,1.5vh,16px) clamp(16px,3vh,32px);padding-inline:clamp(8px,2vw,20px);display:flex;overflow-y:auto}.fruit-language-bar{background:#ffffffd9;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-block-end:clamp(8px,1.8vh,18px);padding:5px;display:inline-flex;box-shadow:0 4px 14px #2d1e1414}.fruit-lang-btn{min-width:96px;min-height:44px;font-family:var(--font-display);color:var(--kadi-navy);cursor:pointer;box-sizing:border-box;transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700}.fruit-lang-btn.is-active{color:#fff;background:var(--coral);box-shadow:0 4px 12px #ff6b6b59}.fruit-lang-btn:hover:not(.is-active){background:var(--sand)}.fruit-lang-btn:focus-visible,.fruit-listen-tile:focus-visible,.fruit-quiz-choice:focus-visible,.fruit-listen-replay:focus-visible,.fruit-game-btn:focus-visible,.fruit-sort-item:focus-visible,.fruit-sort-basket:focus-visible{outline-offset:3px;outline:4px solid #3b8edb}.fruit-game-prompt{text-align:center;color:var(--kadi-navy);font-family:var(--font-display);margin:0 0 clamp(10px,2vh,18px);font-size:clamp(24px,3.4vw,36px);line-height:1.15}.fruit-game-feedback{border-radius:var(--radius);text-align:center;width:min(100%,540px);min-height:52px;font-family:var(--font-display);box-sizing:border-box;justify-content:center;align-items:center;margin-block-end:clamp(10px,2vh,16px);padding:8px 20px;font-size:clamp(18px,2.4vw,24px);font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) both fruit-feedback-pop;display:flex}.fruit-game-feedback--correct{color:#1a5632;background:#dff2e7;border:2px solid #a3dec0}.fruit-game-feedback--wrong{color:#8c2331;background:#fde8eb;border:2px solid #f9bcc5}@keyframes fruit-feedback-pop{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fruit-listen-stage{flex-direction:column;align-items:center;width:min(100%,560px,55dvh);display:flex}.fruit-listen-replay{border-radius:var(--radius);min-height:58px;color:var(--kadi-navy);box-shadow:var(--shadow-soft);font-family:var(--font-display);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out);background:#fff;border:0;justify-content:center;align-items:center;gap:12px;margin-block-end:clamp(12px,2.2vh,20px);padding:10px 24px;font-size:clamp(18px,2.2vw,22px);font-weight:700;display:inline-flex}.fruit-listen-replay:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-2px)}.fruit-listen-replay:active{transform:translateY(0)}.fruit-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,22px);width:100%;display:grid}.fruit-listen-tile{aspect-ratio:1;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border:3px solid #0000;padding:0;position:relative;overflow:hidden}.fruit-listen-tile:hover:not(:disabled){box-shadow:var(--shadow-soft-hover);transform:translateY(-3px)}.fruit-listen-tile:active:not(:disabled){transform:translateY(0)}.fruit-listen-tile .fruit-image-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.fruit-listen-tile img{object-fit:cover;width:100%;height:100%;display:block}.fruit-listen-tile.is-correct{box-shadow:0 0 0 4px #2ec4b647, var(--shadow-soft);border-color:#2ec4b6;transform:scale(1.02)}.fruit-listen-tile.is-wrong{border-color:var(--coral);animation:.4s cubic-bezier(.36,.07,.19,.97) both fruit-shake}.fruit-quiz-stage{flex-direction:column;align-items:center;width:min(100%,620px);display:flex}.fruit-quiz-hero{aspect-ratio:1;border-radius:var(--radius-lg);width:min(100%,clamp(200px,32vh,260px));box-shadow:var(--shadow-soft);background:#fff;justify-content:center;align-items:center;margin-block-end:clamp(14px,2.5vh,24px);display:flex;overflow:hidden}.fruit-quiz-hero img{object-fit:cover;width:100%;height:100%;display:block}.fruit-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,16px);width:100%;display:grid}.fruit-quiz-choice{border-radius:var(--radius);text-align:center;min-height:64px;color:var(--kadi-navy);box-shadow:var(--shadow-soft);font-family:var(--font-display);cursor:pointer;box-sizing:border-box;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border:3px solid #0000;justify-content:center;align-items:center;padding:12px 18px;font-size:clamp(20px,2.6vw,26px);font-weight:700;display:flex}.fruit-quiz-choice:hover:not(:disabled){box-shadow:var(--shadow-soft-hover);transform:translateY(-2px)}.fruit-quiz-choice:active:not(:disabled){transform:translateY(0)}.fruit-quiz-choice.is-correct{color:#1a5632;background:#e9fbf8;border-color:#2ec4b6;box-shadow:0 0 0 4px #2ec4b647}.fruit-quiz-choice.is-wrong{border-color:var(--coral);color:#8c2331;background:#fde8eb;animation:.4s cubic-bezier(.36,.07,.19,.97) both fruit-shake}.fruit-sort-stage{flex-direction:column;align-items:center;gap:clamp(14px,2.5vh,22px);width:min(100%,780px);display:flex}.fruit-sort-baskets{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,20px);width:100%;display:grid}.fruit-sort-basket{border-radius:var(--radius-lg);min-height:clamp(160px,26vh,220px);box-shadow:var(--shadow-soft);box-sizing:border-box;cursor:pointer;transition:border-color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out);background:#ffffffbf;border:3px dashed #17365f3d;flex-direction:column;align-items:center;padding:12px;display:flex}.fruit-sort-basket:hover{border-color:var(--kadi-navy);background:#fff}.fruit-sort-basket.is-drag-over{background:#e8f9f7;border-color:#2ec4b6;transform:scale(1.02)}.fruit-sort-basket__header{align-items:center;gap:8px;margin-block-end:8px;display:flex}.fruit-sort-basket__emoji{font-size:26px}.fruit-sort-basket__title{color:var(--kadi-navy);font-family:var(--font-display);margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:700}.fruit-sort-basket__contents{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;width:100%;display:flex;overflow-y:auto}.fruit-sort-basket-item{font-family:var(--font-display);color:var(--kadi-navy);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:14px;font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) both fruit-feedback-pop;display:inline-flex;box-shadow:0 3px 8px #2d1e1414}.fruit-sort-basket-item img{object-fit:cover;border-radius:50%;width:24px;height:24px}.fruit-sort-basket-item .fruit-image-fallback{justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:inline-flex}.fruit-quiz-hero .fruit-image-fallback,.fruit-listen-tile .fruit-image-fallback,.fruit-sort-item .fruit-image-fallback{place-items:center;width:100%;height:100%;display:grid}.fruit-sort-items-pool{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,1.8vw,16px);width:100%;min-height:100px;display:flex}.fruit-sort-item{border-radius:var(--radius);width:clamp(96px,16vw,120px);box-shadow:var(--shadow-soft);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border:3px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.fruit-sort-item:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-3px)}.fruit-sort-item:active{cursor:grabbing}.fruit-sort-item.is-selected{border-color:var(--coral);box-shadow:0 0 0 4px #ff6b6b47, var(--shadow-soft-hover);transform:translateY(-4px)}.fruit-sort-item.is-shaking{animation:.4s cubic-bezier(.36,.07,.19,.97) both fruit-shake}.fruit-sort-item .fruit-sort-item__img{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-soft);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.fruit-sort-item img{object-fit:cover;width:100%;height:100%;display:block}.fruit-sort-item strong{color:var(--kadi-navy);font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(14px,1.6vw,17px);line-height:1.1;overflow:hidden}.fruit-game-complete{text-align:center;border-radius:var(--radius-lg);background:var(--paper-cream);width:min(100%,480px);box-shadow:var(--shadow-soft);box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);margin-block:auto;margin-inline:auto;padding:clamp(16px,2.5vh,24px) clamp(16px,3vw,24px);animation:.28s cubic-bezier(.16,1,.3,1) both fruit-feedback-pop;display:flex;overflow:hidden}.fruit-game-complete__mascot{object-fit:contain;width:clamp(110px,16vh,130px);height:clamp(110px,16vh,130px)}.fruit-game-complete__title{color:var(--kadi-navy);font-family:var(--font-display);margin:0;font-size:clamp(26px,4vw,34px);line-height:1.15}.fruit-game-complete__stars{color:var(--kadi-navy);background:var(--sand);font-family:var(--font-display);border-radius:999px;align-items:center;gap:10px;padding:8px 20px;font-size:clamp(18px,2.8vw,22px);font-weight:700;display:inline-flex}.fruit-game-complete__stars svg{color:var(--kadi-gold)}.fruit-game-complete__actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}@media (width>=768px){.fruit-game-complete{gap:clamp(12px,1.8vh,20px);width:min(90%,640px);max-height:calc(100vh - 130px);padding:clamp(18px,2.8vh,30px) clamp(24px,3.5vw,44px)}.fruit-game-complete__mascot{width:clamp(135px,18vh,170px);height:clamp(135px,18vh,170px)}.fruit-game-complete__title{font-size:clamp(30px,3.6vh,40px)}.fruit-game-complete__stars{padding:clamp(8px,1.2vh,12px) clamp(20px,2.5vw,28px);font-size:clamp(20px,2.3vh,25px)}.fruit-game-complete__actions{gap:clamp(8px,1.3vh,12px);max-width:min(100%,390px)}.fruit-game-btn{min-height:clamp(48px,6.2vh,58px);font-size:clamp(19px,2.2vh,22px)}}.fruit-game-btn{border-radius:var(--radius);width:100%;min-height:52px;font-family:var(--font-display);cursor:pointer;box-sizing:border-box;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out);border:0;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:18px;font-weight:700;display:inline-flex}.fruit-game-btn--primary{color:#fff;background:var(--coral);box-shadow:0 6px 16px #ff6b6b47}.fruit-game-btn--secondary{color:var(--kadi-navy);background:var(--sand);box-shadow:0 4px 12px #2d1e1414}.fruit-game-btn:hover{transform:translateY(-2px)}.fruit-game-btn:active{transform:translateY(0)}@keyframes fruit-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (width<=560px){.fruit-game-shell{padding-inline:8px}.fruit-sort-baskets{grid-template-columns:1fr;gap:10px}.fruit-sort-basket{min-height:130px}.fruit-quiz-choice{min-height:58px;font-size:18px}}@media (height<=820px) and (width>=561px){.fruit-game-shell{padding-block:4px 10px}.fruit-language-bar{margin-block-end:6px}.fruit-game-prompt{margin-block-end:8px;font-size:clamp(24px,4vh,30px)}.fruit-listen-replay{min-height:52px;margin-block-end:10px;padding-block:7px}}@media (prefers-reduced-motion:reduce){.fruit-listen-tile,.fruit-quiz-choice,.fruit-sort-item,.fruit-game-complete,.fruit-game-feedback,.fruit-game-btn,.fruit-missing-card,.fruit-missing-option-btn,.fruit-missing-countdown{transition:none;animation:none}}.fruit-missing-stage{box-sizing:border-box;flex-direction:column;align-items:center;width:min(100%,680px);margin-inline:auto;display:flex}.fruit-missing-countdown{background:var(--coral);color:#fff;width:clamp(46px,6.5vh,56px);height:clamp(46px,6.5vh,56px);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-block-end:clamp(6px,1.2vh,12px);font-size:clamp(22px,3.4vh,28px);font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) both fruit-feedback-pop;display:inline-flex;box-shadow:0 4px 14px #ff6b6b59}.fruit-missing-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2.2vw,20px);width:100%;min-height:clamp(120px,18vh,160px);margin-block-end:clamp(8px,1.5vh,16px);display:flex}.fruit-missing-card{aspect-ratio:1/1.15;border-radius:var(--radius-lg);width:clamp(96px,20vw,140px);box-shadow:var(--shadow-soft);box-sizing:border-box;text-align:center;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:clamp(6px,1.2vh,10px);display:flex}.fruit-missing-card.is-clickable{cursor:pointer}.fruit-missing-card.is-clickable:hover{border-color:var(--kadi-gold);transform:scale(1.03);box-shadow:0 6px 18px #2d1e141f}.fruit-missing-card__img{border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.fruit-missing-card__img img{object-fit:cover;width:100%;height:100%;display:block}.fruit-missing-card__name{font-family:var(--font-display);color:var(--kadi-navy);margin-block-start:4px;font-size:clamp(14px,2vh,17px);font-weight:700;line-height:1.2}.fruit-missing-card--mystery{border:3px dashed var(--kadi-gold);background:#fff7e9;animation:.25s cubic-bezier(.16,1,.3,1) both fruit-feedback-pop}.fruit-missing-card__question-mark{font-family:var(--font-display);color:var(--coral);flex:1;place-items:center;font-size:clamp(44px,7.5vh,64px);font-weight:800;line-height:1;animation:1.6s ease-in-out infinite fruit-bounce;display:grid}.fruit-missing-card--revealed{animation:.3s cubic-bezier(.16,1,.3,1) both fruit-feedback-pop}.fruit-missing-card--revealed.is-correct{border-color:#2ec4b6;box-shadow:0 0 0 4px #2ec4b640}.fruit-missing-card--revealed.is-revealed{border-color:var(--coral);box-shadow:0 0 0 4px #ff6b6b33}.fruit-missing-helper-btn{border:2px solid var(--kadi-navy);min-height:44px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;transition:transform .16s var(--ease-out), background .16s var(--ease-out), opacity .16s;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-block-end:clamp(8px,1.5vh,14px);padding:clamp(6px,1vh,9px) clamp(14px,2vw,18px);font-size:clamp(14px,1.9vh,17px);font-weight:700;display:inline-flex}.fruit-missing-helper-btn:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.fruit-missing-helper-btn:disabled{opacity:.45;cursor:not-allowed;color:#888;border-color:#ccc}.fruit-missing-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,18px);width:100%;display:flex}.fruit-missing-option-btn{aspect-ratio:1/1.15;border-radius:var(--radius);width:clamp(90px,18vw,130px);box-shadow:var(--shadow-soft);cursor:pointer;box-sizing:border-box;text-align:center;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:clamp(6px,1.1vh,10px);display:flex}.fruit-missing-option-btn:hover:not(:disabled){border-color:var(--kadi-navy);transform:scale(1.04);box-shadow:0 6px 18px #2d1e141f}.fruit-missing-option-btn.is-correct{background:#e8f9f7;border-color:#2ec4b6;transform:scale(1.05)}.fruit-missing-option-btn.is-wrong{background:#fff0f0;border-color:#ff6b6b;animation:.4s fruit-shake}.fruit-missing-option-btn.is-revealed-target{background:#e8f9f7;border-color:#2ec4b6}.fruit-missing-option-btn__img{border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.fruit-missing-option-btn__img img{object-fit:cover;width:100%;height:100%;display:block}.fruit-missing-option-btn__label{font-family:var(--font-display);color:var(--kadi-navy);margin-block-start:4px;font-size:clamp(13px,1.8vh,16px);font-weight:700}.fruit-missing-empty{text-align:center;background:var(--paper-cream);border-radius:var(--radius-lg);width:min(100%,540px);box-shadow:var(--shadow-soft);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;margin:30px auto;padding:32px 24px;display:flex}.fruit-missing-empty__icon{color:var(--coral);margin-block-end:16px}.fruit-missing-empty__title{font-family:var(--font-display);color:var(--kadi-navy);margin:0 0 10px;font-size:clamp(24px,3.8vw,32px)}.fruit-missing-empty__desc{color:#17365fb8;max-width:420px;margin:0 0 24px;font-size:clamp(16px,2.2vw,19px);line-height:1.5}.fruit-missing-empty__actions{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}@keyframes fruit-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.learning-shell{--learning-field:var(--surface-soft);min-height:100dvh;color:var(--kadi-navy);background:var(--paper-cream);padding:clamp(12px,1.8vw,24px);overflow-x:hidden}.learning-shell--compact{box-sizing:border-box;flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;padding:clamp(6px,1.2vh,14px) clamp(8px,1.8vw,18px);display:flex;overflow:hidden}.learning-shell--compact .learning-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.learning-shell--compact .learning-header{flex-shrink:0;min-height:auto;margin-block-end:clamp(4px,.8vh,8px)}.learning-shell--compact .mode-selector{flex-direction:column;flex:1;justify-content:center;height:100%;min-height:0;display:flex;overflow:hidden}.learning-shell--compact .mode-selector__heading{flex-shrink:0;margin-block-end:clamp(6px,1.5vh,14px)}.learning-shell--compact .mode-selector__grid{flex:1;align-content:center;gap:clamp(8px,1.8vh,16px);min-height:0}.learning-shell--compact .mode-selector--phonics-games{box-sizing:border-box;justify-content:flex-start;padding-block-start:clamp(8px,2vh,20px);overflow-y:auto}.learning-shell--compact .mode-selector--phonics-games .mode-selector__heading{margin-block-end:clamp(18px,3vh,30px)}.learning-shell--compact .mode-selector--phonics-games .mode-selector__grid{flex:none;align-content:start;width:100%}.learning-shell--compact .mode-choice{gap:clamp(6px,1.2vh,12px);min-height:clamp(110px,18vh,180px);padding:clamp(10px,1.8vh,18px)}.learning-shell--compact .mode-choice__icon{border-radius:clamp(14px,2.5vh,22px);width:clamp(52px,8.5vh,72px);height:clamp(52px,8.5vh,72px)}.learning-shell--compact .mode-choice__copy strong{font-size:clamp(18px,3vh,26px)}.learning-shell--compact .mode-choice__copy small{font-size:clamp(12px,1.8vh,15px)}.learning-shell--arabic-letters{--learning-field:#ffe8df}.learning-header,.learning-content{width:min(100%,1240px);margin-inline:auto}.learning-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:clamp(66px,9vh,76px);margin-block-end:clamp(10px,2vh,18px);display:grid}.learning-header__main{justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.learning-header__main h1{color:var(--kadi-navy);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(22px,2.8vw,34px);line-height:1.1;overflow:hidden}.learning-back,.letter-dialog__close,.words-nav{color:var(--kadi-navy);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);background:#ffffffd1;border:0;place-items:center;display:grid;box-shadow:0 7px 18px #4d302217}.learning-back{border-radius:18px;flex:0 0 52px;width:52px;height:52px}.learning-logo{object-fit:contain;width:clamp(112px,12vw,148px);height:64px}.learning-header>[role=status]{color:var(--kadi-navy);justify-self:end}.learning-content{min-height:0}.mode-selector{width:min(100%,1040px);margin-inline:auto}.mode-selector__heading{text-align:center;margin-block-end:clamp(14px,2.5vh,22px)}.mode-selector__heading h2,.letter-library__intro h2{color:var(--kadi-navy);font-family:var(--font-display);margin:0 0 4px;font-size:clamp(30px,4vw,44px);line-height:1.05}.mode-selector__heading p,.letter-library__intro p{color:#17365fb8;margin:0;font-size:clamp(15px,1.8vw,18px)}.mode-selector__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,20px);display:grid}.mode-selector__grid--phonics,.mode-selector__grid--counting{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-choice{min-height:clamp(170px,23vh,205px);color:var(--kadi-navy);text-align:center;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .19s var(--ease-out), box-shadow .19s var(--ease-out);border:0;border-radius:28px;grid-template-rows:auto 1fr;place-items:center;gap:14px;padding:clamp(18px,2.2vw,26px);display:grid;position:relative;overflow:hidden}.mode-choice--featured{text-align:start;grid-column:1/-1;grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;min-height:clamp(142px,19vh,176px);padding-inline:clamp(22px,4vw,42px)}.mode-choice--gold{background:#fff3d6}.mode-choice--blue{background:#e4f2fc}.mode-choice--green{background:#e5f2e8}.mode-choice--violet{background:#eee8f8}.mode-choice--coral{background:#ffe8df}.mode-choice__icon{width:82px;height:82px;color:var(--kadi-navy);background:#ffffffa6;border-radius:24px;place-items:center;display:grid}.mode-choice--featured .mode-choice__icon{width:102px;height:102px;color:var(--kadi-gold);background:var(--kadi-navy);border-radius:28px}.mode-choice__copy{flex-direction:column;gap:3px;display:flex}.mode-choice__copy strong{font-family:var(--font-display);font-size:clamp(25px,3vw,34px);line-height:1.05}.mode-choice__copy small{color:#17365fb8;max-width:30ch;font-size:clamp(14px,1.5vw,16px)}.mode-choice__go{width:44px;height:44px;color:var(--kadi-gold);background:var(--kadi-navy);border-radius:50%;place-items:center;padding-inline-start:3px;display:grid}.mode-choice:not(.mode-choice--featured) .mode-choice__go{width:34px;height:34px;position:absolute;inset:14px auto auto 14px}.letter-library{width:min(100%,930px);margin-inline:auto}.letter-library__intro{justify-content:space-between;align-items:end;gap:20px;margin-block-end:clamp(12px,2vh,18px);display:flex}.letter-library__groups{direction:ltr;align-items:center;gap:7px;margin:0;padding:0;list-style:none;display:flex}.letter-library__groups li{color:#17365f80;width:30px;height:30px;font-family:var(--font-display);background:#ffffffb8;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #17365f1a}.letter-library__groups li.is-unlocked{color:var(--kadi-navy);background:var(--kadi-gold);box-shadow:none}.letter-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(9px,1.2vw,14px);display:grid}.letter-tile{aspect-ratio:1;min-width:0;min-height:76px;color:var(--kadi-navy);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);background:#ffffffb8;border:0;border-radius:clamp(18px,2vw,24px);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:8px;display:flex;position:relative;box-shadow:0 10px 24px #4d302217,0 2px 5px #4d30220d}.letter-tile.is-unlocked{background:var(--learning-field);cursor:pointer}.letter-tile.is-locked{color:#17365f61;box-shadow:inset 0 0 0 2px #17365f12}.letter-tile__glyph{font-family:var(--font-display);font-size:clamp(37px,4.6vw,58px);font-weight:700;line-height:.95}.letter-tile.is-unlocked .letter-tile__glyph{color:#d9523d}.letter-tile__name{font-size:clamp(12px,1.4vw,15px);font-weight:700}.letter-tile__lock{color:#17365f8c;position:absolute;inset:7px 7px auto auto}.learning-grid-wrap,.learning-grid{width:100%}.learning-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:clamp(12px,3vw,20px);max-width:860px;margin-inline:auto;display:grid}.learning-placeholder{min-height:55vh;color:var(--kadi-navy);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.learning-placeholder p{margin:0;font-size:clamp(18px,3vw,24px)}.learning-shell .tile{box-shadow:var(--shadow-soft)!important;border:0!important}.learning-shell .tile:active{transform:translateY(2px);box-shadow:0 7px 18px #4d30221f!important}.letter-dialog{z-index:100;min-height:100dvh;color:var(--kadi-navy);background:var(--paper-cream);flex-direction:column;gap:clamp(10px,2vh,16px);padding:clamp(10px,2vw,20px);display:flex;position:fixed;inset:0;overflow:hidden auto}.letter-dialog__header,.letter-dialog__content{width:min(100%,1040px);margin-inline:auto}.letter-dialog__header{align-items:center;gap:12px;min-height:58px;display:flex}.letter-dialog__close{border-radius:18px;flex:0 0 52px;width:52px;height:52px}.letter-tabs{background:#ffffffad;border-radius:20px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.letter-tab{min-height:48px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;transition:background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:0;border-radius:16px;font-size:clamp(17px,2.3vw,22px);font-weight:700}.letter-tab.is-selected{color:var(--kadi-navy);background:#ffe8df;box-shadow:0 5px 14px #4d302217}.letter-tab:disabled{opacity:.42;cursor:default}.letter-dialog__content{min-height:0;animation:lesson-settle .32s var(--ease-out) both;flex-direction:column;flex:1;display:flex}@keyframes lesson-settle{0%{opacity:.92;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.letter-panel{flex:1;grid-template-columns:minmax(280px,.86fr) minmax(360px,1.14fr);align-items:center;gap:clamp(24px,5vw,64px);min-height:min(600px,100dvh - 108px);padding:clamp(12px,3vh,26px);display:grid}.letter-panel__stage{min-height:clamp(280px,48vh,400px);box-shadow:var(--shadow-soft);box-sizing:border-box;background:#ffe8df;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vh,40px) 20px;display:flex;position:relative;overflow:hidden}.letter-panel__stage:after{content:"";aspect-ratio:1;background:#ffffff59;border-radius:50%;width:190px;position:absolute;inset:auto -55px -80px auto}.letter-panel__glyph{z-index:1;color:#d9523d;font-family:var(--font-display);text-align:center;text-shadow:0 5px #ffffffd1;justify-content:center;align-items:center;gap:18px;padding-top:12px;font-size:clamp(96px,14vw,150px);font-weight:800;line-height:1.25;display:inline-flex;position:relative}.letter-panel__glyph-alt{opacity:.9;font-size:.8em}.letter-panel__lesson{flex-direction:column;gap:clamp(14px,2.4vh,22px);display:flex}.letter-panel__title h2{color:var(--kadi-navy);font-family:var(--font-display);margin:0 0 4px;font-size:clamp(34px,5vw,56px);line-height:1}.letter-panel__title p{color:#17365fb3;margin:0;font-size:clamp(15px,2vw,18px)}.letter-sound-actions{flex-wrap:wrap;gap:10px;display:flex}.letter-sound-button,.trace-retry{min-height:54px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;background:#fffc;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;padding:9px 16px;font-size:clamp(19px,2.5vw,24px);font-weight:700;display:inline-flex;box-shadow:0 7px 18px #4d302217}.letter-sound-button--gold,.trace-retry{background:#fff3d6}.letter-sound-button>span:first-child,.words-hero__sound{color:var(--kadi-gold);display:inline-flex}.letter-forms{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.letter-forms--english{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:380px;margin-inline:auto}.letter-form{background:#ffffffc2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:112px;padding:10px 6px;display:flex}.letter-form--interactive{cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);border:0}.letter-form--interactive:hover{box-shadow:var(--shadow-soft-hover);background:#fff;transform:translateY(-3px)}.letter-form--interactive:active{transform:translateY(0)}.letter-form__glyph{color:var(--kadi-navy);font-family:var(--font-display);font-size:clamp(36px,5vw,48px);line-height:1}.letter-form__label{color:#17365fab;text-align:center;font-size:clamp(11px,1.4vw,14px)}.letter-dialog[dir=ltr] .letter-panel__stage{background:#e4f2fc}.letter-dialog[dir=ltr] .letter-tab.is-selected{background:#d4ebfc}.letter-tile--english .letter-tile__glyph{align-items:baseline;gap:4px;display:inline-flex}.letter-tile__alt{opacity:.85;font-size:.68em}.learning-shell--english-letters .letter-tile.is-unlocked .letter-tile__glyph{color:#1e88e5}.letter-tile--vowel.is-unlocked{background:#fff9eb;border:2px solid #f59e0b66;box-shadow:0 10px 24px #f59e0b1f,0 2px 5px #f59e0b0f}.learning-shell--english-letters .letter-tile--vowel.is-unlocked .letter-tile__glyph{color:#e65100}.letter-tile__vowel-tag{top:6px;color:#b45309;background:#fef3c7;border-radius:6px;padding:1px 5px;font-size:10px;font-weight:800;line-height:1.2;position:absolute;inset-inline-start:6px}.letter-panel__vowel-badge{color:#b45309;background:#fef3c7;border:1.5px solid #f59e0b59;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-block-end:6px;padding:4px 12px;font-size:clamp(12px,1.4vw,15px);font-weight:700;display:inline-flex}.words-panel{flex:1;grid-template-columns:minmax(0,min(68vh,560px)) minmax(180px,220px);justify-content:center;align-items:center;gap:clamp(18px,3vw,32px);width:min(100%,920px);min-height:0;margin-inline:auto;padding:clamp(8px,2vh,18px);display:grid}.words-hero{width:min(100%,min(68vh,560px));box-shadow:var(--shadow-soft);background:#fff;border-radius:30px;overflow:hidden}.words-hero__image{aspect-ratio:1;background:var(--surface-soft);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.words-hero__image img{object-fit:contain;width:100%;height:100%;display:block}.words-hero__image>span{font-size:clamp(88px,18vw,150px)}.words-nav{border-radius:50%;width:50px;height:50px;position:absolute;top:50%;transform:translateY(-50%)}.words-nav--previous{inset-inline-start:14px}.words-nav--next{inset-inline-end:14px}.words-hero__word{width:100%;min-height:76px;color:var(--kadi-navy);cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;gap:12px;padding:10px 20px;display:flex}.words-hero__word strong{font-family:var(--font-display);font-size:clamp(34px,6vw,48px);line-height:1}.words-hero__sound{width:44px;height:44px;color:var(--kadi-gold);background:var(--kadi-navy);border-radius:50%;justify-content:center;align-items:center}.word-selector{scrollbar-width:none;scroll-snap-type:y proximity;grid-auto-rows:minmax(62px,auto);align-content:center;gap:9px;width:100%;max-height:min(68vh,560px);padding:4px 8px;display:grid;overflow:hidden auto}.word-selector::-webkit-scrollbar{display:none}.word-chip{width:100%;min-width:0;min-height:62px;color:var(--kadi-navy);cursor:pointer;scroll-snap-align:center;transition:transform .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);background:#ffffffc7;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;display:flex}.word-chip.is-selected{background:#ffe8df;box-shadow:0 7px 18px #4d302217}.word-chip img{object-fit:cover;border-radius:12px;width:38px;height:38px}.word-chip strong{font-family:var(--font-display);font-size:18px}.write-panel{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.trace-unavailable{color:#17365fad;text-align:center;padding:32px}.trace-experience{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2vh,16px);width:100%;display:flex;position:relative}.trace-header{justify-content:space-between;align-items:center;gap:12px;width:min(100%,370px);display:flex}.trace-header p{color:var(--kadi-navy);font-family:var(--font-display);align-items:center;gap:7px;margin:0;font-size:clamp(16px,2.4vw,20px);display:flex}.trace-header p>span{color:var(--kadi-gold);display:inline-flex}.trace-progress{min-width:58px;color:var(--kadi-navy);font-family:var(--font-display);text-align:center;background:#fff3d6;border-radius:14px;padding:6px 10px;font-size:16px;font-weight:700}.trace-progress.is-complete{color:#fff;background:#5e9e68}.trace-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(360px,72vw,48vh);box-shadow:var(--shadow-soft);background:#fff;border-radius:30px;position:relative;overflow:hidden}.trace-guide,.trace-canvas{width:100%;height:100%;position:absolute;inset:0}.trace-guide{pointer-events:none}.trace-canvas{z-index:2;cursor:crosshair}.trace-start-marker{z-index:3;width:30px;height:30px;color:var(--kadi-navy);pointer-events:none;background:#8ccebe;border-radius:50%;place-items:center;animation:1.2s ease-in-out infinite trace-start-pulse;display:grid;position:absolute;box-shadow:0 4px 10px #17365f2e}@keyframes trace-start-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.18)}}.trace-retry{font-size:18px}@media (hover:hover){.learning-back:hover,.letter-dialog__close:hover,.words-nav:hover,.letter-sound-button:hover,.trace-retry:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #4d30221f}.mode-choice:hover,.letter-tile.is-unlocked:hover,.word-chip:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-4px)}}@keyframes phonics-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes phonics-catch-pop{0%{transform:scale(.92)}45%{transform:scale(1.08)}to{transform:scale(1)}}.question-stage{box-sizing:border-box;flex:1;grid-auto-rows:max-content;align-content:safe center;justify-items:center;gap:clamp(14px,2.5vh,22px);width:min(100%,560px);height:100%;min-height:0;margin-inline:auto;padding-block:clamp(8px,1.8vh,18px);display:grid;overflow:hidden auto}.question-complete{box-sizing:border-box;flex:1;height:100%;min-height:0;overflow:hidden auto}.phonics-stage{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:clamp(6px,1.2vh,12px);width:100%;max-width:760px;height:100%;min-height:0;margin-inline:auto;padding-block-end:clamp(2px,.6vh,6px);padding-inline:clamp(6px,1.5vw,12px);display:flex;overflow:hidden auto}.phonics-progress{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:clamp(4px,.6vh,6px) clamp(12px,1.8vw,16px);display:inline-flex;box-shadow:0 4px 14px #4d302214}.phonics-progress__label{font-family:var(--font-display);color:var(--kadi-navy);margin-inline-end:4px;font-size:clamp(13px,2.5vh,15px);font-weight:700}.phonics-progress__dot{width:clamp(8px,1.5vh,11px);height:clamp(8px,1.5vh,11px);transition:all .25s var(--ease-out);border-radius:50%}.phonics-progress__dot--completed{background:var(--kadi-gold);transform:scale(1.1)}.phonics-progress__dot--current{background:var(--kadi-navy);transform:scale(1.2);box-shadow:0 0 0 3px #17365f33}.phonics-progress__dot--upcoming{background:#17365f2e}.phonics-mascot-tip{background:var(--sand);border-radius:var(--radius-sm);box-sizing:border-box;border:2px solid #d7a63a59;flex-shrink:0;align-items:center;gap:clamp(8px,1.5vw,12px);width:100%;max-width:680px;padding:clamp(4px,.8vh,8px) clamp(10px,1.8vw,16px);display:flex;box-shadow:0 4px 12px #4d30220f}.phonics-mascot-tip__img{object-fit:contain;flex-shrink:0;width:clamp(30px,5vh,40px);height:clamp(30px,5vh,40px)}.phonics-mascot-tip__text{font-family:var(--font-display);color:var(--kadi-navy);margin:0;font-size:clamp(13px,2.4vh,15px);font-weight:700;line-height:1.2}.phonics-feedback{border-radius:var(--radius-sm);width:100%;max-width:680px;font-family:var(--font-display);text-align:center;box-shadow:var(--shadow-soft);box-sizing:border-box;flex-shrink:0;padding:clamp(6px,1vh,10px) clamp(12px,2vw,18px);font-size:clamp(14px,2.6vh,17px);font-weight:700;animation:.3s ease-out phonics-catch-pop}.phonics-feedback--correct{color:#2e8b67;background:#e5f2e8;border:2px solid #2ec4b666}.phonics-feedback--wrong{color:var(--error,#e63946);background:#ffe8df;border:2px solid #ff6b6b66}.phonics-hero-card{border-radius:var(--radius);width:100%;max-width:520px;min-height:0;max-height:min(52vh,500px);box-shadow:none;cursor:pointer;box-sizing:border-box;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);background:0 0;border:0;flex-direction:column;flex:auto;justify-content:space-between;align-items:center;gap:clamp(4px,.8vh,8px);padding:clamp(8px,1.4vh,16px);display:flex}.phonics-hero-card:hover{box-shadow:none;transform:translateY(-2px)}.phonics-hero-card__media{aspect-ratio:1;border-radius:calc(var(--radius) - 6px);width:auto;max-width:100%;min-height:0;box-shadow:var(--shadow-soft);box-sizing:border-box;background:0 0;flex:1;justify-content:center;align-self:center;align-items:center;padding:0;display:flex;overflow:hidden}.phonics-hero-card__media img{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}.phonics-hero-card__emoji{font-size:clamp(46px,10vh,90px);line-height:1}.phonics-hero-card__word{font-family:var(--font-display);color:var(--kadi-navy);flex-shrink:0;font-size:clamp(24px,4.8vh,38px);font-weight:800;line-height:1.1}.phonics-hero-card__sound-badge{background:var(--sand);color:var(--kadi-navy);font-family:var(--font-display);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:clamp(4px,.6vh,6px) clamp(12px,2vw,18px);font-size:clamp(12px,2.2vh,14px);font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4d302214}.phonics-hero-card__sound-badge--error{color:var(--error,#e63946);background:#ff6b6b26}.phonics-options-grid{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.8vw,16px);width:100%;max-width:520px;display:grid}.phonics-target-banner{background:var(--coral);border-radius:var(--radius);width:100%;max-width:680px;box-shadow:0 6px 18px #ff6b6b40, var(--shadow-soft);cursor:pointer;box-sizing:border-box;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:0;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(10px,2vw,16px);padding:clamp(6px,1vh,10px) clamp(14px,2.5vw,24px);display:flex}.phonics-target-banner:hover{box-shadow:0 10px 22px #ff6b6b4d, var(--shadow-soft-hover);transform:translateY(-2px)}.phonics-target-banner__text{font-family:var(--font-display);color:#fff;text-shadow:0 2px 4px #00000026;font-size:clamp(18px,3.4vh,24px);font-weight:800}.phonics-target-banner__badge{width:clamp(38px,7vh,52px);height:clamp(38px,7vh,52px);color:var(--coral);font-family:var(--font-display);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(24px,4.8vh,36px);font-weight:900;line-height:1;display:inline-flex;box-shadow:0 4px 12px #0000001f}.phonics-target-banner__glyph{line-height:1;display:inline-block}.phonics-target-banner__glyph--alef{transform:translateY(.12em)}.phonics-target-banner__sound-icon{color:#fff;background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(30px,5.5vh,38px);height:clamp(30px,5.5vh,38px);display:inline-flex}.phonics-cards-grid{box-sizing:border-box;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;justify-items:center;gap:clamp(8px,1.4vh,14px);width:100%;max-width:680px;min-height:0;display:grid}.phonics-cards-grid--two-items{max-width:580px}.phonics-card{background:var(--surface);border-radius:var(--radius);width:min(100%,clamp(176px,min(17vw,24vh),260px));height:auto;min-height:0;box-shadow:var(--shadow-soft);cursor:pointer;box-sizing:border-box;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.phonics-card:hover:not(.phonics-card--caught){box-shadow:var(--shadow-soft-hover);transform:translateY(-2px)}.phonics-card:active:not(.phonics-card--caught){transform:translateY(1px)}.phonics-card:focus-visible{box-shadow:0 0 0 6px var(--kadi-navy), var(--shadow-soft)}.phonics-card__media{aspect-ratio:1;border-radius:var(--radius) var(--radius) 0 0;width:100%;min-height:0;box-shadow:none;box-sizing:border-box;background:0 0;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.phonics-card__media img{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;transition:transform .22s var(--ease-out);display:block}.phonics-card:hover:not(.phonics-card--caught) .phonics-card__media img{transform:scale(1.025)}.phonics-card__emoji{font-size:clamp(44px,9vh,72px);line-height:1}.phonics-card__label{width:100%;min-height:clamp(48px,7vh,58px);font-family:var(--font-display);color:var(--kadi-navy);text-align:center;word-break:keep-all;box-sizing:border-box;flex-shrink:0;place-items:center;padding:clamp(8px,1.2vh,11px) 12px clamp(7px,1vh,10px);font-size:clamp(16px,3vh,22px);font-weight:800;line-height:1.1;display:grid}.phonics-card--caught{animation:.35s ease-out phonics-catch-pop;background:var(--surface)!important;box-shadow:0 0 0 3px var(--teal), var(--shadow-soft)!important}.phonics-card--caught:focus-visible{box-shadow:0 0 0 3px var(--teal), 0 0 0 9px var(--kadi-navy), var(--shadow-soft)!important}.phonics-card--caught .phonics-card__media{box-shadow:none;background:0 0}.phonics-card--caught .phonics-card__label{color:var(--teal)!important}.phonics-card__caught-badge{top:8px;background:var(--teal);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:clamp(26px,4.5vh,32px);height:clamp(26px,4.5vh,32px);font-size:clamp(13px,2.2vh,16px);font-weight:900;animation:.3s ease-out phonics-catch-pop;display:flex;position:absolute;inset-inline-end:8px;box-shadow:0 3px 8px #0000002e}.phonics-card--shaking{animation:.5s ease-in-out phonics-shake;border-color:var(--coral)!important}.phonics-card.phonics-card--shaking{box-shadow:0 0 0 3px var(--coral), var(--shadow-soft);border-color:#0000!important}.phonics-card.phonics-card--shaking .phonics-card__media{box-shadow:none}.counting-stage,.counting-hub{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:clamp(6px,1.2vh,12px);width:100%;max-width:760px;height:100%;min-height:0;margin-inline:auto;padding-block-end:clamp(2px,.6vh,6px);padding-inline:clamp(6px,1.5vw,12px);display:flex;overflow:hidden}.counting-hub__heading{text-align:center;flex-shrink:0}.counting-hub__heading h2{color:var(--kadi-navy);font-family:var(--font-display);margin:0 0 2px;font-size:clamp(22px,4vh,32px);font-weight:800;line-height:1.1}.counting-hub__heading p{color:#17365fbf;font-family:var(--font-display);margin:0;font-size:clamp(13px,2.2vh,16px)}.counting-hub__grid{box-sizing:border-box;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:clamp(8px,1.6vh,16px);width:100%;max-width:680px;min-height:0;display:grid}.counting-choice-card{border-radius:var(--radius-lg);text-align:center;width:100%;height:100%;min-height:0;box-shadow:var(--shadow-soft);cursor:pointer;box-sizing:border-box;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:none;flex-direction:column;justify-content:space-around;align-items:center;padding:clamp(10px,2vh,18px) clamp(8px,1.5vw,14px);display:flex;position:relative;overflow:hidden}.counting-choice-card:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-3px)}.counting-choice-card:active{transform:translateY(1px)}.counting-choice-card--coral{color:var(--kadi-navy);background:#ffe8df}.counting-choice-card--gold{color:var(--kadi-navy);background:#fff3d6}.counting-choice-card--green{color:var(--kadi-navy);background:#e5f2e8}.counting-choice-card--blue{color:var(--kadi-navy);background:#e4f2fc}.counting-choice-card__icon{background:#ffffffd9;border-radius:clamp(18px,3vh,26px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(62px,11.5vh,88px);height:clamp(62px,11.5vh,88px);font-size:clamp(36px,6.8vh,52px);transition:transform .18s;display:flex;box-shadow:0 6px 16px #4d302217}.counting-choice-card:hover .counting-choice-card__icon{transform:scale(1.08)}.counting-choice-card__copy{flex-direction:column;align-items:center;gap:clamp(2px,.6vh,4px);width:100%;display:flex}.counting-choice-card__title{font-family:var(--font-display);color:var(--kadi-navy);margin:0;font-size:clamp(17px,3.2vh,25px);font-weight:800;line-height:1.15}.counting-choice-card__desc{font-family:var(--font-display);color:#17365fbf;max-width:24ch;margin:0;font-size:clamp(12px,2vh,15px);line-height:1.25}.counting-choice-card__pill{background:var(--kadi-navy);color:var(--kadi-gold);font-family:var(--font-display);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:clamp(4px,.8vh,7px) clamp(14px,2.5vw,22px);font-size:clamp(12px,2vh,15px);font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 3px 8px #17365f2e}.counting-choice-card:hover .counting-choice-card__pill{transform:scale(1.05)}.counting-header-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:680px;display:flex}.counting-back-btn{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);cursor:pointer;font-family:var(--font-display);color:var(--kadi-navy);border:2px solid #17365f26;align-items:center;gap:6px;padding:clamp(4px,.8vh,6px) clamp(10px,1.8vw,14px);font-size:clamp(13px,2.4vh,15px);font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.counting-back-btn:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-2px)}.counting-prompt-btn{border-radius:var(--radius);width:100%;max-width:680px;min-height:clamp(42px,6vh,50px);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:clamp(4px,.8vh,8px) clamp(12px,2vw,20px);display:flex}.counting-prompt-btn:hover{box-shadow:var(--shadow-soft-hover);transform:translateY(-2px)}.counting-prompt-btn__text{font-family:var(--font-display);font-size:clamp(16px,3vh,21px);font-weight:800}.counting-prompt-btn--pop-count{box-shadow:0 10px 26px #d9523d1f,0 3px 8px #4d302212}.counting-prompt-btn--pop-count svg{color:var(--coral)}.counting-prompt-btn--number-train{box-shadow:0 10px 26px #347fb81f,0 3px 8px #4d302212}.counting-prompt-btn--number-train>svg{color:var(--sky)}.counting-arena--how-many{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:clamp(6px,1.2vh,12px);width:100%;max-width:680px;min-height:0;display:flex}.counting-items-stage{background:var(--surface);border-radius:var(--radius-lg);width:100%;min-height:0;box-shadow:var(--shadow-soft);box-sizing:border-box;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);padding:clamp(8px,1.4vh,14px);display:flex;overflow:hidden}.counting-item-card{aspect-ratio:1;border-radius:var(--radius);width:clamp(64px,16vw,110px);height:clamp(64px,16vw,110px);box-shadow:var(--shadow-soft);cursor:pointer;box-sizing:border-box;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out);background:#fff8eed9;border:2.5px solid #17365f1f;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.counting-item-card:hover{transform:translateY(-2px)}.counting-item-card.is-tapped{border-color:var(--teal);transform:scale(1.05)}.counting-item-card__badge{top:-6px;background:var(--coral);color:#fff;width:clamp(22px,4.5vh,28px);height:clamp(22px,4.5vh,28px);font-family:var(--font-display);z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(12px,2.2vh,15px);font-weight:800;display:flex;position:absolute;inset-inline-start:-6px;box-shadow:0 2px 6px #0003}.counting-item-card img{object-fit:contain;border-radius:calc(var(--radius) - 6px);width:100%;height:100%}.counting-item-card__emoji{font-size:clamp(36px,8vh,56px);line-height:1}.counting-options-grid{flex-shrink:0;gap:clamp(8px,1.8vw,16px);width:100%;max-width:540px;display:grid}.counting-arena--pop-count{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:clamp(6px,1.2vh,12px);width:100%;max-width:680px;min-height:0;display:flex}.counting-balloon-badge{background:var(--surface-soft);box-shadow:var(--shadow-soft);font-family:var(--font-display);color:var(--kadi-navy);border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:clamp(6px,.9vh,8px) clamp(13px,2vw,19px);font-size:clamp(14px,2.6vh,17px);font-weight:700;display:inline-flex}.counting-balloon-badge strong{border-radius:var(--radius-sm);min-width:58px;color:var(--coral);text-align:center;background:#ffe8df;padding:2px 9px;font-size:1.12em}.counting-balloon-badge__icon{background:radial-gradient(circle at 30% 24%, #ffffffe6 0 10%, transparent 12%), var(--coral);border-radius:52% 48% 50% 50%/43% 43% 57% 57%;flex:none;width:17px;height:21px;position:relative;box-shadow:inset -3px -4px 5px #17365f26,0 3px 5px #17365f1f}.counting-balloon-badge__icon:before{content:"";inset-inline-start:50%;background:color-mix(in srgb, var(--coral) 78%, var(--kadi-navy));clip-path:polygon(50% 0,100% 100%,0 100%);width:6px;height:5px;position:absolute;top:calc(100% - 1px);transform:translate(-50%)}.counting-balloon-badge__icon:after{content:"";inset-inline-start:50%;background:#17365f47;width:1px;height:8px;position:absolute;top:calc(100% + 4px)}.counting-balloons-stage{border-radius:var(--radius-lg);box-sizing:border-box;background:#eef7f8;flex:1;grid-template-columns:repeat(3,minmax(0,118px));grid-auto-rows:max-content;place-content:center;gap:clamp(8px,1.4vh,14px) clamp(28px,4vw,54px);width:100%;min-height:0;padding:clamp(16px,2.6vh,24px);display:grid;overflow:hidden;box-shadow:0 18px 42px #4d30221c,0 4px 10px #4d30220f}.counting-balloon{--balloon-color:var(--coral);--balloon-scale:1;cursor:pointer;opacity:1;width:clamp(96px,9vw,116px);height:clamp(128px,18vh,168px);transform:scale(var(--balloon-scale));transform-origin:50% 42%;transition:transform .19s var(--ease-out), opacity .22s var(--ease-out), filter .22s var(--ease-out);background:0 0;border:0;border-radius:46%;justify-self:center;padding:0;position:relative}.counting-balloon:hover:not(:disabled){transform:translateY(-4px) scale(var(--balloon-scale))}.counting-balloon:active:not(:disabled){transform:translateY(1px) scale(var(--balloon-scale))}.counting-balloon__art{width:100%;height:100%;display:block;overflow:visible}.counting-balloon__body-shape{stroke:#17365f3d;stroke-width:1.2px;vector-effect:non-scaling-stroke}.counting-balloon__knot-shape{stroke:#17365f33;stroke-width:1px;vector-effect:non-scaling-stroke}.counting-balloon__string-path{fill:none;stroke:#17365f61;stroke-width:1.45px;stroke-linecap:round;vector-effect:non-scaling-stroke}.counting-balloon--popped{pointer-events:none;opacity:0;filter:blur(2px);transform:scale(.18)}.counting-balloon:disabled:not(.counting-balloon--popped){cursor:default}.counting-arena--number-train{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:clamp(8px,1.4vh,14px);width:100%;max-width:680px;min-height:0;display:flex}.counting-train-stage{border-radius:var(--radius-lg);box-sizing:border-box;background:#eef7f8;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(14px,2.2vh,22px);display:flex;overflow:hidden;box-shadow:0 18px 42px #4d30221c,0 4px 10px #4d30220f}.number-train-scene{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.number-train{z-index:2;box-sizing:border-box;justify-content:center;align-items:flex-end;gap:clamp(10px,1.6vw,18px);width:min(100%,620px);padding:12px 8px 10px;display:flex;position:relative}.number-train__engine{filter:drop-shadow(0 10px 10px #17365f24);flex:none;width:clamp(96px,15vw,126px);height:clamp(74px,11vw,94px)}.number-train__engine svg{width:100%;height:100%;display:block;overflow:visible}.number-train__engine-base{fill:none;stroke:var(--kadi-navy);stroke-width:8px;stroke-linecap:round}.number-train__engine-body,.number-train__engine-front{fill:var(--coral)}.number-train__engine-cabin,.number-train__engine-stack{fill:var(--kadi-navy)}.number-train__engine-window{fill:var(--sand);stroke:#fffc;stroke-width:2px}.number-train__wheel{fill:var(--kadi-navy)}.number-train__wheel-hub,.number-train__lamp{fill:var(--kadi-gold)}.number-train__carriage{background:var(--surface);width:clamp(70px,11vw,90px);height:clamp(70px,10vw,84px);color:var(--kadi-navy);box-shadow:var(--shadow-soft);box-sizing:border-box;transition:transform .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:18px 18px 14px 14px;flex:none;place-items:center;margin-block-end:7px;display:grid;position:relative}.number-train__carriage:before{content:"";inset-inline-start:clamp(-18px,-1.6vw,-10px);background:var(--kadi-navy);border-radius:999px;width:clamp(10px,1.6vw,18px);height:4px;position:absolute;top:57%}.number-train__carriage-roof{inset-inline:9px;background:#bfddf2;border-radius:999px 999px 5px 5px;height:13px;position:absolute;top:-7px;box-shadow:0 3px 6px #17365f1f}.number-train__number{font-family:var(--font-display);font-size:clamp(34px,5.8vh,46px);font-weight:800;line-height:1}.number-train__carriage .number-train__wheel{border:5px solid var(--kadi-navy);background:var(--kadi-gold);box-sizing:border-box;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-13px;box-shadow:0 3px 5px #17365f2e}.number-train__wheel--start{inset-inline-start:10px}.number-train__wheel--end{inset-inline-end:10px}.number-train__carriage--missing{color:var(--coral);border:3px dashed var(--coral);box-shadow:none;background:#ffffff75;animation:1.35s ease-in-out infinite number-train-target-pulse}.number-train__carriage--missing .number-train__carriage-roof{box-shadow:none;background:#ffd2cb}.number-train__carriage--filled{background:var(--sand);box-shadow:0 0 0 3px var(--teal), var(--shadow-soft);animation:number-train-arrive .36s var(--ease-out)}.number-train__carriage--filled .number-train__carriage-roof{background:var(--kadi-gold)}@keyframes number-train-target-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes number-train-arrive{0%{opacity:0;transform:translateY(-18px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}.number-train__track{z-index:1;background:repeating-linear-gradient(90deg,#0000 0 14px,#17365f4d 14px 20px,#0000 20px 34px);width:min(100%,630px);height:27px;margin-block-start:-7px;position:relative}.number-train__track:before,.number-train__track:after{content:"";background:#17365f94;border-radius:999px;height:4px;position:absolute;inset-inline:0}.number-train__track:before{top:5px}.number-train__track:after{bottom:5px}.number-train__hint{color:#17365fbd;font-family:var(--font-display);text-align:center;margin:clamp(7px,1.2vh,11px) 0 0;font-size:clamp(13px,2.3vh,16px);font-weight:700}.counting-train-stage--complete .number-train__hint{color:#2e8b67}.number-train-options{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1.5vw,14px);width:min(100%,520px);display:grid}.number-train-option{border-radius:var(--radius);background:var(--surface);min-height:clamp(72px,11vh,88px);color:var(--kadi-navy);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;display:flex}.number-train-option:hover:not(:disabled){box-shadow:var(--shadow-soft-hover);background:#fffdf8;transform:translateY(-3px)}.number-train-option:active:not(:disabled){transform:translateY(1px)}.number-train-option:focus-visible{box-shadow:0 0 0 6px var(--kadi-navy), var(--shadow-soft)}.number-train-option__number{font-family:var(--font-display);font-size:clamp(28px,5vh,40px);font-weight:800;line-height:1}.number-train-option__word{color:#17365fa6;font-family:var(--font-display);font-size:clamp(11px,1.8vh,13px);font-weight:700;line-height:1}.number-train-option--correct{box-shadow:0 0 0 3px var(--teal), var(--shadow-soft);background:#e5f2e8}.number-train-option--wrong{box-shadow:0 0 0 3px var(--coral), var(--shadow-soft);background:#ffe8df}.number-train-option:disabled{cursor:default}@media (width<=820px){.learning-logo{display:none}.learning-header{grid-template-columns:minmax(0,1fr) auto}.learning-header__main{width:100%;min-width:0}.learning-header>[role=status]{flex-shrink:0;grid-column:2}.mode-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-choice--featured{grid-column:1/-1}.letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.letter-panel{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:24px}.letter-forms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.learning-shell{padding:10px}.learning-shell--compact{padding-block-end:6px}.learning-header{gap:8px;min-height:54px;margin-block-end:10px}.learning-header__main{gap:8px;min-width:0}.learning-header__main h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,4.2vw,20px);overflow:hidden}.learning-back{flex-basis:48px;width:48px;height:48px}.learning-header>[role=status]{flex-shrink:0;gap:4px!important;padding:6px 10px!important}.mode-selector__heading{margin-block-end:12px}.mode-selector__heading h2{font-size:30px}.mode-selector__heading p{font-size:15px}.mode-selector__grid{grid-template-columns:1fr;gap:10px}.mode-selector__grid--phonics,.mode-selector__grid--counting{grid-template-columns:1fr}.mode-choice,.mode-choice--featured{text-align:start;border-radius:22px;grid-column:auto;grid-template-rows:1fr;grid-template-columns:66px minmax(0,1fr) 36px;justify-items:start;min-height:112px;padding:14px}.learning-shell--compact .mode-selector__grid{gap:clamp(6px,1.2vh,10px)}.learning-shell--compact .mode-choice{border-radius:var(--radius);grid-template-columns:clamp(38px,6vh,48px) minmax(0,1fr) clamp(26px,4vh,32px);gap:clamp(8px,2vw,12px);min-height:clamp(52px,8.5vh,68px);padding:clamp(6px,1vh,10px) clamp(10px,2.5vw,14px)}.learning-shell--compact .mode-choice__icon,.learning-shell--compact .mode-choice--featured .mode-choice__icon{border-radius:clamp(10px,1.5vh,14px);width:clamp(38px,6vh,48px);height:clamp(38px,6vh,48px);font-size:clamp(20px,3.2vh,26px)}.learning-shell--compact .mode-choice__copy strong{font-size:clamp(15px,2.3vh,18px)}.learning-shell--compact .mode-choice__copy small{font-size:clamp(11px,1.6vh,13px)}.learning-shell--compact .mode-choice__go{width:clamp(26px,4vh,32px);height:clamp(26px,4vh,32px)}.mode-choice__icon,.mode-choice--featured .mode-choice__icon{border-radius:20px;width:66px;height:66px}.mode-choice__icon svg{width:42px;height:42px}.mode-choice__copy strong{font-size:25px}.mode-choice__copy small{font-size:14px}.mode-choice:not(.mode-choice--featured) .mode-choice__go{width:34px;height:34px;position:static}.letter-library__intro{flex-direction:column;align-items:flex-start;gap:8px}.letter-library__intro h2{font-size:30px}.letter-library__groups{justify-content:center;width:100%}.letter-library__groups li{width:27px;height:27px;font-size:13px}.letter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.letter-tile{border-radius:18px}.letter-tile__glyph{font-size:clamp(34px,12vw,46px)}.letter-tile__name{font-size:12px}.letter-dialog{gap:8px;padding:8px}.letter-dialog__header{gap:7px}.letter-dialog__close{border-radius:16px;flex-basis:46px;width:46px;height:46px}.letter-tabs{border-radius:17px;padding:4px}.letter-tab{border-radius:13px;min-height:42px;font-size:16px}.letter-panel{grid-template-columns:1fr;align-content:start;gap:14px;min-height:0;padding:4px}.letter-panel__stage{box-sizing:border-box;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(170px,26vh,220px);padding:16px 12px 10px;display:flex}.letter-panel__glyph{justify-content:center;align-items:center;padding-top:10px;font-size:clamp(64px,17vw,86px);line-height:1.25;display:inline-flex}.letter-panel__title h2{font-size:34px}.letter-panel__lesson{gap:10px}.letter-sound-actions{flex-wrap:nowrap}.letter-sound-button{flex:1;min-height:48px;padding:7px 10px;font-size:19px}.letter-form{border-radius:17px;min-height:78px;padding:6px 4px}.letter-form__glyph{font-size:34px}.letter-form__label{font-size:11px}.words-panel{flex-direction:column;justify-content:flex-start;gap:10px;width:100%;padding:0 2px 4px;display:flex}.words-hero{border-radius:23px;width:min(100%,480px)}.words-hero__image{aspect-ratio:1;width:100%;height:auto}.words-hero__word{min-height:64px}.words-hero__word strong{font-size:34px}.words-nav{width:44px;height:44px}.word-selector{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:none;padding:4px 0 6px;display:grid;overflow:visible}.word-chip{width:100%;min-width:0;min-height:54px}.word-chip:last-child:nth-child(odd){grid-column:1/-1}.write-panel{align-items:flex-start;padding-top:6px}.trace-board{border-radius:24px;width:min(320px,86vw,47vh)}.phonics-stage{gap:12px;padding-inline:4px}.phonics-cards-grid{align-content:start;gap:10px}.phonics-card{border-radius:18px;justify-content:center;height:auto;min-height:0;padding:0}.phonics-card__media{border-radius:18px 18px 0 0;flex:none;width:100%;padding:0}.phonics-card__label{min-height:50px;font-size:19px}.phonics-target-banner{border-radius:20px;gap:10px;padding:10px 14px}.phonics-target-banner__badge{width:48px;height:48px;font-size:30px}.phonics-target-banner__text{font-size:20px}.phonics-hero-card{border-radius:22px;padding:14px}}@media (width>=621px){.phonics-stage{overflow-y:hidden}}@media (width<=620px){.counting-balloons-stage{grid-template-columns:repeat(2,minmax(0,100px));gap:6px clamp(18px,8vw,30px);padding:12px}.counting-balloon{width:92px;height:126px}.counting-train-stage{padding:10px 8px}.number-train{gap:7px;padding-inline:2px}.number-train__engine{width:78px;height:62px}.number-train__carriage{border-radius:15px 15px 12px 12px;width:60px;height:62px;margin-block-end:5px}.number-train__carriage:before{width:9px;height:3px;inset-inline-start:-9px}.number-train__carriage-roof{inset-inline:7px;height:10px;top:-5px}.number-train__number{font-size:32px}.number-train__carriage .number-train__wheel{border-width:4px;width:18px;height:18px;bottom:-10px}.number-train__wheel--start{inset-inline-start:7px}.number-train__wheel--end{inset-inline-end:7px}.number-train__track{height:22px;margin-block-start:-5px}.number-train__hint{margin-block-start:5px;font-size:12px}.number-train-options{gap:8px}.number-train-option{border-radius:18px;min-height:68px;padding:6px}.number-train-option__number{font-size:30px}.number-train-option__word{font-size:11px}}@media (width<=380px){.learning-header__main h1{max-width:148px}.letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.letter-tile{min-height:66px;padding:5px}.letter-tile__glyph{font-size:34px}.letter-tile__name{display:none}.letter-tab{font-size:14px}.phonics-card{min-height:140px}.phonics-card__label{font-size:17px}.phonics-target-banner__badge{width:42px;height:42px;font-size:26px}}@media (height<=680px) and (width>=621px){.learning-header{min-height:56px;margin-block-end:8px}.learning-logo{height:52px}.mode-selector__heading{margin-block-end:10px}.mode-choice--featured{min-height:120px}.mode-choice{min-height:150px}.letter-tile__glyph{font-size:42px}.letter-panel__stage{min-height:280px}.words-panel{grid-template-columns:minmax(0,min(60vh,400px)) minmax(170px,210px)}.words-hero{width:min(100%,min(60vh,400px))}.word-selector{max-height:min(60vh,400px)}.phonics-stage{gap:10px}.question-stage{align-content:start}.phonics-card{width:min(100%,160px);min-height:0}.phonics-card__media{max-height:none}.phonics-hero-card__media{max-height:160px}}@media (prefers-reduced-motion:reduce){.learning-back,.letter-dialog__close,.words-nav,.mode-choice,.letter-tile,.letter-tab,.letter-sound-button,.trace-retry,.word-chip,.phonics-card,.phonics-hero-card,.phonics-target-banner,.phonics-feedback,.counting-balloon,.number-train-option,.number-train__carriage{transition:none;animation:none}.letter-dialog__content,.trace-start-marker{animation:none}}.parent-page{--parent-muted:#60708a;--parent-line:#e7dfd4;--parent-purple-soft:#f2edf7;--parent-success:#247457;--parent-success-soft:#e5f5ee;--parent-warning:#9a5b16;--parent-warning-soft:#fff0d9;--parent-danger:#b42318;--parent-danger-soft:#fff0ee;background:var(--paper-cream);min-height:100dvh;color:var(--kadi-navy);padding:clamp(16px,3vw,34px);overflow-x:hidden}.parent-topbar,.parent-hero,.parent-workspace{width:min(100%,1180px);margin-inline:auto}.parent-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:62px;margin-block-end:18px;display:flex}.parent-logo{object-fit:contain;width:clamp(104px,11vw,142px);height:58px;display:block}.parent-back,.parent-primary-button,.parent-secondary-button,.parent-danger-button{min-height:48px;font-family:var(--font-display);cursor:pointer;transition:transform .16s var(--ease-out), background .16s var(--ease-out), box-shadow .16s var(--ease-out);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:700;display:inline-flex}.parent-back{background:var(--surface);color:var(--kadi-navy);box-shadow:0 7px 18px #4d302217}.parent-hero{background:var(--kadi-navy);color:#fffaf1;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy profile""summary summary";align-items:center;gap:20px 28px;padding:clamp(22px,3.5vw,36px);display:grid;box-shadow:0 18px 38px #17365f2e,0 4px 10px #17365f1f}.parent-hero-copy{grid-area:copy;align-items:center;gap:14px;min-width:0;display:flex}.parent-hero-icon{width:58px;height:58px;color:var(--kadi-gold);background:#ffffff1a;border-radius:16px;flex:none;place-items:center;display:grid}.parent-hero h1{color:#fffaf1;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(27px,3.7vw,40px);line-height:1.15}.parent-hero p{color:#fffaf1c7;max-width:60ch;margin:4px 0 0;font-size:clamp(14px,1.8vw,17px)}.parent-profile{background:#ffffff1a;border-radius:16px;grid-area:profile;align-items:center;gap:11px;min-width:172px;padding:9px 12px;display:flex}.parent-profile-avatar{background:var(--kadi-gold);width:46px;height:46px;color:var(--kadi-navy);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:23px;font-weight:800;display:grid}.parent-profile>span:last-child{flex-direction:column;line-height:1.25;display:flex}.parent-profile small{color:#fffaf1b3;font-size:12px}.parent-profile strong{font-family:var(--font-display);font-size:18px}.parent-summary{border-top:1px solid #ffffff26;grid-area:summary;grid-template-columns:repeat(3,minmax(0,1fr));padding-block-start:20px;display:grid}.parent-summary-metric{min-width:0;color:var(--kadi-gold);justify-content:center;align-items:center;gap:10px;padding-inline:14px;display:flex}.parent-summary-metric+.parent-summary-metric{border-inline-start:1px solid #ffffff26}.parent-summary-metric div{flex-direction:column;min-width:0;display:flex}.parent-summary-metric strong{color:#fffaf1;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(20px,2.5vw,28px);line-height:1}.parent-summary-metric span{color:#b9c7d9;white-space:nowrap;margin-block-start:4px;font-size:13px}.parent-workspace{background:var(--surface);min-height:560px;box-shadow:var(--shadow-soft);border-radius:22px;grid-template-columns:250px minmax(0,1fr);margin-block-start:20px;display:grid;overflow:hidden}.parent-sidebar{background:var(--parent-purple-soft);padding:24px 16px}.parent-sidebar-heading{flex-direction:column;gap:2px;padding:0 10px 18px;display:flex}.parent-sidebar-heading strong{font-family:var(--font-display);font-size:18px}.parent-sidebar-heading span{color:var(--parent-muted);font-size:12px}.parent-navigation{flex-direction:column;gap:7px;display:flex}.parent-nav-item{width:100%;min-height:62px;color:var(--kadi-navy);text-align:start;cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:9px 10px;display:flex}.parent-nav-item.is-active{background:var(--kadi-navy);color:#fffaf1}.parent-nav-item.is-danger:not(.is-active){color:var(--parent-danger)}.parent-nav-icon{background:#17365f12;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.parent-nav-item.is-active .parent-nav-icon{color:var(--kadi-gold);background:#ffffff1f}.parent-nav-copy{flex-direction:column;min-width:0;display:flex}.parent-nav-copy strong{font-family:var(--font-display);font-size:15px;line-height:1.25}.parent-nav-copy small{color:var(--parent-muted);margin-block-start:2px;font-size:11px}.parent-nav-item.is-active small{color:#fffaf1ad}.parent-panel{min-width:0;padding:clamp(22px,3.5vw,38px)}.parent-section{flex-direction:column;gap:24px;display:flex}.parent-section-heading h2{font-family:var(--font-display);margin:0;font-size:clamp(24px,3vw,31px);line-height:1.2}.parent-section-heading p{max-width:68ch;color:var(--parent-muted);margin:6px 0 0;font-size:15px;line-height:1.7}.parent-module-filter{scrollbar-width:thin;scrollbar-color:var(--kadi-gold) transparent;gap:8px;padding-block-end:4px;display:flex;overflow-x:auto}.parent-filter-button{min-height:42px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;background:#f4f0e9;border:0;border-radius:13px;flex:none;padding:8px 13px;font-size:13px}.parent-filter-button.is-selected{background:color-mix(in srgb, var(--module-accent) 24%, white);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--module-accent) 60%, var(--kadi-navy))}.parent-items-list{scrollbar-width:thin;scrollbar-color:var(--kadi-gold) #f2ede6;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:520px;padding:2px 6px 12px 2px;display:grid;overflow-y:auto}.parent-learning-item{background:#fbf8f3;border-radius:16px;align-items:flex-start;gap:12px;min-width:0;padding:14px;display:flex}.parent-learning-mark,.parent-module-mark{width:48px;height:48px;color:var(--kadi-navy);box-shadow:inset 0 0 0 1px var(--parent-line);font-family:var(--font-display);background:#fff;border-radius:14px;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid}.parent-learning-copy{flex:1;min-width:0}.parent-learning-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.parent-learning-title strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.parent-learning-title small{color:var(--parent-muted);flex:none;font-size:11px}.parent-status{border-radius:999px;width:fit-content;margin-block-start:7px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.parent-status--new{color:#556278;background:#ece8e1}.parent-status--needs-practice{background:var(--parent-danger-soft);color:var(--parent-danger)}.parent-status--improving{background:var(--parent-warning-soft);color:var(--parent-warning)}.parent-status--mastered{background:var(--parent-success-soft);color:var(--parent-success)}.parent-item-stats{gap:12px;margin:10px 0 0;display:flex}.parent-item-stats div{align-items:baseline;gap:3px;display:flex}.parent-item-stats dt{color:var(--parent-muted);font-size:10px}.parent-item-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:700}.parent-time-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.parent-choice{min-height:68px;color:var(--kadi-navy);font-family:var(--font-display);text-align:start;cursor:pointer;background:#f6f2ec;border:0;border-radius:15px;grid-template-columns:auto 1fr 22px;align-items:center;gap:9px;padding:12px 14px;font-size:15px;display:grid}.parent-choice.is-selected{box-shadow:inset 0 0 0 2px var(--kadi-gold);background:#fff2c9}.parent-choice-check{background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 0 0 1px #d7cdbf}.parent-choice.is-selected .parent-choice-check{background:var(--kadi-navy);color:#fff;box-shadow:none}.parent-info-strip,.parent-success{border-radius:15px;align-items:center;gap:12px;padding:15px 17px;display:flex}.parent-info-strip{color:var(--kadi-navy);background:#edf5fb}.parent-info-strip div{flex-direction:column;display:flex}.parent-info-strip span{color:var(--parent-muted);font-size:12px}.parent-info-strip strong{font-family:var(--font-display);font-size:18px}.parent-settings-list{flex-direction:column;gap:9px;display:flex}.parent-setting-row{background:#fbf8f3;border-radius:16px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.parent-module-mark{background:color-mix(in srgb, var(--module-accent) 20%, white)}.parent-setting-copy{flex-direction:column;min-width:0;display:flex}.parent-setting-copy strong{font-family:var(--font-display);font-size:16px}.parent-setting-copy span{color:var(--parent-muted);font-size:12px}.parent-access-toggle{min-height:42px;color:var(--kadi-navy);font-family:var(--font-display);cursor:pointer;background:#e9e5df;border:0;border-radius:13px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;display:inline-flex}.parent-access-toggle.is-open{background:var(--parent-success-soft);color:var(--parent-success)}.parent-voice-card{background:#f7f3ed;border-radius:16px;padding:clamp(18px,3vw,26px)}.parent-voice-label{justify-content:space-between;align-items:center;gap:12px;margin-block-end:18px;display:flex}.parent-voice-label label{font-family:var(--font-display);font-size:18px}.parent-voice-label output{background:var(--surface);min-width:62px;color:var(--kadi-navy);font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;padding:7px 10px;font-size:17px}.parent-range{width:100%;height:28px;accent-color:var(--grape);cursor:pointer;margin:0}.parent-range-labels{color:var(--parent-muted);justify-content:space-between;font-size:12px;display:flex}.parent-primary-button{background:var(--kadi-navy);color:#fffaf1;align-self:flex-start;box-shadow:0 8px 20px #17365f2e}.parent-success{background:var(--parent-success-soft);color:var(--parent-success);font-weight:700}.parent-danger-zone{background:var(--parent-danger-soft);color:var(--parent-danger);border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:13px 15px;padding:clamp(18px,3vw,26px);display:grid}.parent-danger-zone h3{font-family:var(--font-display);margin:0;font-size:19px}.parent-danger-zone p{color:#7d3832;max-width:62ch;margin:5px 0 0;font-size:14px;line-height:1.7}.parent-danger-zone .parent-danger-button{grid-column:1/-1;justify-self:start}.parent-danger-button{background:var(--parent-danger);color:#fff}.parent-secondary-button{color:var(--kadi-navy);background:#eee9e2}.parent-modal-backdrop{z-index:300;background:#0f1f34c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.parent-modal{background:var(--surface);width:min(100%,430px);color:var(--kadi-navy);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:13px;padding:clamp(22px,5vw,32px);display:flex;box-shadow:0 26px 80px #08142357}.parent-modal-icon{background:var(--parent-danger-soft);width:58px;height:58px;color:var(--parent-danger);border-radius:16px;place-items:center;display:grid}.parent-modal h2{font-family:var(--font-display);margin:2px 0 0;font-size:23px}.parent-modal p{max-width:38ch;color:var(--parent-muted);margin:0;font-size:14px;line-height:1.7}.parent-modal-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-block-start:7px;display:grid}@media (hover:hover){.parent-back:hover,.parent-primary-button:hover,.parent-secondary-button:hover,.parent-danger-button:hover{transform:translateY(-2px)}.parent-nav-item:hover:not(.is-active),.parent-filter-button:hover,.parent-choice:hover,.parent-access-toggle:hover{background-color:#17365f14}}@media (width<=850px){.parent-workspace{display:block}.parent-sidebar{padding:14px}.parent-sidebar-heading{display:none}.parent-navigation{scrollbar-width:thin;scrollbar-color:var(--kadi-gold) transparent;flex-direction:row;padding-block-end:4px;overflow-x:auto}.parent-nav-item{flex:none;width:auto;min-width:max-content;min-height:52px;padding-inline:9px 13px}.parent-nav-icon{width:34px;height:34px}.parent-nav-copy small{display:none}}@media (width<=640px){.parent-page{padding:12px}.parent-topbar{min-height:52px;margin-block-end:12px}.parent-logo{width:90px;height:48px}.parent-back{width:48px;min-height:48px;padding:8px}.parent-back span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.parent-hero{border-radius:20px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""profile""summary";gap:16px;padding:18px}.parent-hero-icon{border-radius:14px;width:48px;height:48px}.parent-profile{width:100%;min-width:0}.parent-summary{gap:0;padding-block-start:16px}.parent-summary-metric{text-align:center;flex-direction:column;gap:5px;padding-inline:5px}.parent-summary-metric svg{width:19px;height:19px}.parent-summary-metric span{white-space:normal;font-size:10px}.parent-workspace{border-radius:18px;min-height:0;margin-block-start:12px}.parent-sidebar{padding:10px}.parent-nav-copy strong{font-size:13px}.parent-panel{padding:20px 15px 24px}.parent-section{gap:18px}.parent-section-heading p{font-size:14px}.parent-items-list{grid-template-columns:minmax(0,1fr);max-height:none;padding:0;overflow-y:visible}.parent-time-options{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-choice{min-height:62px;padding:10px;font-size:13px}.parent-setting-row{grid-template-columns:44px minmax(0,1fr)}.parent-module-mark{width:44px;height:44px}.parent-access-toggle{grid-column:1/-1;justify-content:center;justify-self:stretch}.parent-primary-button{width:100%}.parent-danger-zone{grid-template-columns:1fr}.parent-danger-zone>svg{margin-inline:auto}.parent-danger-zone div{text-align:center}.parent-danger-zone .parent-danger-button{justify-self:stretch}.parent-modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.parent-back,.parent-primary-button,.parent-secondary-button,.parent-danger-button,.parent-nav-item{transition:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo-arabic-600.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-arabic-400.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-arabic-700.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-latin-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--sand:#fff3d6;--coral:#ff6b6b;--teal:#2ec4b6;--grape:#7b5ea7;--sunny:#ffc93c;--sky:#4ca9f5;--ink:#3b2e5a;--kadi-navy:#17365f;--kadi-gold:#d7a63a;--paper-cream:#fcf3e6;--bg:var(--paper-cream);--surface:#fff;--surface-soft:#fff9f0;--ink-soft:#3b2e5a8c;--radius-sm:14px;--radius:22px;--radius-lg:32px;--border-width:3px;--shadow-depth:6px;--shadow-depth-lg:8px;--shadow-solid:0 var(--shadow-depth) 0 var(--ink);--shadow-solid-lg:0 var(--shadow-depth-lg) 0 var(--ink);--shadow-pressed:0 2px 0 var(--ink);--shadow-soft:0 14px 34px #4d302221, 0 3px 8px #4d302214;--shadow-soft-hover:0 18px 40px #4d30222b, 0 5px 10px #4d30221a;--tap-min:64px;--press-duration:90ms;--ease-out:cubic-bezier(.2, .8, .3, 1);--font-display:"Baloo Bhaijaan 2", system-ui, sans-serif;--font-body:"Tajawal", system-ui, sans-serif}@media (prefers-reduced-motion:reduce){:root{--press-duration:0s}}html,body,#root{min-height:100%}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}::selection{background:var(--kadi-gold);color:var(--kadi-navy)}html{scrollbar-color:var(--kadi-gold) var(--paper-cream);scrollbar-width:thin}button,a{caret-color:var(--kadi-navy)}:focus-visible{outline:3px solid var(--paper-cream);outline-offset:2px;box-shadow:0 0 0 6px var(--kadi-navy)}button{color:inherit;font-family:inherit}.parent-gate-backdrop{z-index:200;background:#17365fc7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.parent-gate-dialog{box-sizing:border-box;border-radius:var(--radius-lg);background:var(--paper-cream);text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(100%,410px);padding:clamp(20px,5vw,32px);display:flex;box-shadow:0 24px 70px #0c1d3357}.parent-gate-header{width:100%;color:var(--kadi-navy);grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;display:grid}.parent-gate-header h2{font-family:var(--font-display);margin:0;font-size:clamp(20px,5vw,25px)}.parent-gate-close{width:48px;height:48px;color:var(--kadi-navy);cursor:pointer;background:#17365f14;border:0;border-radius:50%;place-items:center;display:grid}.parent-gate-instructions{color:#17365fb8;margin:0;font-size:16px}.parent-gate-challenge{background:var(--surface);color:var(--kadi-navy);font-family:var(--font-display);direction:ltr;border-radius:18px;padding:14px 28px;font-size:clamp(28px,8vw,36px);font-weight:800;box-shadow:0 8px 22px #4d302217}.parent-gate-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.parent-gate-error{color:#a33131;min-height:24px;margin:0;font-weight:700}@keyframes gate-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.gate-error{animation:.4s gate-shake}@media (prefers-reduced-motion:reduce){.gate-error{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.tile:active{transform:translateY(var(--shadow-depth));box-shadow:var(--shadow-pressed)!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.tile-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.tile-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both pop}@media (prefers-reduced-motion:reduce){.tile:active{transform:none}.tile-shake,.tile-pop{animation:none}}