.btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-soft);user-select:none;touch-action:manipulation;border:none;transition:transform .12s,box-shadow .12s,filter .12s;font-size:1.15rem;font-weight:800}.btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--lg{padding:0 var(--space-5);min-height:80px;font-size:1.4rem}.btn--sm{padding:0 var(--space-3);min-height:48px;font-size:.95rem}.btn--primary{background:var(--c-primary);color:#fff}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--secondary{background:var(--c-surface);color:var(--c-ink);border:3px solid var(--c-accent)}.btn--ghost{color:var(--c-muted);box-shadow:none;background:0 0}.btn--block{width:100%}.btn__icon{display:inline-flex;font-size:1.5em;line-height:1}.btn__label{white-space:nowrap}.screen{display:flex;gap:var(--space-4);flex-direction:column;flex:1}.screen__header{display:flex;align-items: center;gap:var(--space-3)}.screen__title{flex:1;font-size:clamp(1.6rem,4vw,2.4rem)}.screen__actions{display:flex;gap:var(--space-2);align-items: center}.screen__content{display:flex;gap:var(--space-4);flex-direction:column;flex:1}.screen__content--center{text-align:center;justify-content:center;align-items: center}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);width:100%}.tile{display:flex;justify-content:center;align-items: center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:manipulation;border:none;flex-direction:column;min-height:180px;transition:transform .12s,box-shadow .12s}.tile:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.tile:disabled{opacity:.5;cursor:not-allowed}.tile__icon{font-size:3.5rem;line-height:1}.tile__label{font-size:1.3rem;font-weight:800}.tile__hint{opacity:.75;font-size:.85rem;font-weight:700}.tile--primary{background:var(--c-primary);color:#fff}.tile--secondary{background:var(--c-secondary);color:#fff}.tile--accent{background:var(--c-accent);color:var(--c-ink)}.tile--success{background:var(--c-success);color:#fff}.switch{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-2)var(--space-3);background:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.switch__label{font-size:1.05rem;font-weight:700}.switch__input{accent-color:var(--c-primary);cursor:pointer;width:34px;height:34px}.field{display:flex;gap:var(--space-1);flex-direction:column}.field__label{color:var(--c-muted);font-weight:700}.field__input,.field__select{min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:3px solid var(--c-bg-2);background:var(--c-surface)}.field__input:focus,.field__select:focus{border-color:var(--c-primary);outline:none}.panel{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);display:flex;gap:var(--space-3);flex-direction:column}.panel__title{font-size:1.2rem;font-weight:800}.panel__hint{color:var(--c-muted)}.tracing-canvas{position:relative;aspect-ratio:1;background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;touch-action:none;width:100%;max-width:min(86vw,540px);margin:0 auto}.tracing-canvas canvas{display:block;width:100%;height:100%}.play__tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);width:100%}.play__tab{padding:0 var(--space-3);border:3px solid var(--c-bg-2);border-radius:var(--radius-pill);background:var(--c-surface);cursor:pointer;white-space:nowrap;touch-action:manipulation;flex:none;min-height:56px;font-size:1rem;font-weight:800}.play__tab--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.play__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--space-2);width:100%}.glyph-card{display:flex;justify-content:center;align-items: center;gap:var(--space-1);aspect-ratio:1;border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:manipulation;border:4px solid #0000;flex-direction:column;transition:transform .12s,box-shadow .12s;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;line-height:1}.glyph-card:active{box-shadow:none;transform:translateY(3px)}.glyph-card--new{border-color:var(--c-bg-2)}.glyph-card--learning{border-color:var(--c-secondary)}.glyph-card--familiar{border-color:var(--c-accent)}.glyph-card--mastered{border-color:var(--c-success)}.glyph-card__level{color:var(--c-muted);font-size:.8rem;font-weight:700}.play__progress{background:var(--c-bg-2);border-radius:var(--radius-pill);overflow:hidden;width:100%;max-width:540px;height:20px;margin:0 auto}.play__progress-fill{background:var(--c-primary);border-radius:var(--radius-pill);height:100%;transition:width .15s}.play__hint{text-align:center;color:var(--c-muted);font-weight:800}.play__object{text-align:center;color:var(--c-primary-dark);font-size:1.05rem;font-weight:800}.play__hint--warn{color:var(--c-danger)}.play__overlay{position:fixed;display:flex;justify-content:center;align-items: center;gap:var(--space-4);padding:var(--space-4);z-index:10;background:#fff7e6f0;flex-direction:column;inset:0}.play__stars{letter-spacing:.35rem;font-size:clamp(2.5rem,12vw,4.5rem)}.play__overlay-title{font-size:clamp(1.8rem,6vw,2.8rem)}.play__overlay-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.games__hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);width:100%}.games__modes{display:flex;gap:var(--space-2);flex-wrap:wrap}.games__prompt{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-4);background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);flex-direction:column;width:100%;max-width:540px;margin:0 auto}.games__prompt-label{font-size:clamp(3rem,14vw,5rem);font-weight:800;line-height:1}.games__prompt-text{color:var(--c-muted);text-align:center;font-weight:800}.games__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-3);width:100%;max-width:620px;margin:0 auto}.option-card{display:flex;aspect-ratio:1;border:4px solid var(--c-bg-2);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:manipulation;justify-content:center;align-items: center;transition:transform .12s,border-color .12s,background .12s;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800}.option-card:active{box-shadow:none;transform:translateY(3px)}.option-card--correct{border-color:var(--c-success);background:#e8fbf1}.option-card--wrong{border-color:var(--c-danger);animation:.4s shake}.option-card--hint{animation:1s infinite pulse}.balloon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-4);width:100%;max-width:640px;margin:0 auto}.balloon{position:relative;display:flex;aspect-ratio:3/4;color:#fff;cursor:pointer;box-shadow:var(--shadow-soft);animation:3s ease-in-out infinite float;touch-action:manipulation;border:none;border-radius:50% 50% 45% 45%;justify-content:center;align-items: center;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800}.balloon--0{background:#ff7a45}.balloon--1{background:#4cc9f0}.balloon--2{background:#9b5de5}.balloon--3{background:#57cc99}.balloon--pop{animation:.35s forwards pop}.balloon--shake{animation:.4s shake}.balloon--hint{animation:1s infinite pulse}.balloon__label{pointer-events:none}.balloon__string{position:absolute;background:var(--c-muted);width:2px;height:22px;bottom:-18px;left:50%;transform:translate(-50%)}.coloring__stage{position:relative;aspect-ratio:1;background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);touch-action:none;width:100%;max-width:420px;margin:0 auto}.coloring__svg{width:100%;height:100%}.coloring__stroke{cursor:pointer}.coloring__stroke-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.coloring__sticker{user-select:none;font-size:10px}.coloring__palette{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.swatch{cursor:pointer;box-shadow:var(--shadow-soft);touch-action:manipulation;border:4px solid #0000;border-radius:50%;width:56px;height:56px}.swatch--active{border-color:var(--c-ink);transform:scale(1.08)}.swatch--sticker{display:flex;background:var(--c-bg-2);justify-content:center;align-items: center;font-size:1.6rem}.games__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pop{0%{transform:scale(1);opacity:1}60%{transform:scale(1.25);opacity:.9}to{transform:scale(.2);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.avatar__stage{aspect-ratio:1;border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;touch-action:none;background:linear-gradient(#eaf7ff,#fff7e6);width:100%;max-width:360px;margin:0 auto}.avatar__fallback{display:flex;justify-content:center;align-items: center;width:100%;height:100%;font-size:6rem}.avatar__options{display:flex;gap:var(--space-2);flex-wrap:wrap}.avatar__option{display:flex;padding:var(--space-2);border:3px solid var(--c-bg-2);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;touch-action:manipulation;flex-direction:column;align-items: center;gap:4px;min-width:84px}.avatar__option--active{border-color:var(--c-primary);background:#fff2ea}.avatar__option--locked{opacity:.55;cursor:not-allowed}.avatar__swatch{display:flex;background:var(--c-bg-2);border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;font-size:1.3rem}.avatar__option-name{text-align:center;font-size:.78rem;font-weight:800}.rewards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:var(--space-3)}.reward-card{display:flex;padding:var(--space-2);border:3px dashed var(--c-bg-2);border-radius:var(--radius-md);background:var(--c-bg);text-align:center;flex-direction:column;align-items: center;gap:2px;margin:0}.reward-card--unlocked{border:3px solid var(--c-success);background:var(--c-surface);box-shadow:var(--shadow-soft)}.reward-card__emoji{filter:grayscale(1);opacity:.55;font-size:2.2rem;line-height:1.1}.reward-card--unlocked .reward-card__emoji{filter:none;opacity:1}.reward-card__name{font-size:.85rem;font-weight:800}.reward-card__progress{color:var(--c-muted);font-size:.75rem;font-weight:700}.reward-card__requirement{color:var(--c-muted);font-size:.7rem}.rewards__celebration{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;max-width:520px}.parent__gate{width:100%;max-width:520px}.parent__question{text-align:center;font-size:1.6rem;font-weight:800}.parent__error{color:var(--c-danger);text-align:center;font-weight:700}.parent__actions{display:flex;gap:var(--space-3)}.parent__actions .btn{flex:1}.parent__input{text-align:center;font-size:1.5rem;font-weight:800}.parent__stats{font-size:1.05rem;font-weight:700}.report__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3)}.report__stat{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-bg-2);text-align:center}.report__value{font-size:1.5rem;font-weight:800}.report__label{color:var(--c-muted);font-size:.85rem;font-weight:700}.report__levels{list-style:none;display:grid;gap:var(--space-2);margin:0;padding:0}.report__level{display:flex;align-items: center;gap:var(--space-2)}.report__level-name{flex:1;font-weight:700}.report__level-count{font-weight:800}.report__dot{border-radius:var(--radius-pill);background:var(--c-muted);flex:none;width:14px;height:14px}.report__dot--mastered{background:var(--c-success)}.report__dot--familiar{background:var(--c-secondary)}.report__dot--learning{background:var(--c-primary)}.report__dot--new{background:var(--c-muted)}.report__bar{display:flex;align-items: center;gap:var(--space-2)}.report__bar-name{flex:0 0 8.5rem;font-size:.95rem;font-weight:700}.report__bar-track{border-radius:var(--radius-pill);background:var(--c-bg-2);overflow:hidden;flex:1;height:14px}.report__bar-fill{display:block;border-radius:var(--radius-pill);background:var(--c-success);height:100%}.report__bar-count{text-align:end;flex:0 0 3.5rem;font-size:.9rem;font-weight:800}.report__items{list-style:none;display:grid;gap:var(--space-2);margin:0;padding:0}.report__item{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);background:var(--c-bg-2)}.report__glyph{text-align:center;min-width:2.5rem;font-size:1.8rem;font-weight:800}.report__item-meta{display:grid;flex:1;gap:2px}.report__item-name{font-size:.9rem;font-weight:700}.report__item-sub{color:var(--c-muted);font-size:.85rem}.report__stars{color:var(--c-accent);letter-spacing:2px;flex:none;font-size:1.1rem}.child-list{list-style:none;display:grid;gap:var(--space-3);margin:0;padding:0}.child-row{display:flex;align-items: center;gap:var(--space-3);flex-wrap:wrap}.child-row__avatar{flex:none;font-size:2rem}.child-row__name{display:flex;align-items: center;gap:var(--space-2);flex:1;min-width:8rem;font-size:1.1rem;font-weight:800}.child-row__badge{border-radius:var(--radius-pill);background:var(--c-success);color:#fff;padding:2px 10px;font-size:.75rem;font-weight:700}.child-row__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.child-row__locale{flex:0 0 10rem}.child-row__locale .field__select{width:100%;min-height:48px}.profiles__subtitle{color:var(--c-muted);font-size:1.1rem}.profiles__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);width:100%;margin:0;padding:0}.profile-card{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:manipulation;border:none;flex-direction:column;width:100%;min-height:140px;transition:transform .12s,box-shadow .12s}.profile-card:active{box-shadow:none;transform:translateY(3px)}.profile-card__avatar{font-size:3rem;line-height:1}.profile-card__name{font-size:1.2rem;font-weight:800}.profiles__form{width:100%;max-width:520px}.profiles__error{color:var(--c-danger);font-weight:700}.preview__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-2)}.preview__cell{display:flex;padding:var(--space-1);background:var(--c-bg);border-radius:var(--radius-md);flex-direction:column;align-items: center;gap:4px;margin:0}.preview__svg{aspect-ratio:1;width:100%}.preview__caption{color:var(--c-muted);text-align:center;font-size:.75rem;font-weight:700}.session-lock{position:fixed;z-index:40;display:grid;padding:var(--space-4);overflow-y:auto;background:#3d2b1f99;place-items: center;inset:0}.session-lock__card{text-align:center;display:grid;gap:var(--space-3);justify-items:center;width:100%;max-width:560px}.session-lock__emoji{font-size:4rem;line-height:1}.session-lock__title{margin:0;font-size:1.8rem;font-weight:800}.session-lock .parent__gate{width:100%}.session-break{position:sticky;z-index:30;display:flex;align-items: center;gap:var(--space-3);padding:var(--space-2)var(--space-4);background:var(--c-accent);color:var(--c-ink);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:center;font-weight:700;top:0}.session-break__text{text-align:center;flex:1;min-width:200px}:root{--c-bg:#fff7e6;--c-bg-2:#ffeccf;--c-surface:#fff;--c-ink:#3d2b1f;--c-muted:#8a7663;--c-primary:#ff7a45;--c-primary-dark:#e85f2b;--c-accent:#ffd166;--c-secondary:#4cc9f0;--c-success:#57cc99;--c-danger:#ef476f;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--touch-min:64px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--shadow-soft:0 4px 0 #3d2b1f1f;--shadow-pop:0 8px 24px #3d2b1f29;--font-sans:"Nunito","Baloo 2","Segoe UI",system-ui,-apple-system,sans-serif;--font-arabic:"Noto Naskh Arabic","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--c-ink);background:radial-gradient(circle at 20% 0%,var(--c-bg-2),var(--c-bg)60%);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}:root[lang=ar] body{font-family:var(--font-arabic)}button,input,select{color:inherit;font-family:inherit;font-size:1rem}h1,h2,h3{margin:0;line-height:1.15}p{margin:0}:focus-visible{outline:4px solid var(--c-secondary);outline-offset:3px}.app-shell{display:flex;padding:var(--space-3);gap:var(--space-3);flex-direction:column;max-width:1100px;min-height:100%;margin:0 auto}.app-shell--center{justify-content:center;align-items: center}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}