.kid-main{padding-top:35px;padding-bottom:125px}.kid-bottom{position:fixed;bottom:0;inset-inline:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:center;gap:35px;padding:12px 15px max(12px,env(safe-area-inset-bottom))}.kid-bottom a{display:flex;flex-direction:column;align-items:center;min-width:65px;color:var(--muted);font-size:16px;gap:4px}.kid-bottom a.active{color:var(--blue);font-weight:700}.kid-hero{display:grid;grid-template-columns:1fr 210px;background:#e7eee7;border-radius:24px;padding:30px;margin-bottom:25px}.kid-hero img{height:190px;width:210px;object-fit:contain}.kid-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.kid-stats span{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;background:white;border-radius:12px;color:var(--navy)}.lesson-path{display:grid;gap:14px}.lesson-row{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.lesson-row>div{flex:1}.lesson-row h3,.lesson-row p{margin:0}.lesson-row p{color:var(--muted);font-size:16px}.lesson-number{border-radius:14px;width:50px;height:50px;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-size:24px;font-weight:700}.unit-heading{font-size:26px;margin:20px 0 0}.learning-main{max-width:960px;margin:auto;padding:25px 28px 60px}.lesson-toolbar{display:flex;align-items:center;gap:25px;margin-bottom:25px}.lesson-toolbar h2{font-size:22px;margin:0;max-width:35%}.lesson-toolbar .icon-button{background:#e7eee7;border-radius:50%;width:48px;height:48px}.activity-stage{text-align:center;min-height:420px}.activity-stage h1{font-size:clamp(27px,calc(3vw + 2px),38px);margin-bottom:22px}.learning-block{padding:30px;background:#f1f5f0;border-radius:24px;min-height:190px}.learning-text{font-family:"Droid Arabic Kufi",Tahoma,Arial,sans-serif;font-size:clamp(32px,5vw,58px);line-height:1.9;white-space:pre-wrap;color:var(--navy);margin:20px 0;overflow-wrap:anywhere}.learning-block p{white-space:pre-wrap;font-size:20px}.activity-image{max-height:260px;max-width:100%;object-fit:contain;margin:12px auto}.learning-audio{display:block;margin:15px auto}.answer-options{display:grid;gap:14px;margin:20px 0}.answer-option{border:2px solid #d9cdbc;border-radius:16px;background:var(--surface);padding:16px;font-family:inherit;font-size:clamp(24px,calc(3vw + 2px),37px);color:var(--navy);min-height:70px}.answer-option.selected{border-color:var(--blue);background:var(--soft)}.answer-option.correct{border-color:var(--teal);background:#e8faf2}.answer-input{font-family:"Droid Arabic Kufi",Tahoma,Arial,sans-serif;font-size:38px;text-align:center;margin:20px 0}.sequence-bank,.sequence-answer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:18px;min-height:86px;border-radius:14px;background:var(--soft);margin-block:14px}.sequence-bank button,.sequence-answer button{padding:10px 20px;min-width:55px;border-radius:10px;font-size:26px;background:var(--surface);border:1px solid var(--line);font-family:"Droid Arabic Kufi",Tahoma,Arial,sans-serif}.sequence-answer{border:2px dashed #cad5c9}.activity-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);direction:rtl;gap:15px;margin-top:22px}.activity-controls>.feedback{grid-column:1/-1}.activity-controls>#lesson-prev{grid-column:1;justify-self:start}.activity-controls>#lesson-next{grid-column:2;justify-self:end}.activity-controls>.btn:disabled{background:var(--soft);color:var(--muted);box-shadow:none;opacity:.65}.feedback{padding:16px;border-radius:14px;white-space:pre-wrap;background:var(--soft)}.feedback.good{background:#e3f7ed;color:#227653}.feedback.retry{background:#fff4e2;color:#8c641b}.feedback.error{background:#fff0f1;color:var(--danger)}.learning-footer{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.learning-footer a{color:var(--navy);font-size:17px}.trace-wrap{position:relative;border:2px solid #d9cdbc;border-radius:18px;width:min(100%,520px);height:auto;aspect-ratio:4/3;margin:20px auto;background:white;overflow:hidden}.trace-letter{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#cad5c9;font:160px "Droid Arabic Kufi",Tahoma,Arial,sans-serif;line-height:1}.trace-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.lesson-result{padding:45px 20px;text-align:center;background:var(--surface);border-radius:24px}.lesson-result .result-score{font-size:65px;color:var(--blue);font-weight:700}.stars{color:#d6a60f;display:flex;gap:8px;justify-content:center;margin:15px}.stars .icon{width:40px;height:40px}.story-reader{background:var(--surface);border-radius:24px;padding:35px;text-align:center}.story-reader .story-text{font-size:clamp(29px,calc(3.5vw + 2px),40px);line-height:2.1;font-family:"Droid Arabic Kufi",Tahoma,Arial,sans-serif}.story-translation{font-size:20px;color:var(--muted)}.story-art{height:150px;max-width:220px;object-fit:contain;margin:0 auto 20px}.story-cover{background:#f1f5f0;border-radius:16px;padding:22px;margin-bottom:18px;height:150px;display:flex;align-items:center;justify-content:center}.story-cover .icon{width:70px;height:70px;color:var(--blue)}.award-card{text-align:center}.award-card.locked{filter:grayscale(1);opacity:.75}.award-symbol{height:80px;width:80px;border-radius:50%;background:#fff4cf;color:#d19a15;display:grid;place-items:center;margin:0 auto 18px}.award-symbol .icon{width:40px;height:40px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:550px;margin:25px auto}.game-tile{background:var(--blue);color:white;border:2px solid transparent;border-radius:16px;height:90px;font-family:"Droid Arabic Kufi",Tahoma,Arial,sans-serif;font-size:40px}.game-tile.open{background:white;color:var(--navy);border-color:var(--blue)}.game-tile.matched{background:#e4f8ef;color:#20845d;border-color:#3b7851}.game-score{display:flex;justify-content:center;gap:22px;margin-bottom:20px}.game-word{font:52px/1.6 "Droid Arabic Kufi",Tahoma,Arial,sans-serif;text-align:center}.game-status{min-height:40px;text-align:center;color:#247858;font-size:21px}.chart-note{font-size:15px;color:var(--muted)}
.answer-option-row{display:flex;align-items:stretch;gap:8px;min-width:0}.answer-option-row>.answer-option{flex:1;min-width:0}.choice-listen{padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--navy);font-size:14px}.feedback audio{display:block;max-width:100%;margin-top:12px}.lesson-vocabulary{margin-top:26px;padding:16px;border:1px solid var(--line);border-radius:14px}.vocabulary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vocabulary-grid article{display:grid;gap:12px;text-align:center}.vocabulary-grid strong{font-size:30px}.vocabulary-grid audio{width:100%}
@media(max-width:680px){.kid-main{padding-top:22px}.kid-hero{grid-template-columns:1fr 90px;padding:22px}.kid-hero img{width:100px;height:145px;align-self:end}.kid-hero h1{font-size:27px}.kid-hero h2{font-size:23px}.kid-hero p{font-size:16px}.kid-stats{gap:8px;grid-column:1/-1}.kid-stats span{font-size:14px;padding:7px 10px}.kid-bottom{gap:0;justify-content:space-around;padding-inline:5px}.kid-bottom a{font-size:12px;min-width:50px}.kid-bottom .icon{width:22px;height:22px}.child-header .btn{font-size:14px;padding:8px}.lesson-row{gap:12px;padding:15px;flex-wrap:wrap}.lesson-row h3{font-size:19px}.lesson-number{width:40px;height:40px;font-size:21px}.lesson-row .btn{font-size:15px;padding:9px}.learning-main{padding:18px 16px 35px}.lesson-toolbar{gap:12px;margin-bottom:22px}.lesson-toolbar h2{font-size:17px;max-width:38%}.lesson-toolbar .icon-button{width:38px;height:38px}.lesson-toolbar>span{font-size:15px}.activity-stage h1{font-size:25px;line-height:1.7}.learning-block{padding:20px}.learning-text{font-size:36px;line-height:2}.learning-block p{font-size:18px}.answer-option{font-size:28px;padding:12px}.trace-wrap{height:auto}.trace-letter{font-size:140px}.story-reader{padding:22px}.story-reader .story-text{font-size:27px}.game-grid{gap:10px}.game-tile{height:75px}.vocabulary-grid{grid-template-columns:1fr}}

