: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:0;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%);flex:1;display:flex;flex-direction:column}.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}.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%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1%;color:#fff;background:radial-gradient(circle at 42% 34%,#f4718f,#e9457b 55%,#c7285e);box-shadow:0 6px 16px -4px #4a3b3580,inset 0 3px 6px #ffffff59,inset 0 -5px 8px #00000029;border:3px solid rgba(255,255,255,.9);cursor:pointer;z-index:6;transition:transform .18s var(--ease-bounce);-webkit-tap-highlight-color:transparent}.page-audio:hover{transform:translate(-50%,-50%) scale(1.06)}.page-audio:active{transform:translate(-50%,-50%) scale(.95)}.page-audio.is-playing{animation:pulseRing 1.1s ease-out infinite}.page-audio__icon{font-size:min(2.4vw,1.15rem);line-height:1}.page-audio__label{font-family:var(--font-display);font-weight:800;font-size:min(1.5vw,.62rem);letter-spacing:.02em;text-transform:uppercase;color:#fbe3ae}.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}.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}}