/* طبقة التحسينات المرحة — لا تغيّر تخطيط الدروس الأساسي */
.kid-sound{position:relative;border-color:var(--hi)!important;background:var(--hi-soft)!important;color:var(--navy)!important;font-size:1.2rem;transition:transform .15s,box-shadow .15s}
.kid-sound:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--hi)}
.kid-sound[data-on="false"]{filter:grayscale(1);opacity:.8}
.kid-boost{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:stretch;margin:18px 0 22px;padding:22px;background:linear-gradient(135deg,var(--card),var(--blue-soft));border:2px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.kid-boost:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--hi);opacity:.12;inset-inline-end:-70px;inset-block-start:-70px}
.boost-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:5px}.boost-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:800;font-size:.9rem}.boost-copy h2{font-size:clamp(1.3rem,2.4vw,1.85rem);margin:0}.boost-copy p{max-width:620px;margin:0;color:var(--muted)}
.boost-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.boost-step{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.86rem}.boost-step b{color:var(--blue)}
.kid-visual{position:relative;min-height:235px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(228,241,249,.72));overflow:hidden;border:1px solid rgba(47,127,181,.18)}
body.dark .kid-visual{background:linear-gradient(180deg,rgba(29,58,82,.8),rgba(23,42,58,.9))}.kid-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.92}.dark .kid-visual img{mix-blend-mode:screen;opacity:.7}.kid-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,127,181,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(47,127,181,.12) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:1}
.decimal-orbit{position:absolute;z-index:2;inset:12px;pointer-events:none}.decimal-block{position:absolute;display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:2px solid var(--navy);border-radius:12px;background:var(--hi);font-family:var(--f-head);font-size:1.35rem;color:var(--navy);box-shadow:3px 3px 0 rgba(23,50,74,.2);animation:floatDecimal 3.8s ease-in-out infinite}.decimal-block:nth-child(1){inset-inline-start:8%;inset-block-start:20%;animation-delay:-.8s}.decimal-block:nth-child(2){inset-inline-end:8%;inset-block-start:18%;background:var(--blue-soft);animation-delay:-2.1s}.decimal-block:nth-child(3){inset-inline-end:15%;inset-block-end:10%;background:var(--ok-soft);animation-delay:-1.2s}.decimal-block:nth-child(4){inset-inline-start:15%;inset-block-end:8%;background:#fdebe7;animation-delay:-2.8s}
@keyframes floatDecimal{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.kid-mini-btn{align-self:flex-start;margin-top:9px}.kid-level{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-weight:800}.kid-stars{letter-spacing:3px;color:var(--hi);text-shadow:0 1px 0 #a97800;direction:ltr}.kid-mission{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:12px 15px;border:1px dashed var(--hi);border-radius:14px;background:var(--hi-soft)}.kid-mission p{margin:0}.kid-mission strong{font-family:var(--f-head);font-size:1.15rem}.kid-mission .kid-stars{font-size:1.1rem}
.kid-animation-strip{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(230px,.95fr);gap:14px;align-items:stretch;margin:0 0 16px;padding:15px 18px;border-radius:18px;background:var(--blue-soft);border:1px solid var(--line)}.motion-copy h3{margin:0 0 4px}.motion-copy p{margin:0;color:var(--muted);font-size:.95rem}.lesson-video-wrap{position:relative;min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:6px}.kid-lesson-video{width:100%;aspect-ratio:16/9;display:block;border-radius:14px;background:#17324a;object-fit:cover;border:1px solid rgba(47,127,181,.22)}.video-status{margin:0;color:var(--muted);font-size:.78rem}.coach-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}.coach-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--hi);border:2px solid var(--navy);font-size:1.7rem;box-shadow:3px 3px 0 rgba(23,50,74,.16)}.coach-row b,.coach-row small{display:block}.coach-row small{color:var(--muted);font-size:.75rem}.coach-quote{margin-top:9px!important;padding:8px 10px;border-radius:10px;background:var(--card);border:1px dashed var(--hi);font-weight:700;color:var(--navy)!important}.motion-stage{position:relative;height:100px;overflow:hidden;margin:10px 0 8px;border-radius:14px;background:linear-gradient(180deg,#cfeafb 0 58%,#e3f5ea 58%);border:1px solid rgba(47,127,181,.22)}.motion-sun{position:absolute;top:13px;inset-inline-end:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--hi);color:var(--navy);font-weight:800;box-shadow:0 0 0 7px rgba(246,199,68,.2)}.motion-ground{position:absolute;inset-inline:12px;bottom:17px;height:3px;background:var(--navy);opacity:.45}.motion-rocket{position:absolute;bottom:20px;inset-inline-start:15%;font-size:2rem;animation:rocketHop 4.5s ease-in-out infinite}.motion-ruler{font-size:1.8rem}.motion-shape{font-family:var(--f-head);font-size:2.4rem;color:var(--blue);text-shadow:2px 2px 0 var(--card)}.motion-number{position:absolute;bottom:13px;inset-inline-end:18%;padding:4px 10px;border-radius:10px;background:var(--card);border:2px solid var(--navy);font-weight:800;color:var(--navy);animation:numberPop 4.5s ease-in-out infinite}.motion-caption{position:absolute;top:10px;inset-inline-start:13px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.76);color:var(--navy);font-size:.75rem;font-weight:800}
@keyframes rocketHop{0%,12%{transform:translate(0,0) rotate(-8deg)}42%,62%{transform:translate(55px,-45px) rotate(5deg)}82%,100%{transform:translate(110px,0) rotate(10deg)}}
@keyframes numberPop{0%,18%{transform:scale(.85);opacity:.65}45%,75%{transform:scale(1.15);opacity:1}100%{transform:scale(.85);opacity:.65}}
.kid-cue{margin-top:8px}.celebrate-layer{position:fixed;z-index:120;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s}.celebrate-layer.on{opacity:1;visibility:visible}.celebrate-card{padding:18px 24px;border-radius:20px;background:var(--card);border:2px solid var(--hi);box-shadow:0 10px 40px rgba(23,50,74,.22);text-align:center;transform:scale(.82)}.celebrate-layer.on .celebrate-card{animation:celebrateCard .65s cubic-bezier(.2,.8,.2,1) forwards}.celebrate-card strong{display:block;font-family:var(--f-head);font-size:1.7rem;color:var(--navy)}.celebrate-card span{color:var(--muted)}.confetti{position:absolute;top:45%;width:10px;height:16px;border-radius:3px;animation:confettiFall 1.2s ease-out forwards}.confetti:nth-child(odd){background:var(--hi)}.confetti:nth-child(even){background:var(--blue)}
@keyframes celebrateCard{to{transform:scale(1)}}@keyframes confettiFall{to{transform:translate(var(--x),var(--y)) rotate(480deg);opacity:0}}
@media (max-width:800px){.kid-boost{grid-template-columns:1fr}.kid-visual{min-height:190px}.kid-animation-strip{grid-template-columns:1fr}.motion-stage{height:90px}.kid-mission{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){.decimal-block,.motion-rocket,.motion-number{animation:none!important}.celebrate-layer,.celebrate-layer.on .celebrate-card{transition:none!important;animation:none!important}.celebrate-layer.on .celebrate-card{transform:scale(1)}}
.topic-grid{margin:8px 0 24px}.topic-grid-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 10px}.topic-grid-head h2{margin:2px 0 0}.topic-grid-head p{margin:0;color:var(--muted)}
.topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:start;gap:3px;min-height:205px;padding:0 15px 14px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.topic-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 8px 20px rgba(23,50,74,.12)}.topic-card:focus-visible{transform:translateY(-2px)}.topic-card strong{font-family:var(--f-head);font-size:1.15rem;color:var(--navy)}.topic-card span:not(.topic-art){color:var(--muted);font-size:.9rem}.topic-card em{margin-top:auto;color:var(--blue);font-style:normal;font-weight:800;font-size:.88rem}.topic-art{display:grid;place-items:center;height:108px;margin:0 -15px 9px;border-bottom:1px solid var(--line)}.topic-art svg{width:170px;height:90px}.topic-art rect,.topic-art circle{fill:var(--hi);stroke:var(--navy);stroke-width:3}.topic-art path{fill:var(--blue-soft);stroke:var(--navy);stroke-width:4;stroke-linejoin:round}.topic-art text{font-family:var(--f-head);font-size:29px;font-weight:800;fill:var(--navy)}.topic-measure .topic-art{background:linear-gradient(180deg,var(--blue-soft),var(--card))}.topic-shape .topic-art{background:linear-gradient(180deg,var(--ok-soft),var(--card))}.topic-decimal .topic-art{background:linear-gradient(180deg,var(--hi-soft),var(--card))}
.reward-ladder{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;margin:0 0 18px;padding:13px 15px;border-radius:14px;background:var(--blue-soft);border:1px solid var(--line)}.reward-ladder div{display:flex;flex-direction:column;gap:2px}.reward-ladder b{font-size:.78rem;color:var(--muted)}.reward-ladder strong{font-family:var(--f-head);font-size:1.55rem;color:var(--navy)}.reward-ladder span:not(.reward-track span){font-weight:800;color:var(--blue)}.reward-track{height:10px!important;border-radius:99px;background:var(--card);overflow:hidden;border:1px solid var(--line)}.reward-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--hi));transition:width .4s ease}
@media (max-width:800px){.topic-grid-head{display:block}.topic-grid-head p{margin-top:3px}.topic-cards{grid-template-columns:1fr}.topic-card{min-height:175px}.topic-art{height:84px}.reward-ladder{grid-template-columns:auto 1fr}.reward-ladder>div:last-child{grid-column:1/-1}}