/* Learning stays inside the complete website frame. */
.study-main{width:min(980px,calc(100% - 72px));margin:30px auto 45px;padding:0}.learning-card{padding:27px 30px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);min-width:0}.learning-card .lesson-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(110px,1.3fr) auto;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.learning-card .lesson-toolbar h2{font-size:20px;max-width:none;line-height:1.8;margin:0;overflow-wrap:anywhere}.learning-card .lesson-toolbar>.icon-button{width:42px;height:42px;min-width:42px;background:var(--soft)}.learning-card .lesson-toolbar>.icon-button .icon{transform:rotate(180deg)}.learning-card .lesson-toolbar>.progress{width:100%;height:8px}.learning-card .lesson-toolbar>span{font-size:14px;white-space:nowrap;background:var(--soft);color:var(--sage-dark);border-radius:8px;padding:4px 10px}.learning-context{font-size:13px;color:var(--muted);background:var(--cream);border-radius:9px;padding:10px 14px;margin-bottom:22px}.learning-card .activity-stage{min-height:290px}.learning-card .activity-stage h1{font-size:clamp(25px,calc(2.4vw + 2px),31px);line-height:1.9;margin-bottom:22px}.learning-card .learning-block{border:1px solid #e1e8de;border-radius:16px;padding:24px;min-height:190px}.learning-card .activity-controls{margin-top:24px;gap:14px}.learning-card .activity-controls>.btn{justify-self:end;width:min(100%,270px);font-size:16px;min-height:47px}.learning-card .learning-footer{margin-top:25px;padding-top:17px}.learning-card .learning-footer a{font-size:14px}.learning-card .lesson-vocabulary{margin-top:22px;background:var(--paper)}.learning-card .lesson-vocabulary summary{font-size:15px;padding-block:3px}.learning-card .story-reader{padding:20px 10px}.learning-card .answer-option{font-size:clamp(24px,calc(2.5vw + 2px),32px)}
@media(max-width:680px){.study-main{width:calc(100% - 28px);margin:18px auto 28px}.learning-card{padding:18px 15px;border-radius:16px}.learning-card .lesson-toolbar{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding-bottom:16px;margin-bottom:18px}.learning-card .lesson-toolbar h2{font-size:17px;max-width:none}.learning-card .lesson-toolbar>.icon-button{width:36px;height:36px;min-width:36px}.learning-card .lesson-toolbar>.progress{grid-column:1/-1;grid-row:2}.learning-card .lesson-toolbar>span{grid-column:3;grid-row:1;font-size:13px;padding:4px 8px}.learning-context{font-size:12px;padding:9px 11px;margin-bottom:18px}.learning-card .activity-stage{min-height:240px}.learning-card .activity-stage h1{font-size:24px;margin-bottom:16px}.learning-card .learning-block{padding:20px 15px}.learning-card .learning-block p{font-size:17px}.learning-card .activity-controls>.btn{width:100%;font-size:15px}.learning-card .learning-footer a{font-size:13px}.learning-card .lesson-vocabulary{padding:14px}.learning-card .story-reader{padding:15px 0}.learning-card .story-reader .story-text{font-size:26px}.learning-card .answer-option{font-size:27px}}

.grade-exams{margin-top:30px;scroll-margin-top:105px}.exam-results{margin-top:24px}.exam-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.exam-card h3,.exam-card p{margin:0;max-width:100%;overflow-wrap:anywhere}.exam-card .btn{margin-top:auto}.exam-details{display:flex;flex-wrap:wrap;gap:10px;width:100%;font-size:14px}.exam-details>span{padding:8px 11px;border-radius:9px;background:var(--soft);color:var(--navy)}.exam-details strong{margin-inline-start:6px}@media(max-width:680px){.grade-exams{margin-top:24px}.grade-exams .page-heading h2{font-size:22px}.exam-card{gap:12px}.exam-details{font-size:14px}}

.trace-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.trace-controls .btn{min-height:46px}.trace-status{min-height:2em;margin-top:14px;font-size:15px;color:var(--muted)}.trace-letter{user-select:none}.trace-wrap canvas{cursor:crosshair}@media(max-width:680px){.trace-controls{gap:9px}.trace-controls .btn{flex:1;min-width:120px;font-size:14px}.trace-status{font-size:14px}}

/* Illustrated lessons: keep the complete scene and its text together. */
.illustrated-lesson{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;justify-items:center;text-align:start}
.lesson-illustration{margin:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.lesson-illustration .activity-image{display:block;width:100%;height:auto;max-height:none;max-width:100%;object-fit:contain;margin:0}
.illustrated-lesson>.lesson-illustration,.question-reading-context>.lesson-illustration{width:min(100%,720px);margin-inline:auto}.illustrated-lesson .learning-block{width:100%;padding:22px;min-height:0;background:var(--surface);border:1px solid var(--line);text-align:start}
.reading-passage{font-size:clamp(25px,2.5vw,35px);line-height:2.15;text-align:start;margin:0 0 18px;word-break:normal;overflow-wrap:break-word}
.illustrated-lesson .learning-block p{font-size:18px;line-height:1.95;color:var(--muted);margin:12px 0 0}
.plain-lesson .learning-block{background:var(--surface);border:1px solid var(--line)}
.question-reading-context{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;justify-items:center;margin-bottom:24px}
.question-reading-context .reading-passage{font-size:clamp(23px,2.2vw,30px)}
.lesson-vocabulary .vocabulary-meaning{font-size:16px;line-height:1.9;color:var(--muted);margin:7px 0}
.lesson-thumb{display:block;width:108px;height:72px;object-fit:contain;border-radius:10px;background:var(--surface);flex-shrink:0}
.curriculum-verification{margin-block:22px}.curriculum-verification .verification-note{max-width:55ch;white-space:normal;line-height:1.9}
@media(max-width:760px){.illustrated-lesson,.question-reading-context{grid-template-columns:minmax(0,1fr);gap:16px}.illustrated-lesson .learning-block{padding:18px}.reading-passage{font-size:27px;line-height:2}.lesson-illustration{border-radius:13px}.question-reading-context .reading-passage{font-size:25px}.lesson-thumb{width:84px;height:56px}}
@media(max-width:390px){.reading-passage{font-size:24px}.illustrated-lesson .learning-block{padding:14px}.lesson-thumb{width:66px;height:44px}}

.writing-label{display:block;text-align:right}.writing-input{display:block;width:100%;resize:vertical;min-height:220px;font-size:24px;line-height:1.9;padding:18px;box-sizing:border-box}.writing-count{display:block;text-align:left;direction:ltr}.saved-writing{white-space:pre-wrap;overflow-wrap:anywhere;text-align:right;font-size:24px;line-height:1.9;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.writing-sample{padding:20px 0;border-bottom:1px solid var(--border)}.writing-sample:last-of-type{border-bottom:0}.writing-sample .saved-writing{font-size:20px}.writing-pagination{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}
.multi-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:22px 16px;max-width:680px;margin:28px auto}
.multi-options .answer-option{position:relative;min-height:84px;font-size:30px;min-width:0;border:3px solid transparent;padding:12px;color:#fff;box-shadow:inset 0 -8px 0 #00000016}
.multi-options .apple-red,.multi-options .apple-green,.multi-options .apple-yellow{border-radius:42% 43% 38% 38%;background:#bc302c}
.multi-options .apple-green{background:#497833}.multi-options .apple-yellow{background:#efd05c;color:#283722}
.multi-options [class*="apple-"]::before{content:"";position:absolute;top:-10px;left:50%;width:6px;height:14px;background:#765032;border-radius:3px;transform:rotate(12deg)}
.multi-options [class*="apple-"]::after{content:"";position:absolute;top:-8px;left:56%;width:18px;height:9px;border-radius:2px 12px 2px 12px;background:#4d7d38}
.multi-options .answer-option.selected{outline:4px solid var(--ink);outline-offset:4px;border-color:#fff;transform:translateY(-3px)}
.multi-options .answer-option:focus-visible{outline:4px solid var(--ink);outline-offset:4px}
.selection-count{font-size:18px;text-align:center}.letter-trains{display:grid;gap:34px;padding:24px 0}
.letter-train{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;direction:rtl;border-bottom:4px solid var(--sage);padding-bottom:14px}
.letter-car{position:relative;padding:10px 4px;background:var(--soft);border:2px solid var(--sage);border-radius:10px 10px 3px 3px;font-size:36px;text-align:center;color:var(--ink)}
.letter-car::after{content:"";position:absolute;bottom:-11px;right:13%;width:13px;height:13px;background:var(--sage);border-radius:50%;box-shadow:-24px 0 var(--sage)}
@media(max-width:440px){.multi-options{grid-template-columns:repeat(3,minmax(0,1fr))}.letter-car{font-size:29px}.choice-editor{flex-wrap:wrap}.choice-editor label{flex:1 1 150px}}
.trace-wrap.picture-trace{aspect-ratio:3/2;height:auto;max-width:900px;background:#fff;margin-inline:auto}
.picture-trace .trace-picture,.picture-trace .trace-guide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.picture-trace .trace-letter{display:none}.picture-trace .trace-picture{z-index:0}.picture-trace .trace-guide{z-index:1;fill:none;stroke:#258a9b;stroke-width:3;stroke-dasharray:6 6}
.picture-trace canvas{z-index:2}.trace-controls label{display:flex;align-items:center;gap:8px;font-size:15px}.trace-controls input[type=color]{width:50px;height:44px}.trace-controls select{width:80px}

.illustration-viewport{overflow:auto;overscroll-behavior:contain}.image-zoom{margin:10px;font-size:16px;padding:8px 16px}.illustration-viewport:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.trace-guide.trace-maze path{stroke:#48799b;stroke-width:30;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round;fill:none}.trace-guide.trace-maze path.maze-inner{stroke:#fffdf2;stroke-width:20}.trace-guide.trace-maze path.maze-barrier{stroke:#985839;stroke-width:14}.trace-maze text{font-size:46px;font-family:Arial,sans-serif;fill:#934b32;font-weight:bold;text-anchor:middle}

.color-letter-groups{display:grid;gap:18px;margin-block:16px;max-width:100%}
.color-letter-group{margin:0;padding:16px;border:1px solid var(--border,#d8e0e8);border-radius:18px}
.color-letter-group h3{margin:0 0 12px;font-size:1.1rem}
.color-letter-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}
.letter-bubble{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(58px,12vw,86px);height:clamp(58px,12vw,86px);border:2px solid currentColor;border-radius:50%;font-size:clamp(28px,6vw,44px);line-height:1.4;font-weight:700}
.bubble-yellow{background:#ffe079;color:#624500}.bubble-green{background:#a4dfb5;color:#174b2c}.bubble-red{background:#f4aab3;color:#732737}

.count-study{display:grid;gap:22px;margin-block:20px}.count-card{padding:18px;border:1px solid var(--border,#d8e0e8);border-radius:18px;background:var(--soft)}.count-card h3{text-align:center}.count-equation{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,22px)}.count-group{flex:1 1 0;min-width:0;max-width:190px;text-align:center}.count-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;min-height:54px}.count-item{font-size:clamp(24px,5vw,42px);line-height:1.4}.count-symbol,.count-number{font-size:clamp(24px,5vw,38px);font-weight:700}.count-number{display:block;margin-top:8px}.math-line{direction:ltr;unicode-bidi:isolate;text-align:center;white-space:pre-line;font-size:clamp(28px,5vw,44px);line-height:2}
/* Textbook labels remain selectable Arabic text over the original artwork. */
.labelled-art-inner{position:relative;container-type:inline-size;min-width:540px;max-width:100%;margin:auto}.labelled-art-inner .activity-image{display:block!important;width:100%!important;max-height:none!important;margin:0!important}.labelled-art{overflow:auto}.art-word{position:absolute;transform:translate(-50%,-50%);color:#153848;font-size:clamp(13px,2.4cqw,24px);line-height:1.6;font-weight:700;white-space:nowrap;text-shadow:0 1px #fff}.art-category{font-size:clamp(14px,2.6cqw,27px)}.picture-puzzle{width:min(100%,760px);margin:auto}.puzzle-board{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:3/2;direction:ltr;gap:2px;background:#cee1df;border:3px solid #92bcb5;border-radius:12px;overflow:hidden}.puzzle-cell,.puzzle-piece{position:relative;background-color:#f4f7ef;background-size:300% 300%;background-repeat:no-repeat;min-width:0;border:1px dashed #83aaa6;padding:0;cursor:pointer}.puzzle-cell:disabled{opacity:1;cursor:default}.puzzle-bank{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;direction:ltr}.puzzle-piece{aspect-ratio:3/2;border:3px solid transparent;border-radius:8px}.puzzle-piece[aria-pressed=true]{border-color:#167d86;box-shadow:0 0 0 3px #ffd36d}.puzzle-piece:disabled{opacity:.3;cursor:default}.piece-number{position:absolute;bottom:4px;right:4px;min-width:27px;border-radius:50%;background:#fff;color:#173b45;padding:1px 5px;font:700 18px/1.4 sans-serif}.puzzle-status{min-height:2em;color:var(--navy)}.textbook-stage .learning-block p{line-height:2.1;text-align:start}.textbook-stage .learning-block{min-width:0}.puzzle-cell:focus-visible,.puzzle-piece:focus-visible{outline:4px solid #f2af30;outline-offset:-4px}

.boat-trace{container-type:inline-size}.boat-trace .art-word{z-index:3;pointer-events:none;font-size:clamp(10px,2.4cqw,24px)}



@font-face{font-family:'ArefRuqaa';src:url('../fonts/ArefRuqaa-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.trace-letter.ruqaa-letter{font-family:'ArefRuqaa',serif;font-weight:400}

/* Full-image lightbox: native dialog provides focus trapping and Escape handling. */
body.image-dialog-open{overflow:hidden}
.image-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:clamp(12px,3vw,32px);border:0;background:transparent;color:var(--text);overflow:hidden}
.image-dialog[open]{display:grid;place-items:center}
.image-dialog::backdrop{background:rgba(15,27,23,.76);backdrop-filter:blur(4px)}
.image-dialog-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(100%,1200px);height:100%;max-height:100%;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);min-width:0;min-height:0}
.image-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:rtl}
.image-dialog-header h2{font-size:18px;margin:0}
.image-dialog-close{flex-shrink:0;min-height:44px}
.image-dialog-content{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}
.image-dialog-frame{position:relative;container-type:inline-size;max-width:100%;max-height:100%}
.image-dialog-frame .activity-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;margin:0!important}
.image-dialog-frame .labelled-art-inner{width:100%;height:100%;min-width:0;max-width:100%;margin:0}
.image-dialog-frame .art-word{font-size:clamp(7px,2.4cqw,24px)}
.image-dialog-frame .art-category{font-size:clamp(8px,2.6cqw,27px)}
@media(max-width:680px){.image-dialog-panel{padding:12px;border-radius:14px}.image-dialog-header h2{font-size:16px}.image-dialog-close{padding:8px 13px}}

.game-cover{height:190px;overflow:hidden;border-radius:16px;background:var(--soft);margin-bottom:18px}.game-cover img{width:100%;height:100%;object-fit:cover}.educational-game{max-width:850px;margin:24px auto;text-align:center}.edu-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.edu-card,.edu-token{background:var(--surface);border:2px solid var(--line);color:var(--text);border-radius:16px;min-height:64px;padding:14px 20px;font:inherit;font-size:22px;line-height:1.8}.edu-card:hover:not(:disabled),.edu-token:hover{border-color:var(--clay);background:var(--soft)}.edu-target{font-size:clamp(25px,4vw,42px);padding:25px;margin-bottom:20px;border-radius:20px;background:var(--soft)}.edu-next,.edu-check{margin-top:22px}.edu-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.edu-memory-card{min-height:110px;padding:12px;background:var(--clay);color:white;border:2px solid transparent;border-radius:17px;font:inherit;font-size:24px;overflow-wrap:anywhere}.edu-memory-card.revealed{background:var(--surface);color:var(--text);border-color:var(--clay)}.edu-memory-card.matched{background:var(--soft);color:var(--sage-dark);border-color:var(--sage);opacity:1}.edu-stars{font-size:64px;color:var(--gold);padding:28px}.game-status.is-correct{color:var(--sage-dark)}.edu-answer{border:2px dashed var(--clay)}
@media(max-width:560px){.edu-memory{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.edu-memory-card{min-height:94px;font-size:18px;padding:8px}.edu-options{grid-template-columns:1fr}.edu-token{font-size:20px;padding:10px 14px}.game-cover{height:165px}}
.story-controls{display:flex;direction:rtl;justify-content:space-between;gap:16px;margin-top:24px}.story-controls>.btn{width:min(45%,270px)}.story-controls>.btn:disabled{background:var(--soft);color:var(--muted);box-shadow:none}.reading-duration{font-size:14px;color:var(--muted);line-height:1.9}