:root{--bg-color:#020617;--panel-bg:#0f172ac7;--primary:#0ea5e9;--primary-glow:#0ea5e999;--secondary:#8b5cf6;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b;--text-light:#f8fafc;--text-muted:#94a3b8;--border-radius:18px;--font-main:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-light);background-image:linear-gradient(#0ea5e90d 1px,#0000 1px),linear-gradient(90deg,#0ea5e90d 1px,#0000 1px);background-size:30px 30px;padding:14px}button,a{font:inherit}#app{width:min(1100px,100%);min-height:calc(100vh - 28px);margin:0 auto}.glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);border:1px solid #0ea5e93d;box-shadow:0 8px 32px #0000005c}.card{padding:clamp(20px,4vw,34px)}.screen-enter{animation:.35s forwards fadeIn}.neon-text{color:#fff;text-shadow:0 0 5px #fff, 0 0 12px var(--primary), 0 0 24px var(--primary)}.library-header{text-align:center;margin-bottom:22px}.brand-pill{color:var(--primary);background:#0ea5e91a;border:1px solid #0ea5e966;border-radius:999px;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.library-title{margin-bottom:8px;font-size:clamp(2rem,5vw,3.25rem)}.library-title-en,.story-title-en,.story-title-en-large{text-align:center;color:var(--primary);direction:ltr;font-family:Arial,sans-serif}.library-subtitle{color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.8}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.story-card{flex-direction:column;gap:12px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.story-card:hover{border-color:var(--primary);box-shadow:0 0 22px var(--primary-glow);transform:translateY(-4px)}.story-cover,.story-cover-large{text-align:center;font-size:3.5rem}.story-cover-large{margin-bottom:10px;font-size:5rem}.story-title-ar{text-align:center;font-size:1.5rem;font-weight:900}.story-description,.muted-text{color:var(--text-muted);text-align:center;line-height:1.8}.story-meta,.story-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.story-meta span,.story-summary-grid span,.activity-sequence span{text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:8px 10px;font-size:.9rem;font-weight:800}.btn{cursor:pointer;text-align:center;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1.05rem;font-weight:900;line-height:1.45;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#0ea5e92e}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-secondary{color:#c4b5fd;border:1px solid var(--secondary);background:#8b5cf62e}.btn-secondary:hover:not(:disabled),.btn-secondary:focus:not(:disabled){background:var(--secondary);color:#fff;transform:translateY(-2px)}.next-btn{direction:ltr}.next-btn .btn-text{direction:rtl}.next-activity-cta{letter-spacing:.01em;color:#fff7ed;direction:ltr;background:linear-gradient(135deg,#f97316 0%,#ea580c 55%,#c2410c 100%);border:2px solid #fdba74;border-radius:999px;min-width:220px;min-height:58px;padding:16px 28px;font-size:clamp(1.1rem,2.4vw,1.35rem);font-weight:900;box-shadow:0 0 0 1px #fb923c59,0 10px 28px #ea580c59}.next-activity-cta:hover:not(:disabled),.next-activity-cta:focus:not(:disabled){color:#fff;background:linear-gradient(135deg,#fb923c 0%,#f97316 55%,#ea580c 100%);transform:translateY(-2px);box-shadow:0 0 0 1px #fdba7480,0 14px 32px #f9731673}.next-activity-cta .btn-text{direction:rtl}.stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.stat-label{color:#e2e8f0cc;font-size:.95rem;font-weight:800;line-height:1.3}.stat-value{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:900;line-height:1.15}.story-card .btn{width:100%;margin-top:auto}.story-start-screen,.placeholder-screen,.activity-placeholder-screen,.end-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100vh - 28px);display:flex;position:relative}.activity-id-badge{color:var(--primary);direction:ltr;background:#0ea5e91f;border:1px solid #0ea5e959;border-radius:999px;padding:8px 14px;font-family:Arial,sans-serif;font-weight:800}.activity-progress{color:var(--text-muted);font-weight:800}.lesson-progress-counter,.story-progress-counter,.vocab-progress-counter{color:#e2e8f0eb;letter-spacing:.01em;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:900}.reader-button-green{color:#dcfce7;background:#1665348c;border:1px solid #4ade80a6;box-shadow:0 0 18px #4ade802e}.reader-button-green:hover:not(:disabled),.reader-button-green:focus:not(:disabled){color:#f0fdf4;background:#16a34aad;transform:translateY(-2px)}.activity-result-screen{place-items:center;width:100%;min-height:min(70vh,560px);padding:28px 16px;display:grid}.activity-result-card{text-align:center;background:radial-gradient(circle at top,#38bdf824,#0000 42%),#0f172adb;border:1px solid #38bdf847;border-radius:28px;justify-items:center;gap:18px;width:min(680px,100%);padding:clamp(24px,4vw,36px);display:grid}.activity-result-success .activity-result-card{background:radial-gradient(circle at top,#4ade802e,#0000 44%),#0f172ae0;border-color:#4ade8066;box-shadow:0 0 36px #22c55e1f}.activity-result-failure .activity-result-card{background:radial-gradient(circle at top,#fb923c29,#0000 44%),#0f172ae0;border-color:#fb923c6b;box-shadow:0 0 36px #f973161a}.activity-result-icon{filter:drop-shadow(0 0 16px #facc1559);font-size:clamp(2.8rem,6vw,3.8rem);line-height:1}.activity-result-title{color:#f8fafc;text-shadow:0 0 18px #38bdf847;margin:0;font-size:clamp(2rem,5vw,3.4rem);font-weight:950;line-height:1.15}.activity-result-success .activity-result-title{color:#bbf7d0;text-shadow:0 0 18px #4ade8047}.activity-result-failure .activity-result-title{color:#fed7aa;text-shadow:0 0 18px #fb923c40}.activity-result-message,.activity-result-detail{color:#e2e8f0eb;max-width:34rem;margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;line-height:1.7}.activity-result-detail{color:#fed7aaf2}.activity-result-stats{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:4px;display:flex}.activity-result-stat{background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;min-width:110px;padding:12px 16px}.activity-result-actions{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;margin-top:10px;display:flex}.activity-result-actions .btn{min-width:180px;min-height:54px;padding:14px 22px}.final-library-actions{justify-content:center;width:min(100%,860px);margin-top:18px;padding-top:6px;display:flex}.final-library-button-orange{color:#fff7ed;background:linear-gradient(135deg,#f97316 0%,#ea580c 55%,#c2410c 100%);border:2px solid #fdba74;border-radius:999px;min-width:min(100%,320px);min-height:58px;padding:16px 28px;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:900;box-shadow:0 0 0 1px #fb923c59,0 10px 28px #ea580c59}.final-library-button-orange:hover:not(:disabled),.final-library-button-orange:focus:not(:disabled){color:#fff;background:linear-gradient(135deg,#fb923c 0%,#f97316 55%,#ea580c 100%);transform:translateY(-2px);box-shadow:0 0 0 1px #fdba7480,0 14px 32px #f9731673}.vocabulary-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100vh - 28px);display:flex;position:relative}.vocabulary-header{flex-direction:column;align-items:center;gap:8px;display:flex}.vocabulary-word{color:#fff;text-shadow:0 0 8px #0ea5e973;direction:ltr;font-family:Arial,sans-serif;font-size:clamp(2.4rem,7vw,4rem);font-weight:900;line-height:1.2}.vocabulary-meaning{max-width:720px;font-size:clamp(1.35rem,3.5vw,1.9rem);font-weight:800;line-height:1.6}.word-type-badge{color:#c4b5fd;direction:ltr;background:#8b5cf62e;border:1px solid #8b5cf673;border-radius:999px;padding:8px 16px;font-weight:800;display:inline-flex}.activity-actions{direction:ltr;justify-content:space-between;width:min(100%,560px);margin-top:8px}.activity-actions .btn{min-width:160px}.activity-actions-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vocabulary-card .activity-actions{width:min(100%,720px)}.vocabulary-card .activity-actions-left{flex:1;justify-content:flex-start}.vocab-controls{direction:ltr;grid-template-columns:repeat(3,minmax(150px,1fr));align-items:center;gap:14px;width:min(760px,100%);margin:24px auto 0;display:grid}.vocab-control-button{text-align:center;border-radius:16px;width:100%;min-width:0;min-height:52px;padding:12px 18px;font-size:1rem;font-weight:900}.vocab-listen-button{color:#ecfdf5;background:linear-gradient(135deg,#16a34ad1,#15803ddb);border-color:#4ade80b3;justify-self:stretch;box-shadow:0 0 0 1px #4ade802e,0 12px 24px #16a34a38}.vocab-listen-button:hover:not(:disabled),.vocab-listen-button:focus:not(:disabled){color:#f0fdf4;background:linear-gradient(135deg,#22c55ee6,#16a34aeb);box-shadow:0 0 0 1px #86efac40,0 14px 28px #16a34a47}.vocab-back-button,.vocab-next-button{justify-self:stretch}.btn-back{min-width:150px}.story-reading-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100vh - 28px);display:flex;position:relative}.story-reading-header{flex-direction:column;align-items:center;gap:8px;display:flex}.story-sentence-en{color:#fff;text-shadow:0 0 8px #0ea5e959;direction:ltr;max-width:820px;font-family:Arial,sans-serif;font-size:clamp(1.5rem,4.2vw,2.35rem);font-weight:800;line-height:1.55}.translation-panel{background:#0ea5e914;border:1px solid #0ea5e947;border-radius:14px;width:min(100%,820px);padding:16px 18px}.translation-panel-hidden{display:none}.story-sentence-ar{font-size:clamp(1.2rem,3.2vw,1.7rem);font-weight:800;line-height:1.8}.story-reading-card .activity-actions{width:min(100%,720px)}.sentence-matching-card{text-align:center;flex-direction:column;align-items:center;gap:16px;min-height:calc(100vh - 28px);display:flex;position:relative}.matching-header{flex-direction:column;align-items:center;gap:8px;display:flex}.matching-instructions{max-width:760px;color:var(--text-muted);font-weight:700;line-height:1.8}.matching-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;width:100%;display:grid}.matching-column{flex-direction:column;gap:12px;display:flex}.matching-column-title{font-size:1.15rem;font-weight:900}.matching-column-title-en{color:var(--primary);direction:ltr;font-family:Arial,sans-serif}.matching-cards{flex-direction:column;gap:10px;display:flex}.matching-card{text-align:start;cursor:pointer;width:100%;color:var(--text-light);background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:14px 16px;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:800;line-height:1.6;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.matching-card:hover:not(:disabled){border-color:#0ea5e98c;transform:translateY(-2px)}.matching-card-en{text-align:left;direction:ltr;font-family:Arial,sans-serif}.matching-card-ar{text-align:right;direction:rtl}.matching-card-selected{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow);background:#0ea5e92e}.matching-card-matched{border-color:var(--success);color:#bbf7d0;cursor:default;opacity:.92;background:#10b9812e}.matching-feedback{color:#fde68a;min-height:1.6em;font-size:1.15rem;font-weight:900}.matching-complete{flex-direction:column;align-items:center;gap:14px;margin-top:4px;display:flex}.matching-complete-message{color:#bbf7d0;font-size:1.25rem;font-weight:900}.treasure-card{text-align:center;background:radial-gradient(circle at top, #0ea5e929, transparent 42%), radial-gradient(circle at 80% 20%, #22c55e1f, transparent 35%), var(--panel-bg);flex-direction:column;align-items:center;gap:18px;min-height:calc(100vh - 28px);display:flex;position:relative}.vocabulary-card,.story-reading-card,.sentence-matching-card,.treasure-card,.treasure-card-stable,.memory-card-shell,.activity-placeholder-screen,.end-screen.activity-stable,.treasure-card-stable,.treasure-card-stable.screen{animation:none}.treasure-header{flex-direction:column;align-items:center;gap:8px;display:flex}.treasure-question-progress{color:#e2e8f0;font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:900}.treasure-status-row{grid-template-columns:1.25fr .9fr .9fr;align-items:stretch;gap:14px;width:min(100%,860px);margin:6px 0 8px;display:grid}.treasure-status-card{text-align:start;background:#0f172ac7;border:1px solid #94a3b847;border-radius:18px;align-items:center;gap:12px;padding:16px 18px;display:flex;box-shadow:0 10px 24px #00000040}.treasure-status-card-timer{background:radial-gradient(circle at 100% 0,#22d3ee3d,#0000 42%),#0f172ae0;border-color:#22d3ee8c;min-height:108px;box-shadow:0 0 26px #22d3ee2e}.treasure-status-card-score{background:linear-gradient(135deg,#facc152e,#0f172ab3);border-color:#facc1566}.treasure-status-card-progress{background:linear-gradient(135deg,#22c55e2e,#0f172ab3);border-color:#22c55e66}.treasure-status-icon{font-size:1.9rem;line-height:1}.treasure-status-card-timer .treasure-status-icon{font-size:2.35rem}.treasure-status-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.treasure-stat-label{color:#e2e8f0c7;font-size:.95rem;font-weight:800}.treasure-stat-value{color:#f8fafc;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;line-height:1}.treasure-time-value{color:#67e8f9;text-shadow:0 0 18px #22d3ee73;font-size:clamp(2.35rem,4.2vw,3.4rem)}.treasure-stat-unit{color:#e2e8f0d1;margin-inline-start:4px;font-size:.95rem;font-weight:900}.treasure-status-card-timer.treasure-timer-warning{background:radial-gradient(circle at 100% 0,#fb923c47,#0000 42%),#0f172ae6;border-color:#f97316bf;box-shadow:0 0 24px #f9731659}.treasure-status-card-timer.treasure-timer-warning .treasure-time-value{color:#fb923c;text-shadow:0 0 18px #fb923c94;animation:.9s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.treasure-route-shell{background:linear-gradient(#0ea5e91f,#0f172a59);border:1px solid #38bdf847;border-radius:24px;width:min(100%,860px);padding:12px 10px 10px}.treasure-route-header{color:#bae6fd;justify-content:space-between;align-items:center;padding:0 2% 6px;font-weight:900;display:flex}.treasure-route{direction:ltr;width:100%;height:150px;margin:8px auto 12px;position:relative}.treasure-route-track{background:#94a3b838;border:1px solid #94a3b840;border-radius:999px;height:14px;position:absolute;top:76px;overflow:hidden}.treasure-route-fill{background:linear-gradient(90deg,#38bdf8,#22c55e 70%,#facc15);border-radius:999px;width:0%;height:100%;transition:width .35s;box-shadow:0 0 18px #38bdf88c}.treasure-route-nodes{pointer-events:none;position:absolute;inset:0}.treasure-tool-node{background:#0f172ae6;border:2px solid #94a3b84d;border-radius:18px;align-content:center;justify-items:center;gap:2px;width:78px;min-height:76px;padding:6px 4px;transition:transform .3s,opacity .3s,filter .3s,border-color .3s,box-shadow .3s;display:grid;position:absolute;top:48px;transform:translate(-50%)}.treasure-tool-emoji{font-size:1.9rem;line-height:1}.treasure-tool-label,.treasure-tool-node-label{color:#e2e8f0d9;white-space:nowrap;font-size:.72rem;font-weight:900}.treasure-tool-check{color:#052e16;background:#4ade80;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:900;display:none;position:absolute;top:-9px;right:-7px;box-shadow:0 0 14px #4ade8073}.treasure-tool-node-locked{opacity:.38;filter:grayscale(.75)}.treasure-tool-node-next{opacity:.75;filter:none;border-color:#38bdf8a6;animation:1.4s ease-in-out infinite nextToolPulse;box-shadow:0 0 14px #38bdf82e}.treasure-tool-node-collected{opacity:1;filter:none;border-color:#4ade80f2;box-shadow:0 0 22px #4ade8052}.treasure-tool-node-collected .treasure-tool-check{display:grid}.treasure-tool-node-collected .treasure-tool-label,.treasure-tool-node-collected .treasure-tool-node-label{color:#bbf7d0}.treasure-tool-node-active-current{border-color:#38bdf8;transform:translate(-50%)translateY(4px)scale(1.05);box-shadow:0 0 0 4px #38bdf824,0 0 30px #38bdf86b}.treasure-tool-node-active-current.treasure-tool-node-collected{border-color:#38bdf8}@keyframes nextToolPulse{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-4px)scale(1.04)}}.treasure-player-marker{z-index:5;pointer-events:none;transition:left .35s;position:absolute;top:5px;left:0;transform:translate(-50%)}.treasure-player-bubble,.treasure-player-badge{background:radial-gradient(circle at 35% 25%,#ffffff5c,#0000 30%),#0ea5e938;border:2px solid #7dd3fcf2;border-radius:999px;place-items:center;width:48px;height:48px;font-size:2rem;display:grid;box-shadow:0 0 0 5px #0ea5e91f,0 0 24px #0ea5e97a}.treasure-question-stack{gap:12px;width:min(100%,760px);margin:10px auto 8px;display:grid}.treasure-question-instruction{color:#e0f2fe;text-align:center;background:#0ea5e921;border:1px solid #38bdf86b;border-radius:18px;padding:14px 18px;font-size:clamp(1.15rem,2.3vw,1.55rem);font-weight:900}.treasure-question-meaning{color:#fef9c3;text-align:center;text-shadow:0 0 16px #facc1538;background:radial-gradient(circle at 0 0,#facc152e,#0000 38%),#1e293beb;border:2px solid #facc159e;border-radius:22px;padding:18px 20px;font-size:clamp(1.9rem,4vw,3rem);font-weight:900}.treasure-question{background:#0ea5e91a;border:1px solid #38bdf847;border-radius:18px;max-width:860px;padding:14px 18px;font-size:clamp(1.25rem,3.4vw,1.85rem);font-weight:900;line-height:1.8}.treasure-question-icon{margin-inline-end:6px}.treasure-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,760px);display:grid}.treasure-option{text-align:center;cursor:pointer;color:var(--text-light);direction:ltr;background:linear-gradient(#ffffff1a,#0f172a8c);border:2px solid #94a3b847;border-radius:18px;padding:20px 16px;font-family:Arial,sans-serif;font-size:clamp(1.15rem,2.7vw,1.4rem);font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.treasure-option:hover,.treasure-option:focus{background:linear-gradient(#0ea5e947,#0f172ab3);border-color:#38bdf8e6;transform:translateY(-3px)scale(1.02);box-shadow:0 0 18px #0ea5e959}.treasure-option-correct{background:#22c55e2e;border-color:#22c55ef2;box-shadow:0 0 20px #22c55e47}.treasure-option-wrong{background:#f8717124;border-color:#f87171f2;animation:.22s ease-in-out treasureWrongShake;box-shadow:0 0 18px #f8717138}@keyframes treasureWrongShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.treasure-feedback{min-height:1.7em;font-size:1.2rem;font-weight:900}.treasure-feedback-empty{opacity:0}.treasure-feedback-success{color:#bbf7d0;text-shadow:0 0 12px #22c55e59}.treasure-feedback-error{color:#fdba74;text-shadow:0 0 12px #f973164d}.treasure-complete-message,.treasure-failed-message{max-width:720px;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:900;line-height:1.8}.treasure-complete-message{color:#bbf7d0}.treasure-failed-message{color:#fecdd3}.score-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.score-row span,.final-score span{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:10px 14px;font-weight:800}.final-score{font-size:clamp(1.1rem,2.5vw,1.4rem)}.final-screen{justify-content:flex-start;gap:22px;padding-block:28px}.final-result-card{background:radial-gradient(circle at top,#facc1529,#0000 45%),#0f172a8c;border:1px solid #facc1547;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(100%,720px);padding:24px 20px;display:flex}.final-reward-badge{filter:drop-shadow(0 0 16px #facc1573);font-size:3.2rem;animation:2.4s ease-in-out infinite finalBadgeGlow}@keyframes finalBadgeGlow{0%,to{filter:drop-shadow(0 0 12px #facc1559);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #facc158c);transform:scale(1.06)}}.final-story-titles{flex-direction:column;align-items:center;gap:4px;display:flex}.final-story-title-ar{font-size:clamp(1.35rem,3vw,1.8rem);font-weight:900}.final-story-title-en{color:var(--primary);direction:ltr;font-family:Arial,sans-serif;font-weight:800}.final-score-hero{flex-direction:column;align-items:center;gap:8px;display:flex}.final-score-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.final-stat-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;min-width:110px;padding:12px 16px}.final-score-number{font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:900}.final-score-percentage{color:#67e8f9;text-shadow:0 0 14px #22d3ee59;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:900}.final-message{color:#bbf7d0;max-width:560px;font-size:clamp(1.1rem,2.6vw,1.4rem);font-weight:900;line-height:1.8}.final-section-title{margin-bottom:10px;font-size:1.15rem;font-weight:900}.final-resource-links,.final-actions-section{width:min(100%,860px)}.final-resource-link{text-decoration:none}.final-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.final-actions-grid .btn{width:100%;min-height:52px}.story-intro{max-width:720px;font-size:clamp(1.05rem,2.3vw,1.35rem);line-height:1.9}.top-link{top:18px;position:absolute;inset-inline-start:18px}.action-row,.centered-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.activity-sequence{flex-wrap:wrap;justify-content:center;gap:8px;max-width:820px;display:flex}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1}.dev-mode-badge{color:#fef9c3;background:#facc1524;border:1px solid #facc156b;border-radius:999px;align-items:center;gap:6px;margin:0 auto 12px;padding:6px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.memory-card-shell{text-align:center;background:radial-gradient(circle at top, #8b5cf629, transparent 40%), radial-gradient(circle at 20% 80%, #0ea5e91f, transparent 35%), var(--panel-bg);flex-direction:column;align-items:center;gap:16px;min-height:calc(100vh - 28px);animation:none;display:flex;position:relative}.memory-header{flex-direction:column;align-items:center;gap:6px;display:flex}.memory-subtitle{color:var(--text-muted);font-weight:800}.memory-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,720px);display:grid}.memory-mode-card{cursor:pointer;color:var(--text-light);background:linear-gradient(#8b5cf638,#0f172acc);border:2px solid #a78bfa73;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:24px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 12px 28px #00000047}.memory-mode-card:hover,.memory-mode-card:focus{border-color:#7dd3fce6;transform:translateY(-4px)scale(1.02);box-shadow:0 0 24px #38bdf847}.memory-mode-icon{font-size:2.6rem}.memory-mode-title{font-size:1.4rem;font-weight:900}.memory-mode-meta{color:#c4b5fd;font-weight:800}.memory-status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,860px);display:grid}.memory-status-card{text-align:start;background:#0f172ac7;border:1px solid #94a3b847;border-radius:18px;align-items:center;gap:10px;padding:14px 16px;display:flex}.memory-status-card-timer{background:radial-gradient(circle at 100% 0,#22d3ee38,#0000 42%),#0f172ae0;border-color:#22d3ee80}.memory-status-card-timer.memory-timer-warning{border-color:#f97316cc;box-shadow:0 0 20px #f9731647}.memory-status-card-timer.memory-timer-warning .memory-time-value{color:#fb923c}.memory-status-icon{font-size:1.7rem}.memory-stat-label{color:#e2e8f0c7;font-size:.9rem;font-weight:800}.memory-stat-value{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:900;line-height:1.1}.memory-time-value{color:#67e8f9;font-size:clamp(1.8rem,3.4vw,2.5rem)}.memory-stat-unit{margin-inline-start:2px;font-size:.9rem}.memory-path{direction:ltr;width:min(100%,860px);height:110px;margin:4px 0 8px;position:relative}.memory-path-track{background:#94a3b840;border:1px solid #bae6fd47;border-radius:999px;height:14px;position:absolute;top:58%;left:0;right:0;transform:translateY(-50%)}.memory-path-entity{filter:drop-shadow(0 0 12px #0ea5e966);z-index:2;font-size:2.8rem;line-height:1;transition:left .35s;position:absolute;top:46%;transform:translate(-50%,-50%)}.memory-dino{filter:drop-shadow(0 0 16px #f8717173);font-size:3.4rem;transform:translate(-50%,-55%)scaleX(-1)}.memory-player{filter:drop-shadow(0 0 14px #38bdf880);font-size:3.2rem;transform:translate(-50%,-55%)}.memory-home{z-index:1;filter:drop-shadow(0 0 14px #4ade8066);font-size:3rem;transform:translate(-50%,-55%)}.memory-failed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:min(100%,720px);margin:0 auto;padding:18px 12px 8px;display:flex}.memory-failed-title{margin:0}.memory-failed-message{color:#fecdd3;max-width:560px;margin:0;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:900;line-height:1.7}.memory-failed-stats{justify-content:center;width:100%}.memory-failed-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.memory-failed-actions .btn{min-width:200px;min-height:52px}.memory-grid{justify-content:center;align-items:center;gap:16px;width:100%;max-width:860px;margin:12px auto 10px;display:grid}.memory-grid.memory-grid-10{grid-template-columns:repeat(5,minmax(110px,140px))}.memory-grid.memory-grid-16{grid-template-columns:repeat(4,minmax(110px,140px))}.memory-card{perspective:900px;cursor:pointer;appearance:none;background:0 0;border:0;width:100%;min-width:110px;height:120px;padding:0;position:relative}.memory-card:disabled{cursor:default}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:22px;transition:transform .45s,filter .25s;position:relative}.memory-card.memory-card-flipped .memory-card-inner,.memory-card.memory-card-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-face{backface-visibility:hidden;border:2px solid #94a3b852;border-radius:22px;place-items:center;padding:12px;display:grid;position:absolute;inset:0;box-shadow:0 12px 24px #00000047}.memory-card-back{color:#dbeafe;background:radial-gradient(circle at 0 0,#818cf857,#0000 38%),linear-gradient(145deg,#1e293bf5,#0f172af5)}.memory-card-front{color:#f8fafc;background:radial-gradient(circle at 0 0,#38bdf838,#0000 38%),#0f172af5;transform:rotateY(180deg)}.memory-card-back-icon{filter:drop-shadow(0 0 12px #60a5fa80);font-size:2.4rem}.memory-card-text{text-align:center;font-size:clamp(1rem,2vw,1.35rem);font-weight:900;line-height:1.35}.memory-card-text-en{direction:ltr;font-family:Arial,sans-serif}.memory-card-text-ar{direction:rtl}.memory-card.memory-card-matched .memory-card-front{background:radial-gradient(circle at 0 0,#4ade8057,#0000 40%),#14532df5;border-color:#4ade80f2;box-shadow:0 0 0 3px #4ade8029,0 0 26px #4ade8061}.memory-card-success-badge{color:#052e16;z-index:5;background:#4ade80;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 0 16px #4ade8080}.memory-card.memory-card-wrong .memory-card-front{background:radial-gradient(circle at 0 0,#f8717147,#0000 40%),#450a0aeb;border-color:#f87171f2;box-shadow:0 0 22px #f8717147}.memory-card.memory-card-wrong .memory-card-inner{animation:.24s ease-in-out memoryWrongShake}@keyframes memoryWrongShake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg)translate(-5px)}75%{transform:rotateY(180deg)translate(5px)}}.memory-feedback{min-height:1.6em;font-size:1.15rem;font-weight:900}.memory-feedback-success{color:#bbf7d0}.memory-feedback-error{color:#fdba74}.memory-feedback-neutral{color:var(--text-muted)}.memory-complete-message,.memory-failed-message{max-width:720px;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:900;line-height:1.8}.memory-complete-message{color:#bbf7d0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.memory-grid.memory-grid-10,.memory-grid.memory-grid-16{grid-template-columns:repeat(2,minmax(120px,1fr))}.memory-card{height:112px}}@media (width<=640px){body{padding:10px}.stories-grid,.story-meta,.story-summary-grid,.matching-grid,.treasure-options,.memory-setup-grid,.memory-status-row,.final-actions-grid{grid-template-columns:1fr}.vocab-controls{grid-template-columns:1fr;gap:12px}.vocab-control-button{width:100%}.vocab-back-button,.vocab-listen-button,.vocab-next-button{justify-self:stretch;width:100%}.memory-grid.memory-grid-10,.memory-grid.memory-grid-16{grid-template-columns:repeat(2,minmax(100px,1fr))}.memory-card{height:104px}.top-link{align-self:flex-start;position:static}.treasure-status-row{grid-template-columns:1fr}.treasure-time-value{font-size:2.7rem}.treasure-stat-value{font-size:2.1rem}.treasure-tool-node{border-radius:14px;width:56px;min-height:56px;padding:4px 2px}.treasure-tool-emoji{font-size:1.35rem}.treasure-tool-label,.treasure-tool-node-label{font-size:.58rem}.treasure-player-bubble,.treasure-player-badge{width:38px;height:38px;font-size:1.35rem}.treasure-route{height:130px}}