:root{--c-raspberry: #E9457B;--c-raspberry-deep: #C7285E;--c-pink: #F7B5CE;--c-pink-soft: #FCD9E6;--c-mustard: #F2B23E;--c-gold: #E7A21C;--c-yellow-soft: #FBE3AE;--c-turquoise: #2FBFB3;--c-turquoise-soft: #BDECE7;--c-green: #6BC06B;--c-green-soft: #CDECC9;--c-violet: #8E6FD1;--c-violet-soft: #DDD2F3;--c-blue: #4C93E0;--c-blue-soft: #C9E1F7;--c-cream: #FFF7EE;--c-cream-deep: #F6E9D8;--c-paper: #FFFDF9;--c-ink: #4A3B35;--c-ink-soft: #8A776E;--c-line: #EFE1D0;--c-success: var(--c-green);--c-success-soft: var(--c-green-soft);--c-retry: var(--c-mustard);--c-retry-soft: var(--c-yellow-soft);--font-display: "Baloo 2", "Fredoka", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", "Quicksand", "Segoe UI", system-ui, sans-serif;--font-arabic: "Noto Naskh Arabic", "Amiri", "Scheherazade New", "Geeza Pro", "Traditional Arabic", serif;--r-sm: 12px;--r-md: 20px;--r-lg: 28px;--r-xl: 40px;--r-pill: 999px;--shadow-clay: 0 10px 0 -2px rgba(0,0,0,.06), 0 18px 30px -12px rgba(74,59,53,.28);--shadow-soft: 0 8px 22px -10px rgba(74,59,53,.3);--shadow-pop: 0 14px 34px -10px rgba(74,59,53,.38);--shadow-inset: inset 0 2px 6px rgba(255,255,255,.55), inset 0 -6px 10px rgba(0,0,0,.06);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--touch-min: 56px;--touch-lg: 68px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--c-ink);background:var(--c-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.05}p{margin:0;line-height:1.55}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--c-violet);outline-offset:3px;border-radius:8px}.arabic{font-family:var(--font-arabic);direction:rtl;unicode-bidi:isolate;line-height:1.7;font-weight:600}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1100px 700px at 12% -8%,var(--c-pink-soft),transparent 60%),radial-gradient(1000px 700px at 105% 10%,var(--c-turquoise-soft),transparent 55%),radial-gradient(900px 800px at 50% 118%,var(--c-yellow-soft),transparent 60%),var(--c-cream)}.app-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 8% 30%,rgba(233,69,123,.1) 0 14px,transparent 15px),radial-gradient(circle at 92% 60%,rgba(47,191,179,.12) 0 20px,transparent 21px),radial-gradient(circle at 78% 22%,rgba(242,178,62,.12) 0 12px,transparent 13px),radial-gradient(circle at 20% 78%,rgba(142,111,209,.1) 0 16px,transparent 17px);pointer-events:none}.shell{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(12px,2.5vw,28px)}.shell__stage{width:min(740px,100%,calc((100dvh - 176px) / 1.5));flex:1;min-height:0;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.flip-wrap{position:relative;width:100%}.magpage{position:relative;background:var(--c-paper);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);border:3px solid #fff;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:min(74vh,720px)}.magpage__inner{padding:clamp(18px,3.4vw,40px);display:flex;flex-direction:column;gap:var(--sp-5);flex:1}.magpage__eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--c-raspberry-deep);background:var(--c-pink-soft);padding:6px 14px;border-radius:var(--r-pill)}.magpage__title{font-size:clamp(1.7rem,4.6vw,2.6rem);color:var(--c-ink);font-weight:800}.magpage__lead{font-size:clamp(1.02rem,2.3vw,1.2rem);color:var(--c-ink);max-width:62ch}@keyframes pageIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bounceIn{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes pulseRing{0%{box-shadow:0 0 #2fbfb373}to{box-shadow:0 0 0 18px #2fbfb300}}.float{animation:floaty 4s var(--ease-soft) infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:14px;border-radius:3px;opacity:.9;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}.center-col{display:flex;flex-direction:column;align-items:center}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.grow{flex:1}.tc{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gate2{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:radial-gradient(900px 520px at 100% 0,#C7EFEA,transparent 55%),radial-gradient(760px 520px at -8% 8%,#FBD9E1,transparent 52%),#fff7ee}.gate2__box{background:#fffdf9;border:1px solid #EFE1D0;border-radius:26px;padding:34px 28px;width:min(380px,100%);text-align:center;box-shadow:0 20px 50px -22px #46301e66}.gate2__flower{font-size:44px;line-height:1;margin-bottom:6px}.gate2__title{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;color:#e9457b;font-size:1.5rem;margin:0}.gate2__sub{color:#8a776e;font-weight:700;font-size:.92rem;margin:8px 0 20px}.gate2__sub b{color:#8e6fd1}.gate2__label{display:block;text-align:left;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:.8rem;color:#8a776e;margin:0 0 6px}.gate2__input{width:100%;min-height:48px;padding:12px 14px;border:2px solid #EFE1D0;border-radius:14px;font-family:Nunito,system-ui,sans-serif;font-size:16px;background:#fff;color:#4a3b35}.gate2__input:focus{outline:none;border-color:#e9457b}.gate2__btn{width:100%;min-height:50px;margin-top:14px;border:none;border-radius:14px;cursor:pointer;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:1.05rem;color:#fff;background:linear-gradient(180deg,#e9457b,#c7285e);box-shadow:0 12px 26px -12px #c7285e99}.gate2__btn:disabled{opacity:.6}.gate2__err{color:#c7285e;font-weight:800;font-size:.86rem;margin:12px 0 0}.gate2__foot{color:#8a776e;font-weight:700;font-size:.82rem;margin:18px 0 0}.gate2__foot a{color:#3aa1a2;font-weight:800}.lib{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;padding:clamp(16px,3vw,32px);max-width:1000px;margin:0 auto;width:100%}.lib__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:clamp(18px,3vw,30px)}.lib__brand{display:flex;align-items:center;gap:14px}.lib__flower{font-size:clamp(34px,6vw,46px);line-height:1;filter:drop-shadow(0 6px 12px rgba(233,69,123,.25))}.lib__title{font-family:"Baloo 2",var(--font-display),sans-serif;font-weight:800;color:var(--c-raspberry,#E9457B);font-size:clamp(1.4rem,4vw,2rem);line-height:1.05}.lib__hello{color:#8a776e;font-weight:700;font-size:.9rem;margin:2px 0 0}.lib__logout{border:2px solid #EFE1D0;background:#fffdf9;color:#8a776e;font-weight:800;font-family:"Baloo 2",var(--font-display),sans-serif;border-radius:100px;padding:9px 16px;cursor:pointer;font-size:.82rem}.lib__logout:hover{border-color:#e9457b;color:#e9457b}.lib__grid{display:grid;gap:clamp(14px,2.5vw,22px);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.libcard{background:#fffdf9;border:1px solid #EFE1D0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 34px -20px #46301e73;transition:transform .18s ease,box-shadow .18s ease}.libcard:hover{transform:translateY(-4px);box-shadow:0 22px 44px -20px #46301e80}.libcard__cover{position:relative;aspect-ratio:1040/1560;overflow:hidden;background:#fbefe3}.libcard__cover img{width:100%;height:100%;object-fit:cover;object-position:top}.libcard__soonart{width:100%;height:100%;display:grid;place-items:center;font-size:60px;opacity:.5}.libcard__num{position:absolute;top:10px;left:10px;background:linear-gradient(180deg,#e9457b,#c7285e);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.78rem;padding:4px 11px;border-radius:100px;box-shadow:0 6px 14px -6px #c7285e99}.libcard__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;flex:1}.libcard__title{font-family:"Baloo 2",var(--font-display),sans-serif;font-weight:800;color:var(--c-ink,#4A3B35);font-size:1.05rem;line-height:1.15}.libcard__sub{color:#8a776e;font-weight:700;font-size:.82rem;margin-bottom:8px}.libcard__btn{margin-top:auto;border:none;border-radius:12px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.98rem;color:#fff;min-height:44px;background:linear-gradient(180deg,#e9457b,#c7285e);box-shadow:0 10px 22px -12px #c7285e99}.libcard__soon{margin-top:auto;text-align:center;color:#b79c86;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:.9rem;padding:10px}.libcard--soon{opacity:.85}.libcard--soon .libcard__cover{background:repeating-linear-gradient(45deg,#fbefe3,#fbefe3 12px,#f6e6d6 12px,#f6e6d6 24px)}.lib__foot{margin-top:auto;padding-top:22px;text-align:center;color:#b79c86;font-weight:700;font-size:.72rem}.dash{position:relative;z-index:1;min-height:100%;max-width:940px;margin:0 auto;width:100%;padding:clamp(14px,3vw,28px);display:flex;flex-direction:column;gap:clamp(16px,2.6vw,24px)}.dash__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash__ava{position:relative;width:60px;height:60px;border-radius:50%;border:3px solid #fff;background:#fbefe3;box-shadow:0 8px 18px -8px #46301e80;cursor:pointer;overflow:visible;display:grid;place-items:center;font-size:28px;flex-shrink:0;padding:0}.dash__ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dash__ava-edit{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;background:#8e6fd1;color:#fff;font-size:12px;display:grid;place-items:center;border:2px solid #fff}.dash__hello{flex:1;min-width:140px}.dash__title{font-family:"Baloo 2",var(--font-display),sans-serif;font-weight:800;color:var(--c-raspberry,#E9457B);font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.05}.dash__sub{color:#8a776e;font-weight:700;font-size:.85rem;margin:2px 0 0}.dash__stars{background:linear-gradient(180deg,#ffe7a6,#f7c948);color:#7a5a00;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:1.05rem;padding:8px 15px;border-radius:100px;box-shadow:0 8px 18px -8px #d69e0099;white-space:nowrap}.dash__logout{border:2px solid #EFE1D0;background:#fffdf9;color:#8a776e;font-weight:800;font-family:"Baloo 2",sans-serif;border-radius:100px;padding:8px 14px;cursor:pointer;font-size:.78rem}.dash__logout:hover{border-color:#e9457b;color:#e9457b}.mot{background:linear-gradient(160deg,#fff,#fff2f6);border:2px solid #FBD9E1;border-radius:24px;padding:16px 18px 18px;box-shadow:0 16px 38px -22px #e9457b80;position:relative}.mot__badge{display:inline-block;background:#8e6fd1;color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.82rem;padding:5px 13px;border-radius:100px;margin-bottom:12px}.mot__body{display:flex;align-items:center;gap:16px}.mot__imgwrap{width:clamp(88px,22vw,120px);height:clamp(88px,22vw,120px);flex-shrink:0;background:#fff;border-radius:20px;display:grid;place-items:center;padding:8px;box-shadow:0 8px 18px -10px #46301e66}.mot__imgwrap img{max-width:100%;max-height:100%;object-fit:contain}.mot__txt{flex:1;min-width:0;text-align:left}.mot__ar{font-size:clamp(2rem,8vw,3rem);color:var(--c-ink,#4A3B35);font-weight:700;line-height:1.2}.mot__tr{color:#8e6fd1;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:1.05rem;margin-top:2px}.mot__fr{color:#8a776e;font-weight:700;font-size:.95rem}.mot__play{margin-top:14px;width:100%;min-height:52px;border:none;border-radius:16px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.1rem;color:#fff;background:linear-gradient(180deg,#2fbfb3,#1e9e94);box-shadow:0 12px 24px -12px #1e9e94b3}.mot__play:active{transform:translateY(1px)}.dash__h2{font-family:"Baloo 2",var(--font-display),sans-serif;font-weight:800;color:var(--c-ink,#4A3B35);font-size:1.15rem;margin:2px 0 -6px}.dash__mags{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,140px));justify-content:start}.magmini{background:#fffdf9;border:1px solid #EFE1D0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 28px -18px #46301e73}.magmini__cover{position:relative;aspect-ratio:1040/1560;overflow:hidden;background:#fbefe3}.magmini__cover img{width:100%;height:100%;object-fit:cover;object-position:top}.magmini__soonart{width:100%;height:100%;display:grid;place-items:center;font-size:44px;opacity:.5}.magmini--soon .magmini__cover{background:repeating-linear-gradient(45deg,#fbefe3,#fbefe3 10px,#f6e6d6 10px,#f6e6d6 20px)}.magmini__num{position:absolute;top:8px;left:8px;background:linear-gradient(180deg,#e9457b,#c7285e);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.72rem;padding:3px 9px;border-radius:100px}.magmini__body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.magmini__title{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--c-ink,#4A3B35);font-size:.92rem;line-height:1.15}.magmini__btn{margin-top:auto;border:none;border-radius:11px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.95rem;color:#fff;min-height:42px;background:linear-gradient(180deg,#e9457b,#c7285e);box-shadow:0 10px 20px -12px #c7285e99}.magmini__soon{margin-top:auto;text-align:center;color:#b79c86;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:.85rem;padding:8px}.dash__tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:118px;border:none;border-radius:20px;cursor:pointer;text-decoration:none;padding:16px;font-family:"Baloo 2",sans-serif;font-weight:800;text-align:center;color:#fff;box-shadow:0 14px 30px -16px #46301e8c;transition:transform .15s ease}.tile:active{transform:scale(.97)}.tile__ico{font-size:40px;line-height:1}.tile__lbl{font-size:1rem;line-height:1.15}.tile--games{background:linear-gradient(160deg,#f2b23e,#e4901f)}.tile--fam{background:linear-gradient(160deg,#8e6fd1,#6e4fb0)}.tile--story{background:linear-gradient(160deg,#2fbfb3,#1e9e94)}.tile--peek{background:linear-gradient(160deg,#e9457b,#c7285e)}.tile--res{background:linear-gradient(160deg,#7fb98e,#5e9c6e)}.dash__foot{margin-top:auto;padding-top:14px;text-align:center;color:#b79c86;font-weight:700;font-size:.72rem}.pick{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#4a301e73;display:grid;place-items:center;padding:18px}.pick__box{background:#fffdf9;border-radius:24px;padding:22px 20px;width:min(420px,100%);max-height:90vh;overflow:auto;position:relative;box-shadow:0 30px 60px -20px #0006}.pick__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:#f3e7d8;color:#8a776e;font-weight:800;cursor:pointer;font-size:15px}.pick__title{font-family:"Baloo 2",sans-serif;font-weight:800;color:#e9457b;font-size:1.25rem;text-align:center;margin-bottom:14px}.pick__namelbl{display:block;font-family:"Baloo 2",sans-serif;font-weight:800;color:#8a776e;font-size:.8rem;margin:0 0 6px}.pick__name{width:100%;min-height:46px;padding:10px 14px;border:2px solid #EFE1D0;border-radius:14px;font-family:Nunito,sans-serif;font-size:16px;margin-bottom:16px;color:#4a3b35}.pick__name:focus{outline:none;border-color:#e9457b}.pick__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.pick__ava{border:3px solid transparent;border-radius:50%;padding:0;cursor:pointer;background:#fbefe3;aspect-ratio:1;overflow:hidden}.pick__ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pick__ava.on{border-color:#e9457b;box-shadow:0 0 0 3px #fbd9e1}.pick__done{width:100%;min-height:50px;border:none;border-radius:14px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.05rem;color:#fff;background:linear-gradient(180deg,#e9457b,#c7285e);box-shadow:0 12px 24px -12px #c7285e99}.badges{display:flex;flex-wrap:nowrap;gap:10px;padding:2px;justify-content:center;overflow-x:auto}.badge{flex:0 0 auto}.badge{flex:0 0 auto;width:94px;background:#fffdf9;border:2px solid #EFE1D0;border-radius:16px;padding:12px 8px;text-align:center;opacity:.7}.badge.on{opacity:1;border-color:#f7c948;background:linear-gradient(180deg,#fffdf3,#fff3d0);box-shadow:0 10px 22px -14px #d69e0099}.badge__e{display:block;font-size:30px;line-height:1}.badge__l{display:block;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.72rem;color:#8a6a15;margin-top:6px;line-height:1.12}.badge:not(.on) .badge__l{color:#b79c86}.fam{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.famc{position:relative;background:#fffdf9;border:2px solid #FBD9E1;border-radius:18px;padding:14px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 10px 24px -16px #e9457b80;transition:transform .15s ease}.famc:active{transform:scale(.97)}.famc__imgwrap{width:74px;height:74px;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#fbefe3;box-shadow:0 6px 14px -8px #46301e80}.famc__imgwrap img{width:100%;height:100%;object-fit:cover}.famc__name{font-family:"Baloo 2",sans-serif;font-weight:800;color:#e9457b;font-size:1rem}.famc__trait{color:#8a776e;font-weight:700;font-size:.78rem}.famc__play{position:absolute;top:8px;right:10px;font-size:15px;opacity:.7}.fam__more{display:inline-block;color:#8e6fd1;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.85rem;text-decoration:none}.tile--color{background:linear-gradient(160deg,#5fb7e6,#3390ce)}.parentlink{align-self:center;margin-top:2px;border:2px dashed #D9C4AE;background:transparent;color:#8a776e;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.9rem;padding:10px 20px;border-radius:100px;cursor:pointer}.parentlink:hover{border-color:#8e6fd1;color:#8e6fd1}.coloring{position:relative;z-index:1;max-width:640px;margin:0 auto;width:100%;padding:clamp(14px,3vw,26px);display:flex;flex-direction:column;gap:16px;min-height:100%}.coloring__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.coloring__title{font-family:"Baloo 2",sans-serif;font-weight:800;color:#e9457b;font-size:1.2rem}.coloring__print{border:none;border-radius:12px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;color:#fff;background:linear-gradient(180deg,#2fbfb3,#1e9e94);padding:10px 16px;font-size:.9rem}.coloring__thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.colthumb{border:2px solid #EFE1D0;background:#fffdf9;border-radius:100px;padding:8px 14px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.85rem;color:#8a776e}.colthumb.on{border-color:#e9457b;color:#e9457b;background:#fff2f6}.coloring__sheet{background:#fff;border:2px solid #EFE1D0;border-radius:20px;padding:22px;max-width:430px;margin:0 auto;width:100%;box-shadow:0 14px 34px -20px #46301e66}.coloring__hint{text-align:center;color:#8a776e;font-weight:700;font-size:.85rem}.parent{position:relative;z-index:1;max-width:680px;margin:0 auto;width:100%;padding:clamp(14px,3vw,26px);display:flex;flex-direction:column;gap:16px;min-height:100%}.parent__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.parent__title{font-family:"Baloo 2",sans-serif;font-weight:800;color:#8e6fd1;font-size:1.2rem}.parent__lead{color:#6b5b52;font-weight:600;font-size:.95rem;line-height:1.5}.parent__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pkpi{background:#fffdf9;border:1px solid #EFE1D0;border-radius:16px;padding:14px 8px;text-align:center}.pkpi__n{font-family:"Baloo 2",sans-serif;font-weight:800;color:#e9457b;font-size:1.3rem}.pkpi__l{color:#8a776e;font-weight:700;font-size:.72rem;margin-top:2px}.parent__card{background:#fffdf9;border:1px solid #EFE1D0;border-radius:18px;padding:16px 18px}.parent__h2{font-family:"Baloo 2",sans-serif;font-weight:800;color:#4a3b35;font-size:1.05rem;margin-bottom:12px}.parent__badges{display:flex;flex-direction:column;gap:8px}.pbadge{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fbf3e9}.pbadge.on{background:linear-gradient(90deg,#fff3d0,#fffdf3)}.pbadge__e{font-size:22px}.pbadge__l{flex:1;font-family:"Baloo 2",sans-serif;font-weight:800;color:#6b5b52;font-size:.9rem}.pbadge:not(.on) .pbadge__l{color:#b79c86}.pbadge__n{font-weight:800;color:#8a6a15;font-size:.8rem}.parent__next{margin-top:12px;color:#6b5b52;font-weight:700;font-size:.88rem}.parent__tips{margin:0;padding-left:18px;color:#6b5b52;font-weight:600;font-size:.9rem;line-height:1.7}.parent__foot{text-align:center;color:#8a776e;font-weight:700;font-size:.82rem}.dash2{position:relative;z-index:1;max-width:1000px;margin:0 auto;width:100%;padding:clamp(14px,3vw,30px);display:flex;flex-direction:column;gap:clamp(16px,2.4vw,22px);min-height:100%}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;background:linear-gradient(135deg,#e9457b,#b24f9e 55%,#8e6fd1);border-radius:26px;padding:20px 22px;color:#fff;box-shadow:0 22px 46px -24px #8e4fa6bf}.hero__ava{order:1;position:relative;width:66px;height:66px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:#ffffff40;cursor:pointer;display:grid;place-items:center;font-size:30px;padding:0;flex-shrink:0}.hero__ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero__ava-edit{position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;border-radius:50%;background:#f7c948;color:#7a5a00;font-size:12px;display:grid;place-items:center;border:2px solid #fff}.hero__side{order:2;margin-left:auto;display:flex;align-items:center;gap:10px}.hero__stars{background:linear-gradient(180deg,#ffe7a6,#f7c948);color:#7a5a00;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:1.05rem;padding:8px 15px;border-radius:100px;box-shadow:0 8px 16px -8px #0000004d;white-space:nowrap}.hero__logout{border:2px solid rgba(255,255,255,.55);background:#ffffff26;color:#fff;font-weight:800;font-family:"Baloo 2",sans-serif;border-radius:100px;padding:9px 16px;min-height:40px;cursor:pointer;font-size:.8rem;transition:background .2s ease}.hero__logout:hover{background:#ffffff47}.hero__mid{order:3;flex-basis:100%}.hero__title{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:clamp(1.4rem,4.4vw,2rem);line-height:1.05;color:#fff}.hero__sub{color:#ffffffeb;font-weight:700;font-size:.9rem;margin:2px 0 12px}.prog__bar{height:13px;background:#ffffff52;border-radius:100px;overflow:hidden}.prog__fill{display:block;height:100%;background:linear-gradient(90deg,#ffe7a6,#f7c948);border-radius:100px;transition:width .5s ease}.prog__lbl{display:block;margin-top:7px;color:#fff;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.82rem}.prog__lbl b{color:#ffe7a6}.panels{display:grid;gap:clamp(14px,2.2vw,20px);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width:760px){.panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.panel{background:#fffdf9;border:1px solid #F0E3D4;border-radius:22px;padding:clamp(16px,2.2vw,20px);box-shadow:0 16px 36px -26px #46301e80;display:flex;flex-direction:column;min-width:0}.panel__head{min-width:0}.panel__head h2{min-width:0;overflow-wrap:anywhere}.panel--wide{grid-column:1 / -1}.panel__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel__ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(160deg,#fff2f6,#fbe7f0);flex-shrink:0}.panel__head h2{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--c-ink,#4A3B35);font-size:1.12rem}.panel--mot .panel__ico{background:linear-gradient(160deg,#e5f7f4,#d3f0ec)}.pband{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#efe9fc,#f6effe);border:1px solid #E0D3F5;border-radius:22px;padding:16px 20px;box-shadow:0 14px 32px -24px #8e6fd199}.pband__ico{font-size:34px;line-height:1;flex-shrink:0}.pband__txt{flex:1;min-width:0}.pband__title{font-family:"Baloo 2",sans-serif;font-weight:800;color:#6e4fb0;font-size:1.1rem}.pband__sub{color:#7a6b8f;font-weight:600;font-size:.86rem;margin-top:1px}.pband__btn{border:none;border-radius:14px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;color:#fff;background:linear-gradient(180deg,#8e6fd1,#6e4fb0);padding:12px 22px;font-size:.95rem;white-space:nowrap;box-shadow:0 12px 24px -12px #6e4fb0b3;transition:transform .15s ease}.pband__btn:active{transform:scale(.97)}.mot__row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mot__row .mot__txt{flex:1 1 140px;text-align:left}.panel--mot .mot__play{margin-top:0;width:auto;flex:0 0 auto;padding:15px 34px}@media (max-width:759px){.panel--mot .mot__play{flex:1 1 100%;width:100%}}.startoast{position:fixed;top:76px;left:50%;z-index:90;pointer-events:none;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:2rem;color:#7a5a00;background:linear-gradient(180deg,#ffe7a6,#f7c948);padding:10px 24px;border-radius:100px;box-shadow:0 16px 32px -12px #d69e00bf;animation:starpop 1.5s cubic-bezier(.2,.9,.3,1) forwards;white-space:nowrap}@keyframes starpop{0%{opacity:0;transform:translate(-50%,10px) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.12)}35%{transform:translate(-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-42px) scale(.9)}}.mot__hint{margin-top:12px;text-align:center;color:#8a6a15;background:#fff6da;border:1.5px dashed #E5B84A;border-radius:12px;padding:8px 12px;font-weight:700;font-size:.85rem;line-height:1.35}.mot__hint b{color:#c7285e}.panel__sub{color:#8a776e;font-weight:700;font-size:.78rem;margin-top:2px;line-height:1.3;max-width:52ch}@media (prefers-reduced-motion: reduce){.startoast{animation-duration:.01ms}}.mot__acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.mact{min-height:52px;border:none;border-radius:14px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.98rem;color:#fff;box-shadow:0 10px 22px -12px #00000059}.mact--listen{background:linear-gradient(180deg,#2fbfb3,#1e9e94)}.mact--repeat{background:linear-gradient(180deg,#8e6fd1,#6e4fb0)}.mact--play{background:linear-gradient(180deg,#f2b23e,#e4901f)}.mact:active{transform:translateY(1px)}.mot__bravo{margin-top:12px;text-align:center;color:#6e4fb0;background:#f1ebfc;border:1.5px solid #E0D3F5;border-radius:12px;padding:8px 12px;font-weight:800;font-size:.9rem}.mquiz{margin-top:14px;background:#fff7ee;border:1.5px solid #F0E3D4;border-radius:16px;padding:14px}.mquiz__q{text-align:center;font-family:"Baloo 2",sans-serif;font-weight:800;color:#4a3b35;font-size:1rem;margin-bottom:12px}.mquiz__q .arabic{font-size:1.4rem}.mquiz__opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mquiz__opt{background:#fff;border:3px solid #EFE1D0;border-radius:14px;padding:8px;cursor:pointer;aspect-ratio:1;display:grid;place-items:center}.mquiz__opt img{max-width:100%;max-height:100%;object-fit:contain}.mquiz__opt.ok{border-color:#38b000;box-shadow:0 0 0 3px #cdefc0}.mquiz__fb{text-align:center;font-family:"Baloo 2",sans-serif;font-weight:800;margin-top:12px}.mquiz__fb.ok{color:#2e7d00}.mquiz__fb.no{color:#c7285e}.tile--amina{background:linear-gradient(160deg,#f49ac2,#e0568a)}.amina{background:#fffdf9;border-radius:24px;padding:20px;width:min(440px,100%);max-height:88vh;position:relative;display:flex;flex-direction:column;box-shadow:0 30px 60px -20px #0006}.amina__title{font-family:"Baloo 2",sans-serif;font-weight:800;color:#e9457b;font-size:1.25rem;text-align:center;margin-bottom:12px}.amina__chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px;min-height:180px;max-height:46vh}.abub{max-width:82%;padding:10px 14px;border-radius:16px;font-weight:600;font-size:.95rem;line-height:1.4}.abub--amina{align-self:flex-start;background:#f1ebfc;color:#4a3b35;border-bottom-left-radius:4px}.abub--me{align-self:flex-end;background:linear-gradient(180deg,#e9457b,#c7285e);color:#fff;border-bottom-right-radius:4px;font-family:"Baloo 2",sans-serif;font-weight:700}.abub--typing{opacity:.7;font-style:italic}.amina__form{display:flex;gap:8px;margin-top:12px}.amina__input{flex:1;min-width:0;min-height:48px;padding:10px 14px;border:2px solid #EFE1D0;border-radius:14px;font-family:Nunito,sans-serif;font-size:16px;color:#4a3b35}.amina__input:focus{outline:none;border-color:#e9457b}.amina__send{border:none;border-radius:14px;background:linear-gradient(180deg,#e9457b,#c7285e);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;padding:0 18px;cursor:pointer;font-size:.95rem}.amina__send:disabled{opacity:.6}.amina__note{text-align:center;color:#b79c86;font-weight:700;font-size:.72rem;margin-top:10px}.abub--wait{opacity:.72;font-style:italic}.amina__ok{text-align:center;color:#2e7d00;background:#eaf7e0;border-radius:12px;padding:9px;font-weight:800;font-size:.85rem;margin-top:4px}.amina__empty{text-align:center;color:#b79c86;font-weight:700;font-size:.85rem;padding:8px}.dash__foot-note{max-width:52ch;margin:0 auto 8px;color:#8a776e;font-weight:700;font-size:.8rem;line-height:1.45}.backbtn{display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.98rem;color:#fff;min-height:46px;background:linear-gradient(180deg,#8e6fd1,#6e4fb0);padding:11px 22px;border-radius:100px;box-shadow:0 12px 24px -12px #6e4fb0b3;transition:transform .15s ease}.backbtn:active{transform:translateY(1px)}.backbtn:hover{filter:brightness(1.05)}.soon__intro{color:#8a776e;font-weight:700;font-size:.9rem;margin:-4px 0 14px}.soon__grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.soon__item{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fff7ee,#fbeef4);border:1.5px dashed #E7C9DA;border-radius:16px;padding:12px 14px;position:relative}.soon__ico{font-size:26px;line-height:1;flex-shrink:0}.soon__item div{display:flex;flex-direction:column;min-width:0}.soon__item b{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--c-ink,#4A3B35);font-size:.95rem;line-height:1.15}.soon__item span{color:#8a776e;font-weight:700;font-size:.8rem}.soon__item:after{content:"bientôt";position:absolute;top:8px;right:10px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:#8e6fd1;background:#f1ebfc;border-radius:100px;padding:2px 8px}.audio-btn{display:inline-flex;align-items:center;gap:10px;min-height:var(--touch-min);padding:12px 22px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(180deg,var(--c-turquoise),#26A99D);box-shadow:var(--shadow-soft),var(--shadow-inset);transition:transform .18s var(--ease-bounce),filter .18s}.audio-btn:hover{transform:translateY(-2px)}.audio-btn:active{transform:translateY(1px) scale(.98)}.audio-btn.is-playing{animation:pulseRing 1.1s ease-out infinite}.audio-btn.is-loading{filter:saturate(.6)}.audio-btn__icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff40;font-size:1.05rem}.audio-btn--sm{min-height:46px;padding:8px 16px;font-size:.9rem}.audio-btn--round{min-height:var(--touch-min);width:var(--touch-min);padding:0;justify-content:center}.audio-btn--round .audio-btn__icon{background:transparent;font-size:1.4rem}.eq{display:inline-flex;gap:3px;align-items:flex-end;height:16px}.eq span{width:3px;background:currentColor;border-radius:2px;height:6px}.eq span:nth-child(1){animation:eqb .7s ease-in-out infinite}.eq span:nth-child(2){animation:eqb .7s ease-in-out infinite .15s}.eq span:nth-child(3){animation:eqb .7s ease-in-out infinite .3s}@keyframes eqb{0%,to{height:5px}50%{height:16px}}.ibtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--touch-lg);padding:14px 30px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:1.12rem;color:#fff;background:linear-gradient(180deg,var(--c-raspberry),var(--c-raspberry-deep));box-shadow:var(--shadow-clay);transition:transform .18s var(--ease-bounce),filter .2s}.ibtn:hover{transform:translateY(-3px)}.ibtn:active{transform:translateY(2px) scale(.98)}.ibtn--ghost{color:var(--c-raspberry-deep);background:#fff;box-shadow:var(--shadow-soft);border:2px solid var(--c-pink)}.ibtn--mustard{background:linear-gradient(180deg,var(--c-mustard),var(--c-gold))}.ibtn--turquoise{background:linear-gradient(180deg,var(--c-turquoise),#26A99D)}.ibtn:disabled{opacity:.45;cursor:default;transform:none}.nav2{display:inline-flex;align-items:center;gap:14px;margin:var(--sp-4) auto 0;padding:8px 12px;background:var(--c-paper);border-radius:var(--r-pill);box-shadow:var(--shadow-soft)}.nav2__btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;font-weight:900;color:#fff;background:linear-gradient(180deg,var(--c-turquoise),#26A99D);box-shadow:var(--shadow-soft),var(--shadow-inset);transition:transform .16s var(--ease-bounce)}.nav2__btn--next{background:linear-gradient(180deg,var(--c-raspberry),var(--c-raspberry-deep))}.nav2__btn:hover:not(:disabled){transform:translateY(-2px)}.nav2__btn:active:not(:disabled){transform:scale(.94)}.nav2__btn:disabled{opacity:.3;cursor:default}.nav2__count{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--c-ink-soft);min-width:68px;text-align:center}.nav2__count b{color:var(--c-raspberry);font-size:1.5rem}.nav2__count i{margin:0 5px;font-style:normal;opacity:.5}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:min(740px,100%);margin-top:var(--sp-4)}.nav__btn{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch-min);padding:10px 20px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--c-ink);background:var(--c-paper);box-shadow:var(--shadow-soft);transition:transform .16s var(--ease-bounce)}.nav__btn:hover:not(:disabled){transform:translateY(-2px)}.nav__btn:disabled{opacity:.35;cursor:default}.nav__btn--next{color:#fff;background:linear-gradient(180deg,var(--c-raspberry),var(--c-raspberry-deep))}.nav__center{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.nav__dots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.nav__dot{width:12px;height:12px;border-radius:50%;background:var(--c-line);transition:transform .2s var(--ease-bounce),background .2s}.nav__dot.is-active{background:var(--c-raspberry);transform:scale(1.35)}.nav__dot.is-done{background:var(--c-turquoise)}.nav__count{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--c-ink-soft)}.nav__progress{width:100%;height:8px;border-radius:var(--r-pill);background:var(--c-line);overflow:hidden}.nav__progress i{display:block;height:100%;background:linear-gradient(90deg,var(--c-mustard),var(--c-raspberry));border-radius:var(--r-pill);transition:width .5s var(--ease-soft)}.topbar{width:min(740px,100%);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.topbar__brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;color:var(--c-ink)}.topbar__logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:linear-gradient(180deg,var(--c-mustard),var(--c-gold));box-shadow:var(--shadow-soft)}.chip-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 16px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--c-ink);background:var(--c-paper);box-shadow:var(--shadow-soft);transition:transform .16s var(--ease-bounce)}.chip-btn:hover{transform:translateY(-2px)}.vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.vcard{perspective:1000px;aspect-ratio:3 / 4;min-height:170px;background:none}.vcard__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s var(--ease-bounce);border-radius:var(--r-lg)}.vcard.is-flipped .vcard__inner{transform:rotateY(180deg)}.vcard__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;box-shadow:var(--shadow-clay);border:3px solid #fff}.vcard__front{background:var(--c-paper)}.vcard__num{position:absolute;top:10px;left:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.85rem;color:#fff}.vcard__emoji{font-size:clamp(2.6rem,7vw,3.6rem);line-height:1}.vcard__img{width:82%;max-height:60%;object-fit:contain;margin:2px auto;filter:drop-shadow(0 10px 10px rgba(74,59,53,.28));transition:transform .25s var(--ease-bounce)}.vcard:hover .vcard__img{transform:translateY(-4px) scale(1.04) rotate(-2deg)}.vcard__hint{font-size:.78rem;color:var(--c-ink-soft);font-weight:700}.vcard__back{transform:rotateY(180deg);color:#fff;justify-content:space-between}.vcard__back .arabic{font-size:clamp(1.8rem,6vw,2.4rem);color:#fff}.vcard__translit{font-style:italic;font-weight:700;font-size:1rem}.vcard__fr{font-family:var(--font-display);font-weight:800;font-size:1.02rem}.t-raspberry{--tc: var(--c-raspberry);--tcd: var(--c-raspberry-deep)}.t-pink{--tc: var(--c-pink);--tcd: #E58AAE}.t-mustard{--tc: var(--c-mustard);--tcd: var(--c-gold)}.t-turquoise{--tc: var(--c-turquoise);--tcd: #26A99D}.t-green{--tc: var(--c-green);--tcd: #4FA84F}.t-violet{--tc: var(--c-violet);--tcd: #6E4FB0}.t-blue{--tc: var(--c-blue);--tcd: #2f77c9}.vcard__num,.vcard__back{background:linear-gradient(180deg,var(--tc),var(--tcd))}.story{display:flex;flex-direction:column;gap:var(--sp-4)}.story__frame{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-clay);border:4px solid #fff;background:#fbe9de}.story__frame svg{width:100%;height:auto;display:block}.story__badge{position:absolute;top:12px;left:12px;background:#ffffffeb;color:var(--c-raspberry-deep);font-family:var(--font-display);font-weight:800;padding:6px 14px;border-radius:var(--r-pill);box-shadow:var(--shadow-soft)}.story__caption{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.story__caption .arabic{font-size:clamp(1.5rem,4.6vw,2rem)}.story__caption .fr{font-family:var(--font-display);font-weight:800;font-size:1.1rem}.story__nav{display:flex;align-items:center;justify-content:center;gap:14px}.game__stage{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-clay);border:4px solid #fff}.game__stage svg{width:100%;height:auto;display:block}.game__obj{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;font-size:2.1rem;display:grid;place-items:center;border-radius:50%;background:#ffffffbf;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease-bounce);animation:floaty 5s ease-in-out infinite}.game__obj:hover{transform:translate(-50%,-50%) scale(1.12)}.game__obj.is-found{background:var(--c-green-soft);animation:bounceIn .5s var(--ease-bounce) both;cursor:default}.game__miss{animation:wiggle .4s ease-in-out}.game__checklist{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.game__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);background:var(--c-cream-deep);box-shadow:var(--shadow-inset);font-family:var(--font-display);font-weight:700;transition:all .3s var(--ease-bounce)}.game__chip.is-found{background:var(--c-green-soft);color:#2c6e2c}.game__chip .arabic{font-size:1.15rem}.feedback{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:16px 26px;border-radius:var(--r-lg);animation:popIn .4s var(--ease-bounce) both;text-align:center}.feedback--success{background:var(--c-success-soft);color:#276b27;box-shadow:var(--shadow-soft)}.feedback--retry{background:var(--c-retry-soft);color:#8a5a12;box-shadow:var(--shadow-soft)}.feedback__title{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.feedback__word .arabic{font-size:1.6rem}.hotspots{display:flex;flex-wrap:wrap;gap:12px}.hotspot{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch-min);padding:10px 18px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:1rem;color:#fff;background:linear-gradient(180deg,var(--tc),var(--tcd));box-shadow:var(--shadow-soft);transition:transform .16s var(--ease-bounce)}.hotspot:hover{transform:translateY(-2px)}.hotspot .arabic{color:#fff;font-size:1.15rem}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#4a3b3559;display:grid;place-items:center;padding:20px;animation:pageIn .2s ease both}.popup{background:var(--c-paper);border-radius:var(--r-xl);padding:28px;max-width:420px;width:100%;box-shadow:var(--shadow-pop);border:4px solid #fff;text-align:center;animation:popIn .35s var(--ease-bounce) both}.popup__emoji{font-size:3rem}.popup__title{font-family:var(--font-display);font-weight:800;font-size:1.4rem;margin:8px 0;color:var(--c-raspberry-deep)}.popup__title .arabic{font-size:1.9rem}.popup__text{color:var(--c-ink);font-size:1.05rem}.reward{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px;border-radius:var(--r-xl);background:radial-gradient(circle at 50% 20%,#fff,var(--c-yellow-soft));box-shadow:var(--shadow-clay);border:4px solid #fff;text-align:center;max-width:360px}.reward__medal{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;font-size:3.4rem;background:radial-gradient(circle at 40% 30%,#FDE9B0,var(--c-mustard));box-shadow:var(--shadow-pop),inset 0 -6px 12px #0000001f;animation:bounceIn .6s var(--ease-bounce) both,floaty 5s ease-in-out infinite .6s}.reward__title{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--c-raspberry-deep)}.reward__sub{color:var(--c-ink-soft);font-weight:700}.ages{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.agecard{border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-clay);border:3px solid #fff;display:flex;flex-direction:column;gap:14px}.agecard--little{background:linear-gradient(180deg,#EFFaF0,var(--c-green-soft))}.agecard--big{background:linear-gradient(180deg,#F1ECFC,var(--c-violet-soft))}.agecard__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.agecard__head h3{font-size:1.3rem}.agecard__age{font-family:var(--font-display);font-weight:800;font-size:.8rem;color:#fff;padding:3px 10px;border-radius:var(--r-pill)}.agecard--little .agecard__age{background:var(--c-green)}.agecard--big .agecard__age{background:var(--c-violet)}.agecard__prompt{font-weight:700}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice{min-height:60px;min-width:60px;padding:8px 12px;border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-soft);font-size:1.8rem;display:grid;place-items:center;transition:transform .16s var(--ease-bounce)}.choice:hover{transform:translateY(-2px)}.choice.is-correct{background:var(--c-green-soft);box-shadow:0 0 0 3px var(--c-green) inset}.choice.is-wrong{animation:wiggle .4s ease}.q-block{background:#fff9;border-radius:var(--r-md);padding:14px}.fillin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:8px 0}.fillin .arabic{font-size:1.6rem}.fillin input{min-height:52px;min-width:120px;border-radius:var(--r-md);border:2px dashed var(--c-violet);background:#fff;padding:8px 14px;font-family:var(--font-arabic);font-size:1.4rem;text-align:center;direction:rtl}.fillin input.ok{border-style:solid;border-color:var(--c-green);background:var(--c-green-soft)}.write-lines{display:flex;flex-direction:column;gap:14px;margin-top:8px}.write-lines .line{height:2px;background:repeating-linear-gradient(90deg,var(--c-line) 0 14px,transparent 14px 22px)}.workshop{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--sp-5);align-items:center}.workshop__tray{display:flex;flex-wrap:wrap;gap:14px}.dobj{width:84px;height:84px;border-radius:var(--r-md);display:grid;place-items:center;font-size:2.4rem;background:linear-gradient(180deg,#fff,var(--c-cream-deep));box-shadow:var(--shadow-clay);border:3px solid #fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-bounce)}.dobj:active{cursor:grabbing;transform:scale(1.08)}.dobj.is-placed{opacity:.35;pointer-events:none}.dobj.is-dragging{position:fixed;z-index:90;pointer-events:none}.bag-drop{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--c-violet-soft),#EDE6F8);border:5px dashed var(--c-violet);box-shadow:var(--shadow-inset);transition:background .2s,border-color .2s}.bag-drop.is-over{background:var(--c-green-soft);border-color:var(--c-green)}.bag-drop__label{font-size:4rem}.bag-drop__label .arabic{font-size:3rem}.bag-drop__count{position:absolute;bottom:14px;font-family:var(--font-display);font-weight:800;color:var(--c-violet)}.bag-drop__placed{position:absolute;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;top:16px}.rubric-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rubric{display:flex;align-items:center;gap:10px;background:var(--c-paper);border-radius:var(--r-md);padding:12px 16px;box-shadow:var(--shadow-soft);font-weight:700}.rubric b{font-family:var(--font-display)}.tts-hint{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--c-ink-soft);font-weight:700;background:var(--c-cream-deep);padding:6px 12px;border-radius:var(--r-pill)}@media (max-width: 720px){.vocab-grid{grid-template-columns:1fr 1fr}.ages,.workshop,.rubric-list{grid-template-columns:1fr}.nav__btn span.lbl{display:none}}@media (max-width: 420px){.vocab-grid{grid-template-columns:1fr 1fr}}.cover{position:relative;background:radial-gradient(120% 90% at 50% -10%,#fff7ee,#fbe3ae 55%,#f7b5ce);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);border:4px solid #fff;overflow:hidden;padding:clamp(20px,4vw,44px);display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-5);align-items:center;min-height:min(78vh,760px);animation:pageIn .5s var(--ease-soft) both}.cover__badge{position:absolute;top:18px;right:18px;font-family:var(--font-display);font-weight:800;font-size:.82rem;color:#fff;background:linear-gradient(180deg,var(--c-violet),#6E4FB0);padding:8px 16px;border-radius:var(--r-pill);box-shadow:var(--shadow-soft);z-index:3}.cover__left{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px}.cover__kicker{font-family:var(--font-display);font-weight:800;letter-spacing:.14em;color:var(--c-raspberry-deep)}.cover__mag{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4vw,2.1rem);color:var(--c-ink);line-height:.95}.cover__arabe{font-family:var(--font-display);font-weight:800;font-size:clamp(3.4rem,11vw,6rem);line-height:.85;color:var(--c-raspberry);text-shadow:0 4px 0 #fff,0 10px 22px rgba(233,69,123,.35);letter-spacing:.01em}.cover__issue{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,3.2vw,1.7rem);color:#fff;background:linear-gradient(180deg,var(--c-turquoise),#26A99D);padding:8px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow-soft);align-self:flex-start;transform:rotate(-2deg)}.cover__sub{font-weight:800;color:var(--c-ink);font-size:1.05rem}.cover__rubrics{display:flex;flex-direction:column;gap:8px;margin:4px 0}.cover__rubric{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--c-ink)}.cover__rubric:before{content:"✦";color:var(--c-mustard);font-size:1.1rem}.cover__tagline{font-family:var(--font-display);font-weight:800;color:var(--c-raspberry-deep)}.cover__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}.cover__art{position:relative;z-index:1}.cover__art-frame{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-clay);border:5px solid #fff;background:#eaf7fb}.cover__art-frame svg{width:100%;height:auto;display:block}.cover__audio-badge{position:absolute;left:50%;bottom:-18px;transform:translate(-50%)}@media (max-width: 780px){.cover{grid-template-columns:1fr;text-align:left;min-height:unset}.cover__art{order:-1}.cover__badge{position:static;align-self:flex-end;margin-bottom:6px}}.magpaper{position:relative;background:radial-gradient(120% 80% at 50% -25%,#FCEFDD,transparent 55%),#f8e7d1;border-radius:var(--r-xl);box-shadow:var(--shadow-pop);border:4px solid #fff;overflow:hidden;padding:clamp(16px,3vw,30px) clamp(16px,3.4vw,40px) clamp(22px,4vw,44px);min-height:min(74vh,720px)}.magpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(120,90,50,.05) 1px,transparent 1px);background-size:4px 4px}.magpaper__head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--sp-4)}.magpaper__masthead{position:absolute;top:-4px;left:-6px;width:clamp(108px,20%,168px);height:auto}.magpaper__title{display:block;width:min(460px,78%);height:auto;margin:0 auto;filter:drop-shadow(0 6px 6px rgba(74,59,53,.14))}.magpaper__audio{position:absolute;top:0;right:0;z-index:3}.magpaper__body{position:relative;z-index:1}@media (max-width: 560px){.magpaper__masthead{position:static;width:150px;margin:0 0 6px;align-self:flex-start}.magpaper__title{width:92%}}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:center}.welcome__art{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-clay);border:4px solid #fff}.welcome__art svg{width:100%;height:auto;display:block}.welcome__text{display:flex;flex-direction:column;gap:12px}.welcome__text p{font-size:1.05rem}.welcome__outro{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--c-raspberry-deep)}@media (max-width: 720px){.welcome{grid-template-columns:1fr}}.phrases{display:flex;flex-direction:column;gap:var(--sp-4)}.phrase-card{display:grid;grid-template-columns:118px 1fr auto;gap:var(--sp-4);align-items:center;background:linear-gradient(180deg,#fff,var(--c-cream));border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-clay);border:3px solid #fff}.phrase-card__art{width:118px;height:96px;display:grid;place-items:center}.phrase-card__art svg{width:100%;height:100%}.phrase-card__img{max-width:100%;max-height:96px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(74,59,53,.26))}.phrase-card__text{display:flex;flex-direction:column;gap:4px}.phrase-card__text .arabic{font-size:clamp(1.5rem,4.4vw,2rem)}.phrase-card__translit{font-style:italic;color:var(--c-ink-soft);font-weight:700}.phrase-card__fr{font-family:var(--font-display);font-weight:800}.phrase-card__actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.turn{font-family:var(--font-display);font-weight:800;color:var(--c-violet);display:inline-flex;align-items:center;gap:6px;justify-content:center;background:var(--c-violet-soft);padding:8px 12px;border-radius:var(--r-pill);animation:floaty 4s ease-in-out infinite}@media (max-width: 640px){.phrase-card{grid-template-columns:72px 1fr}.phrase-card__actions{grid-column:1 / -1;flex-direction:row}}.morocco{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:center}.morocco__art{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-clay);border:4px solid #fff}.morocco__art svg{width:100%;height:auto;display:block}.lang-chip{display:flex;align-items:center;gap:12px;background:var(--c-paper);border-radius:var(--r-md);padding:12px 16px;box-shadow:var(--shadow-soft);margin-bottom:10px}.lang-chip .arabic{font-size:1.5rem}.lang-chip__fr b{font-family:var(--font-display)}.lang-chip__fr span{display:block;color:var(--c-ink-soft);font-size:.9rem}.greet-card{background:linear-gradient(180deg,var(--c-turquoise-soft),#DDF2EF);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-clay);border:3px solid #fff;display:flex;flex-direction:column;gap:8px;margin-top:12px}.greet-card .arabic{font-size:clamp(1.6rem,5vw,2.1rem);color:var(--c-turquoise)}.greet-card__translit{font-style:italic;font-weight:700}@media (max-width: 720px){.morocco{grid-template-columns:1fr}}.challenge{display:flex;flex-direction:column;gap:var(--sp-5);align-items:center;text-align:center}.challenge__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);width:100%}.qcard{background:linear-gradient(180deg,#fff,var(--c-cream));border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-clay);border:3px solid #fff;display:flex;flex-direction:column;gap:10px;align-items:center}.qcard__q{font-family:var(--font-display);font-weight:800}.qcard__reveal{min-height:52px;display:grid;place-items:center}.qcard .arabic{font-size:1.9rem}.phrase-month{background:linear-gradient(180deg,var(--c-pink-soft),#fff);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-clay);border:3px solid #fff;display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.phrase-month .arabic{font-size:clamp(1.8rem,5vw,2.4rem);color:var(--c-raspberry)}.outro-quote{font-style:italic;color:var(--c-ink);background:var(--c-cream-deep);border-radius:var(--r-lg);padding:16px 20px;max-width:56ch}@media (max-width: 640px){.challenge__grid{grid-template-columns:1fr}}.obj-mini{font-size:2rem;width:56px;height:56px;display:grid;place-items:center;background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-soft)}.imgpage{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.imgframe{position:relative;width:100%;max-width:720px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-pop);border:4px solid #fff;background:var(--c-cream-deep)}.imgframe img{width:100%;height:auto;display:block}.page-audio{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1 / 1;border-radius:50%;background:transparent;border:none;cursor:pointer;z-index:6;transition:transform .18s var(--ease-bounce);-webkit-tap-highlight-color:transparent}.page-audio:active{transform:translate(-50%,-50%) scale(.96)}.page-audio:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #e9457b99}.page-audio__icon,.page-audio__label{display:none}.hspot{position:absolute;transform:translate(-50%,-50%);border:none;background:transparent;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.hspot.rect{border-radius:18px}.hspot.hint:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:inherit;box-shadow:0 0 0 3px #ffffffd9,0 0 0 6px #e9457b8c;animation:hspotPulse 1.8s ease-out infinite}@keyframes hspotPulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.06);opacity:0}to{opacity:0}}.hspot:hover:after,.hspot:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff38;box-shadow:0 0 0 3px #e9457b80}.hspot.is-active:after{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border-radius:inherit;background:#ffffff59;animation:hspotFlash .5s var(--ease-bounce)}@keyframes hspotFlash{0%{opacity:1;transform:scale(1.1)}to{opacity:0}}.hspot.is-done:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.6rem;color:#fff;font-weight:900;background:#6bc06b73;box-shadow:0 0 0 3px var(--c-green);border-radius:inherit;animation:bounceIn .45s var(--ease-bounce)}.hspot.is-wrong{animation:wiggle .4s ease}.imgbar{width:100%;max-width:720px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--c-paper);border-radius:var(--r-lg);padding:12px 18px;box-shadow:var(--shadow-soft)}.imgbar__progress{display:flex;gap:8px}.imgbar__dot{width:16px;height:16px;border-radius:50%;background:var(--c-line);transition:all .3s var(--ease-bounce)}.imgbar__dot.on{background:var(--c-green);transform:scale(1.15)}.imgbar__msg{font-family:var(--font-display);font-weight:800}.imgbar__msg .arabic{font-size:1.4rem}.imgbar--success{background:var(--c-success-soft);color:#276b27;animation:popIn .4s var(--ease-bounce) both}.imgbar--retry{background:var(--c-retry-soft);color:#8a5a12}.imgbar__hint{color:var(--c-ink-soft);font-weight:700;font-family:var(--font-body);display:inline-flex;gap:8px;align-items:center}.coverimg{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.coverimg__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;width:100%;max-width:720px}.toc-item{border-radius:var(--r-md);overflow:hidden;position:relative;box-shadow:var(--shadow-soft);border:3px solid #fff;background:#fff;transition:transform .16s var(--ease-bounce)}.toc-item:hover{transform:translateY(-3px)}.toc-item img{width:100%;height:auto;display:block}.toc-item__n{position:absolute;top:6px;left:6px;background:var(--c-raspberry);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.75rem;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.imgprint{margin:8px auto 0;max-width:46ch;text-align:center;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:.82rem;color:#8a6a15;background:#fff6da;border:1.5px dashed #E5B84A;border-radius:12px;padding:7px 12px;line-height:1.35}.flip-stage{position:relative;width:min(720px,100%);margin:0 auto;perspective:2400px;touch-action:pan-y}.flip-stage.is-turning{cursor:grabbing}.flip-page,.flip-turning{width:100%}.flip-turning{position:relative}.flip-under{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.flip-top{position:relative;width:100%;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;box-shadow:0 24px 50px -18px #4a3b3580;border-radius:var(--r-xl)}.flip-shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);background:linear-gradient(90deg,#1e120c80,#1e120c1f,#fff0 70%);pointer-events:none}.flip-turning .flip-top,.flip-turning .flip-under{pointer-events:none}@media (hover: hover) and (pointer: fine){.flip-stage:not(.is-turning){cursor:grab}}.flip-hint{position:absolute;right:10px;bottom:10px;z-index:5;display:inline-flex;align-items:center;gap:8px;background:#ffffffeb;color:var(--c-raspberry-deep);font-family:var(--font-display);font-weight:800;font-size:.82rem;padding:8px 14px;border-radius:var(--r-pill);box-shadow:var(--shadow-soft);animation:flipHint 2.6s ease-in-out 3;pointer-events:none}@keyframes flipHint{0%,to{transform:translate(0);opacity:.9}50%{transform:translate(-8px);opacity:1}}.print-root{display:none}@media print{@page{size:A4 portrait;margin:0}html,body{background:#fff!important}.app-backdrop,.shell,.topbar,.nav,.confetti,.popup-overlay{display:none!important}.print-root{display:block!important;color:#2b2b2b}.pl-sheet{break-inside:avoid;page-break-inside:avoid;page-break-after:always;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:6mm}.pl-sheet:last-child{page-break-after:auto}.pl-img img{max-width:100%;max-height:100%;object-fit:contain}.pl-challenge,.pl-badge-sheet{flex-direction:column;text-align:center;padding:16mm}.pl-h{font-family:var(--font-display);font-size:22pt;color:#c7285e;margin:0 0 8mm}.pl-p{font-size:13pt;line-height:2.2;margin:0 0 4mm;align-self:flex-start}.pl-ar{font-family:var(--font-arabic);direction:rtl;font-weight:700;font-size:20pt}.pl-phrase{margin-top:8mm}.pl-medal{display:inline-block;border:4px dashed #E7A21C;border-radius:50%;padding:18mm;font-family:var(--font-display);font-weight:800}.pl-medal__emoji{font-size:48pt}.pl-medal__sub{font-weight:600;color:#8a776e}}.color-print{display:none}@media print{.coloring,.parent,.dash,.dash2{display:none!important}.color-print{display:flex!important;align-items:center;justify-content:center;width:100%;height:100vh;padding:10mm}.color-print svg,.color-print img{max-width:100%;max-height:100%;object-fit:contain}}