@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Lateef:wght@300;400;500;600;700&family=Scheherazade+New:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--cream-50: #faf8f3;--cream-100: #f2ece0;--cream-200: #e8dfc8;--cream-300: #d9ceaf;--green-900: #0d3320;--green-800: #145030;--green-700: #1a5c3a;--green-600: #216e47;--green-500: #2d8659;--green-400: #3da870;--green-200: #a8d8b8;--green-100: #d4edd9;--green-50: #eef7f1;--gold-500: #a87c10;--gold-400: #c9a227;--gold-300: #ddb94d;--gold-200: #eedfa0;--gold-100: #f9f0d0;--ink-900: #1c1917;--ink-700: #44403c;--ink-400: #78716c;--ink-200: #d6d3d1;--ink-50: #fafaf9;--color-correct: #2d8659;--color-incorrect: #c0392b;--color-correct-bg: #eef7f1;--color-incorrect-bg: #fdf2f2;--color-warning: #c9a227;--surface-bg: var(--cream-50);--surface-card: #ffffff;--surface-card-alt: var(--cream-100);--surface-overlay: rgba(28, 25, 23, .45);--surface-glass: rgba(255, 255, 255, .72);--font-ui: "DM Sans", "Noto Sans Arabic", system-ui, sans-serif;--font-display: "Lateef", "Scheherazade New", serif;--font-arabic: "Scheherazade New", "Noto Sans Arabic", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-arabic-base: 2rem;--text-arabic-lg: 3rem;--text-arabic-hero: 4.5rem;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-snug: 1.35;--lh-body: 1.6;--lh-arabic: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--tap-min: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-pill: 9999px;--shadow-xs: 0 1px 3px rgba(26, 92, 58, .06);--shadow-sm: 0 2px 8px rgba(26, 92, 58, .08);--shadow-md: 0 4px 20px rgba(26, 92, 58, .12);--shadow-lg: 0 8px 32px rgba(26, 92, 58, .16);--shadow-gold: 0 4px 16px rgba(201, 162, 39, .25);--max-w-mobile: 430px;--header-h: 3.5rem;--bottom-nav-h: 4.25rem;--page-px: var(--space-5);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--dur-entrance: .6s;--dark-bg: #0F1A16;--dark-bg-elevated: #142420;--dark-header: #0A1310;--dark-surface: rgba(255, 255, 255, .05);--dark-surface-hover: rgba(255, 255, 255, .08);--dark-surface-alt: rgba(255, 255, 255, .03);--dark-glass: rgba(20, 36, 32, .85);--dark-text: #EDEDEF;--dark-text-secondary: #8A9A94;--dark-text-muted: #5C6D66;--dark-border: rgba(255, 255, 255, .08);--dark-border-subtle: rgba(255, 255, 255, .04);--dark-correct: #34D399;--dark-incorrect: #F87171;--dark-correct-bg: rgba(45, 134, 89, .15);--dark-incorrect-bg: rgba(248, 113, 113, .12);--dark-warning: #FBBF24;--dark-info: #60A5FA;--dark-green-primary: #3DA870;--dark-green-secondary: #2D8659;--dark-green-subtle: rgba(61, 168, 112, .12);--dark-gold: #D4A832;--dark-gold-subtle: rgba(212, 168, 50, .15);--dark-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--dark-shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--dark-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--dark-shadow-glow-green: 0 0 20px rgba(61, 168, 112, .15);--dark-shadow-glow-gold: 0 4px 16px rgba(212, 168, 50, .2);--pattern-geometric: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%231a5c3a' stroke-width='0.5' opacity='0.12'%3E%3Cpolygon points='30,2 58,16 58,44 30,58 2,44 2,16'/%3E%3Cpolygon points='30,10 50,20 50,40 30,50 10,40 10,20'/%3E%3Cline x1='30' y1='2' x2='30' y2='10'/%3E%3Cline x1='58' y1='16' x2='50' y2='20'/%3E%3Cline x1='58' y1='44' x2='50' y2='40'/%3E%3Cline x1='30' y1='58' x2='30' y2='50'/%3E%3Cline x1='2' y1='44' x2='10' y2='40'/%3E%3Cline x1='2' y1='16' x2='10' y2='20'/%3E%3C/g%3E%3C/svg%3E")}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGold{0%,to{box-shadow:0 0 #c9a22766}50%{box-shadow:0 0 0 8px #c9a22700}}.animate-slide-up{animation:slideUpFade var(--dur-entrance) var(--ease-out) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}[lang=ar],.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:var(--lh-arabic)}:root{--color-primary: var(--green-700);--color-secondary: var(--green-600);--color-primary-light: var(--green-500);--color-primary-dark: var(--green-900);--color-bg: var(--surface-bg);--color-surface: var(--surface-card);--color-surface-secondary: #f5f5f5;--color-surface-tertiary: #e0e0e0;--color-success-bg: #d1fae5;--color-accent: var(--gold-400);--color-accent-light: var(--gold-300);--color-text: var(--ink-900);--color-text-secondary: var(--ink-400);--color-border: var(--cream-200);--color-success: #2e7d32;--color-error: #c62828;--color-warning: #f9a825;--color-info: #0277bd;--font-english: var(--font-ui);--font-quran: var(--font-arabic);--radius-full: var(--radius-pill);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(26, 92, 58, .15);--transition-fast: var(--dur-fast) var(--ease-smooth);--transition-base: var(--dur-base) var(--ease-smooth);--transition-slow: var(--dur-slow) var(--ease-smooth);--color-bg-dark: #10221d;--color-header-dark: #081814;--color-surface-dark: #1e293b;--color-surface-dark-glass: rgba(30, 41, 59, .7);--color-text-dark: #fdfaf3;--color-text-secondary-dark: #94a3b8;--color-border-dark: rgba(255, 255, 255, .05);--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000;--z-loading: 4000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--surface-bg);color:var(--ink-900);line-height:var(--lh-body);min-height:100dvh;overflow-x:hidden}.arabic-text{font-family:var(--font-arabic);line-height:var(--lh-arabic);letter-spacing:.02em}.quran-text{font-family:var(--font-arabic);line-height:2;font-size:var(--text-lg)}.lesson-arabic,table .arabic-text,.lesson-content .arabic-text{font-family:var(--font-arabic);font-size:1.5rem;line-height:2.2;letter-spacing:.05em}table td .arabic-text,table td[class*=arabic]{font-size:1.4rem}.app-container{min-height:100dvh;background:var(--surface-bg);position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-header{position:sticky;top:0;z-index:100;background:#faf8f3f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cream-200);height:var(--header-h)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:var(--page-px);max-width:620px;margin:0 auto}.header-brand{display:flex;align-items:center;gap:var(--space-2)}.logo-gem{width:34px;height:34px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0}.logo-text{font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--green-800);letter-spacing:-.02em}.header-stats{display:flex;align-items:center;gap:var(--space-2)}.stat-pill{display:flex;align-items:center;gap:var(--space-1);background:var(--cream-100);border:1px solid var(--cream-200);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);height:32px}.stat-icon{font-size:.85rem;line-height:1}.stat-val{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--ink-900)}.stat-streak .stat-val{color:#e05b0e}.stat-xp .stat-val{color:var(--gold-500)}.header-avatar{width:36px;height:36px;border-radius:var(--radius-pill);overflow:hidden;border:2px solid var(--green-200);flex-shrink:0}.header-avatar img{width:100%;height:100%;object-fit:cover}.main-content{padding:var(--space-6) var(--page-px) 0;max-width:620px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:calc(var(--bottom-nav-h) + var(--space-6))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:620px;height:var(--bottom-nav-h);background:#faf8f3f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--cream-200);display:flex;align-items:center;justify-content:space-around;padding-inline:var(--space-2);padding-bottom:env(safe-area-inset-bottom,0px);z-index:200}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;background:none;border:none;cursor:pointer;color:var(--ink-400);transition:color var(--dur-fast) var(--ease-out);position:relative;border-radius:var(--radius-sm);font-family:var(--font-ui)}.nav-item.active{color:var(--green-700)}.nav-item.active:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:32px;height:32px;background:var(--green-50);border-radius:var(--radius-md);z-index:-1}.nav-icon{width:24px;height:24px;flex-shrink:0}.nav-label{font-size:10px;font-weight:var(--fw-medium);letter-spacing:.02em}.nav-item--center{flex:0 0 56px;position:relative;top:-10px}.nav-center-ring{width:52px;height:52px;background:linear-gradient(135deg,var(--green-700),var(--green-500));border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 0 0 4px var(--cream-50)}.nav-item--center .nav-icon--center{color:#fff;width:24px;height:24px}.nav-item--center .nav-label{color:var(--green-700);margin-top:4px}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--dur-base) var(--ease-smooth);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--green-700),var(--green-500));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--green-50);color:var(--green-700)}.btn-secondary:hover{background:var(--green-100)}.btn-accent{background:linear-gradient(135deg,var(--gold-400),var(--gold-300));color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover{box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1.5px solid var(--green-200);color:var(--green-700)}.btn-outline:hover{background:var(--green-50)}.btn-apple{background:#000;color:#fff;box-shadow:var(--shadow-md)}.btn-apple:hover{box-shadow:var(--shadow-lg)}body.dark-mode .btn-apple{background:#fff;color:#000}.game-back-btn{color:var(--ink-900);border-color:#0003;background:#fff6}.game-back-btn:hover{background:#fff9}.icon-btn{width:48px;height:48px;border:none;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:background-color var(--dur-fast)}.icon-btn:hover{background-color:#1a5c3a14}.card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);overflow:hidden}.card-alt{background:var(--surface-card-alt);border:1px solid var(--cream-200);border-radius:var(--radius-lg);padding:var(--space-6)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--green-700);margin-bottom:var(--space-1);font-family:var(--font-ui);letter-spacing:-.02em}.card-subtitle{font-size:var(--text-sm);color:var(--ink-400);font-weight:var(--fw-normal)}.section-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400)}.section-hint{margin-top:calc(-1 * var(--space-1));margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--ink-400)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-gold{background:var(--gold-100);color:var(--gold-500)}.badge-cream{background:var(--cream-200);color:var(--ink-700)}.greeting{padding-top:0}.greeting-sub{font-family:var(--font-arabic);font-size:var(--text-lg);color:var(--green-600);text-align:left;direction:ltr;margin-bottom:var(--space-1)}.greeting-name{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--ink-900);line-height:var(--lh-tight);letter-spacing:-.02em}.greeting-caption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-400)}.wod-card{background:linear-gradient(145deg,var(--green-800),var(--green-600));color:#fff;position:relative;overflow:hidden}.wod-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pattern-geometric);background-size:60px 60px;opacity:.18;pointer-events:none}.wod-eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);position:relative}.wod-eyebrow .badge-gold{background:#c9a22733;color:var(--gold-200);border:1px solid rgba(201,162,39,.3)}.wod-date{font-size:var(--text-xs);color:#fff9}.wod-arabic-wrap{text-align:center;margin-block:var(--space-4);position:relative}.wod-arabic{font-family:var(--font-arabic);font-size:var(--text-arabic-hero);font-weight:var(--fw-normal);color:#fff;line-height:var(--lh-arabic);text-shadow:0 2px 12px rgba(0,0,0,.2);letter-spacing:.05em}.wod-root-label{font-size:var(--text-sm);color:var(--green-200);letter-spacing:.12em;text-transform:uppercase;margin-top:var(--space-2)}.wod-meta{margin-bottom:var(--space-5);position:relative}.wod-trans{font-size:var(--text-2xl);font-weight:var(--fw-medium);color:#ffffffeb;line-height:1.4}.wod-quran{font-size:var(--text-sm);color:#ffffff8c;margin-top:var(--space-1)}.wod-cta{background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.wod-cta:hover{background:#ffffff40}.section-block{display:flex;flex-direction:column;gap:var(--space-3)}.continue-card{display:flex;flex-direction:column;gap:var(--space-4)}.continue-top{display:flex;align-items:center;gap:var(--space-3)}.continue-icon{font-size:2rem;line-height:1;flex-shrink:0}.continue-info{flex:1;min-width:0}.continue-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-subtitle{font-size:var(--text-sm);color:var(--ink-400);margin-top:2px}.progress-bar-wrap{display:flex;align-items:center;gap:var(--space-3)}.progress-bar-track{flex:1;height:8px;background:var(--green-100);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--green-700),var(--green-400));border-radius:var(--radius-pill);transition:width .6s var(--ease-out)}.progress-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--green-600);flex-shrink:0;width:2.5rem;text-align:right}.continue-btn{align-self:stretch}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.game-card{background:var(--surface-card);border:1px solid var(--cream-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);cursor:pointer;text-align:left;transition:box-shadow var(--dur-base) var(--ease-smooth),transform var(--dur-fast) var(--ease-out),border-color var(--dur-base);min-height:var(--tap-min);position:relative}.game-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200)}.game-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--green-700),var(--green-500));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--ink-900)}.game-desc{font-size:var(--text-xs);color:var(--ink-400)}.game-card.locked{cursor:pointer;opacity:.85}.game-card.locked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000d;border-radius:var(--radius-lg);pointer-events:none}.game-card.locked:hover{transform:none;box-shadow:var(--shadow-sm);opacity:1}.game-card .lock-overlay{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-1);background:#0000000d;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.game-card .premium-badge{background:var(--gold-400);color:#fff;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:var(--fw-semibold);text-transform:uppercase}.game-card .trial-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--green-500);color:#fff;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:var(--fw-semibold)}.game-card.premium-game{border:2px solid var(--gold-400)}.goal-card{position:relative}.goal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.goal-title{font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--ink-900)}.goal-sub{font-size:var(--text-sm);color:var(--ink-400);margin-top:var(--space-1)}.goal-circle{position:relative;width:56px;height:56px;flex-shrink:0}.goal-svg{width:100%;height:100%}.goal-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--gold-500)}.goal-tip{font-size:var(--text-sm);color:var(--ink-700);background:var(--gold-100);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border-left:3px solid var(--gold-400)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a3d2a;background-image:var(--pattern-geometric);background-size:60px 60px;background-repeat:repeat;display:flex;align-items:center;justify-content:center;z-index:var(--z-loading);transition:opacity var(--dur-slow)}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff;background:radial-gradient(circle at center,#0a3d2a 30%,#0a3d2a00 70%);padding:2rem;border-radius:50%}.app-logo,.tagline{display:none}.loading-logo{width:240px;max-width:80vw;height:auto;object-fit:contain;margin-bottom:var(--space-8);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;animation:pulse-glow 3s infinite alternate;mask-image:radial-gradient(circle,black 50%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 35%,transparent 70%)}@keyframes pulse-glow{0%{box-shadow:0 8px 32px #ffd7001a;transform:scale(1)}to{box-shadow:0 8px 32px #ffd70040;transform:scale(1.02)}}.spinner{width:50px;height:50px;margin:0 auto;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hidden{display:none!important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-sm{margin-top:var(--space-2)}.mt-md{margin-top:var(--space-4)}.mt-lg{margin-top:var(--space-6)}.mb-sm{margin-bottom:var(--space-2)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.mb-xl{margin-bottom:var(--space-8)}.p-sm{padding:var(--space-2)}.p-md{padding:var(--space-4)}.p-lg{padding:var(--space-6)}.tap-target{min-height:var(--tap-min);min-width:var(--tap-min)}.btn:active,.btn-outline:active,.btn-accent:active,.btn-secondary:active,.icon-btn:active,.nav-item:active,.game-card:active,.continue-card:active,.issue-type-btn:active,.timeframe-btn:active,.auth-tab-btn:active{transform:scale(.96);transition-duration:80ms}button,a,[onclick],.tap-target,.game-card,.nav-item,.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fade-in{animation:fadeIn .4s ease-out forwards}@media (min-width: 640px){:root{font-size:17.6px}html{background:var(--cream-100)}body{max-width:620px;margin-inline:auto;min-height:100vh;background:var(--surface-bg);box-shadow:0 0 0 1px var(--cream-200),0 4px 24px #1a5c3a0f}}@media (min-width: 1024px){:root{font-size:18.9px}html{background:var(--green-900);background-image:radial-gradient(ellipse 60% 80% at 15% 50%,rgba(255,255,255,.04) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 85% 50%,rgba(255,255,255,.04) 0%,transparent 70%);min-height:100vh}body{max-width:620px;margin-inline:auto;min-height:100vh;background:var(--surface-bg);box-shadow:0 0 60px #00000059,0 0 0 1px #ffffff0f}.games-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){:root{font-size:14px}}@media (hover: hover){.game-card:focus-visible,.btn-primary:focus-visible,.nav-item:focus-visible{outline:3px solid var(--green-500);outline-offset:3px}}.subscription-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.subscription-banner .banner-icon{font-size:1.25rem}.subscription-banner .banner-text{flex:1}.subscription-banner .btn-small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.trial-banner{background:linear-gradient(135deg,var(--green-50),var(--green-100));border:1px solid var(--green-200);color:var(--green-700)}.trial-banner.urgent{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;color:#e65100}.free-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #64b5f6;color:#1565c0}.premium-banner{background:linear-gradient(135deg,var(--gold-100),var(--gold-200));border:1px solid var(--gold-400);color:var(--gold-500)}body.modal-open{overflow:hidden}.modal-overlay,#upgrade-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:var(--surface-overlay)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:var(--space-4)!important}.modal-content{background:var(--surface-card)!important;border-radius:var(--radius-lg);max-width:420px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:10000!important;pointer-events:auto!important}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:1.5rem;color:var(--ink-400);cursor:pointer;padding:var(--space-1);line-height:1}.modal-close:hover{color:var(--ink-900)}.upgrade-modal-content{padding:var(--space-8);text-align:center}.upgrade-header{margin-bottom:var(--space-6)}.upgrade-header .upgrade-icon{font-size:3rem;display:block;margin-bottom:var(--space-2)}.upgrade-header h2{font-size:1.5rem;color:var(--green-700);margin:0 0 var(--space-1)}.upgrade-header .upgrade-price{font-size:1.25rem;color:var(--gold-400);font-weight:var(--fw-semibold)}.upgrade-benefits{text-align:left;margin-bottom:var(--space-6)}.upgrade-benefits h3{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--ink-900)}.upgrade-benefits ul{list-style:none;padding:0;margin:0}.upgrade-benefits li{padding:var(--space-1) 0;color:var(--ink-400);font-size:var(--text-sm)}.upgrade-comparison{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.tier-column{flex:1;padding:var(--space-4);border-radius:var(--radius-md);text-align:center}.tier-column h4{margin:0 0 var(--space-2);font-size:var(--text-sm)}.tier-column ul{list-style:none;padding:0;margin:0;font-size:var(--text-xs);color:var(--ink-400)}.tier-column li{padding:var(--space-1) 0}.tier-column.free-tier{background:var(--cream-100);border:1px solid var(--cream-200)}.tier-column.premium-tier{background:linear-gradient(135deg,var(--gold-100),var(--gold-200));border:2px solid var(--gold-400)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base);width:100%}.upgrade-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--ink-400)}.upgrade-legal{margin-top:var(--space-3);font-size:var(--text-xs);line-height:1.5;color:var(--ink-400)}.upgrade-legal a{color:var(--ink-600);text-decoration:underline;display:inline-block;padding:2px 0}.review-card{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;border:none;cursor:pointer;transition:transform 80ms ease,box-shadow .12s ease}.review-card--due{background:linear-gradient(135deg,var(--gold-100),var(--cream-100));border-left:4px solid var(--gold-400)}.review-card--empty{background:var(--surface-card);cursor:default}.review-card:hover:not(.review-card--empty){transform:translateY(-1px);box-shadow:var(--shadow-md)}.review-card-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.review-card-body{flex:1;min-width:0}.review-card-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--ink-900);margin:0}.review-card-sub{font-size:var(--text-sm);color:var(--ink-400);margin:2px 0 0}.review-card-chevron{font-size:1.5rem;color:var(--ink-400);flex-shrink:0}.review-card-browse{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface-card);border:1px solid var(--cream-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--ink-900);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.review-card-browse-label{display:inline-flex;align-items:center}.review-card-browse-label:before{content:"🃏";margin-right:var(--space-3);font-size:1rem}.review-card-browse-chevron{font-size:1.25rem;line-height:1;opacity:.7}.review-card-browse:hover{background:var(--cream-100);border-color:var(--color-primary);transform:translateY(-1px)}body.dark-mode .review-card-browse{background:var(--dark-surface);border-color:var(--dark-border)}body.dark-mode .review-card-browse:hover{background:var(--dark-bg-elevated);border-color:var(--dark-green-primary)}.review-view{display:flex;flex-direction:column;gap:var(--space-5);max-width:560px;margin:0 auto}.review-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.review-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--ink-900);flex:1;text-align:center}.review-progress{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--ink-400);min-width:56px;text-align:right}.flashcard-wrap{display:flex;flex-direction:column;gap:var(--space-5)}.flashcard{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:320px;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .16s ease}.flashcard:hover{box-shadow:var(--shadow-lg)}.flashcard:active{transform:scale(.99)}.flashcard.is-flipped{background:linear-gradient(160deg,var(--surface-card),var(--cream-50))}.flashcard-face{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.flashcard-face[hidden],.flashcard-actions[hidden]{display:none}.flashcard-hint{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-400);margin-bottom:var(--space-4)}.flashcard-arabic{font-size:3.5rem;font-weight:var(--fw-bold);color:var(--color-primary);line-height:1.2;direction:rtl}.flashcard-latin{font-size:var(--text-base);color:var(--ink-400);font-style:italic;letter-spacing:.05em}.flashcard-meaning{font-size:1.5rem;font-weight:var(--fw-semibold);color:var(--ink-900);line-height:1.35}.flashcard-example{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--cream-200);width:100%}.flashcard-example-arabic{font-size:1.5rem;color:var(--color-primary);direction:rtl;margin:0 0 var(--space-2) 0;line-height:1.6}.flashcard-example-trans{font-size:var(--text-sm);color:var(--ink-700);margin:0;line-height:1.5}.flashcard-example-ref{font-size:var(--text-xs);color:var(--ink-400);margin:var(--space-1) 0 0 0;letter-spacing:.04em}.flashcard-star{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;font-size:1.75rem;cursor:pointer;color:var(--ink-400);transition:color .12s ease,transform 80ms ease;padding:4px;line-height:1}.flashcard-star:hover{transform:scale(1.1)}.flashcard-star.is-starred{color:var(--gold-400)}.flashcard-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.flashcard-actions--single{grid-template-columns:1fr}.btn-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;font-family:inherit;transition:transform 80ms ease,filter .12s ease,box-shadow .12s ease}.btn-rate:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-rate:active{transform:scale(.97)}.btn-rate-label{font-size:var(--text-base);font-weight:var(--fw-semibold)}.btn-rate-hint{font-size:var(--text-xs);opacity:.8}.btn-rate-forgot{background:#fee2e2;color:#991b1b}.btn-rate-good{background:#dcfce7;color:#166534}.btn-rate-easy{background:#dbeafe;color:#1e40af}.review-summary,.review-empty{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8) var(--space-6);text-align:center}.review-summary-emoji,.review-empty-emoji{font-size:3rem;margin-bottom:var(--space-3)}.review-summary-title,.review-empty-title{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--ink-900);margin:0 0 var(--space-2) 0}.review-summary-sub,.review-empty-sub{font-size:var(--text-sm);color:var(--ink-400);margin:0 0 var(--space-6) 0;line-height:1.5}.review-summary-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.review-summary-stat{background:var(--cream-100);border-radius:var(--radius-md);padding:var(--space-4) var(--space-2)}.review-summary-stat-num{font-size:1.5rem;font-weight:var(--fw-bold);color:var(--ink-900)}.review-summary-stat-label{font-size:var(--text-xs);color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.review-summary-actions,.review-empty-actions{display:flex;flex-direction:column;gap:var(--space-3)}body.dark-mode{--surface-bg: var(--dark-bg);--surface-card: var(--dark-surface);--surface-card-alt: var(--dark-surface-alt);--surface-glass: var(--dark-glass);--surface-overlay: rgba(0, 0, 0, .6);--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-secondary: var(--dark-surface);--color-surface-tertiary: var(--dark-surface-hover);--color-success-bg: rgba(76, 175, 80, .18);--color-text: var(--dark-text);--color-text-secondary: var(--dark-text-secondary);--color-border: var(--dark-border);--color-primary: var(--dark-green-primary);--color-secondary: var(--dark-green-secondary);--color-primary-light: var(--green-400);--color-primary-dark: var(--green-200);--color-accent: var(--dark-gold);--color-accent-light: var(--gold-300);--color-correct: var(--dark-correct);--color-incorrect: var(--dark-incorrect);--color-correct-bg: var(--dark-correct-bg);--color-incorrect-bg: var(--dark-incorrect-bg);--color-success: var(--dark-correct);--color-error: var(--dark-incorrect);--color-warning: var(--dark-warning);--color-info: var(--dark-info);--ink-900: var(--dark-text);--ink-700: var(--dark-text-secondary);--ink-400: var(--dark-text-muted);--ink-200: rgba(255, 255, 255, .12);--ink-50: var(--dark-bg-elevated);--cream-50: var(--dark-bg);--cream-100: var(--dark-bg-elevated);--cream-200: var(--dark-border);--cream-300: rgba(255, 255, 255, .1);--green-50: var(--dark-green-subtle);--green-100: rgba(61, 168, 112, .15);--gold-100: var(--dark-gold-subtle);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .2);--shadow-sm: var(--dark-shadow-sm);--shadow-md: var(--dark-shadow-md);--shadow-lg: var(--dark-shadow-lg);--shadow-gold: var(--dark-shadow-glow-gold);--shadow-glow: var(--dark-shadow-glow-green);background-color:var(--dark-bg);color:var(--dark-text);color-scheme:dark}body.dark-mode .app-container{background:var(--dark-bg)}body.dark-mode .app-container:before{opacity:.02;filter:invert(1) brightness(.5)}body.dark-mode .site-header{background:var(--dark-header);border-bottom:1px solid var(--dark-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.dark-mode .logo-text{color:var(--dark-green-primary)}body.dark-mode .stat-pill{background:var(--dark-surface);border-color:var(--dark-border)}body.dark-mode .stat-streak .stat-val{color:#f59e0b}body.dark-mode .header-avatar{border-color:#3da8704d}body.dark-mode .bottom-nav{background:var(--dark-header);border-top:1px solid var(--dark-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body.dark-mode .nav-item{color:var(--dark-text-muted)}body.dark-mode .nav-item:hover,body.dark-mode .nav-item.active{color:var(--dark-green-primary)}body.dark-mode .nav-item.active:before{background:var(--dark-green-subtle)}body.dark-mode .nav-center-ring{box-shadow:var(--dark-shadow-md),0 0 0 4px var(--dark-bg)}body.dark-mode .card,body.dark-mode .game-card,body.dark-mode .upgrade-modal-content{background:var(--dark-surface);border:1px solid var(--dark-border);box-shadow:var(--dark-shadow-sm)}body.dark-mode .card:hover,body.dark-mode .game-card:hover{background:var(--dark-surface-hover);border-color:#ffffff1f;box-shadow:var(--dark-shadow-md)}body.dark-mode .card-alt{background:var(--dark-surface-alt);border-color:var(--dark-border)}body.dark-mode .card-title{color:var(--dark-green-primary)}body.dark-mode .card-subtitle,body.dark-mode .section-hint,body.dark-mode .section-label{color:var(--dark-text-muted)}body.dark-mode .game-card.locked:before{background:#0003}body.dark-mode .game-card .lock-overlay{background:#0000004d}body.dark-mode .game-card .premium-badge{background:var(--dark-gold);color:var(--dark-bg)}body.dark-mode .game-card .trial-badge{background:var(--dark-green-secondary)}body.dark-mode .btn-secondary{background:var(--dark-green-subtle);color:var(--dark-green-primary)}body.dark-mode .btn-secondary:hover{background:#3da87033}body.dark-mode .btn-outline{border-color:var(--dark-green-primary);color:var(--dark-green-primary)}body.dark-mode .btn-outline:hover{background:var(--dark-green-subtle)}body.dark-mode .icon-btn:hover{background-color:#3da8701a}body.dark-mode .game-back-btn,body.dark-mode [id=back-btn],body.dark-mode [id$=-menu-back-btn]{color:var(--dark-text)!important;border-color:var(--dark-border)!important;background:var(--dark-surface)!important}body.dark-mode .game-back-btn:hover,body.dark-mode [id=back-btn]:hover,body.dark-mode [id$=-menu-back-btn]:hover{background:var(--dark-surface-hover)!important}body.dark-mode .badge-green{background:var(--dark-green-subtle);color:var(--dark-green-primary)}body.dark-mode .badge-gold{background:var(--dark-gold-subtle);color:var(--dark-gold)}body.dark-mode .badge-cream{background:var(--dark-surface);color:var(--dark-text-secondary)}body.dark-mode .greeting-sub{color:var(--dark-green-primary)}body.dark-mode .wod-card{background:linear-gradient(145deg,#0d2b1f,#163d2e);box-shadow:var(--dark-shadow-lg),inset 0 1px #ffffff0d}body.dark-mode .progress-bar-track{background:var(--dark-surface-hover)}body.dark-mode .progress-label{color:var(--dark-green-primary)}body.dark-mode .goal-tip{background:var(--dark-gold-subtle);border-left-color:var(--dark-gold);color:var(--dark-text-secondary)}body.dark-mode .daily-goal-card{background:var(--dark-green-subtle);border:2px dashed rgba(61,168,112,.15)}body.dark-mode .subscription-banner{border-color:var(--dark-border)}body.dark-mode .trial-banner{background:linear-gradient(135deg,#2d865933,#3da87026);border-color:#3da8704d;color:var(--dark-correct)}body.dark-mode .trial-banner.urgent{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border-color:#f59e0b4d;color:#fbbf24}body.dark-mode .free-banner{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d;color:var(--dark-info)}body.dark-mode .premium-banner{background:linear-gradient(135deg,#d4a83226,#c9a2271a);border-color:#d4a8324d;color:var(--dark-gold)}body.dark-mode .modal-content{background:var(--dark-bg-elevated)!important;color:var(--dark-text);border:1px solid var(--dark-border)}body.dark-mode .modal-close{color:var(--dark-text-muted)}body.dark-mode .modal-close:hover{color:var(--dark-text)}body.dark-mode .upgrade-header h2{color:var(--dark-green-primary)}body.dark-mode .upgrade-benefits h3{color:var(--dark-text)}body.dark-mode .upgrade-benefits li{color:var(--dark-text-secondary)}body.dark-mode .tier-column.free-tier{background:var(--dark-surface);border-color:var(--dark-border)}body.dark-mode .tier-column.premium-tier{background:linear-gradient(135deg,#d4a8321f,#c9a22714);border-color:#d4a83266}body.dark-mode .tier-column ul{color:var(--dark-text-secondary)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--dark-bg-elevated);color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:var(--dark-green-primary)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--dark-text-muted)}body.dark-mode .loading-screen{background-color:var(--dark-bg)}body.dark-mode .loading-content{background:radial-gradient(circle at center,var(--dark-bg) 30%,transparent 70%)}@media (min-width: 640px){body.dark-mode{box-shadow:0 0 0 1px var(--dark-border),0 4px 24px #0000004d}html:has(body.dark-mode){background:#060d0a}}@media (min-width: 1024px){html:has(body.dark-mode){background:#060d0a;background-image:radial-gradient(ellipse 60% 80% at 15% 50%,rgba(61,168,112,.03) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 85% 50%,rgba(212,168,50,.02) 0%,transparent 70%)}body.dark-mode{box-shadow:0 0 60px #0009,0 0 0 1px #ffffff0a}}body.dark-mode .review-card--due{background:linear-gradient(135deg,rgba(212,168,50,.15),var(--dark-surface));border-left-color:var(--dark-gold)}body.dark-mode .review-card--empty{background:var(--dark-surface)}body.dark-mode .flashcard{background:var(--dark-surface);border:1px solid var(--dark-border)}body.dark-mode .flashcard.is-flipped{background:linear-gradient(160deg,var(--dark-surface),var(--dark-bg-elevated))}body.dark-mode .flashcard-arabic,body.dark-mode .flashcard-example-arabic{color:var(--dark-green-primary)}body.dark-mode .btn-rate-forgot{background:#ef444426;color:#fca5a5}body.dark-mode .btn-rate-good{background:#22c55e26;color:#86efac}body.dark-mode .btn-rate-easy{background:#3b82f626;color:#93c5fd}body.dark-mode .review-summary,body.dark-mode .review-empty{background:var(--dark-surface);border:1px solid var(--dark-border)}body.dark-mode .review-summary-stat{background:var(--dark-bg-elevated)}@media (prefers-reduced-motion: reduce){body.dark-mode *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.settings-about-legal{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-400)}.settings-legal-link{color:var(--ink-600);text-decoration:underline;padding:4px 0}.auth-password-wrap{position:relative;display:block}.auth-password-wrap .auth-input{padding-inline-end:4.25rem}.auth-password-toggle{position:absolute;top:50%;inset-inline-end:.75rem;transform:translateY(-50%);background:none;border:none;padding:6px 4px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--green-700);cursor:pointer;line-height:1}.auth-password-toggle:active{opacity:.6}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .header-content,[dir=rtl] .btn{flex-direction:row-reverse}[dir=rtl] .nav-item{flex-direction:column}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .flip-rtl{transform:scaleX(-1)}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] ul,[dir=rtl] ol{padding-right:var(--space-lg);padding-left:0}[dir=rtl] .dropdown{left:auto;right:0}[dir=rtl] .slide-in-right{animation-name:slideInLeft}[dir=rtl] .slide-in-left{animation-name:slideInRight}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .arabic-numerals{font-feature-settings:"numr" 1}[dir=rtl] .ltr-text{direction:ltr;display:inline-block}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.game-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform var(--transition-base)}.game-card:hover:before{transform:scaleX(1)}.game-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.game-icon{width:60px;height:60px;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-2xl)}.game-title{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm);font-family:var(--font-arabic)}.game-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.game-stats{display:flex;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-value{font-weight:700;color:var(--color-primary);font-size:var(--text-lg)}.stat-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.stat-card-icon{font-size:var(--text-3xl);margin-bottom:var(--space-sm)}.stat-card-value{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xs)}.stat-card-label{font-size:var(--text-sm);opacity:.9}.progress-container{margin-bottom:var(--space-lg)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--text-sm)}.progress-label{font-weight:600;color:var(--color-text)}.progress-value{color:var(--color-primary);font-weight:700}.progress-bar{width:100%;height:12px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-primary);color:#fff}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:#fff}.badge-premium{background:linear-gradient(135deg,var(--color-accent),#ffd700);color:var(--color-text)}.leaderboard-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.leaderboard-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.leaderboard-filters{display:flex;gap:var(--space-sm)}.filter-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.leaderboard-list{list-style:none}.leaderboard-item{display:flex;align-items:center;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:background-color var(--transition-fast)}.leaderboard-item:hover{background:var(--color-bg)}.leaderboard-item.current-user{background:linear-gradient(90deg,rgba(32,128,128,.1),transparent);border:2px solid var(--color-primary)}.rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);margin-left:var(--space-md)}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.user-info{flex:1;margin:0 var(--space-md)}.user-name{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-xs)}.user-stats-small{font-size:var(--text-xs);color:var(--color-text-secondary)}.points{font-weight:700;font-size:var(--text-lg);color:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:scale(.9);transition:transform var(--transition-base)}.modal-overlay.active .modal{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.modal-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-xl)}.modal-body{margin-bottom:var(--space-lg)}.modal-footer{display:flex;gap:var(--space-md);justify-content:flex-end}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-text);font-size:var(--text-sm)}.form-input{width:100%;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-arabic);font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-input.error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-xs)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm)}.toast{background:var(--color-surface);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-md);min-width:300px;animation:slideInRight .3s ease}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-info{border-left:4px solid var(--color-info)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.streak-display{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:var(--radius-full);font-weight:700;box-shadow:var(--shadow-sm)}.streak-icon{font-size:var(--text-xl);animation:flicker 2s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.learn-header{background:linear-gradient(135deg,#064c391a,#064c3933);border:1px dashed rgba(6,76,57,.3);border-radius:24px;padding:2rem;text-align:center;margin-bottom:2rem;transition:all var(--transition-base)}body.dark-mode .learn-header{background:#064c3933;border:2px dashed rgba(16,185,129,.1)}.lesson-card{background:var(--color-surface);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;display:flex;align-items:center;gap:1rem}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#064c391a}.lesson-card.completed{border-color:var(--color-success);background:linear-gradient(to right,rgba(46,125,50,.05),transparent)}.lesson-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:var(--shadow-md)}.lesson-card.completed .lesson-icon-wrapper{background:linear-gradient(135deg,var(--color-success),#43a047)}.lesson-meta{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem}.lesson-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.lesson-subtitle{font-family:var(--font-quran);color:var(--color-primary);font-size:1rem;margin-bottom:.25rem}.lesson-arrow{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-fast)}.lesson-card:hover .lesson-arrow{background:var(--color-primary);color:#fff;transform:translate(4px)}.lesson-content{animation:fadeIn .4s ease-out;max-width:800px;width:100%;min-width:0;margin:0 auto}.lesson-section-card{background:var(--color-surface);border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;border:1px solid rgba(6,76,57,.05)}.lesson-section-card.primary{border-left:4px solid var(--color-primary)}.lesson-section-card.secondary{border-left:4px solid var(--color-secondary)}.lesson-section-card.accent{border-left:4px solid var(--color-accent)}.lesson-section-card h2{font-size:1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.lesson-table{width:100%;border-collapse:separate;border-spacing:0;font-size:1rem;margin-top:1rem}.lesson-table th,.lesson-table td{padding:1rem;border-bottom:1px solid var(--color-border)}.lesson-table th{text-align:left;font-weight:600;color:var(--color-text-secondary);background:#064c3908}.lesson-table th:first-child{border-top-left-radius:12px}.lesson-table th:last-child{border-top-right-radius:12px}.lesson-table tr:last-child td{border-bottom:none}.pronoun-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pronoun-card{background:var(--color-surface);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;border:1px solid var(--color-border);transition:transform var(--transition-fast)}.pronoun-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lesson-action-card{background:linear-gradient(135deg,var(--color-primary),#08604a);color:#fff;padding:2rem;border-radius:24px;text-align:center;box-shadow:var(--shadow-md);margin-top:3rem}.lesson-action-card h2{color:#fff!important;margin-bottom:.5rem}.lesson-action-card p{color:#ffffffe6;margin-bottom:1.5rem}body.dark-mode .game-icon{box-shadow:var(--dark-shadow-sm)}body.dark-mode .game-title{color:var(--dark-green-primary)}body.dark-mode .stat-card{box-shadow:var(--dark-shadow-md)}body.dark-mode .progress-bar{background:var(--dark-surface-hover)}body.dark-mode .leaderboard-container{background:var(--dark-surface);border:1px solid var(--dark-border)}body.dark-mode .leaderboard-header{border-bottom-color:var(--dark-border)}body.dark-mode .leaderboard-title{color:var(--dark-green-primary)}body.dark-mode .leaderboard-item:hover{background:var(--dark-surface-hover)}body.dark-mode .leaderboard-item.current-user{background:#3da87014;border-color:var(--dark-green-primary)}body.dark-mode .filter-btn{border-color:var(--dark-border);color:var(--dark-text-secondary)}body.dark-mode .filter-btn.active{background:var(--dark-green-primary);color:var(--dark-bg);border-color:var(--dark-green-primary)}body.dark-mode .modal{background:var(--dark-bg-elevated);box-shadow:var(--dark-shadow-lg)}body.dark-mode .modal-title{color:var(--dark-green-primary)}body.dark-mode .toast{background:var(--dark-bg-elevated);box-shadow:var(--dark-shadow-lg);border:1px solid var(--dark-border)}body.dark-mode .streak-display{background:linear-gradient(135deg,#c2410c,#d97706);box-shadow:var(--dark-shadow-sm)}body.dark-mode .learn-header{background:#3da87014;border:1px dashed rgba(61,168,112,.15)}body.dark-mode .lesson-card{background:var(--dark-surface);border-color:var(--dark-border)}body.dark-mode .lesson-card:hover{background:var(--dark-surface-hover);box-shadow:var(--dark-shadow-md);border-color:#3da87026}body.dark-mode .lesson-card.completed{border-color:var(--dark-correct);background:linear-gradient(to right,rgba(52,211,153,.05),transparent)}body.dark-mode .lesson-arrow{background:var(--dark-surface-hover)}body.dark-mode .lesson-card:hover .lesson-arrow{background:var(--dark-green-primary)}body.dark-mode .lesson-section-card{background:var(--dark-surface-alt);border-color:var(--dark-border-subtle)}body.dark-mode .lesson-table th{background:var(--dark-surface);color:var(--dark-text-muted)}body.dark-mode .lesson-table td{border-bottom-color:var(--dark-border-subtle)}body.dark-mode .pronoun-card{background:var(--dark-surface);border-color:var(--dark-border)}body.dark-mode .pronoun-card:hover{box-shadow:var(--dark-shadow-md)}body.dark-mode .lesson-action-card{background:linear-gradient(135deg,var(--dark-green-secondary),#0A5C3A)}body.dark-mode .form-input{background:var(--dark-bg-elevated);border-color:var(--dark-border);color:var(--dark-text)}body.dark-mode .form-input:focus{border-color:var(--dark-green-primary)}.profile-header{margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--green-800),var(--green-600));color:#fff;padding:var(--space-8)}.profile-header-inner{display:flex;align-items:center;gap:var(--space-6)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:var(--fw-bold);border:3px solid rgba(255,255,255,.4);flex-shrink:0}.profile-name{margin-bottom:var(--space-1);font-size:var(--text-xl);color:#fff}.profile-email{opacity:.8;font-size:var(--text-sm)}.profile-badges{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.profile-badge{background:#ffffff26;padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--text-xs);display:inline-flex;align-items:center;gap:4px}.profile-section-title{margin-bottom:var(--space-4);color:var(--color-primary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.profile-stat-card{text-align:center;padding:var(--space-5)}.profile-stat-value{font-size:var(--text-3xl);font-weight:var(--fw-bold)}.profile-stat-value--accent{color:var(--color-accent)}.profile-stat-value--success{color:var(--color-success)}.profile-stat-value--primary{color:var(--color-primary)}.profile-stat-value--warning{color:var(--color-warning)}.profile-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-4)}.achievement-item{text-align:center;color:var(--green-600)}.achievement-item--locked{opacity:.3;color:var(--ink-200)}.achievement-icon{margin-bottom:var(--space-1)}.achievement-name{font-size:.7rem;font-weight:var(--fw-semibold)}.profile-progress-card{margin-bottom:var(--space-6);padding:var(--space-6)}.profile-progress-row{margin-bottom:var(--space-4)}.profile-progress-row:last-child{margin-bottom:0}.profile-progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.profile-progress-label{font-size:var(--text-sm)}.profile-progress-value{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.profile-progress-track{background:var(--color-border);border-radius:10px;height:12px;overflow:hidden}.profile-progress-fill{height:100%;border-radius:10px;transition:width var(--dur-slow)}.profile-progress-fill--primary{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.profile-progress-fill--success{background:linear-gradient(90deg,var(--color-success),#66bb6a)}.profile-actions{display:flex;gap:var(--space-4)}.profile-actions .btn{flex:1}.settings-title{font-size:var(--text-xl);margin-bottom:var(--space-6);color:var(--color-primary)}.settings-card{margin-bottom:var(--space-4)}.settings-card--dev{border:2px dashed var(--color-accent)}.settings-heading{font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.settings-heading--accent{color:var(--color-accent);display:flex;align-items:center;gap:6px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0}.settings-row--bordered{border-bottom:1px solid var(--color-border)}.settings-label{font-weight:var(--fw-semibold);display:flex;align-items:center;gap:6px}.settings-label--danger{color:var(--color-error)}.settings-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-hint{font-size:var(--text-xs);color:var(--color-accent);margin-top:var(--space-1)}.settings-info-box{background:#d4af371a;padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2)}.settings-info-box p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.settings-about-row{padding:var(--space-4) 0}.settings-about-name{font-weight:var(--fw-semibold)}.settings-about-version,.settings-about-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn--sm{padding:var(--space-2) var(--space-4)}.btn--danger{background:var(--color-error);color:#fff}.btn--full{width:100%}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:background-color var(--dur-base);border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:transform var(--dur-base);border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(22px)}.auth-container{max-width:400px;margin:50px auto;text-align:center;padding:var(--space-8)}.auth-logo{font-size:var(--text-3xl);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-tagline{font-size:var(--text-lg);margin-bottom:var(--space-8);color:var(--color-text-secondary)}.auth-subtitle{margin-bottom:var(--space-8);color:var(--color-text-secondary)}.auth-btn-full{width:100%;margin-bottom:var(--space-4)}.auth-divider{margin:var(--space-6) 0;color:var(--color-text-secondary)}.auth-footnote{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-overlay);display:flex;justify-content:center;align-items:center;z-index:10000}.auth-modal-box{background:var(--surface-card);padding:var(--space-8);border-radius:var(--radius-md);max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.auth-modal-header h2{margin:0;color:var(--color-text)}.auth-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary)}.auth-modal-close:hover{color:var(--color-text)}.auth-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--color-border)}.auth-tab-btn{flex:1;padding:var(--space-3);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:var(--fw-semibold);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-secondary);transition:color var(--dur-fast),border-color var(--dur-fast)}.auth-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.auth-input{width:100%;padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-ui);box-sizing:border-box;background:var(--surface-card);color:var(--color-text)}.auth-input:focus{outline:none;border-color:var(--color-primary)}.auth-input:last-of-type{margin-bottom:var(--space-2)}body.dark-mode .auth-modal-box{background:var(--dark-bg-elevated);border:1px solid var(--dark-border)}body.dark-mode .auth-input{background:var(--dark-bg);border-color:var(--dark-border)}.auth-forgot-wrap{text-align:right;margin-bottom:var(--space-4)}.auth-link{background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline;font-family:var(--font-ui)}.auth-link:hover{opacity:.8}.auth-submit{width:100%;padding:var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;font-weight:var(--fw-semibold);font-family:var(--font-ui);transition:opacity var(--dur-fast)}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit--success{background:var(--color-success)}.auth-error{display:none;color:var(--color-error);margin-top:var(--space-4);font-size:var(--text-sm)}.auth-success{display:none;color:var(--color-success);margin-top:var(--space-4);font-size:var(--text-sm)}.auth-support-text{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.auth-back-wrap{text-align:center;margin-top:var(--space-4)}.report-modal-header{text-align:center;margin-bottom:var(--space-6)}.report-modal-header h2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.report-modal-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.report-drift{background:var(--surface-card-alt, var(--color-surface));border-inline-start:3px solid var(--color-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65}.report-drift strong{color:var(--color-text-primary)}.report-drift .quran-text{font-size:1.05em}.report-context{background:var(--surface-card-alt, var(--color-surface));padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.report-context-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.report-context-row:last-child{margin-bottom:0}.report-context-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.report-context-value{font-size:var(--text-sm)}.report-context-value--bold{font-weight:var(--fw-semibold)}.report-section{margin-bottom:var(--space-4)}.report-section--last{margin-bottom:var(--space-6)}.report-section label{display:block;font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.report-required{color:var(--color-error)}.issue-type-grid{display:grid;gap:var(--space-2)}.issue-type-btn{padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-card);text-align:left;cursor:pointer;transition:border-color var(--dur-fast),background-color var(--dur-fast);font-family:var(--font-ui)}.issue-type-btn:hover{border-color:var(--color-primary)}.issue-type-btn--selected{border-color:var(--color-primary);background:#1a5c3a14}.issue-type-btn .settings-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.report-textarea{width:100%;min-height:80px;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-base);resize:vertical;background:var(--surface-card);color:var(--color-text)}.report-textarea:focus{outline:none;border-color:var(--color-primary)}.report-submit{width:100%}.report-submit:disabled{opacity:.5;cursor:not-allowed}.report-footer{text-align:center;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary)}body.dark-mode .issue-type-btn--selected{background:#3da8701f}.lb-skeleton{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.lb-skeleton:last-child{border-bottom:none}.lb-skeleton-bar{background:var(--color-surface);border-radius:4px;animation:pulse 1.5s infinite}.lb-skeleton-bar--rank{width:32px;height:20px}.lb-skeleton-bar--avatar{width:40px;height:40px;border-radius:50%}.lb-skeleton-bar--name{height:14px;width:120px;margin-bottom:6px}.lb-skeleton-bar--streak{height:11px;width:80px}.lb-skeleton-bar--points{width:60px;height:18px}.lb-entry{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border);transition:background var(--dur-base)}.lb-entry:last-child{border-bottom:none}.lb-entry--me{border-left:3px solid var(--color-primary)}.lb-entry--top3{background:linear-gradient(90deg,rgba(255,215,0,var(--rank-opacity, .15)),transparent)}.lb-rank{width:32px;text-align:center;font-weight:var(--fw-bold);color:var(--color-text-secondary);font-size:.95rem}.lb-rank--top3{color:var(--color-accent);font-size:var(--text-lg)}.lb-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:2px solid transparent}.lb-avatar--me{border-color:var(--color-primary)}.lb-info{flex:1}.lb-name{font-weight:var(--fw-semibold)}.lb-name--me{font-weight:var(--fw-bold);color:var(--color-primary)}.lb-streak{font-size:var(--text-xs);color:var(--color-text-secondary)}.lb-you-badge{font-size:.7rem;background:var(--color-primary);color:#fff;padding:1px 6px;border-radius:10px;margin-left:4px}.lb-points{font-weight:var(--fw-bold);color:var(--color-primary);font-size:var(--text-base)}.lb-points-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:var(--fw-normal)}.lb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.lb-title{font-size:var(--text-xl);color:var(--color-primary);margin:0}.lb-live-badge{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--fw-bold);color:#16a34a;opacity:0;transition:opacity .5s}.lb-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.timeframe-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background:var(--color-surface);padding:var(--space-2);border-radius:var(--radius-lg)}.timeframe-btn{flex:1;padding:var(--space-3);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--fw-semibold);font-family:var(--font-ui);background:transparent;color:var(--color-text);transition:background var(--dur-fast),color var(--dur-fast)}.timeframe-btn.active{background:var(--color-primary);color:#fff}.lb-my-position{margin-bottom:var(--space-6);background:linear-gradient(135deg,#2080801a,#1f4a751a);border:2px solid var(--color-primary)}.lb-my-position-inner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.lb-my-rank{text-align:right}.lb-my-rank-number{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-primary)}.lb-my-rank-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.lb-empty{padding:var(--space-12);text-align:center;color:var(--color-text-secondary)}.lb-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.lb-empty-title{font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.lb-empty-subtitle{font-size:var(--text-sm)}.lb-error{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.lb-error-icon{margin-bottom:var(--space-4)}.wod-skeleton{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.wod-skeleton-bar{background:#ffffff1a;border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.wod-skeleton-bar--wide{width:200px;height:48px;background:#ffffff26;border-radius:var(--radius-md)}.wod-skeleton-bar--narrow{width:160px;height:20px}.section-header-row{display:flex;justify-content:space-between;align-items:baseline}.see-all-link{font-size:var(--text-sm);color:var(--green-500);background:none;border:none;cursor:pointer;font-weight:var(--fw-semibold);font-family:var(--font-ui)}.spacer-md{height:var(--space-4)}.games-subtitle{color:var(--ink-400);margin-bottom:var(--space-2);font-size:var(--text-sm)}.game-card--coming-soon{opacity:.5;cursor:default}.lock-icon-text{font-size:.75rem}@media (max-width: 600px){.lesson-section-card{padding:1.25rem;border-radius:16px}.lesson-table th,.lesson-table td{padding:.75rem .5rem;font-size:.9rem}}.root-detail-content{background:var(--surface-card);border-radius:var(--radius-lg, 16px);padding:var(--space-6, 1.5rem);box-shadow:var(--shadow-lg);position:relative}.root-detail-header{text-align:center;padding:.5rem 2rem 1rem;border-bottom:1px solid var(--color-border);margin-bottom:1.25rem}.root-detail-root{font-family:var(--font-arabic);font-size:2.5rem;line-height:1.5;color:var(--green-600);margin:0;text-align:center}.root-detail-meaning{font-size:var(--text-md, 1.125rem);color:var(--color-text, var(--ink-900));margin:.25rem 0 0}.root-detail-frequency{font-size:var(--text-sm, .875rem);color:var(--ink-400);margin:.5rem 0 0}.root-detail-section+.root-detail-section{margin-top:1.5rem}.root-detail-section-title{font-size:var(--text-xs, .75rem);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-500);margin:0 0 .5rem}.root-detail-list{list-style:none;margin:0;padding:0}.root-detail-row{display:flex;align-items:baseline;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.root-detail-row:last-child{border-bottom:none}.root-detail-word{font-family:var(--font-arabic);font-size:1.5rem;line-height:1.6;color:var(--color-text, var(--ink-900));flex:0 0 auto;min-width:5.5rem}.root-detail-gloss{flex:1 1 auto;font-size:var(--text-sm, .875rem);color:var(--ink-700)}.root-detail-note{display:block;font-size:var(--text-xs, .75rem);font-style:italic;color:var(--ink-400);margin-top:.15rem}.root-detail-label{flex:0 0 auto;font-size:var(--text-xs, .75rem);color:var(--ink-400);white-space:nowrap}.root-detail-row{flex-wrap:wrap}.root-detail-meta{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;margin-left:auto}.root-detail-report{flex:0 0 auto;padding:.5rem;margin-block:-.5rem;background:none;border:0;cursor:pointer;color:var(--ink-400);opacity:.55;transition:opacity .2s;line-height:0}.root-detail-report:hover,.root-detail-report:focus-visible{opacity:1}@media (max-width: 480px){.root-detail-row--tagged .root-detail-meta{flex:1 0 100%;justify-content:flex-end;margin-top:.15rem}}.root-detail-example{margin:0;padding:.875rem 1rem;background:var(--surface-card-alt, var(--cream-100));border-radius:var(--radius-md, 12px);border-inline-start:3px solid var(--green-400)}.root-detail-ayah{font-family:var(--font-arabic);font-size:1.5rem;line-height:1.9;margin:0;color:var(--color-text, var(--ink-900))}.root-detail-translation{font-size:var(--text-sm, .875rem);color:var(--ink-700);margin:.5rem 0 0}.root-detail-reference{display:block;font-size:var(--text-xs, .75rem);color:var(--ink-400);font-style:normal;margin-top:.35rem}.root-detail-empty{text-align:center;color:var(--ink-400);font-size:var(--text-sm, .875rem);margin:1rem 0 0}.wod-card--interactive{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.wod-card--interactive:active{transform:scale(.99)}.wod-card--interactive:focus-visible{outline:2px solid var(--green-400);outline-offset:3px}.wod-hint{font-size:var(--text-xs, .75rem);color:var(--ink-400);margin:.5rem 0 0}body.dark-mode .root-detail-content{background:var(--dark-bg-elevated);border:1px solid var(--dark-border)}body.dark-mode .root-detail-header{border-bottom-color:var(--dark-border)}body.dark-mode .root-detail-row{border-bottom-color:var(--dark-border-subtle)}body.dark-mode .root-detail-root{color:var(--green-200)}body.dark-mode .root-detail-meaning,body.dark-mode .root-detail-word,body.dark-mode .root-detail-ayah{color:var(--dark-text, #f5f5f4)}body.dark-mode .root-detail-gloss,body.dark-mode .root-detail-translation{color:var(--dark-text-secondary)}body.dark-mode .root-detail-example{background:var(--dark-surface-alt)}@media (max-width: 400px){.root-detail-root{font-size:2rem}.root-detail-word{font-size:1.3rem;min-width:4.5rem}.root-detail-content{padding:var(--space-4, 1rem)}}.game-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.6rem .8rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);color:#fff}.game-header--alt{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary))}.game-header h2{font-size:1.15rem;line-height:1.25;margin-bottom:.1rem}.game-header-meta{display:flex;gap:.5rem;align-items:flex-start;padding-top:.25rem}.game-header .btn{padding:.4rem .7rem}.game-header p{font-size:.8rem;opacity:.9;line-height:1.3}body:has(#landing){max-width:none}.landing{--lp-ground: #0d3320;--lp-on-ground: #faf8f3;--lp-on-ground-soft: rgba(250, 248, 243, .76);--lp-on-ground-faint: rgba(250, 248, 243, .55);--lp-gold: #c9a227;--lp-gold-bright: #ddb94d;--lp-gold-soft: rgba(201, 162, 39, .16);--lp-rule: rgba(250, 248, 243, .16);--lp-parchment: #faf8f3;--lp-ink: #1c1917;--lp-ink-soft: #44403c;--lp-card: #ffffff;--lp-card-border: #e8dfc8;--lp-band: #f2ece0;--lp-accent: #216e47;font-family:var(--font-ui);color:var(--lp-ink);background:var(--lp-parchment);-webkit-font-smoothing:antialiased}body.dark-mode .landing{--lp-parchment: #12100f;--lp-ink: #f5f5f4;--lp-ink-soft: #c9c5c1;--lp-card: #1c1917;--lp-card-border: rgba(255, 255, 255, .12);--lp-band: #17140f;--lp-accent: #4fbd84}.landing[hidden]{display:none!important}.lp-wrap{width:min(1080px,100% - 2.5rem);margin-inline:auto}.lp-section{padding-block:clamp(3.5rem,9vw,6.5rem)}.lp-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent);margin:0 0 .9rem}.lp-h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0 0 .75rem}.lp-lede{font-size:clamp(1rem,1.7vw,1.125rem);line-height:1.65;color:var(--lp-ink-soft);max-width:56ch;margin:0}.lp-hero{background:var(--lp-ground);color:var(--lp-on-ground);padding-block:clamp(2.5rem,7vw,4.5rem) clamp(3rem,8vw,5rem);position:relative;overflow:hidden}.lp-hero:before{content:"";position:absolute;inset:-30% 20% auto;height:70vmin;background:radial-gradient(circle at 50% 40%,rgba(61,168,112,.22),transparent 62%);pointer-events:none}.lp-hero>*{position:relative}.lp-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:clamp(2rem,6vw,3.5rem)}.lp-brand img{width:clamp(42px,4.4vw,54px);height:clamp(42px,4.4vw,54px);border-radius:11px;object-fit:cover}.lp-brand span{font-weight:600;font-size:clamp(1.25rem,2.2vw,1.6rem);letter-spacing:-.02em}.lp-bloom{display:grid;grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:clamp(.5rem,3vw,2.25rem);margin-bottom:clamp(2rem,5vw,3rem)}.lp-bloom-col{display:flex;flex-direction:column;gap:clamp(.5rem,1.6vw,.9rem)}.lp-bloom-col--start{align-items:flex-end;text-align:right}.lp-bloom-col--end{align-items:flex-start;text-align:left}.lp-root{display:flex;direction:rtl;gap:.4rem;padding:clamp(.7rem,2vw,1.1rem);border:1px solid var(--lp-gold);border-radius:14px;background:var(--lp-gold-soft);box-shadow:0 0 0 6px #c9a2270f}.lp-root b{font-family:var(--font-arabic);font-size:clamp(2rem,6vw,3.25rem);font-weight:500;line-height:1;color:var(--lp-gold)}.lp-word{display:block;padding:.35rem .1rem}.lp-word .ar{display:block;font-family:var(--font-arabic);font-size:clamp(1.35rem,3.4vw,1.95rem);line-height:1.35;color:var(--lp-on-ground)}.lp-word .en{display:block;font-size:clamp(.68rem,1.5vw,.8rem);letter-spacing:.02em;color:var(--lp-on-ground-faint)}@media (prefers-reduced-motion: no-preference){.lp-bloom .lp-word,.lp-bloom .lp-root{animation:lp-rise .62s cubic-bezier(.2,.7,.3,1) backwards}.lp-bloom .lp-root{animation-delay:60ms}.lp-bloom-col--start .lp-word:nth-child(1){animation-delay:.26s}.lp-bloom-col--start .lp-word:nth-child(2){animation-delay:.34s}.lp-bloom-col--start .lp-word:nth-child(3){animation-delay:.42s}.lp-bloom-col--end .lp-word:nth-child(1){animation-delay:.3s}.lp-bloom-col--end .lp-word:nth-child(2){animation-delay:.38s}.lp-bloom-col--end .lp-word:nth-child(3){animation-delay:.46s}}@keyframes lp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lp-hero-copy{max-width:40rem}.lp-h1{font-size:clamp(1.9rem,5.2vw,3.1rem);font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:0 0 1rem}.lp-h1 em{font-style:normal;color:var(--lp-gold-bright)}.lp-hero-lede{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:var(--lp-on-ground-soft);margin:0 0 2rem;max-width:46ch}.lp-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}.lp-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;background:var(--lp-on-ground);color:var(--lp-ground);font-weight:600;font-size:.95rem;text-decoration:none;border:0;cursor:pointer;transition:transform .14s ease,background .14s ease}.lp-cta:hover{background:#fff;transform:translateY(-1px)}.lp-cta:focus-visible{outline:2px solid var(--lp-gold-bright);outline-offset:3px}.lp-store{display:inline-flex;align-items:center;text-decoration:none;border-radius:9px}.lp-store:focus-visible{outline:2px solid var(--lp-gold-bright);outline-offset:3px}.lp-store img{display:block;height:40px;width:auto}.lp-store--play img{height:60px;margin-inline:-9px}.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1rem,2.5vw,1.75rem);margin-top:clamp(2rem,5vw,3rem)}.lp-card{background:var(--lp-card);border:1px solid var(--lp-card-border);border-radius:16px;padding:1.4rem}.lp-card h3{font-size:1.02rem;font-weight:600;margin:0 0 .4rem;letter-spacing:-.01em}.lp-card p{margin:0;font-size:.92rem;line-height:1.6;color:var(--lp-ink-soft)}.lp-review{background:var(--lp-band)}.lp-review-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,6vw,4rem);align-items:center}.lp-review-shot{width:clamp(200px,26vw,260px);border-radius:20px;border:1px solid var(--lp-card-border);background:var(--lp-ground)}.lp-list{list-style:none;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:0;display:grid;gap:.85rem}.lp-list li{position:relative;padding-inline-start:1.4rem;font-size:.95rem;line-height:1.6;color:var(--lp-ink-soft)}.lp-list li:before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:.7rem;height:1px;background:var(--lp-accent)}.lp-list b{color:var(--lp-ink);font-weight:600}@media (max-width: 760px){.lp-review-grid{grid-template-columns:1fr;justify-items:start}.lp-review-shot{align-self:center;justify-self:center}}.lp-shots{display:flex;gap:clamp(.75rem,2vw,1.25rem);overflow-x:auto;padding-block:.5rem 1.25rem;margin-top:clamp(1.75rem,4vw,2.5rem);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.lp-shots img{flex:0 0 auto;width:clamp(160px,40vw,216px);border-radius:18px;border:1px solid var(--lp-card-border);background:var(--lp-ground);scroll-snap-align:center}.lp-data{background:var(--lp-ground);color:var(--lp-on-ground)}.lp-data .lp-eyebrow{color:var(--lp-gold-bright)}.lp-data .lp-lede{color:var(--lp-on-ground-soft)}.lp-sources{list-style:none;margin:clamp(1.75rem,4vw,2.5rem) 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--lp-rule)}.lp-sources li{display:grid;grid-template-columns:minmax(0,15rem) 1fr;gap:.35rem 1.5rem;padding:1rem 0;border-bottom:1px solid var(--lp-rule);align-items:baseline}.lp-sources dt,.lp-sources b{font-weight:600;font-size:.95rem;letter-spacing:-.01em}.lp-sources span{font-size:.9rem;line-height:1.55;color:var(--lp-on-ground-faint)}.lp-ayah{margin-top:clamp(2rem,5vw,3rem);padding:clamp(1.25rem,3vw,1.9rem);border:1px solid var(--lp-rule);border-radius:16px;background:#faf8f309}.lp-ayah p.ar{font-family:var(--font-arabic);font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.9;margin:0 0 .6rem;direction:rtl;text-align:right;color:var(--lp-on-ground)}.lp-ayah p.en{margin:0;font-size:.95rem;color:var(--lp-on-ground-soft)}.lp-ayah cite{font-style:normal;color:var(--lp-gold-bright);font-size:.85rem}.lp-signin{background:var(--lp-band)}.lp-signin-head{text-align:center;margin-bottom:2rem}.lp-signin-head .lp-lede{margin-inline:auto}#auth-slot .auth-container{min-height:0;padding:0;background:none}#auth-slot .card{margin-inline:auto}#auth-slot .auth-tagline,#auth-slot .auth-subtitle,#auth-slot .auth-footnote{display:none}.lp-footer{background:var(--lp-ground);color:var(--lp-on-ground-faint);padding-block:2.5rem;font-size:.88rem}.lp-footer-inner{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between}.lp-footer a{color:var(--lp-on-ground-soft);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.lp-footer a:hover{color:var(--lp-on-ground);text-decoration:underline}.lp-footer nav{display:flex;flex-wrap:wrap;gap:0 1.25rem}.landing a:focus-visible{outline:2px solid var(--lp-gold-bright);outline-offset:3px;border-radius:4px}@media (max-width: 640px){.lp-bloom{grid-template-columns:1fr;justify-items:center;gap:1.25rem}.lp-bloom-col{align-items:center!important;text-align:center!important}.lp-bloom-col--start{order:2}.lp-root{order:1}.lp-bloom-col--end{order:3}.lp-sources li{grid-template-columns:1fr}}.root-scavenger-game{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;max-width:600px;margin:0 auto}.rs-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,var(--color-secondary, #1a5c3a),var(--color-primary, #145030));border-radius:var(--radius-lg, 16px);color:#fff;gap:.5rem}.rs-back-btn{color:#fff!important;border-color:#ffffff59!important;background:#ffffff26!important;flex-shrink:0;font-size:.8rem;padding:.35rem .65rem;white-space:nowrap}.rs-title-block{flex:1;text-align:center}.rs-title{font-size:1.1rem;font-weight:700;margin:0;color:#fff}.rs-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.rs-report-btn{background:none;border:none;cursor:pointer;padding:.2rem;opacity:.85;transition:opacity .2s;display:flex;align-items:center}.rs-report-btn:hover{opacity:1}.rs-stats{display:flex;gap:.75rem}.rs-stat{display:flex;flex-direction:column;align-items:center;gap:.05rem}.rs-stat-value{font-size:1rem;font-weight:700;line-height:1}.rs-stat-label{font-size:.6rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.rs-progress-area{display:flex;flex-direction:column;gap:.35rem}.rs-round-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:600;text-align:center}.rs-progress-track{background:var(--color-border, #e2e8f0);border-radius:9999px;height:7px;overflow:hidden}.rs-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary, #1a5c3a),var(--color-primary, #27ae60));border-radius:9999px;transition:width .4s ease}.rs-instructions{text-align:center;padding:2rem 1.5rem}.rs-instructions-icon{font-size:3rem;margin-bottom:.75rem}.rs-instructions h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--color-primary)}.rs-instructions p{margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.95rem}.rs-start-btn{margin-top:1.5rem;min-width:200px}.rs-game-area{display:flex;flex-direction:column;gap:1rem}.rs-pairs{display:flex;flex-direction:column;gap:1.1rem}.rs-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:stretch}.rs-root-pill{display:flex;justify-content:center;align-items:center;padding:.75rem .5rem;min-height:76px;background:var(--surface-card, #ffffff);border:2.5px solid var(--color-primary, #145030);border-radius:9999px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .15s,opacity .25s}.rs-root-pill:hover{background:var(--color-primary-light, #f0fdf4);box-shadow:0 2px 10px #14503026}.rs-root-pill.rs-dragging{opacity:.45;transform:scale(.96)}.rs-root-pill.rs-matched{background:var(--color-success-bg, #d1fae5);border-color:var(--color-success, #059669);opacity:.5;cursor:default;pointer-events:none}.rs-root-arabic{font-family:var(--font-arabic, "Scheherazade New", "Noto Sans Arabic", serif);font-size:1.75rem;font-weight:700;direction:rtl;color:var(--color-primary, #145030);line-height:1.2;pointer-events:none}.rs-meaning-target{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;min-height:76px;background:var(--cream-100, #f7f3eb);border:2.5px dashed var(--color-primary, #145030);border-radius:9999px;text-align:center;gap:.2rem;transition:background .15s,border-color .15s,transform .15s;cursor:default}.rs-meaning-target.rs-drag-over{background:var(--color-primary-light, #dcfce7);border-style:solid;transform:scale(1.03)}.rs-meaning-target.rs-matched{background:var(--color-success-bg, #d1fae5);border-style:solid;border-color:var(--color-success, #059669);pointer-events:none}.rs-meaning-target.rs-incorrect{animation:rs-shake .55s ease;border-color:var(--color-error, #dc2626);background:var(--color-incorrect-bg, #fee2e2)}.rs-meaning-text{font-size:.82rem;font-weight:600;color:var(--color-text, #1a202c);line-height:1.3;pointer-events:none}.rs-matched-root{font-family:var(--font-arabic, "Scheherazade New", "Noto Sans Arabic", serif);font-size:1.1rem;font-weight:700;color:var(--color-success, #059669);direction:rtl;line-height:1.2;pointer-events:none}.rs-feedback{text-align:center;padding:.7rem 1rem;border-radius:var(--radius-lg, 12px);font-weight:600;font-size:.9rem}.rs-feedback-success{background:var(--color-success-bg, #d1fae5);color:var(--color-success, #059669);border:1.5px solid var(--color-success, #059669)}.rs-next-btn{width:100%}.rs-results-card{text-align:center;padding:2.5rem 1.5rem}.rs-results-emoji{font-size:4rem;margin-bottom:.5rem}.rs-results-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-primary)}.rs-results-score{font-size:3rem;font-weight:800;color:var(--color-secondary);margin-bottom:.25rem}.rs-results-sub{color:var(--color-text-secondary);margin-bottom:1.5rem}.rs-results-actions{display:flex;flex-direction:column;gap:.75rem;max-width:280px;margin:0 auto}@keyframes rs-shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}