.learning-room-3d{color:#3f3350;height:100svh;min-height:100svh;font-family:var(--h-font-body);background:#6f5238;position:relative;overflow:hidden}.learning-room-3d[lang=ar]{font-family:var(--h-font-arabic)}.learning-room-3d button{touch-action:manipulation}:is(.learning-room-3d button:focus-visible,.learning-room-3d a:focus-visible){outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:var(--h-focus-offset)}:where(.learning-room-3d) :where(.h-btn-round,.h-btn-big,.h-btn-pill){color:#3f3350;cursor:pointer;background:#fbf2dd;border:2px solid #d9b46a;justify-content:center;align-items:center;gap:8px;transition:transform .26s cubic-bezier(.2,1.35,.3,1),box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 2px #fffaf0,0 3px #a9824f,0 8px 18px #3b261422}:where(.learning-room-3d) :where(.h-btn-round){border-radius:50%;width:58px;height:58px;padding:0}:where(.learning-room-3d) :where(.h-btn-big){border-radius:50%;width:78px;height:78px;padding:0}:where(.learning-room-3d) :where(.h-btn-pill){border-radius:999px;min-height:50px;padding:0 20px;font-size:17px}:where(.learning-room-3d) :where(.h-btn-round,.h-btn-big,.h-btn-pill):hover:not(:disabled){transform:translateY(-3px)scale(1.08)rotate(-3deg)}:where(.learning-room-3d) :where(.h-btn-round,.h-btn-big,.h-btn-pill):active:not(:disabled){transition-duration:80ms;transform:translateY(1px)scale(.94)}:where(.learning-room-3d) :where(.h-btn-round,.h-btn-big,.h-btn-pill):disabled{opacity:.48;cursor:default}:where(.learning-room-3d) :where(.h-btn-round,.h-btn-big) .story-control-art{width:30px;height:30px}:where(.learning-room-3d) :where(.h-card){color:#3f3350;cursor:pointer;background:#fffaf0;border:2px solid #d6c29a;border-radius:18px;box-shadow:inset 0 0 0 3px #fffdf7,0 4px #c9ad7b,0 10px 18px #5a3d2218}.lr-header{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;inset:14px 22px auto}.lr-header>*{pointer-events:auto}.lr-header .hadoota-logo{width:var(--h-logo-header);filter:drop-shadow(0 2px 6px #3b26143a);height:auto;display:block}.lr-header-tools{align-items:center;gap:12px;display:flex}.lr-welcome{z-index:4;box-sizing:border-box;text-align:center;pointer-events:none;color:#fff8e6;text-shadow:0 1px 6px #1a0f0a90;background:#2a1d2ab8;border-radius:22px;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:calc(100% - 32px);padding:8px 22px 9px;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%;box-shadow:0 6px 22px #140c1466,inset 0 0 0 1px #e6c98a55}.lr-welcome h1{font:600 clamp(19px,1.9vw,26px)/1.15 var(--h-font-display);overflow-wrap:anywhere;margin:0}.lr-welcome p{overflow-wrap:anywhere;margin:0;font-size:clamp(14px,1.25vw,16px);line-height:1.4}.lr-welcome .lr-credits{font-size:13px}.lr-credits{pointer-events:auto;color:#fff3d6;text-underline-offset:3px;font-size:14px}[lang=ar] .lr-welcome h1{font-family:var(--h-font-arabic)}.learning-room-3d.is-reading .lr-welcome{display:none}.lr-stage{position:absolute;inset:0}.lr-room{position:absolute;inset:0;overflow:hidden}.lr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lr-grade{pointer-events:none;position:absolute;inset:0}.lr-grade>span{transition:opacity .9s;position:absolute;inset:0}.lr-grade-vignette{mix-blend-mode:multiply;background:radial-gradient(92% 86% at 50% 52%,#fff 0% 55%,#f2eae4 80%,#ded4ce 100%)}.lr-grade-lamp{display:none}.lr-phase-open .lr-grade-vignette,.lr-phase-moving .lr-grade-vignette{opacity:.7}.lr-atmosphere{pointer-events:none;contain:strict;position:absolute;inset:0;overflow:hidden}.lr-atmosphere-beam,.lr-phase-open .lr-atmosphere-mote:nth-child(2n){display:none}.lr-atmosphere-mote{width:var(--mote-size,3px);height:var(--mote-size,3px);opacity:0;will-change:transform,opacity;animation:lr-mote var(--mote-duration,14s) ease-in-out var(--mote-delay,0s) infinite;background:radial-gradient(circle,#fffbe9 0 30%,#ffdb968c 55%,#ffd28c00 72%);border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #ffd68c59}@keyframes lr-mote{0%{opacity:0;transform:translate(0,0)}18%{opacity:var(--mote-alpha,.5)}50%{transform:translate3d(calc(var(--mote-dx,0px)*-.6),calc(var(--mote-dy,-24px)*.5),0)}82%{opacity:var(--mote-alpha,.5)}to{transform:translate3d(var(--mote-dx,0px),var(--mote-dy,-24px),0);opacity:0}}.lr-shelf-targets,.lr-item-targets{pointer-events:none;position:absolute;inset:0}.lr-shelf-targets>[role=listitem]{display:contents}.lr-book-target,.lr-decor-target,.lr-item-target{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;margin:0;padding:0;position:absolute}.lr-book-target:disabled,.lr-decor-target:disabled{pointer-events:none}.lr-phase-moving .lr-shelf-targets,.lr-phase-open .lr-shelf-targets{visibility:hidden}.lr-book-progress{color:#5b3f6f;font:600 14px/1.3 var(--h-font-display);white-space:nowrap;opacity:.92;background:#fbf2dd;border-radius:999px;padding:3px 11px;transition:opacity .2s,translate .26s cubic-bezier(.2,1.35,.3,1);position:absolute;bottom:-34px;left:50%;translate:-50%;box-shadow:0 2px #b8864f,0 4px 10px #3b261430}:is(.lr-book-target:hover .lr-book-progress,.lr-book-target:focus-visible .lr-book-progress){opacity:1;translate:-50% -3px}.lr-item-target{border-radius:14px}.lr-item-target:focus-visible{outline-offset:2px}.lr-play-status{transform-origin:0 0;text-align:center;color:#5b3f6f;z-index:3;background:#fffaf0e6;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:300px;height:360px;padding:20px;font-size:20px;display:flex;position:absolute;top:0;left:0;box-shadow:0 6px 18px #3b261424}.lr-play-status[hidden]{display:none}.lr-play-status p{margin:0}.lr-play-status progress{accent-color:#7954a4;width:200px;height:10px}.lr-flat{background:linear-gradient(#d9bf9b,#b58f69);place-items:center;display:grid}.lr-flat-shelf{grid-template-columns:repeat(3,200px);gap:26px 34px;margin-top:80px;display:grid}.lr-flat-book{background:var(--cover);color:#fff7e4;text-align:start;cursor:pointer;border:0;border-radius:6px 14px 14px 6px;flex-direction:column;justify-content:flex-end;gap:6px;height:250px;padding:18px;display:flex;box-shadow:-6px 3px #eee4ce,0 12px 22px #3b261440}.lr-flat-book strong{font:600 22px/1.2 var(--h-font-display)}.lr-flat-page{aspect-ratio:.8;background:#f6ecd6;border-radius:8px;width:min(560px,44vw);margin-inline:auto 6vw;position:relative;box-shadow:0 12px 30px #3b261440}.lr-flat-item{cursor:pointer;width:92px;height:92px;font:600 34px/1 var(--h-font-display);color:#5b3f6f;background:50%/contain no-repeat;border:0;border-radius:14px;position:absolute;translate:-50% -50%}.lr-flat-tile{background:#fbf1dc;width:60px;height:60px;box-shadow:0 3px #c99a58}@media (max-width:900px){.lr-header .hadoota-logo{width:var(--h-logo-dialog)}}@media (prefers-reduced-motion:reduce){.lr-atmosphere-mote{animation:none;display:none}:where(.learning-room-3d) :where(.h-btn-round,.h-btn-big,.h-btn-pill):hover:not(:disabled){transform:none}}.learning-room-3d.is-reading .mode-switch{visibility:hidden}.lr-lesson-bar{z-index:7;align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:50%;translate:-50%}.lr-back.h-btn-pill{min-height:46px;padding:0 20px;font-size:17px}.lr-progress-stars{z-index:4;opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;top:0;left:0;translate:-50% -50%}.lr-progress-stars[data-shown]{opacity:1;pointer-events:auto}.lr-progress-stars[hidden]{display:none}.lr-progress-stars ol{background:#fbf2ddeb;border-radius:999px;gap:2px;margin:0;padding:4px 10px;list-style:none;display:flex;box-shadow:0 2px #c9ad7b,0 6px 14px #3b261433}.lr-progress-stars button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:scale .22s cubic-bezier(.2,1.35,.3,1);display:grid}.lr-progress-stars button .story-control-art{opacity:.38;filter:grayscale(.9);width:22px;height:22px}.lr-progress-stars button.is-done .story-control-art{opacity:1;filter:none}.lr-progress-stars button[aria-current=step]{background:#fffaf0;box-shadow:inset 0 0 0 2px #d9b46a}.lr-progress-stars button[aria-current=step] .story-control-art{opacity:1;filter:none}.lr-progress-stars button:hover{scale:1.15}.lr-count-badge{top:-6px;box-sizing:border-box;color:#5b3f6f;min-width:28px;height:28px;font:600 16px/1 var(--h-font-display);pointer-events:none;background:#fbf2dd;border:2px solid #d9b46a;border-radius:999px;place-items:center;padding:0 5px;animation:.42s cubic-bezier(.2,1.35,.3,1) both lr-badge;display:grid;position:absolute;inset-inline-start:-6px;box-shadow:0 2px #a9824f,0 4px 8px #3b261430}[lang=ar] .lr-count-badge{font-family:var(--h-font-arabic);font-size:17px}@keyframes lr-badge{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}.lr-word-tip{z-index:5;color:#3f3350;font:600 19px/1.2 var(--h-font-display);white-space:nowrap;pointer-events:none;background:#fffaf0;border:2px solid #e6c98a;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;animation:.26s cubic-bezier(.2,1.35,.3,1) both lr-tip;display:flex;position:absolute;translate:-50% -100%;box-shadow:0 3px #c9ad7b,0 8px 18px #3b261433}.lr-word-ring{box-sizing:border-box;border:3px solid #d9964a;border-radius:50%;flex:none;width:12px;height:12px}.lr-word-tip bdi+bdi{color:#7a6650;font-size:.8em;font-weight:500}.lr-word-tip bdi+bdi:before{content:"·";color:#b8864f;margin-inline-end:8px}.lr-word-tip [lang=ar]{font-family:var(--h-font-arabic);font-size:21px}.lr-word-tip [lang=ar]+[lang=en],.lr-word-tip [lang=en]+[lang=ar]{font-size:.8em}@keyframes lr-tip{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}.lr-dock{z-index:6;box-sizing:border-box;visibility:hidden;opacity:0;flex-direction:column;align-items:stretch;gap:10px;width:min(860px,100% - 32px);transition:opacity .26s,visibility 0s linear .26s;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.lr-dock[data-shown]{visibility:visible;opacity:1;transition:opacity .32s}.lr-panel{flex-direction:column;gap:8px;padding:12px 18px 14px;display:flex;position:relative;overflow:hidden}.lr-panel-head{align-items:center;gap:12px;min-height:32px;display:flex}.lr-panel-label{font:600 13px/1.2 var(--h-font-display);letter-spacing:.09em;text-transform:uppercase;color:#8a6a4a;flex:none;margin:0}[lang=ar] .lr-panel-label{font-family:var(--h-font-arabic);letter-spacing:0;text-transform:none;font-size:15px}.lr-feedback{color:#6d5a47;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:15px;line-height:1.25;overflow:hidden}[lang=ar] .lr-feedback{font-size:17px}.lr-feedback[data-phase=correct],.lr-feedback[data-phase=explanation]{color:#4f6b3a;font-weight:600}.lr-panel .lr-reset.h-btn-round{flex:none;width:38px;min-width:38px;height:38px}.lr-panel .lr-reset.h-btn-round>img{width:22px;height:22px}.lr-panel-body{flex-direction:column;gap:2px;min-height:64px;animation:.48s cubic-bezier(.22,.8,.2,1) both lr-card-in;display:flex}@keyframes lr-card-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.lr-prompt{font:600 25px/1.2 var(--h-font-display);color:#2c2a3e;margin:0}[lang=ar] .lr-prompt{font-family:var(--h-font-arabic);font-size:27px;line-height:1.3}.lr-prompt.is-answer{color:#4f6b3a;align-items:center;gap:8px;display:flex}.lr-prompt.is-answer .story-control-art{flex:none;width:28px;height:28px}.lr-sentence{color:#3a3348;margin:0;font-size:18px;line-height:1.45}[lang=ar] .lr-sentence{font-size:20px;line-height:1.55}.lr-word{font:inherit;color:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;border-radius:4px;margin:0;padding:0;-webkit-text-decoration:underline dotted #b8864f;text-decoration:underline dotted #b8864f;text-decoration-thickness:2px}.lr-word:hover{color:#8f3b2a}.lr-sentence[data-reading] [data-read=ahead]{opacity:.32}.lr-sentence[data-reading] [data-read=current]{background:#ffe9a8;border-radius:4px;box-shadow:0 0 0 3px #ffe9a8}.lr-token,.lr-word{transition:opacity .2s,background-color .2s}.lr-answers{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:78px;gap:12px;display:grid}.lr-answer{box-sizing:border-box;overflow-wrap:anywhere;border-style:solid;border-width:2px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:78px;margin:0;padding:6px 8px;font-size:17px;line-height:1.2;transition:transform .26s cubic-bezier(.2,1.35,.3,1),background-color .2s,border-color .2s,opacity .2s;display:flex;position:relative;overflow:hidden}.lr-answer-main{color:#c0452f;font:600 20px/1.15 var(--h-font-display);text-align:center}.lr-answer.is-short .lr-answer-main{font-size:38px;line-height:1}[lang=ar] .lr-answer-main{font-family:var(--h-font-arabic)}[lang=ar] .lr-answer.is-short .lr-answer-main{font-size:40px}.lr-answer-caption{font:500 13px/1.1 var(--h-font-body);color:#7a6650;text-align:center}[lang=ar] .lr-answer-caption{font-family:var(--h-font-arabic);font-size:15px}.lr-answer .answer-card-pictures{height:40px}.lr-answer .answer-picture{width:40px;height:40px}.lr-answer:hover:not([aria-disabled=true]){transform:translateY(-3px)}.lr-answer[data-state=selected]{border-color:#d9b46a;transform:scale(.97)}.lr-answer[data-state=correct]{background:#eef5dc;border-color:#6f8f4e;animation:.7s cubic-bezier(.2,1.35,.3,1) lr-correct}.lr-answer[data-state=correct] .lr-answer-main{color:#3f5a2a}.lr-answer[data-state=retry]{opacity:.62;background:#fbf1e2;animation:.42s lr-soft-shake}.lr-answer[aria-disabled=true]{cursor:default}.lr-answer-mark{top:5px;width:22px;height:22px;position:absolute;inset-inline-end:5px}.lr-answer-mark .story-control-art{width:22px;height:22px}@keyframes lr-correct{40%{transform:scale(1.06)rotate(-1.5deg)}}@keyframes lr-soft-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.lr-hint{box-sizing:border-box;color:#5a4526;width:100%;height:46px;font:500 16px/1.25 var(--h-font-body);text-align:start;cursor:pointer;background:#fff6dc;border:2px solid #e3cf9f;border-radius:14px;align-items:center;gap:10px;margin:0;padding:0 8px 0 14px;transition:background-color .2s,border-color .2s;display:flex}[lang=ar] .lr-hint{font-family:var(--h-font-arabic);padding:0 14px 0 8px;font-size:17px}.lr-hint:hover:not(:disabled){background:#fff1c7;border-color:#d9b46a}.lr-hint:disabled{cursor:default;opacity:.6}.lr-hint[aria-expanded=true]{background:#fff3cf;border-color:#d9b46a}.lr-hint-bulb{color:#c98a2e;flex:none}.lr-hint-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.lr-hint-count{color:#fff;font:600 14px/1.2 var(--h-font-display);white-space:nowrap;background:#7954a4;border-radius:999px;flex:none;padding:3px 10px}[lang=ar] .lr-hint-count{font-family:var(--h-font-arabic);font-size:15px}.lr-hint-count[data-empty]{background:#b9aac9}.lr-hint[aria-expanded=true] .lr-hint-count{animation:.45s cubic-bezier(.2,1.35,.3,1) lr-bump}@keyframes lr-bump{50%{scale:1.14}}.lr-card-actions{flex-wrap:wrap;gap:12px;display:flex}.lr-panel.is-finished .lr-sentence{margin-bottom:4px}.lr-controls{justify-content:center;align-items:center;gap:16px;display:flex}.lr-controls .h-btn-round{width:52px;min-width:52px;height:52px}.lr-explain.h-btn-pill{min-height:48px;padding:0 22px;font-size:17px}.lr-explain.h-btn-pill>img{width:24px;height:24px}.lr-explain[aria-pressed=true]{background:#fff1c7}.lr-sparkles{pointer-events:none;position:absolute;inset:0}.lr-sparkles i{width:12px;height:12px;animation:1.1s ease-out both lr-sparkle;animation-delay:calc(var(--i) * 40ms);--a:calc(var(--i) * 36deg);background:radial-gradient(circle,#fff6c8,#e6bd66 60%,#0000 70%);border-radius:50%;position:absolute;top:70%;left:50%}@keyframes lr-sparkle{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(-120px) scale(1.2)}}@media (max-width:900px){.lr-dock{gap:8px;bottom:8px}.lr-panel{padding:10px 14px 12px}.lr-prompt{font-size:22px}[lang=ar] .lr-prompt{font-size:24px}.lr-sentence{font-size:17px}.lr-answers{gap:10px}}@media (max-height:760px){.lr-panel{gap:6px;padding-block:10px 12px}.lr-answers,.lr-answer{grid-auto-rows:70px;height:70px}.lr-hint{height:42px}.lr-controls .h-btn-round{width:48px;min-width:48px;height:48px}.lr-explain.h-btn-pill{min-height:44px}}@media (prefers-reduced-motion:reduce){.lr-panel-body,.lr-count-badge,.lr-word-tip,.lr-answer,.lr-hint-count,.lr-progress-stars,.lr-progress-stars button,.lr-dock,.lr-token,.lr-word{transition:none!important;animation:none!important}.lr-sparkles{display:none}}.lr-stage:has(.lr-flat) .lr-progress-stars{opacity:1;pointer-events:auto;top:92px;left:50%}.learning-room-3d{--h-walnut-ring:var(--h-walnut-ring-dark)}.learning-room-3d :is(.h-btn-round,.h-btn-big,.h-btn-pill):disabled{opacity:1}.lr-panel-label .lr-level{letter-spacing:.04em}.lr-step-chip{color:#6b4f2e;font:600 12px/1.4 var(--h-font-display);letter-spacing:.04em;vertical-align:1px;background:#efe2c4;border-radius:999px;margin-inline-start:10px;padding:2px 10px;display:inline-block}[lang=ar] .lr-step-chip{font-family:var(--h-font-arabic);letter-spacing:0;font-size:14px}.lr-step-chip[data-step=explore],.lr-steps [data-step=explore]{--step:#8fb7b0}.lr-step-chip[data-step=guided],.lr-steps [data-step=guided]{--step:#e3bf73}.lr-step-chip[data-step=practice],.lr-steps [data-step=practice]{--step:#c99ac6}.lr-step-chip[data-step=check],.lr-steps [data-step=check]{--step:#9fbf7c}.lr-step-chip{box-shadow:inset 0 -3px 0 var(--step,#d9c39a)}.lr-equation{color:#fdf6e3;font:600 22px/1.35 var(--h-font-display);letter-spacing:.06em;background:#3f4f45;border-radius:10px;align-self:flex-start;margin:2px 0 0;padding:2px 14px;box-shadow:inset 0 0 0 3px #7b5a3a}[lang=ar] .lr-equation{font-family:var(--h-font-arabic);letter-spacing:0}.lr-equation[data-solved]{color:#fff2b8}.lr-goal{color:#3a3348;align-items:center;gap:8px;margin:0;font-size:17px;line-height:1.35;display:flex}.lr-goal .story-control-art{flex:none;width:22px;height:22px}.lr-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.lr-steps li{box-shadow:inset 0 -4px 0 var(--step,#d9c39a);text-align:center;background:#fbf3df;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;display:flex}.lr-step-name{font:600 14px/1.2 var(--h-font-display);color:#4a3a2a}[lang=ar] .lr-step-name{font-family:var(--h-font-arabic);font-size:15px}.lr-step-range{color:#8a6a4a;font-size:12px}.lr-words{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lr-words li{font:600 15px/1.3 var(--h-font-display);color:#3f3350;background:#fffaf0;border:2px solid #e6d3a6;border-radius:999px;align-items:baseline;gap:6px;padding:3px 12px;display:flex}.lr-words [lang=ar]{font-family:var(--h-font-arabic)}.lr-word-other{color:#7a6650;font-size:.85em;font-weight:500}.lr-recap-stars{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.lr-recap-stars .story-control-art{width:34px;height:34px}.lr-recap-score{color:#6d5a47;margin-inline-start:8px;font-size:15px}.lr-parent-note{color:#7a6650;margin:0;font-size:14px}.lr-hint-step{font:600 13px/1 var(--h-font-display);color:#8a6a4a;flex:none}.lr-panel.is-intro,.lr-panel.is-finished{overscroll-behavior:contain;max-height:calc(100svh - 190px);overflow-y:auto}@media (max-width:900px){.lr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lr-equation{font-size:19px}}@media (max-height:760px){.lr-steps li{padding:4px}.lr-goal{font-size:15px}.lr-parent-note{display:none}}.lr-flat-book{background-position:50%;background-size:cover}.learning-room-3d .lr-controls :is(.lr-prev,.lr-next).h-btn-round{background:var(--v5-img-prev) center/100% 100% no-repeat;border:0;box-shadow:0 4px 8px #1d100866}.learning-room-3d .lr-controls .lr-next.h-btn-round,.learning-room-3d[dir=rtl] .lr-controls .lr-prev.h-btn-round{background-image:var(--v5-img-next)}.learning-room-3d[dir=rtl] .lr-controls .lr-next.h-btn-round{background-image:var(--v5-img-prev)}.learning-room-3d .lr-controls :is(.lr-prev,.lr-next)>.story-control-art{visibility:hidden}.learning-room-3d .lr-controls :is(.lr-prev,.lr-next).h-btn-round{width:72px;min-width:72px;height:72px;padding:0}.learning-room-3d .lr-controls :is(.lr-prev,.lr-next):disabled{filter:saturate(.35);opacity:.6;cursor:default}.learning-room-3d :is(.h-btn-round,.h-btn-pill):focus-visible{outline:2px solid var(--h-focus-color,#7a5230);outline-offset:3px}.lr-header .hc-hud{align-self:flex-start}.lr-panel .lr-reset.h-btn-round{width:44px;min-width:44px;height:44px}.lr-grade-target{cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:flex-start;padding:0;display:flex;position:absolute}.lr-grade-target span{opacity:0;color:#fff4dc;background:#2a1d2ae0;border-radius:999px;margin-top:-4px;padding:4px 12px;font:600 14px Fredoka,"Baloo Bhaijaan 2",sans-serif;transition:opacity .15s}.lr-grade-target:focus-visible{box-shadow:none}:is(.lr-grade-target:hover span,.lr-grade-target:focus-visible span){opacity:1}.lr-grade-target[data-peek=true]{background:linear-gradient(to var(--peek-side,right),#ffe3a000,#ffe3a014)}.lr-grade-target[data-peek=true] span{margin-top:auto;margin-bottom:12px}.lr-room{touch-action:none}.lr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lr-grade-target[hidden]{display:none}.lr-carousel{z-index:6;box-sizing:border-box;pointer-events:none;width:max-content;max-width:calc(100% - 32px);color:var(--h-cream,#fff6d7);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:50%;translate:-50%}.lr-carousel>*{pointer-events:auto}.lr-carousel-caption{font:800 22px/1.15 var(--h-font-display),Fredoka,sans-serif;color:var(--h-cream,#fff6d7);text-shadow:0 2px #1d1008,0 3px 10px #1d100880;margin:0}.lr-carousel-caption strong{color:#ffd77a;font-weight:800}[lang=ar] .lr-carousel-caption{font-family:var(--h-font-arabic),"Baloo Bhaijaan 2",sans-serif}.lr-carousel-row{align-items:center;gap:14px;max-width:100%;display:flex}.lr-carousel .lr-strip-arrow{flex:none}.lr-carousel .lr-strip-arrow>svg{width:26px;height:26px}.lr-carousel .lr-strip-arrow:disabled{opacity:.4;cursor:default}.lr-carousel-books{scrollbar-width:none;gap:12px;min-width:0;margin:-14px 0 -20px;padding:18px 6px 26px;list-style:none;display:flex;overflow-x:auto}.lr-carousel-books::-webkit-scrollbar{display:none}.lr-carousel-books li{animation:.32s cubic-bezier(.2,.8,.3,1.2) both lr-thumb-in;animation-delay:calc(var(--i) * 45ms)}@keyframes lr-thumb-in{0%{opacity:0;translate:0 8px}}.lr-chip.book-chip{box-sizing:border-box;color:#3b2a1a;background:linear-gradient(#fffaf0 0%,#f7eedb 60%,#efe1c2 100%);border-radius:16px;flex-direction:column;align-items:stretch;gap:7px;width:236px;padding:9px 10px 10px;transition:transform .22s cubic-bezier(.2,1.35,.3,1),box-shadow .22s;display:flex;box-shadow:0 0 0 1px #d8b97f,0 0 0 4px #25304f,0 10px 22px #0c10246b}.lr-chip.book-chip:hover,.lr-chip.book-chip:focus-within{transform:translateY(-4px)scale(1.03);box-shadow:0 0 0 1px #d8b97f,0 0 0 4px #25304f,0 16px 28px #0c10248c}.lr-chip.book-chip{border-radius:14px;gap:6px;width:214px;padding:8px}.lr-chip .chip-face{text-align:center;flex-direction:column;align-items:stretch;gap:5px;display:flex}.lr-chip .chip-band{aspect-ratio:182/80;background:radial-gradient(70% 80% at 50% 58%,#fff6dc 0%,#f6e3b8 55%,#e9cf9a 100%);border-radius:9px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5a3c1e40}.lr-chip .chip-band:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fffaf0bf,inset 0 -10px 14px -10px #28180a59}.lr-chip .chip-thumb{object-fit:cover;object-position:center 42%;width:100%;height:100%;transition:transform .35s;display:block}.lr-chip:hover .chip-thumb,.lr-chip:focus-within .chip-thumb{transform:scale(1.06)}.lr-chip[data-locked] .chip-thumb{filter:saturate(.75)brightness(.96)}.lr-chip .chip-name-row{justify-content:center;align-items:center;gap:6px;min-width:0;padding-inline:2px;display:flex}.lr-chip .chip-hero{background:var(--cloth,#6a8fb5);border-radius:2px 4px 4px 2px;flex:none;width:14px;height:18px;transform:rotate(-6deg);box-shadow:inset 3px 0 #00000038,0 1px 3px #28180a59}.lr-chip[dir=rtl] .chip-hero{border-radius:4px 2px 2px 4px;transform:rotate(6deg);box-shadow:inset -3px 0 #00000038,0 1px 3px #28180a59}.lr-chip .chip-short{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;min-width:0;font:800 14px/1.15 var(--h-font-display),Fredoka,sans-serif;color:#3b2a1a;text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lr-chip[dir=rtl] .chip-short{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:15px;line-height:1.25}.lr-chip .chip-vols{flex-direction:column;gap:3px;display:flex}.lr-carousel .lr-chip-vol{color:#3b2a1a;width:100%;min-height:24px;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;margin:0;padding:2px 4px;transition:background-color .15s;display:flex}:is(.lr-carousel .lr-chip-vol:hover,.lr-carousel .lr-chip-vol:focus-visible){background:#fff1cc;outline:none;box-shadow:inset 0 0 0 1px #d8b97f}.lr-chip-vol-name{white-space:nowrap;flex:none;min-width:46px;font:800 12px/1 Andika,"Baloo Bhaijaan 2",sans-serif}.lr-chip-vol .chip-progress{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lr-chip-vol .chip-bar{background:#e6d3ac;border-radius:999px;flex:1;height:5px;display:block;overflow:hidden}.lr-chip-vol .chip-bar i{border-radius:inherit;background:linear-gradient(90deg,#f2c14e,#e0a93c);height:100%;display:block}.lr-chip-vol .vol-count{color:#9a6a1c;white-space:nowrap;flex:none;font:800 11px/1 Andika,"Baloo Bhaijaan 2",sans-serif}.lr-chip-vol .chip-progress.is-locked{color:#8a7358;font:700 11px/1 Andika,"Baloo Bhaijaan 2",sans-serif}.lr-chip-vol .chip-lock{filter:drop-shadow(0 1px 1px #0005);width:18px;height:18px}.lr-carousel-dots{gap:0;margin:0;padding:0;list-style:none;display:flex}.lr-carousel-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.lr-carousel-dots button:before{content:"";background:#fff6d766;border-radius:50%;width:8px;height:8px;transition:background .2s,scale .2s;box-shadow:0 1px 2px #1d100866}.lr-carousel-dots button[aria-current=true]:before{background:var(--h-gold,#f2c14e);scale:1.25}.lr-carousel .lr-credits{inset-inline-end:16px;color:#f6e3b4aa;font-size:12px;position:fixed;bottom:10px}.learning-room-3d :is(.lr-carousel button,.lr-carousel a,.lr-grade-target):focus-visible{outline-offset:3px;outline:2px solid #b98a5e}@media (prefers-reduced-motion:reduce){.lr-carousel-books li{animation:none}.lr-chip.book-chip{transition:none}}@media (max-width:1100px),(max-height:760px){.lr-carousel{gap:3px;bottom:4px}.lr-chip.book-chip{gap:5px;width:200px;padding:7px}.lr-chip .chip-band{aspect-ratio:182/62}.lr-carousel-caption{font-size:17px}.lr-chip-vol .vol-book{width:24px;height:32px}.lr-carousel-books{padding-block:14px 22px}.lr-carousel-dots button{height:16px}}