@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700;800&family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&family=Inter:wght@300;500&display=swap";.challenge-points{position:absolute;top:1rem;right:1rem;display:flex;align-items:baseline;gap:2px;background:#ffffffe6;padding:.25rem .75rem;border-radius:1rem;box-shadow:0 2px 8px #0000001a;transform:rotate(2deg);animation:floatBadge 3s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.5)}[data-theme=dark] .challenge-points{background:#0000004d;border-color:#ffffff1a}.points-value{font-size:1.1rem;font-weight:900;background:linear-gradient(135deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .points-value{background:linear-gradient(135deg,#fbbf24,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.points-label{font-size:.7rem;font-weight:700;color:#92400e;text-transform:uppercase;margin-left:2px}[data-theme=dark] .points-label{color:#fcd34d}@keyframes floatBadge{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}}.challenge-progress-container{width:100%;margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.challenge-progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;color:var(--text-secondary)}.challenge-progress-track{width:100%;height:14px;background:#00000014;border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}[data-theme=dark] .challenge-progress-track{background:#ffffff26;box-shadow:inset 0 1px 3px #0000004d}.challenge-progress-fill{height:100%;border-radius:20px;width:5%;transition:width 1s cubic-bezier(.34,1.56,.64,1);position:relative;background:linear-gradient(90deg,#f59e0b,#ea580c);box-shadow:0 0 12px #f9731699}.challenge-progress-fill:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);background-size:20px 20px;animation:moveStripes 1s linear infinite;z-index:1}.challenge-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:translate(-100%);animation:shimmer 2.5s infinite;z-index:2}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}[data-theme=dark] .challenge-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 15px #fbbf2480}[data-color-theme=darkblue]{--primary: #1e3a8a;--primary-hover: #1e40af;--accent: #1e3a8a;--theme-gradient-start: #1e3a8a;--theme-gradient-end: #172554}@view-transition{navigation: auto;}:root{--primary: #1e3a8a;--primary-hover: #004a7a;--accent: #33a1fd;--background: #f9fafb;--surface: #ffffff;--surface-secondary: #edf7ff;--text-main: #2c3e50;--text-secondary: #586e82;--border: #e5e7eb;--shadow: 0 2px 8px rgba(0, 91, 150, .1);--radius: 1rem;--header-font: "Inter", sans-serif;--body-font: "Inter", sans-serif;--app-max-width: 414px;--dock-height: 85px;--z-background: -1;--z-root: 0;--z-content: 10;--z-floating: 20;--z-header: 100;--z-modal: 200;--z-dock: 300;--z-toast: 400;--bg-app: #0a0a0a;--bg-glass: rgba(28, 28, 30, .6);--bg-glass-strong: rgba(28, 28, 30, .85);font-family:Tajawal,sans-serif}[data-theme=dark]{--primary: #3b82f6;--primary-hover: #60a5fa;--accent: #3b82f6;--background: #000000;--surface: #121212;--surface-raised: #1e1e1e;--surface-hover: #2a2a2a;--text-main: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-disabled: rgba(255, 255, 255, .3);--text-arabic: #ffffff;--border: #27272a;--border-subtle: #18181b;--border-focus: #3b82f6;--shadow-up: 0 -2px 8px rgba(0, 0, 0, .5);--shadow: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .8)}[data-theme=dark] .mobile-toggle-btn,[data-theme=dark] #mobileToggle{background:linear-gradient(145deg,#1e1e2f,#151525)!important;border:none!important;border-radius:12px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#ffffffb3!important;padding:0!important;box-shadow:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d,inset 0 0 0 1px #ffffff0d!important;transition:all .15s ease!important;position:relative!important;top:0!important;margin-left:.5rem!important;z-index:50!important}[data-theme=dark] .mobile-toggle-btn:hover,[data-theme=dark] #mobileToggle:hover{color:#fff!important;transform:translateY(-1px)!important;box-shadow:6px 6px 12px #0009,-2px -2px 8px #ffffff14!important}[data-theme=dark] .mobile-toggle-btn.active,[data-theme=dark] #mobileToggle.active{background:linear-gradient(145deg,#151525,#1e1e2f)!important;color:#4ade80!important;box-shadow:inset 5px 5px 10px #0009,inset -2px -2px 6px #ffffff0d!important;transform:translateY(2px)!important}[data-theme=dark] .mobile-toggle-btn svg,[data-theme=dark] #mobileToggle svg{width:24px;height:24px;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}[data-theme=dark] .mobile-toggle-btn.active svg,[data-theme=dark] #mobileToggle.active svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transform:scale(.95)}body{font-family:Inter,Tajawal,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden!important;overscroll-behavior-y:none}.tab-content-active,.search-results,.smart-card,.word-card{-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:scroll-position;overscroll-behavior:contain;pointer-events:none!important}.home-container,.content-area,.scroll-list,.card-container,.details-page-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:scroll-position;overscroll-behavior:contain;min-height:calc(100% + 1px)}body,body.iphone-view{max-width:414px!important;margin:0 auto!important;border-left:1px solid var(--border);border-right:1px solid var(--border);min-height:100vh;box-shadow:0 0 50px #00000080;background-color:var(--background);overflow-x:hidden;position:relative}body.iphone-view .fixed-bottom,body.iphone-view .navbar,body.iphone-view .fab-container,body.iphone-view .toast-container{max-width:414px;left:50%;transform:translate(-50%);width:100%}body.iphone-view .toast-container{transform:translate(-50%) translateY(0)}body.iphone-view .fab-container{right:auto;left:50%;margin-left:140px;transform:none}.quick-icon,.stat-icon,.challenge-icon,.path-icon,.wod-speak-btn,.fc-emoji,.icon-box{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif}img.emoji,.emoji{height:1em;width:1em;vertical-align:-.1em;display:inline-block}.text-xs{font-size:.8rem!important}.text-sm{font-size:.95rem!important}.text-md{font-size:1.15rem!important}.text-lg{font-size:1.4rem!important}.text-xl{font-size:1.75rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.grad-amber{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.grad-indigo{background:linear-gradient(135deg,#2563eb,#1e40af)!important}.challenge-progress-fill{width:0%}@media (max-width: 480px){.text-xl{font-size:1.3em!important}}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}[onclick],[role=button],.clickable,.card,.btn,button:not([disabled]),.smart-card,.word-card,.game-card-item,.smart-btn,.action-btn,.dock-item,a,.smart-inner,.smart-header,.smart-body,.smart-actions,.progress-bar,.grammar-badge,.action-button,.audio-btn,.learned-btn,.mistake-card-header,.mistake-card-body,.word-swe,.word-arb{touch-action:pan-y!important;pointer-events:auto!important}.smart-btn svg,.action-btn svg,.dock-item svg{pointer-events:none!important}[data-color-theme=ocean]{--primary: #0ea5e9;--primary-hover: #38bdf8;--accent: #0ea5e9;--theme-gradient-start: #0ea5e9;--theme-gradient-end: #0284c7}[data-color-theme=ocean][data-theme=dark]{--background: #0c1929;--surface: #0f2438;--border: rgba(14, 165, 233, .2)}[data-color-theme=sunset]{--primary: #f97316;--primary-hover: #fb923c;--accent: #f97316;--theme-gradient-start: #f97316;--theme-gradient-end: #ea580c}[data-color-theme=sunset][data-theme=dark]{--background: #1c1410;--surface: #2a1f18;--border: rgba(249, 115, 22, .2)}[data-color-theme=forest]{--primary: #22c55e;--primary-hover: #4ade80;--accent: #22c55e;--theme-gradient-start: #22c55e;--theme-gradient-end: #16a34a}[data-color-theme=forest][data-theme=dark]{--background: #0f1f14;--surface: #162b1c;--border: rgba(34, 197, 94, .2)}[data-color-theme=blue]{--primary: #3b82f6;--primary-hover: #60a5fa;--accent: #3b82f6;--theme-gradient-start: #3b82f6;--theme-gradient-end: #1e40af}[data-color-theme=darkblue][data-theme=dark]{--background: #0f172a;--surface: #1e293b;--border: rgba(30, 58, 138, .2)}[data-color-theme=rose]{--primary: #ef4444;--primary-hover: #b91c1c;--accent: #ef4444;--theme-gradient-start: #ef4444;--theme-gradient-end: #b91c1c}[data-color-theme=rose][data-theme=dark]{--background: #1f1010;--surface: #2d1a1a;--border: rgba(239, 68, 68, .2)}[data-color-theme=midnight]{--primary: #3b82f6;--primary-hover: #60a5fa;--accent: #3b82f6;--theme-gradient-start: #1e3a8a;--theme-gradient-end: #172554}[data-color-theme=midnight][data-theme=dark]{--background: #020617;--surface: #0f172a;--border: rgba(59, 130, 246, .2)}[data-color-theme=mint]{--primary: #10b981;--primary-hover: #34d399;--accent: #10b981;--theme-gradient-start: #10b981;--theme-gradient-end: #059669}[data-color-theme=mint][data-theme=dark]{--background: #0d1f17;--surface: #132f23;--border: rgba(16, 185, 129, .2)}[data-color-theme=coral]{--primary: #f43f5e;--primary-hover: #fb7185;--accent: #f43f5e;--theme-gradient-start: #f43f5e;--theme-gradient-end: #0d9488}[data-color-theme=coral][data-theme=dark]{--background: #1f1014;--surface: #2d171c;--border: rgba(244, 63, 94, .2)}[data-color-theme=neon]{--primary: #06b6d4;--primary-hover: #22d3ee;--accent: #06b6d4;--theme-gradient-start: #06b6d4;--theme-gradient-end: #0891b2}[data-color-theme=neon][data-theme=dark]{--background: #0a1a1e;--surface: #0f252b;--border: rgba(6, 182, 212, .2)}[data-color-theme=stealth]{--primary: #71717a;--primary-hover: #a1a1aa;--accent: #71717a;--theme-gradient-start: #52525b;--theme-gradient-end: #3f3f46;--background: #09090b;--surface: #18181b;--border: rgba(113, 113, 122, .15);--text-main: #e4e4e7;--text-secondary: #a1a1aa}[data-color-theme=stealth][data-theme=light]{--background: #fafafa;--surface: #f4f4f5;--text-main: #18181b;--text-secondary: #52525b}[data-color-theme=aurora]{--primary: #4ade80;--primary-hover: #86efac;--accent: #4ade80;--theme-gradient-start: #22c55e;--theme-gradient-end: #059669;--background: #020617;--surface: #0f172a;--border: rgba(74, 222, 128, .15);--text-main: #e2e8f0;--text-secondary: #94a3b8}[data-color-theme=aurora][data-theme=light]{--background: #f0fdf4;--surface: #dcfce7;--text-main: #14532d;--text-secondary: #0d9488}body.lang-ar .sv-text,body.lang-sv .ar-text{display:none!important}.streak-counter{background:#ff963226;color:#ff9632;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:4px;margin-right:10px;border:1px solid rgba(255,150,50,.3);animation:pulse-fire 2s infinite}@keyframes pulse-fire{0%{box-shadow:0 0 #ff963266}70%{box-shadow:0 0 0 6px #ff963200}to{box-shadow:0 0 #ff963200}}[data-color-theme=ember]{--primary: #ef4444;--primary-hover: #f87171;--accent: #ef4444;--theme-gradient-start: #dc2626;--theme-gradient-end: #b91c1c;--background: #0c0a09;--surface: #1c1917;--border: rgba(239, 68, 68, .15);--text-main: #fafaf9;--text-secondary: #a8a29e}[data-color-theme=ember][data-theme=light]{--background: #fef2f2;--surface: #fee2e2;--text-main: #450a0a;--text-secondary: #991b1b}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-secondary, rgba(255, 255, 255, .1)) 50%,var(--surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius, 8px);position:relative;overflow:hidden}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%}[class*=text-]{transition:font-size .2s ease;overflow-wrap:break-word}.text-xl{font-size:1.75rem!important;line-height:1.2}.text-lg{font-size:1.4rem!important;line-height:1.25}.text-md{font-size:1.15rem!important;line-height:1.3}.text-sm{font-size:.95rem!important;line-height:1.35}.text-xs{font-size:.8rem!important;line-height:1.4}.auto-size-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-align:center}.skeleton-text{height:1em;width:100%;margin-bottom:.5em}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:95%}.skeleton-title{height:1.5em;width:70%;margin-bottom:.75em}.skeleton-card{height:120px;width:100%;margin-bottom:1rem;border-radius:16px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-button{height:44px;width:120px;border-radius:22px}.skeleton-word-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--surface);border-radius:16px;margin-bottom:1rem;border:1px solid var(--border)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bounce{animation:bounce .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .4s ease-in-out}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.3)}20%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(1)}}.heartbeat{animation:heartbeat .6s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-45deg);opacity:1}to{transform:scale(1) rotate(-45deg);opacity:1}}.checkmark{animation:checkmark .4s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-up{animation:slideInUp .3s ease-out forwards}.slide-in-down{animation:slideInDown .3s ease-out forwards}.slide-in-left{animation:slideInLeft .3s ease-out forwards}.slide-in-right{animation:slideInRight .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple-effect .6s linear;pointer-events:none}[data-theme=dark] .ripple{background:#38bdf84d}@keyframes ripple-effect{to{transform:scale(4);opacity:0}}.btn-press{transition:transform .1s ease,box-shadow .1s ease}.btn-press:active{transform:scale(.95);box-shadow:none!important}.card-lift{transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover){.card-lift:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}}.card-lift:active{transform:scale(.98)}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 20px var(--primary),0 0 30px var(--primary)}}.glow{animation:glow 2s ease-in-out infinite}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fadeInScale .3s ease-out forwards}@keyframes flashSuccess{0%,to{background-color:inherit}50%{background-color:#38bdf84d}}@keyframes flashError{0%,to{background-color:inherit}50%{background-color:#ef44444d}}.flash-success{animation:flashSuccess .5s ease-in-out}.flash-error{animation:flashError .5s ease-in-out}@keyframes cardFadeSlideIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.smart-card{animation:cardFadeSlideIn .4s ease-out backwards;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.smart-card:nth-child(1){animation-delay:.05s}.smart-card:nth-child(2){animation-delay:.1s}.smart-card:nth-child(3){animation-delay:.15s}.smart-card:nth-child(4){animation-delay:.2s}.smart-card:nth-child(5){animation-delay:.25s}.smart-card:nth-child(6){animation-delay:.3s}.smart-card:nth-child(7){animation-delay:.35s}.smart-card:nth-child(8){animation-delay:.4s}.smart-card:nth-child(n+9){animation-delay:.45s}@media (hover: hover){.smart-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px #00000059,0 0 0 1px #ffffff14,0 0 20px var(--glow-color, rgba(59, 130, 246, .15))}}.smart-card:active{transform:scale(.98);transition-duration:.1s}@keyframes premiumShimmer{0%{background-position:200% 0;opacity:.8}50%{opacity:1}to{background-position:-200% 0;opacity:.8}}.shimmer{background:linear-gradient(90deg,#ffffff08,#ffffff14 20%,#ffffff26,#ffffff14 80%,#ffffff08);background-size:200% 100%;animation:premiumShimmer 1.8s ease-in-out infinite;border-radius:16px}::view-transition-old(root){animation:fadeOutSlide .25s ease-out both}::view-transition-new(root){animation:fadeInSlide .25s ease-out both}@keyframes fadeOutSlide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.tab-content-active{animation:fadeInScale .3s ease-out}.float{animation:float 2s ease-in-out infinite}.spin{animation:spin 1s linear infinite}@keyframes loadingDots{0%,80%,to{opacity:0}40%{opacity:1}}.loading-dots span{animation:loadingDots 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0}.ambient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg-main)}.orb{display:block;position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;mix-blend-mode:screen;animation:floatOrb 20s ease-in-out infinite alternate;will-change:transform}.orb-1{width:60vw;height:60vw;top:-20%;left:-20%;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);animation-duration:25s}.orb-2{width:50vw;height:50vw;top:10%;right:-10%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);animation-duration:30s;animation-delay:-5s}.orb-3{width:70vw;height:70vw;bottom:-20%;left:10%;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);animation-duration:35s;animation-delay:-10s}@keyframes floatOrb{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,80px) scale(1.1) rotate(120deg)}66%{transform:translate(-30px,40px) scale(.9) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}[data-theme=dark] .orb-1{background:radial-gradient(circle,#38bdf833,#1e293b00 70%)}[data-theme=dark] .orb-2{background:radial-gradient(circle,#3b82f633,#1e293b00 70%)}[data-theme=dark] .orb-3{background:radial-gradient(circle,#a855f726,#1e293b00 70%)}button,.action-btn,.game-btn,.menu-item,.card,.filter-chip{transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .2s ease}button:active,.action-btn:active,.game-btn:active,.menu-item:active,.filter-chip:active{transform:scale(.96)}@media (hover: hover){.card:hover{transform:translateY(-3px)}.card:active{transform:scale(.99)}}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.top-nav,.game-btn,.theme-toggle,.menu-item,.action-btn,.card,.word-card,.nav-left,.nav-right,.nav-center,.settings-menu,.pwa-prompt,.modal-header,.quiz-options button,.wod-header,.wod-action{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.translation,.swe-text,.arb-text,.definition,.example-text,.wod-swe,.wod-arb,.wod-def-text,.wod-example-text,.search-input{-webkit-user-select:text;user-select:text}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}*{box-sizing:border-box;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}button:active,.action-btn:active,.menu-item:active,.nav-btn:active,.game-btn:active{transform:scale(.95)}.clear-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-btn:hover{color:var(--primary)}body{font-family:var(--body-font);background:var(--background);color:var(--text-main);line-height:1.6;min-height:100vh;padding:2rem;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.4;animation:float-orb 20s infinite alternate}body:before{background:var(--primary);top:-100px;left:-100px}body:after{background:var(--accent);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes float-orb{0%{transform:translate(0) rotate(0)}to{transform:translate(100px,50px) rotate(20deg)}}[data-theme=dark] body:before{opacity:.2;background:#1e3a8a}[data-theme=dark] body:after{opacity:.2;background:#0ea5e9}[data-theme=dark] body{background:#121212}.bg-spotlight,[data-theme=dark] .bg-spotlight{display:none}.bg-spotlight-1{width:300px;height:300px;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);top:10%;left:-100px;animation:spotlight-float-1 12s ease-in-out infinite}.bg-spotlight-2{width:250px;height:250px;background:radial-gradient(circle,rgba(56,189,248,.3) 0%,transparent 70%);top:40%;right:-80px;animation:spotlight-float-2 15s ease-in-out infinite}.bg-spotlight-3{width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,.35) 0%,transparent 70%);bottom:20%;left:20%;animation:spotlight-float-3 18s ease-in-out infinite}@keyframes spotlight-float-1{0%,to{transform:translate(0)}25%{transform:translate(150px,100px)}50%{transform:translate(100px,200px)}75%{transform:translate(-50px,150px)}}@keyframes spotlight-float-2{0%,to{transform:translate(0)}25%{transform:translate(-100px,-80px)}50%{transform:translate(-150px,50px)}75%{transform:translate(-50px,100px)}}@keyframes spotlight-float-3{0%,to{transform:translate(0)}25%{transform:translate(80px,-60px)}50%{transform:translate(120px,40px)}75%{transform:translate(40px,-30px)}}.progress-stats-badge{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .5rem;background:linear-gradient(135deg,#38bdf81a,#3b82f61a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(56,189,248,.2);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.progress-stats-badge:hover{transform:scale(1.05);border-color:#38bdf866;box-shadow:0 4px 15px #38bdf833}.progress-stat{display:flex;align-items:center;gap:.25rem}.progress-stat .stat-icon{font-size:.9rem}.progress-stat span:last-child{color:var(--text-main);font-weight:700}.progress-divider{display:none}[data-theme=dark] .progress-stats-badge{background:linear-gradient(135deg,#38bdf826,#3b82f626);border-color:#38bdf84d}[data-theme=dark] .progress-stats-badge:hover{border-color:#38bdf880;box-shadow:0 4px 20px #38bdf84d}@media (max-width: 360px){.progress-stats-badge{display:none}}.flashcard-modal{z-index:9999!important;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flashcard-modal-content{max-width:420px;width:95%;max-height:90vh;border-radius:24px;background:var(--surface);box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.flashcard-modal .close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#80808033;color:var(--text-main);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.flashcard-modal .close-btn:hover{background:#ef444433;color:#ef4444}.flashcard-inline{margin-bottom:1rem;border-radius:20px;overflow:hidden;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a}.flashcard-progress-inline{font-weight:700;color:#3b82f6;font-size:.9rem}.flashcard-stats-inline{font-size:.9rem;color:var(--text-secondary)}.flashcard-body-inline{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.flashcard-container-inline{perspective:1000px;width:100%;max-width:300px;position:relative}.flashcard-inline-card{width:100%;height:180px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.flashcard-inline-card.flipped{transform:rotateY(180deg)}.flashcard-inline-card .flashcard-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.flashcard-front-inline{background:linear-gradient(135deg,#3b82f6d9,#2563ebe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 32px #3b82f64d}.flashcard-back-inline{background:linear-gradient(135deg,#f59e0bd9,#d97706e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;transform:rotateY(180deg);box-shadow:0 8px 32px #f59e0b4d}.flashcard-text-inline{font-size:1.75rem;font-weight:700;text-align:center;overflow-wrap:break-word;max-width:100%;line-height:1.3;transition:font-size .2s ease}.flashcard-text-inline.text-xl{font-size:1.75rem}.flashcard-text-inline.text-lg{font-size:1.4rem}.flashcard-text-inline.text-md{font-size:1.15rem}.flashcard-text-inline.text-sm{font-size:.95rem}.flashcard-text-inline.text-xs{font-size:.8rem}.flashcard-hint-inline{font-size:.75rem;opacity:.7;margin-top:.5rem}.flashcard-speak-btn-inline{position:absolute;bottom:.75rem;right:.75rem;background:#fff3;border:none;width:40px;height:40px;border-radius:50%;font-size:1.25rem;cursor:pointer}.flashcard-fav-btn{position:absolute;top:-15px;right:-5px;width:44px;height:44px;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 15px #00000026;transition:transform .2s,box-shadow .2s;z-index:10;display:flex;align-items:center;justify-content:center}.flashcard-fav-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.flashcard-fav-btn.active{animation:heartbeat .6s ease-in-out}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}}[data-theme=dark] .flashcard-fav-btn{background:#1e1e28e6}.flashcard-controls-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;max-width:340px}.fc-btn-inline{display:flex;flex-direction:column;align-items:center;padding:.6rem .4rem;border:none;border-radius:10px;cursor:pointer;transition:transform .15s;color:#fff}.fc-btn-inline:active{transform:scale(.95)}[data-theme=dark] .flashcard-inline{background:#1e1e2899;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .flashcard-front-inline{background:linear-gradient(135deg,#3b82f6b3,#2563ebcc);border:1px solid rgba(255,255,255,.15)}[data-theme=dark] .flashcard-back-inline{background:linear-gradient(135deg,#f59e0bb3,#d97706cc);border:1px solid rgba(255,255,255,.15)}.flashcard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.flashcard-header h2{margin:0;font-size:1.25rem}.flashcard-progress{font-weight:700;color:#3b82f6;font-size:.95rem}.flashcard-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.flashcard-container{perspective:1000px;width:100%;max-width:320px}.flashcard{width:100%;height:220px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;box-shadow:0 8px 25px #00000026}.flashcard-front{background:linear-gradient(135deg,#3b82f6,#dc2626);color:#fff}.flashcard-back{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;transform:rotateY(180deg)}.flashcard-text{font-size:2rem;font-weight:700;text-align:center;line-height:1.3}.flashcard-hint{font-size:.85rem;opacity:.8;margin-top:1rem}.flashcard-speak-btn{position:absolute;bottom:1rem;right:1rem;background:#fff3;border:none;width:44px;height:44px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background .2s}.flashcard-speak-btn:hover{background:#ffffff4d}.flashcard-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%}.fc-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.fc-btn:active{transform:scale(.95)}.fc-emoji{font-size:1.5rem;margin-bottom:.25rem}.fc-label{font-size:.7rem;font-weight:600;text-align:center}.fc-again{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.fc-hard{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.fc-good{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff}.fc-easy{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.flashcard-stats{display:flex;justify-content:center;gap:2rem;padding:1rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary)}.flashcard-stats span:first-child span{color:#3b82f6;font-weight:700}.flashcard-stats span:last-child span{color:#38bdf8;font-weight:700}.swipe-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:1rem 2rem;border-radius:50px;z-index:2000;pointer-events:none;animation:fadeOutHint 3s forwards;display:flex;align-items:center;gap:1rem;font-weight:700}.swipe-hand-icon{font-size:2rem;animation:swipeAnim 1.5s infinite}@keyframes swipeAnim{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes fadeOutHint{0%{opacity:1}70%{opacity:1}to{opacity:0;display:none}}.challenge-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--bg);border-radius:10px;border:1px solid var(--border);transition:all .3s ease}.challenge-item.done{background:#10b9811a;border-color:#10b981}.challenge-icon{font-size:1.5rem}.challenge-text{flex:1;font-size:.95rem}.challenge-status{font-size:1.2rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;justify-content:center;align-items:center;padding:1rem;overflow-y:auto}.progress-modal-content{max-width:480px;width:95%;max-height:85vh;overflow-y:auto;border-radius:24px;background:var(--surface);box-shadow:0 25px 50px -12px #00000040}.progress-modal-header{position:sticky;top:0;background:var(--surface);z-index:10;border-bottom:1px solid var(--border);padding:1rem 1.5rem}.progress-modal-header h2{font-size:1.25rem;margin:0}.progress-modal-body{padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.progress-section{background:var(--surface-secondary, rgba(56, 189, 248, .05));border-radius:16px;padding:1rem;border:1px solid var(--border)}.progress-section h4{margin:0 0 .75rem;font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.daily-progress-section{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#38bdf81a,#3b82f61a)}.progress-ring-container{position:relative;width:120px;height:120px;flex-shrink:0}.progress-ring-bg{stroke:#80808033}.progress-ring-circle{stroke:#3b82f6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-ring-value{font-size:2rem;font-weight:700;color:#3b82f6;line-height:1}.progress-ring-goal{font-size:1rem;color:var(--text-secondary)}.daily-progress-info h3{margin:0 0 .25rem;font-size:1.1rem}.progress-subtitle{margin:0 0 .75rem;color:var(--text-secondary);font-size:.9rem}.goal-adjuster{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.goal-adjuster label{color:var(--text-secondary)}.goal-adjuster input{width:60px;padding:.3rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-main);font-size:.9rem;text-align:center}.mini-btn{padding:.3rem .5rem;border:none;background:#3b82f6;color:#fff;border-radius:8px;cursor:pointer;transition:background .2s}.mini-btn:hover{background:#dc2626}.weekly-progress-section{background:linear-gradient(135deg,#f59e0b1a,#3b82f61a)}.weekly-progress-bar{height:12px;background:#80808033;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.weekly-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:6px;transition:width .6s ease}.weekly-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.weekly-progress-text{font-size:.95rem;color:var(--text-secondary)}.weekly-progress-text span:first-child{font-weight:700;color:#f59e0b;font-size:1.2rem}.weekly-progress-percent{font-weight:700;color:#3b82f6;font-size:1.1rem}.weekly-goal-adjuster{justify-content:center}.streak-section{display:flex;gap:1rem}.streak-card{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.streak-icon{font-size:1.75rem}.streak-info{display:flex;flex-direction:column}.streak-value{font-size:1.5rem;font-weight:700;line-height:1.2}.streak-label{font-size:.75rem;color:var(--text-secondary)}.activity-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100px;gap:8px;padding:.75rem 0;background:#38bdf80d;border-radius:12px;padding-inline:.5rem}.activity-bar{flex:1;background:linear-gradient(to top,#0284c7,#38bdf8,#7dd3fc);border-radius:6px 6px 2px 2px;min-height:6px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.activity-bar:hover{transform:scaleY(1.05);filter:brightness(1.1)}.activity-bar.empty{background:#80808026}.activity-bar.today{background:linear-gradient(to top,#0ea5e9,#38bdf8,#e0f2fe);box-shadow:0 0 12px #38bdf899;animation:todayPulse 2s ease-in-out infinite}@keyframes todayPulse{0%,to{box-shadow:0 0 12px #38bdf899}50%{box-shadow:0 0 20px #38bdf8e6}}.activity-legend{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);margin-top:.5rem;padding-inline:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--surface);border-radius:12px;border:1px solid var(--border);text-align:center}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:.25rem}.stat-card .stat-value{font-size:1.25rem;font-weight:700;color:#3b82f6}.stat-card .stat-label{font-size:.75rem;color:var(--text-secondary)}.achievement-badge{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--surface);border-radius:12px;border:1px solid var(--border);text-align:center;transition:all .3s ease}.achievement-badge.locked{opacity:.4;filter:grayscale(1)}.achievement-badge.unlocked{background:linear-gradient(135deg,#38bdf81a,#3b82f61a);border-color:#38bdf84d}.achievement-icon{font-size:1.75rem;margin-bottom:.25rem}.achievement-name{font-size:.65rem;color:var(--text-secondary);line-height:1.2}#achievementCount{font-weight:400;color:#3b82f6}.share-section{padding:0;background:transparent;border:none}.share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #38bdf866}.share-btn svg{stroke:#fff}.export-section h4{margin-bottom:1rem;color:var(--text-main)}.export-buttons{display:flex;gap:1rem;flex-wrap:wrap}.export-btn,.import-btn{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none}.export-btn{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}.export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.import-btn{background:var(--surface-secondary);color:var(--text-main);border:1px dashed var(--border)}.import-btn:hover{background:var(--surface-hover);border-style:solid}.color-theme-selector{display:flex;align-items:center;gap:.75rem}.color-theme-selector select{flex:1;padding:.5rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-main);font-size:.9rem;cursor:pointer}[data-theme=dark] .color-theme-selector select{background:var(--surface-hover);border-color:#ffffff1a}[data-theme=dark] .progress-modal-content{background:var(--surface);border:1px solid var(--border)}[data-theme=dark] .daily-progress-section{background:linear-gradient(135deg,#38bdf826,#3b82f626)}[data-theme=dark] .progress-section{background:#ffffff08;border-color:var(--border)}[data-theme=dark] .streak-card,[data-theme=dark] .stat-card,[data-theme=dark] .achievement-badge{background:#ffffff0d;border-color:var(--border)}@media (max-width: 400px){.daily-progress-section{flex-direction:column;text-align:center}.achievements-grid{grid-template-columns:repeat(3,1fr)}}body.iphone-view .top-nav{padding:.5rem .25rem}body.iphone-view .nav-right,body.iphone-view .nav-left{max-width:100px}body.iphone-view .game-btn,body.iphone-view .theme-toggle{width:38px;height:38px}.container{max-width:800px;margin:0 auto}header{text-align:center;margin-bottom:.5rem;animation:fadeIn .8s ease-out;position:relative;padding-top:4.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main-title-text{font-size:1.5rem;font-weight:900;color:#3b82f6;margin-bottom:.1rem;letter-spacing:-.5px}.physics-char{display:inline-block;transition:transform .3s ease-out,color .3s;cursor:default}.subtitle-delay{font-size:1rem;color:#fff9;font-weight:500;margin-top:0;font-family:var(--arabic-font);opacity:0;animation:fadeIn .8s ease-out .4s forwards}.sticky-header{position:sticky;top:50px;z-index:100;background:transparent;padding:.5rem 0;margin-top:0}.search-container{max-width:100%;margin:0 auto;padding:0 1rem}.word-count-bubble{display:flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:.3rem .8rem;background:#0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(0,0,0,.08);box-shadow:none;transition:transform .3s ease}.word-count-bubble:hover{transform:scale(1.1);box-shadow:0 6px 25px #00000026,inset 0 1px #ffffff4d}.word-count-bubble span{font-size:.9rem;font-weight:700;color:#1e40af;-webkit-text-fill-color:#1e40af}@keyframes bubbleSway{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(-2deg)}}[data-theme=dark] .word-count-bubble{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);box-shadow:none}[data-theme=dark] .word-count-bubble span{color:#3b82f6;-webkit-text-fill-color:#3b82f6}.search-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.search-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50px;padding:.5rem .2rem .5rem 1rem;box-shadow:0 2px 8px #00000014;border:1px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-wrapper:focus-within{border-color:#38bdf899;box-shadow:0 2px 12px #38bdf826}[data-theme=dark] .search-wrapper{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #00000026}[data-theme=dark] .search-wrapper:focus-within{border-color:#38bdf880;box-shadow:0 4px 16px #38bdf833}.voice-search-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);padding:.5rem;cursor:pointer;transition:all .3s ease;border-radius:50%;margin-right:0}.voice-search-btn:hover{color:#38bdf8;background:#38bdf81a}.voice-search-btn.listening{color:#ef4444;animation:voicePulse 1s ease-in-out infinite}@keyframes voicePulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.1);box-shadow:0 0 0 8px #ef444400}}.search-result-badge{position:relative;background:transparent;color:#38bdf8;font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:12px;box-shadow:none;z-index:10;pointer-events:none;min-width:18px;text-align:center;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1);text-shadow:0 0 10px rgba(56,189,248,.3);margin-right:12px;margin-left:8px;white-space:nowrap}.search-result-badge:empty,.search-result-badge[data-count="0"]{display:none;transform:scale(0);opacity:0}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #38bdf866}50%{transform:scale(1.1);box-shadow:0 0 0 4px #38bdf800}to{transform:scale(1);box-shadow:0 0 #38bdf800}}.search-result-badge.pulse{animation:badgePulse .3s ease-out}[data-theme=dark] .voice-search-btn{color:#fff9}[data-theme=dark] .voice-search-btn:hover{color:#38bdf8;background:#38bdf826}[data-theme=dark] .voice-search-btn.listening{color:#f87171}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;background:#f0f8ffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:#33a1fd;border:1px solid rgba(51,161,253,.4);padding:0;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0064c814,inset 0 1px #fffc}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:#33a1fd;color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #33a1fd59,inset 0 1px #ffffff4d}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:#38bdf8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #38bdf866}@keyframes popIn{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(10px);opacity:1}80%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}@keyframes popOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}.filter-chips-container{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem .25rem 1rem;scrollbar-width:none;-ms-overflow-style:none;margin-top:-.25rem;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:top center}.filter-chips-container.closing{animation:popOut .3s cubic-bezier(.6,-.28,.735,.045) forwards}.filter-chips-container::-webkit-scrollbar{display:none}.filter-chip{padding:.5rem 1.25rem;border-radius:50px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;opacity:0;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.filter-chip:nth-child(1){animation-delay:.05s}.filter-chip:nth-child(2){animation-delay:.1s}.filter-chip:nth-child(3){animation-delay:.15s}.filter-chip:nth-child(4){animation-delay:.2s}.filter-chip:nth-child(5){animation-delay:.25s}.filter-chip:nth-child(6){animation-delay:.3s}[data-theme=dark] .filter-chip{background:#ffffff0d;border-color:#ffffff1a}.filter-chip:hover{background:var(--surface-hover);transform:translateY(-1px)}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #38bdf84d}.select-chip-wrapper{position:relative;display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;padding-left:.4rem;transition:all .2s ease;height:32px;box-sizing:border-box}.select-chip-wrapper:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.select-chip-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #33a1fd33}.chip-label{font-size:.65rem;font-weight:600;color:var(--text-tertiary);pointer-events:none;white-space:nowrap}.chip-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.25rem .25rem .25rem .2rem;border-radius:50px;background:transparent;border:none;color:var(--text-main);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;height:100%;font-family:inherit;line-height:inherit;outline:none}.chip-select:hover{background:transparent}.chip-select:focus{box-shadow:none}.chip-arrow{position:absolute;right:.2rem;pointer-events:none;font-size:.6rem;color:#ef4444}[data-theme=dark] .select-chip-wrapper{background:#38bdf81a;border-color:#38bdf84d}[data-theme=dark] .select-chip-wrapper:hover{background:#38bdf833;border-color:#38bdf880;box-shadow:0 4px 12px #38bdf840}[data-theme=dark] .select-chip-wrapper:focus-within{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}[data-theme=dark] .chip-label{color:#38bdf8cc}[data-theme=dark] .chip-select{color:#7dd3fc}[data-theme=dark] .chip-arrow{color:#ef4444}#filterModeSelect{max-width:80px}[data-theme=dark] .main-title-text{color:#3b82f6}.subtitle-delay{animation-delay:1s;margin-top:-.5rem}.main-title-text:hover{animation-play-state:paused;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.6))}.details-anim{background-size:200% auto;animation:gradient-flow 3s linear infinite,fun-bounce 2s ease-in-out infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fun-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-3px) rotate(2deg)}}.subtitle-anim{background:linear-gradient(to right,#3b82f6,#eab308);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-size:200% auto;font-weight:700;animation:reverse-gradient-flow 3s linear infinite,counter-bounce 2s ease-in-out infinite;animation-delay:0s!important;display:inline-block}@keyframes reverse-gradient-flow{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes counter-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(5px) rotate(2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(3px) rotate(-2deg)}}@keyframes heartbeat{0%{transform:scale(1)}5%{transform:scale(1.1)}10%{transform:scale(1)}15%{transform:scale(1.1)}20%{transform:scale(1)}to{transform:scale(1)}}.header-center{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));z-index:10}.header-left-controls{display:flex;flex-direction:row;gap:.5rem;pointer-events:auto}.header-right-controls{display:flex;flex-direction:row;gap:.5rem;align-items:center;pointer-events:auto;z-index:20}.theme-toggle{background-color:var(--surface);border:2px solid transparent;cursor:pointer;color:var(--text-main);padding:0;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto;width:45px;height:45px;box-shadow:var(--shadow)}.theme-toggle:hover{background-color:#0000000d}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff1a}.game-btn{background-color:var(--surface);border:2px solid transparent;cursor:pointer;color:var(--text-main);padding:0;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto;width:45px;height:45px;box-shadow:var(--shadow);text-decoration:none}.game-btn:hover{background-color:#0000000d;transform:translateY(-2px)}[data-theme=dark] .game-btn:hover{background-color:#ffffff1a}.add-button{color:var(--text-main);text-decoration:none;padding:.5rem;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto}.add-button:hover{background:#0000000d}[data-theme=dark] .add-button:hover{background:#ffffff1a}.sun-icon{display:none}.moon-icon,[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}.action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto;color:var(--text-main)}.export-btn{color:#3b82f6;border-color:#3b82f633;background-color:#3b82f60d}.import-btn{color:#38bdf8;border-color:#38bdf833;background-color:#38bdf80d}.export-btn:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.import-btn:hover{background-color:#38bdf8;color:#fff;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf840}[data-theme=dark] .export-btn:hover{background-color:#3b82f633}[data-theme=dark] .import-btn:hover{background-color:#38bdf833}.settings-dropdown{position:relative}.settings-menu{position:absolute;top:calc(100% + 12px);left:0;width:min(400px,94vw);max-height:85vh;overflow-y:auto;overflow-x:hidden;background:#0a0a0ff2;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:32px;padding:0;box-shadow:0 30px 60px -12px #00000080,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;gap:12px;z-index:10000;border:1px solid rgba(255,255,255,.1);transform-origin:top left;will-change:transform,opacity;contain:content}.settings-menu:not(.hidden){animation:menuPopIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes menuPopIn{0%{opacity:0;transform:scale(.92) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .settings-menu{background:#0f172a66;border-color:#ffffff14;box-shadow:0 25px 50px -12px #0009,inset 0 1px #ffffff0d}.settings-section-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-top:.75rem;margin-bottom:.25rem;padding:0 .75rem;opacity:.8;display:flex;align-items:center;gap:.5rem}.settings-section-header:first-child{margin-top:.25rem}.settings-version{text-align:center;padding:1rem .5rem .5rem;margin-top:.5rem;font-size:.7rem;color:var(--text-secondary);opacity:.5;border-top:1px solid var(--border)}.menu-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:14px;color:var(--text-main);text-decoration:none;background:transparent;border:1px solid transparent;width:100%;text-align:left;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.menu-item:hover{background:#00000008;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .menu-item:hover{background:#ffffff14;border-color:#ffffff0d;box-shadow:0 4px 12px #0000004d}.icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(var(--primary-rgb),.1);color:var(--primary);transition:all .3s ease}.menu-item:hover .icon-box{transform:scale(1.1)}.menu-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:.5rem 1rem}.tts-speed-control{flex-direction:column;align-items:flex-start;gap:.5rem}.tts-speed-control .icon-box{align-self:flex-start}.tts-speed-wrapper{width:100%;display:flex;flex-direction:column;gap:.5rem}.tts-speed-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.tts-speed-badge{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:.15rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600}.tts-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.tts-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #1e3a8a66;transition:transform .2s,box-shadow .2s}.tts-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #1e3a8a99}.tts-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #1e3a8a66}.tts-test-btn{width:100%;padding:.5rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.tts-test-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a66}.tts-test-btn:active{transform:scale(.98)}.reminder-control{flex-direction:column;align-items:flex-start;gap:.5rem}.reminder-control .icon-box{align-self:flex-start}.reminder-wrapper{width:100%;display:flex;flex-direction:column;gap:.5rem}.reminder-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s ease;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#f59e0b,#f97316)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #f59e0b4d}.reminder-time-container{display:flex;gap:.5rem;align-items:center;animation:slideDown .2s ease-out}.reminder-time-input{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text-main);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.reminder-time-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}[data-theme=dark] .reminder-time-input{background:#ffffff0d;border-color:#ffffff1a}.top-nav{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;z-index:2000;pointer-events:none;overflow:visible!important}.nav-left{display:flex;position:relative;z-index:1001;flex-direction:column;gap:.5rem;pointer-events:auto;flex:0 0 88px;justify-content:center;margin-left:.5rem}.nav-center{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;text-align:center;margin-left:-2rem}.nav-right{display:flex;flex-direction:column;gap:.5rem;pointer-events:auto;flex:0 0 88px;align-items:flex-end;justify-content:center;margin-right:.5rem}.nav-center .main-title-text{font-size:1rem;font-weight:700;color:#3b82f6;margin:0;line-height:1.2;white-space:nowrap;text-align:center}.brand-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;margin:.5rem 0}.brand-title-swe{font-size:clamp(1rem,3vw,1.4rem);font-weight:800;margin:0;letter-spacing:1.5px;white-space:nowrap;background:#3b82f61a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.3rem 1.25rem;border-radius:2rem;border:1px solid rgba(59,130,246,.2);color:#2563eb;box-shadow:0 4px 15px #3b82f61a;transition:all .3s ease}.brand-title-arb{font-size:.9rem;font-weight:700;font-family:var(--tajawal-font, sans-serif);margin:0;padding:.2rem .8rem;background:#f59e0b1a;border-radius:2rem;color:#d97706;border:1px solid rgba(245,158,11,.2);letter-spacing:normal}[data-theme=dark] .brand-title-swe{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}[data-theme=dark] .brand-title-arb{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.brand-title-swe:hover{background:#3b82f640;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d,inset 0 1px #fff6}.brand-title-swe:hover .reveal-char{text-shadow:0 0 15px rgba(59,130,246,.8)}.brand-title-swe .reveal-char{display:inline-block;opacity:0;transform:rotateY(90deg) translateY(-15px);animation:letterReveal .6s ease forwards;background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));transition:transform .3s ease,filter .3s ease}@keyframes letterReveal{0%{opacity:0;transform:rotateY(90deg) translateY(-15px) scale(.8)}60%{opacity:1;transform:rotateY(-10deg) translateY(3px) scale(1.05)}to{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}.brand-title-swe .reveal-char:hover{transform:scale(1.2) translateY(-3px) rotateY(10deg);filter:drop-shadow(0 4px 12px rgba(59,130,246,.6))}.brand-title-arb .reveal-char{display:inline-block;opacity:0;transform:rotateY(-90deg) translateY(-15px);animation:letterRevealArabic .6s ease forwards;background:linear-gradient(135deg,#f59e0b,#fbbf24,#fcd34d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3));transition:transform .3s ease,filter .3s ease}@keyframes letterRevealArabic{0%{opacity:0;transform:rotateY(-90deg) translateY(-15px) scale(.8)}60%{opacity:1;transform:rotateY(10deg) translateY(3px) scale(1.05)}to{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}.brand-title-arb .reveal-char:hover{transform:scale(1.2) translateY(-3px) rotateY(-10deg);filter:drop-shadow(0 4px 12px rgba(251,191,36,.6))}.brand-title-arb .reveal-word{display:inline-block;opacity:0;transform:translateY(-20px) scale(.8);animation:wordRevealArabic .7s ease forwards;background:linear-gradient(135deg,#f59e0b,#fbbf24,#fcd34d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px rgba(251,191,36,.4));transition:transform .3s ease,filter .3s ease;margin:0 2px}@keyframes wordRevealArabic{0%{opacity:0;transform:translateY(-20px) scale(.8) rotateX(45deg)}50%{opacity:1;transform:translateY(5px) scale(1.05) rotateX(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.brand-title-arb .reveal-word:hover{transform:scale(1.1) translateY(-3px);filter:drop-shadow(0 6px 16px rgba(251,191,36,.7))}.pulse-char:hover{transform:scale(1.4) translateY(-4px)!important;animation-play-state:paused}@keyframes kineticWave{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(1px)}}[data-theme=dark] .brand-title-swe .reveal-char{background:linear-gradient(135deg,#60a5fa,#93c5fd,#bfdbfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(96,165,250,.5))}[data-theme=dark] .brand-title-arb .reveal-char{background:linear-gradient(135deg,#fcd34d,#fde68a,#fef3c7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(252,211,77,.5))}[data-theme=dark] .brand-title-arb .reveal-word{background:linear-gradient(135deg,#fcd34d,#fde68a,#fef3c7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 10px rgba(252,211,77,.6))}[data-theme=dark] .brand-title-swe .pulse-char{color:#3b82f6}[data-theme=dark] .brand-title-arb .pulse-char{color:#3b82f6!important;-webkit-text-fill-color:#3b82f6!important}[data-theme=dark] .pulse-char:hover{transform:scale(1.4) translateY(-4px)!important}@keyframes charPulseDark{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 transparent)}25%{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 2px 6px rgba(255,255,255,.5))}50%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 transparent)}75%{transform:translateY(-1px) scale(1.02);filter:drop-shadow(0 1px 4px rgba(251,191,36,.4))}}.brand-divider{font-size:.9rem;opacity:.7;line-height:1;margin:-.1rem 0}.brand-title-arb{font-size:1.2rem;font-weight:700;font-family:var(--arabic-font);margin:0;direction:rtl;white-space:nowrap;background:#fbbf2426;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.15rem 1rem;border-radius:1rem;border:1px solid rgba(251,191,36,.3);color:#f59e0b;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 4px 16px #fbbf2433,inset 0 1px #ffffff4d;transition:all .3s ease;animation:floatLeft 6s ease-in-out infinite}.brand-title-arb:hover{background:#fbbf2440;transform:translateY(-2px);box-shadow:0 8px 24px #fbbf244d,inset 0 1px #fff6}@keyframes floatRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes floatLeft{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes gradientFlowTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.brand-title-arb:hover .reveal-char{text-shadow:0 0 15px rgba(251,191,36,.8)}@keyframes arabicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}[data-theme=dark] .brand-title-arb{color:#3b82f6}@keyframes brandPulse{0%,to{filter:drop-shadow(0 0 3px rgba(251,191,36,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(251,191,36,.7));transform:scale(1.02)}}@keyframes gradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes gradientFlowReverse{0%{background-position:200% 50%}to{background-position:0% 50%}}[data-theme=dark] .brand-title-swe{background:#60a5fa33;border:1px solid rgba(96,165,250,.4);color:#93c5fd;box-shadow:0 4px 20px #60a5fa4d,inset 0 1px #fff3}[data-theme=dark] .brand-title-arb{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fcd34d;box-shadow:0 4px 20px #fbbf244d,inset 0 1px #fff3}[data-theme=dark] .brand-title-swe:hover,[data-theme=dark] .brand-title-arb:hover{transform:translateY(-2px)}@keyframes brandPulseDark{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}}@keyframes headerGlow{0%{text-shadow:0 0 10px rgba(59,130,246,.3)}to{text-shadow:0 0 20px rgba(59,130,246,.6),0 0 30px rgba(37,99,235,.3)}}.brand-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1e40af,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px;text-shadow:none;animation:brandGlow 3s ease-in-out infinite alternate}@keyframes brandGlow{0%{filter:drop-shadow(0 0 2px rgba(56,189,248,.3))}to{filter:drop-shadow(0 0 8px rgba(30,58,138,.5))}}@media (max-width: 480px){.brand-title-swe{font-size:.75rem;letter-spacing:1px}.brand-title-swe .reveal-char,.brand-title-arb .reveal-char,.brand-title-arb .reveal-word{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.brand-title-swe .reveal-char{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-title-arb .reveal-char,.brand-title-arb .reveal-word{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-title-arb{font-size:.75rem}.brand-divider{font-size:.6rem;margin:0 3px}}@media (max-width: 400px){.nav-center .main-title-text{font-size:.8rem}.top-nav{padding:.5rem}.nav-right{flex:0 0 auto;max-width:45px;align-items:center;margin-right:0;padding-right:0}.nav-left{flex:0 0 auto;max-width:45px;margin-left:0;padding-left:0}.game-btn,.theme-toggle{width:40px;height:40px}}.nav-center .subtitle-delay{font-size:1rem;opacity:1;display:block;margin-top:.1rem;white-space:nowrap;background:none;-webkit-text-fill-color:initial;color:#dc2626;text-shadow:0 2px 4px rgba(37,99,235,.1);font-weight:800}@media (max-width: 400px){.nav-center .subtitle-delay{font-size:.8rem}}#stats{margin-bottom:1rem;display:block;font-weight:500;color:var(--text-secondary)}@media (max-width: 360px){.nav-center .subtitle-delay{display:none}}.menu-section-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:.5rem 1rem .25rem;text-transform:uppercase;letter-spacing:.05em}.sort-wrapper-menu{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.menu-select{width:100%;padding:.6rem 1rem;font-size:.9rem;border:1px solid transparent;border-radius:.5rem;background-color:var(--surface-secondary);color:var(--text-main);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205E8E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;transition:background-color .2s}.menu-select:focus{outline:none;border-color:var(--primary)}[data-theme=dark] .menu-select{background-color:#1e293bcc;border-color:var(--border);color:var(--text-main);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.sticky-header{position:sticky;top:50px;z-index:40;background:transparent}[data-theme=dark] .sticky-header{background:transparent}.search-container{margin-bottom:.5rem}.main-actions>button,.main-actions>a{width:40px!important;height:40px!important;padding:0}.main-actions svg{width:20px;height:20px}h1{font-family:var(--header-font);font-size:clamp(1.5rem,6vw,3rem);font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:0;text-shadow:0 2px 10px rgba(0,0,0,.8);white-space:nowrap;overflow:visible;overflow-wrap:break-word;text-align:center;width:100%;pointer-events:none}.subtitle{color:var(--text-secondary);font-size:1.2rem;font-family:Tajawal,sans-serif;animation:float 6s ease-in-out infinite;animation-delay:1s}.search-container{position:relative;max-width:none;margin:0 -1.5rem 1rem -.5rem;padding:0 .5rem;display:flex;flex-direction:column;gap:1rem}@keyframes pulse-border{0%{box-shadow:0 0 #38bdf866}70%{box-shadow:0 0 0 10px #38bdf800}to{box-shadow:0 0 #38bdf800}}.search-wrapper{position:relative;flex-grow:1;transition:transform .3s ease}.search-wrapper:focus-within{transform:scale(1.02)}.search-wrapper:focus-within input{animation:pulse-border 2s infinite;border-color:var(--primary)}.search-icon{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none;transition:opacity .2s ease,width .2s ease,margin .2s ease,color .3s ease;overflow:hidden}#searchInput{width:100%;height:40px;padding:0 3rem 0 1rem;font-size:.9rem;background:#f0f8ffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(51,161,253,.4);border-radius:50px;color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0064c814,inset 0 1px #fffc}#searchInput:focus{border-color:#33a1fdb3;box-shadow:0 4px 20px #33a1fd26,inset 0 1px #ffffffe6;outline:none}[data-theme=dark] #searchInput{background:#1e293b99;border:1.5px solid rgba(56,189,248,.3);box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff14}[data-theme=dark] #searchInput:focus{border-color:#38bdf880;box-shadow:0 4px 24px #38bdf826,inset 0 1px #ffffff1a}[data-theme=dark] .filter-toggle-btn{background:#1e293b99;border:1px solid rgba(56,189,248,.25);box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0f}[data-theme=dark] .filter-toggle-btn:hover{background:#38bdf8cc;border-color:#38bdf899;box-shadow:0 6px 24px #38bdf84d,inset 0 1px #ffffff26}.nav-counter-badge{display:flex;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(51,161,253,.3);color:var(--accent);font-weight:700;font-size:.85rem;padding:.3rem .8rem;border-radius:12px;font-family:Inter,sans-serif;white-space:nowrap;min-width:60px}.search-counter-badge{display:flex;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(51,161,253,.3);color:var(--accent);font-weight:700;font-size:.9rem;padding:0 1rem;height:54px;border-radius:1rem;font-family:Inter,sans-serif;white-space:nowrap;min-width:80px}.empty-state{padding:8rem 1.5rem 2rem;max-width:600px;margin:0 auto;animation:fadeIn .4s ease-out}.empty-state h2{font-size:1.1rem;color:var(--text-tertiary);margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;display:flex;justify-content:space-between;font-weight:600;text-transform:uppercase;letter-spacing:1px}.recent-tags{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 16px;margin-bottom:24px;scrollbar-width:none;scroll-snap-type:x mandatory}.recent-tags::-webkit-scrollbar{display:none}.tag{position:relative;padding:10px 18px;border-radius:50px;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#38bdf826,#38bdf814);color:var(--primary);border:1px solid rgba(56,189,248,.25);box-shadow:0 2px 8px #38bdf81a}.tag .tag-clock{width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.6}.tag:nth-child(1){background:linear-gradient(135deg,#06b6d42e,#06b6d414);color:#06b6d4;border-color:#06b6d44d}.tag:nth-child(2){background:linear-gradient(135deg,#38bdf82e,#38bdf814);color:#3b82f6;border-color:#38bdf84d}.tag:nth-child(3){background:linear-gradient(135deg,#1e3a8a2e,#1e3a8a14);color:#1d4ed8;border-color:#1e3a8a4d}.tag:nth-child(4){background:linear-gradient(135deg,#f973162e,#f9731614);color:#f97316;border-color:#f973164d}.tag:nth-child(5){background:linear-gradient(135deg,#ec48992e,#ec489914);color:#ec4899;border-color:#ec48994d}.tag:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #00000026}.tag:nth-child(1):hover{box-shadow:0 6px 16px #06b6d440}.tag:nth-child(2):hover{box-shadow:0 6px 16px #38bdf840}.tag:nth-child(3):hover{box-shadow:0 6px 16px #1e3a8a40}.tag:nth-child(4):hover{box-shadow:0 6px 16px #f9731640}.tag:nth-child(5):hover{box-shadow:0 6px 16px #ec489940}.tag:active{transform:scale(.95);box-shadow:0 2px 4px #0000001a}[data-theme=light] .tag{box-shadow:0 2px 8px #0000000f}[data-theme=light] .tag:nth-child(1){color:#0891b2}[data-theme=light] .tag:nth-child(2){color:#dc2626}[data-theme=light] .tag:nth-child(3){color:#3b82f6}[data-theme=light] .tag:nth-child(4){color:#ea580c}[data-theme=light] .tag:nth-child(5){color:#db2777}.explore-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.explore-section-header h3{font-size:1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin:0;display:flex;align-items:center;gap:8px}.explore-section-header h3:before{content:"🧭";font-size:1.2rem}.grid-menu{display:grid;grid-template-columns:1fr 1fr;gap:16px}.explore-card{position:relative;padding:24px 16px;border-radius:20px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;overflow:hidden;background:linear-gradient(145deg,#38bdf81f,#38bdf80a);border:1px solid rgba(56,189,248,.15);border-left:4px solid var(--primary);transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.explore-card[data-category=food]{background:linear-gradient(145deg,#f9731626,#ea580c0d);border-color:#f9731633;border-left-color:#f97316}.explore-card[data-category=travel]{background:linear-gradient(145deg,#06b6d426,#0ea5e90d);border-color:#06b6d433;border-left-color:#06b6d4}.explore-card[data-category=health]{background:linear-gradient(145deg,#ef44441f,#dc26260a);border-color:#ef444433;border-left-color:#ef4444}.explore-card[data-category=work]{background:linear-gradient(145deg,#1e3a8a26,#7c3aed0d);border-color:#1e3a8a33;border-left-color:#1d4ed8}.explore-card[data-category=family]{background:linear-gradient(145deg,#38bdf826,#0596690d);border-color:#38bdf833;border-left-color:#3b82f6}.explore-card[data-category=greetings]{background:linear-gradient(145deg,#f59e0b26,#d977060d);border-color:#f59e0b33;border-left-color:#f59e0b}.explore-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -12px #00000040}.explore-card[data-category=food]:hover{box-shadow:0 20px 40px -12px #f973164d;border-color:#f9731666}.explore-card[data-category=travel]:hover{box-shadow:0 20px 40px -12px #06b6d44d;border-color:#06b6d466}.explore-card[data-category=health]:hover{box-shadow:0 20px 40px -12px #ef44444d;border-color:#ef444466}.explore-card[data-category=work]:hover{box-shadow:0 20px 40px -12px #1e3a8a4d;border-color:#1e3a8a66}.explore-card[data-category=family]:hover{box-shadow:0 20px 40px -12px #38bdf84d;border-color:#38bdf866}.explore-card[data-category=greetings]:hover{box-shadow:0 20px 40px -12px #f59e0b4d;border-color:#f59e0b66}.explore-card:active{transform:scale(.96);transition:transform .1s ease}.card-icon{font-size:2.8rem;margin-bottom:14px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:transform .3s ease}.explore-card:hover .card-icon{transform:scale(1.15) translateY(-2px)}.card-text{font-size:1.1rem;color:var(--text-main);font-weight:700;display:block;letter-spacing:.02em}.sub-text{font-size:1rem;font-family:var(--arabic-font);display:block;margin-top:6px;font-weight:500;transition:color .3s ease}.explore-card[data-category=food] .sub-text{color:#fb923c}.explore-card[data-category=travel] .sub-text{color:#22d3ee}.explore-card[data-category=health] .sub-text{color:#f87171}.explore-card[data-category=work] .sub-text{color:#a78bfa}.explore-card[data-category=family] .sub-text{color:#60a5fa}.explore-card[data-category=greetings] .sub-text{color:#fbbf24}.explore-card:not([data-category]) .sub-text{color:var(--accent)}.explore-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff26;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0;pointer-events:none}.explore-card:active:after{width:200px;height:200px;opacity:1;transition:width 0s,height 0s,opacity 0s}[data-theme=light] .explore-card{background:linear-gradient(145deg,#38bdf814,#38bdf805)}[data-theme=light] .explore-card[data-category=food]{background:linear-gradient(145deg,#f973161a,#ea580c08)}[data-theme=light] .explore-card[data-category=travel]{background:linear-gradient(145deg,#06b6d41a,#0ea5e908)}[data-theme=light] .explore-card[data-category=health]{background:linear-gradient(145deg,#ef444414,#dc262605)}[data-theme=light] .explore-card[data-category=work]{background:linear-gradient(145deg,#1e3a8a1a,#7c3aed08)}[data-theme=light] .explore-card[data-category=family]{background:linear-gradient(145deg,#38bdf81a,#05966908)}[data-theme=light] .explore-card[data-category=greetings]{background:linear-gradient(145deg,#f59e0b1a,#d9770608)}[data-theme=light] .explore-card[data-category=food] .sub-text{color:#ea580c}[data-theme=light] .explore-card[data-category=travel] .sub-text{color:#0891b2}[data-theme=light] .explore-card[data-category=health] .sub-text{color:#dc2626}[data-theme=light] .explore-card[data-category=work] .sub-text{color:#3b82f6}[data-theme=light] .explore-card[data-category=family] .sub-text{color:#dc2626}[data-theme=light] .explore-card[data-category=greetings] .sub-text{color:#d97706}[data-theme=dark] .search-icon{color:var(--text-secondary)}#sortSelect:focus,#searchMode:focus,#typeSelect:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #38bdf81a}#sortSelect:hover,#searchMode:hover,#typeSelect:hover{border-color:var(--primary)}@media (max-width: 800px){body{padding:1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}h1{font-size:clamp(1.5rem,8vw,2rem);margin-bottom:.25rem}.main-title-text{white-space:nowrap;font-size:1.1rem}.subtitle{font-size:1rem}.header-center{padding:.5rem;padding-top:max(3.5rem,env(safe-area-inset-top))}.sticky-header{margin:0 -1rem;padding-left:1rem;padding-right:1rem;top:50px}.search-container{flex-direction:column;gap:.75rem;margin-bottom:0}.sort-wrapper{gap:.25rem}#sortSelect,#searchMode,#typeSelect{font-size:.75rem;padding:.3rem 1.2rem .3rem .5rem;max-width:100px}.search-wrapper,.sort-wrapper,#sortSelect,#searchMode,#typeSelect{width:100%;min-height:50px}#sortSelect,#searchMode,#typeSelect{font-size:.8rem;padding:.6rem 1.75rem .6rem .65rem;min-width:0;flex:1}#searchInput{padding:1rem 3rem 1rem 1.25rem;font-size:1.1rem}.card{padding:1rem;border-radius:.75rem}.word-swe{font-size:1.25rem}.word-arb{font-size:1.2rem;margin:.5rem 0 1rem}.word-type{font-size:.65rem;padding:.2rem .6rem}.def-swe,.def-arb{font-size:.9rem}.definitions{margin-bottom:1rem}}.add-form{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-main);font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.8rem;border:2px solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-main);font-family:inherit;font-size:1rem;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.submit-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.stats{margin-top:.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.9rem;color:var(--text-secondary);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:none;opacity:.8}[data-theme=dark] .stats{background:transparent;text-shadow:none;color:var(--text-secondary)}#resultsArea{display:grid;gap:1rem;animation:slideUp .5s ease-out}.placeholder-mes.stats{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.results-area{display:grid;gap:.75rem;margin-top:1rem}#searchResults{display:none;gap:.75rem;padding:0 1rem;margin-top:1rem}#searchResults.visible{display:grid!important}#landingPageContent{display:block}#landingPageContent.hidden{display:none!important}.card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;padding:.5rem .75rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0064c814,inset 0 1px #ffffff80;content-visibility:auto;overflow:hidden;border-left:4px solid #9ca3af}@keyframes dazzle-pulse{0%{box-shadow:0 0 10px #38bdf81a;border-color:#38bdf81a}50%{box-shadow:0 0 20px #38bdf840;border-color:#38bdf84d}to{box-shadow:0 0 10px #38bdf81a;border-color:#38bdf81a}}[data-theme=dark] .card{background:#1e1e1e99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0d}.card-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.result-number{font-size:.75rem;color:var(--text-secondary);opacity:.5;font-family:var(--body-font);font-weight:500}.card:hover{transform:translateY(-4px) scale(1.01);border-color:#33a1fd}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem}.word-swe{font-size:1rem;font-weight:700;color:var(--text-main);line-height:1.2;direction:ltr}.word-type{font-size:.7rem;text-transform:capitalize;letter-spacing:.03em;color:var(--primary);background:#38bdf81a;padding:.25rem .7rem;border-radius:50px;font-weight:600;border:none}[data-theme=dark] .word-type{background:#38bdf81a;color:#3b82f6;border:none}.word-arb{font-family:var(--arabic-font);font-size:1.15rem;color:#111827;text-align:right;margin:0;font-weight:800;line-height:1.3;direction:rtl}[data-theme=dark] .word-arb{color:#ffffffd9}.word-header-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.grammar-badge{font-size:.65rem;font-weight:600;padding:.2rem .6rem;border-radius:50px;text-transform:uppercase;letter-spacing:.04em}.grammar-en{background:linear-gradient(135deg,#0d9488,#115e59);color:#fff;box-shadow:0 2px 4px #0d94884d}.grammar-ett{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 4px #16a34a4d}.grammar-verb{background:linear-gradient(135deg,#f87171,#b91c1c);color:#fff;box-shadow:0 2px 4px #dc26264d}.grammar-adj{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f64d}.grammar-phv{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 2px 4px #06b6d44d}.grammar-adv{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 4px #0ea5e94d}[data-theme=dark] .grammar-en{background:#0d948826;color:#2dd4bf;box-shadow:none}[data-theme=dark] .grammar-ett{background:#16a34a26;color:#4ade80;box-shadow:none}[data-theme=dark] .grammar-verb{background:#dc262626;color:#f87171;box-shadow:none}[data-theme=dark] .grammar-adj{background:#3b82f626;color:#60a5fa;box-shadow:none}[data-theme=dark] .grammar-phv{background:#06b6d426;color:#22d3ee;box-shadow:none}[data-theme=dark] .grammar-adv{background:#ea580c26;color:#fb923c;box-shadow:none}.card-actions{display:flex;align-items:center;gap:1.25rem}.copy-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.8}.copy-btn:hover{background:#3b82f61a;color:#3b82f6;opacity:1;transform:scale(1.1)}.copy-btn:active{transform:scale(.95)}[data-theme=dark] .copy-btn:hover{background:#3b82f633}.card[data-type=verb]{border-left:4px solid #ef4444}.card[data-type=noun]{border-left:4px solid #0d9488}.card[data-type=adj]{border-left:4px solid #3b82f6}.card[data-type=adv]{border-left:4px solid #0ea5e9}.card[data-type=prep]{border-left:4px solid #facc15}.card[data-type=conj]{border-left:4px solid #fde047}.card[data-type=phrasal],.card[data-type=phv]{border-left:4px solid #06b6d4}.card[data-type=pronoun]{border-left:4px solid #dc2626}.card[data-type=legal]{border-left:4px solid #b91c1c}.card[data-type=interj]{border-left:4px solid #fdba74}.card[data-type=num]{border-left:4px solid #86efac}.card[data-type=abbr]{border-left:4px solid #c4b5fd}.card[data-type=other],.card:not([data-type]),.card[data-type=""]{border-left:4px solid #9ca3af}.definitions,.def-row{margin-bottom:.5rem}.def-swe{color:var(--text-main);margin-bottom:.25rem}.def-arb{font-family:var(--arabic-font);color:#374151;text-align:right;font-weight:600}.examples{background:var(--background);padding:.75rem;border-radius:.5rem;margin-top:.5rem}.ex-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem;font-weight:600;letter-spacing:.05em}.ex-item{margin-bottom:.5rem}.ex-item:last-child{margin-bottom:0}.ex-swe{color:var(--text-main);margin-bottom:.25rem;font-size:.95rem}.ex-arb{font-family:var(--arabic-font);color:#374151;text-align:right;font-size:.95rem;font-weight:600}.placeholder-message{text-align:center;color:var(--text-secondary);padding:4rem 2rem;font-size:1.1rem}.spinner{width:40px;height:40px;border:4px solid rgba(56,189,248,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto;display:inline-block}.card-link{opacity:1}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subtitle,.search-container{opacity:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#005b961a,#0ea5e91a);color:var(--primary);text-decoration:none;border-radius:50px;font-weight:700;font-size:.95rem;letter-spacing:.3px;box-shadow:0 4px 15px #005b961a;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(0,91,150,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.back-button:before{content:"←";font-size:1.2rem;transition:transform .3s ease}.back-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #005b9633;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);color:#fff;border-color:transparent}.back-button:hover:before{transform:translate(-5px)}.back-button:active{transform:translateY(-1px) scale(.98)}[data-theme=dark] .back-button{background:#38bdf81a;color:#7dd3fc;border-color:#38bdf833}[data-theme=dark] .back-button:hover{background:linear-gradient(135deg,#1e3a8a,#38bdf8);color:#fff;border-color:transparent;box-shadow:0 8px 25px #38bdf840}.card-link{text-decoration:none;color:inherit;display:block}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes wave-float{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-10deg) translateY(-2px)}75%{transform:rotate(10deg) translateY(2px)}}@keyframes pulse-glow{0%{box-shadow:0 0 #38bdf866;transform:scale(1)}70%{box-shadow:0 0 0 10px #38bdf800;transform:scale(1.05)}to{box-shadow:0 0 #38bdf800;transform:scale(1)}}.favorites-toggle{animation:heartbeat 3s infinite ease-in-out}.favorites-toggle:hover{animation:none}.theme-toggle{animation:wave-float 5s ease-in-out infinite;transform-origin:center}.add-button{animation:pulse-glow 2s infinite}#installApp{display:none}.ios-prompt{position:fixed;bottom:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);padding:1.5rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -4px 20px #0000001a;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .ios-prompt{background:#1f2937f2;border-top:1px solid rgba(255,255,255,.1)}.ios-prompt.visible{transform:translateY(0)}.ios-prompt-content{max-width:600px;margin:0 auto;text-align:center}.ios-prompt p{margin:.5rem 0;font-size:.95rem;line-height:1.5}.ios-prompt img{display:inline-block;margin:0 4px}#closeIosPrompt{margin-top:1rem;padding:.5rem 2rem;background-color:var(--primary);color:#fff;border:none;border-radius:2rem;font-weight:600;cursor:pointer;font-size:.9rem}.share-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:absolute;right:1rem;top:1.5rem}.share-btn:hover{background-color:#0000000d;color:var(--primary);transform:scale(1.1)}[data-theme=dark] .share-btn:hover{background-color:#ffffff1a}.custom-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;background:var(--surface);border-radius:1rem;border:1px solid var(--border-subtle)}.local-badge{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--primary);font-weight:600;background:#38bdf81a;padding:.5rem 1rem;border-radius:50px}.action-buttons{display:flex;gap:1rem;width:100%;justify-content:center}.edit-btn,.delete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;flex:1;justify-content:center;max-width:200px}.edit-btn{background:var(--surface-raised);color:var(--text-main);border:1px solid var(--border)}.edit-btn:hover{background:var(--border)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef444433}@media (max-width: 600px){.action-buttons{flex-direction:column;align-items:stretch}.edit-btn,.delete-btn{max-width:none}}.toast-notification{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-120%);background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:1rem 2rem;border-radius:0 0 20px 20px;box-shadow:0 10px 40px #3b82f659,0 0 0 1px #ffffff1a inset;z-index:10000;font-weight:600;font-size:.95rem;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;max-width:90vw;overflow:hidden;animation:none}.toast-notification.show{animation:toastSlideDown .5s cubic-bezier(.34,1.56,.64,1) forwards,toastSlideUp .4s cubic-bezier(.4,0,.2,1) 2.6s forwards;pointer-events:auto}@keyframes toastSlideDown{0%{transform:translate(-50%) translateY(-120%);opacity:0}60%{transform:translate(-50%) translateY(15px);opacity:1}80%{transform:translate(-50%) translateY(-5px)}to{transform:translate(-50%) translateY(10px);opacity:1}}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(10px);opacity:1}to{transform:translate(-50%) translateY(-120%);opacity:0}}.toast-notification.success{background:linear-gradient(135deg,#38bdf8f2,#059669f2);box-shadow:0 10px 40px #38bdf859,0 0 0 1px #ffffff1a inset}.toast-notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);box-shadow:0 10px 40px #ef444459,0 0 0 1px #ffffff1a inset}.toast-notification.warning{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);box-shadow:0 10px 40px #f59e0b59,0 0 0 1px #ffffff1a inset}.toast-notification:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:toastShimmer 1.5s ease-in-out .5s}@keyframes toastShimmer{0%{left:-100%}to{left:100%}}.toast-notification.visible{animation:toastSlideDown .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:1;pointer-events:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.game-card{background:var(--surface);width:100%;max-width:500px;border-radius:1.5rem;padding:2rem;position:relative;box-shadow:0 20px 50px #0000004d;border:1px solid var(--border-subtle);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.close-modal{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;line-height:1}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.game-header h3{margin:0;font-size:1.2rem;color:var(--primary)}.score-badge{background:#f59e0b1a;color:#f59e0b;padding:.3rem .8rem;border-radius:50px;font-weight:700;font-size:.9rem}.game-question-area{text-align:center;margin-bottom:2rem}.game-sentence{font-size:1.4rem;font-weight:600;color:var(--text-main);margin-bottom:1rem;line-height:1.5}.missing-word-slot{display:inline-block;width:80px;border-bottom:3px solid var(--primary);margin:0 5px}.brand-title-arb{font-family:var(--arabic-font);font-size:1.2rem;color:var(--text-secondary);pointer-events:none}.game-hint{font-family:var(--arabic-font);color:var(--text-secondary);font-size:1.1rem;direction:rtl}html body .container .quiz-options,html body .game-options,#quizOptions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:2rem}html body .quiz-option,html body .option-btn,button.quiz-option{width:80%!important;max-width:400px!important;min-width:250px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;background:var(--surface);border:2px solid var(--border);padding:16px 20px;border-radius:16px;font-size:1.15rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 6px #0000000d;position:relative;overflow:hidden}.option-btn:hover,.quiz-option:hover{border-color:var(--primary);background:var(--surface-secondary);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 15px #0000001a}.option-btn.correct{background:#3b82f6;border-color:#3b82f6;color:#fff;animation:pulse-glow .5s}.option-btn.wrong{background:#ef4444;border-color:#ef4444;color:#fff;animation:shake .4s;opacity:.6}.next-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 4px 12px #38bdf84d}.next-btn:hover{transform:translateY(-2px);background:var(--primary-hover)}@media (max-width: 450px){.game-card{padding:1.5rem;max-width:95%;margin:0 auto}.game-sentence{font-size:1.2rem}.game-hint{font-size:1rem}.game-options{gap:.75rem}.option-btn{padding:.8rem;font-size:1rem}.missing-word-slot{width:60px}}.pwa-prompt{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(90% - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:400px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.25rem;box-shadow:0 15px 40px #00000026,0 5px 15px #00000014;padding:1.25rem;z-index:2000;animation:slideUp .5s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.6)}[data-theme=dark] .pwa-prompt{background:#1e293bf2;border-color:#ffffff26;box-shadow:0 15px 40px #0006,0 5px 15px #0000004d}.pwa-content{display:flex;flex-direction:column;gap:1rem}.pwa-content p{margin:0;text-align:center;font-weight:500;color:var(--text-main)}body.dark-mode .pwa-content p{color:var(--text-main)}.pwa-buttons{display:flex;gap:.5rem}.pwa-btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;height:2.25rem}.pwa-btn.primary{background:#dc2626;color:#fff}.pwa-btn.primary:hover{background:#4f46e5}.pwa-btn.secondary{background:transparent;border:1px solid #e5e7eb;color:var(--text-main)}body.dark-mode .pwa-btn.secondary{border-color:#4b5563;color:var(--text-main)}.pwa-btn.secondary:hover{background:#0000000d}body.dark-mode .pwa-btn.secondary:hover{background:#ffffff0d}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.fav-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary);transition:all .2s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;position:relative;opacity:.8}.fav-btn:hover{background-color:#0000000d;transform:scale(1.1)}.fav-btn.active{color:#f59e0b}.fav-btn svg{width:24px;height:24px}body.flashcard-active .word-arb,body.flashcard-active .def-arb,body.flashcard-active .ex-arb,body.flashcard-active .idiom-arb{filter:blur(8px);-webkit-user-select:none;user-select:none;cursor:pointer;transition:filter .3s ease;opacity:.7}body.flashcard-active .word-arb:hover,body.flashcard-active .def-arb:hover,body.flashcard-active .ex-arb:hover{filter:blur(4px);opacity:.9}body.flashcard-active .revealed{filter:none!important;cursor:default;opacity:1!important}.flashcard-btn.active{color:var(--primary);background:#38bdf81a}.back-btn-top{position:absolute;left:1rem;top:1rem;color:var(--text-primary);padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:20}.back-btn-top:hover{background-color:#0000000d;transform:translate(-3px)}.particle{position:fixed;pointer-events:none;width:6px;height:6px;background:#f59e0b;border-radius:50%;animation:particle-explode .8s ease-out forwards;z-index:9999}@keyframes particle-anim{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.streak-3 #quizModal .modal-content{border:2px solid #0ea5e9;box-shadow:0 30px 80px #0ea5e999,0 0 50px #0ea5e966,0 0 0 2px #0ea5e933 inset;animation:pulse-glow-blue 1.5s ease-in-out infinite}.streak-5 #quizModal .modal-content{border:3px solid #1e3a8a;box-shadow:0 30px 80px #0284c7b3,0 0 60px #0284c780,0 0 0 3px #0284c74d inset;animation:pulse-glow-cyan 1.2s ease-in-out infinite,shake-modal .5s cubic-bezier(.36,.07,.19,.97)}.streak-10 #quizModal .modal-content{border:4px solid transparent;background-image:linear-gradient(135deg,#1e3a8a,#0ea5e9),linear-gradient(to right,#0ea5e9,#06b6d4,#14b8a6,#38bdf8,#22c55e,#84cc16,#eab308);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 30px 100px #0ea5e9cc,0 0 80px #38bdf899,0 0 100px #06b6d466;animation:rainbow-pulse 2s linear infinite,shake-celebration .8s ease-out}@keyframes pulse-glow-blue{0%,to{box-shadow:0 30px 80px #0ea5e999,0 0 50px #0ea5e966}50%{box-shadow:0 35px 90px #0ea5e9cc,0 0 70px #0ea5e999}}@keyframes pulse-glow-cyan{0%,to{box-shadow:0 30px 80px #0284c7b3,0 0 60px #0284c780}50%{box-shadow:0 35px 100px #0284c7e6,0 0 80px #0284c7b3}}@keyframes shake-modal{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake-celebration{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-2deg)}20%,40%,60%,80%{transform:rotate(2deg)}}@keyframes rainbow-pulse{0%{filter:hue-rotate(0deg) brightness(1.1)}to{filter:hue-rotate(360deg) brightness(1.1)}}.physics-char{display:inline-block;transition:transform .1s ease-out,color .2s;cursor:default}.word-of-day-card{background:linear-gradient(135deg,#1e3a8a,#1e3a8a,#0ea5e9);color:#fff;padding:2rem;border-radius:2rem;margin:1.5rem 0;width:100%;max-width:none;box-shadow:0 20px 60px #005b964d,0 0 0 1px #ffffff1a inset;border:none;position:relative;overflow:hidden;animation:fadeIn .8s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.4,0,.2,1)}.word-of-day-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,0,0,.15) 0%,transparent 70%);animation:rotate-glow 20s linear infinite;pointer-events:none}.word-of-day-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #005b9666,0 0 0 1px #ffffff26 inset}.wod-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:1rem;position:relative;z-index:1;text-align:center}.wod-header span{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#fffffff2;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.3)}.wod-title-col{display:flex;align-items:center;justify-content:center;gap:.5rem}.wod-title-col .wod-tts-btn{font-size:1rem;width:32px;height:32px;padding:0}.wod-header-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.wod-action-btn{background:#ffffff0d;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.25);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff26}.wod-action-btn:hover{background:#ffffff1f;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 28px #00000080,0 0 15px #38bdf833,inset 0 1px #ffffff40;border-color:#38bdf866}.wod-action-btn:active{transform:scale(.92);background:#ffffff26}.wod-action-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2px;transition:all .3s ease}#wodFavBtn.active svg{fill:#ff4757;stroke:#ff4757;transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(255,71,87,.5))}@keyframes success-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}.correct-shake{animation:success-shake .4s ease-in-out}.wod-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.wod-content{position:relative;z-index:1}.wod-main-words{text-align:center;margin-bottom:1.25rem;background:#0f172a;padding:1.5rem 1.25rem;border-radius:1rem;box-shadow:0 2px 8px #00000040}.wod-swe-container{display:flex;align-items:center;justify-content:center;gap:.75rem}.wod-tts-btn{font-size:1.5rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.wod-tts-btn:hover{background:#3b82f64d;transform:scale(1.1);box-shadow:0 0 15px #3b82f666}.wod-tts-btn:active{transform:scale(.95)}.wod-swe:hover{color:#93c5fd;text-shadow:0 4px 20px rgba(59,130,246,.5),0 0 40px rgba(147,197,253,.4)}.wod-swe{font-size:3rem;font-weight:900;margin-bottom:.25rem;color:#fff;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.2);line-height:1.2;animation:float-in .8s cubic-bezier(.16,1,.3,1) .2s backwards;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.wod-swe.long-text{font-size:2.4rem}.wod-swe.very-long-text{font-size:1.9rem}.wod-swe.extra-long-text{font-size:1.5rem;word-break:keep-all}.wod-arb{font-size:2.2rem;font-family:var(--arabic-font);font-weight:700;line-height:1.5;color:#fffffff2;direction:rtl;text-shadow:0 2px 15px rgba(0,0,0,.3);animation:float-in .8s cubic-bezier(.16,1,.3,1) .3s backwards}.wod-preview{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.wod-def-preview,.wod-example-preview{background:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000004d;animation:slide-up .6s cubic-bezier(.16,1,.3,1) backwards}.wod-def-preview{animation-delay:.4s}.wod-example-preview{animation-delay:.5s}.preview-label{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.preview-icon{font-size:1.1rem}.wod-def-text,.wod-example-text{font-size:1.05rem;line-height:1.7;color:#fffffff2;text-align:left}.wod-def-text{font-weight:500}.wod-example-text{font-style:italic;font-weight:400}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wod-action{display:block;text-align:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;width:100%;padding:1.25rem;border-radius:1.25rem;cursor:pointer;font-weight:800;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;z-index:1;box-shadow:0 8px 20px #0003;text-shadow:0 1px 3px rgba(0,0,0,.3);overflow:hidden;margin-top:1.5rem}.wod-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.wod-action:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.wod-action:hover:before{width:300px;height:300px}.wod-action:active{transform:translateY(-1px)}.wod-type-badge{display:inline-block;background:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:.5rem 1.2rem;border-radius:50px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d;animation:float-in .8s cubic-bezier(.16,1,.3,1) .4s backwards}.wod-type-badge:empty{display:none}.wod-forms-preview{background:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000004d;animation:slide-up .6s cubic-bezier(.16,1,.3,1) .35s backwards}.wod-forms-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.wod-form-chip{background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;color:#ffffffe6;transition:all .3s ease}.wod-form-chip:hover{background:#38bdf833;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf833}.wod-definitions-preview{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.wod-def-arb-preview{background:#263548;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000040;animation:slide-up .6s cubic-bezier(.16,1,.3,1) .45s backwards}.wod-def-arb-text{font-family:var(--arabic-font);text-align:right;line-height:1.8}.wod-examples-preview{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.wod-example-arb-preview{background:#263548;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000040;animation:slide-up .6s cubic-bezier(.16,1,.3,1) .55s backwards}.wod-ex-swe{font-style:italic}.wod-ex-arb{font-family:var(--arabic-font);text-align:right;line-height:1.8;font-style:italic}.wod-idioms-preview{margin-top:1rem}.wod-idiom-preview{background:linear-gradient(135deg,#ffd70026,#ffa5001a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3);border-radius:1.25rem;padding:1.25rem;animation:slide-up .6s cubic-bezier(.16,1,.3,1) .6s backwards}.wod-idiom-swe{font-size:1rem;font-weight:500;color:#fffffff2;margin-bottom:.5rem;font-style:italic}.wod-idiom-arb{font-size:1rem;font-weight:600;font-family:var(--arabic-font);color:#ffffffe6;text-align:right;line-height:1.8;font-style:italic}[data-theme=dark] .fav-btn:hover{background-color:#ffffff1a}.premium-border-animated{position:relative;overflow:hidden}[data-theme=dark] .word-of-day-card{background:linear-gradient(135deg,#0a0a0f,#0d1117,#0f1419);border:1.5px solid rgba(6,182,212,.4);box-shadow:0 20px 60px #000c,0 0 20px #06b6d433;position:relative;overflow:hidden}[data-theme=dark] .word-of-day-card:before,[data-theme=dark] .premium-border-animated:before{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(56,189,248,.9) 0%,rgba(6,182,212,.5) 40%,transparent 70%);box-shadow:0 0 10px #38bdf8cc,0 0 20px #06b6d466;border-radius:50%;pointer-events:none;z-index:0;animation:corner-glow-1 40s ease-in-out infinite}[data-theme=dark] .word-of-day-card:after,[data-theme=dark] .premium-border-animated:after{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(56,189,248,.9) 0%,rgba(6,182,212,.5) 40%,transparent 70%);box-shadow:0 0 10px #38bdf8cc,0 0 20px #06b6d466;border-radius:50%;pointer-events:none;z-index:0;animation:corner-glow-2 40s ease-in-out infinite}@keyframes corner-glow-1{0%,to{top:0;left:0}25%{top:0;left:calc(100% - 3px)}50%{top:calc(100% - 3px);left:calc(100% - 3px)}75%{top:calc(100% - 3px);left:0}}@keyframes corner-glow-2{0%,to{bottom:0;right:0}25%{bottom:0;right:calc(100% - 3px)}50%{bottom:calc(100% - 3px);right:calc(100% - 3px)}75%{bottom:calc(100% - 3px);right:0}}[data-theme=dark] .word-of-day-card:hover{box-shadow:0 25px 70px #000000b3,0 0 0 1px #ffffff1a inset}[data-theme=dark] .wod-swe,[data-theme=dark] .wod-arb{text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(255,255,255,.1)}@media (max-width: 768px){.wod-swe{font-size:2.2rem}.wod-arb{font-size:1.5rem}.word-of-day-card{padding:1.5rem}.wod-def-text,.wod-example-text{font-size:.95rem}}.wod-modal-body{padding:0;max-height:80vh;overflow-y:auto}.wod-modal-body::-webkit-scrollbar{width:8px}.wod-modal-body::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.wod-modal-body::-webkit-scrollbar-thumb{background:#005b9680;border-radius:10px}.wod-modal-body::-webkit-scrollbar-thumb:hover{background:#005b96b3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}#quizModal .modal-content{background:linear-gradient(135deg,#dc2626,#60a5fa,#dc2626);border:none;padding:0;max-width:600px;width:95%;border-radius:2rem;box-shadow:0 30px 80px #2563eb66,0 0 0 1px #ffffff26 inset,0 10px 40px #60a5fa33;overflow:hidden;position:relative}#quizModal .modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,%3Csvg width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"%3E%3Cpath d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100" height="100" fill="url(%23grid)" /%3E%3C/svg%3E');opacity:.3;pointer-events:none}[data-theme=dark] #quizModal .modal-content{background:linear-gradient(135deg,#1e293b,#334155,#475569);box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff0d inset}.modal-content.quiz-card{background:var(--surface);width:90%;max-width:500px;padding:2rem;border-radius:1.5rem;position:relative;box-shadow:0 20px 50px #0000004d;border:1px solid var(--border)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;line-height:1}.quiz-body{padding:1.5rem 1.25rem 2rem;position:relative;z-index:1}.modal-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:#fff;font-size:1rem;font-weight:800;margin:0;text-shadow:0 3px 15px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.5rem;line-height:1}.close-btn:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.score-display{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;font-weight:800;font-size:1.2rem;color:#fff;box-shadow:0 4px 15px #0003,0 0 0 1px #ffffff1a inset;margin-bottom:2rem;text-align:center;justify-content:center;width:100%;text-shadow:0 2px 10px rgba(0,0,0,.3)}.score-display:before{content:"🏆";font-size:1.4rem}.question-card{background:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2rem 1.5rem;border-radius:1rem;margin-bottom:1rem;border:none;box-shadow:0 2px 8px #00000040;position:relative}.question-card h3{font-size:2rem;font-weight:800;text-align:center;margin:0;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3);line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;max-width:100%;padding:0 1rem}.question-card h3.long-text{font-size:1.7rem;line-height:1.4}.question-card h3.very-long-text{font-size:1.3rem;line-height:1.35}.question-card h3.extra-long-text{font-size:1rem;line-height:1.3;word-break:keep-all}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.quiz-options button{background:#263548;border:none;padding:1.25rem 1rem;font-size:1.1rem;font-weight:600;border-radius:.75rem;cursor:pointer;color:#fffffff2;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003}.quiz-options button:hover{background:#334155;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.quiz-options button:active{transform:scale(.98)}.quiz-options button.correct{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 0 0 3px #22c55e4d!important}.quiz-options button.wrong{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;box-shadow:0 0 0 3px #ef44444d!important}.quiz-options button:disabled{cursor:default;transform:none!important}.quiz-options button:disabled:not(.correct):not(.wrong){opacity:.5;background:#1e293b}.quiz-header-compact{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem 1rem}.quiz-header-compact h2{margin:0;text-align:center;width:100%}.quiz-header-right{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.quiz-score-inline{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem 1rem;border-radius:50px;font-weight:800;font-size:1.1rem;color:#fff;min-width:40px;text-align:center;box-shadow:0 2px 10px #00000026}.quiz-example{font-size:.95rem;color:#ffffffd9;font-style:italic;margin-top:.75rem;padding:.75rem 1rem;background:#ffffff14;border-radius:.75rem;border-left:3px solid rgba(255,255,255,.3);line-height:1.5;text-align:left}.quiz-fav-btn-header{background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fffc}.quiz-fav-btn-header:hover{background:#ffffff40;transform:scale(1.1)}.quiz-fav-btn-header.is-favorite{color:#f59e0b;background:#f59e0b40}.quiz-fav-btn-header.is-favorite:hover{background:#f59e0b59}.quiz-end-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.end-icon{font-size:4rem;margin-bottom:1rem;animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.end-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.end-score{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.end-score-value{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.end-score-total{font-size:1.5rem;font-weight:600;color:#ffffffb3}.end-message{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem;font-weight:600}#restartQuiz{min-width:200px}.quiz-word-tooltip{position:fixed;z-index:10001;background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;padding:1rem 1.25rem;min-width:220px;max-width:320px;box-shadow:0 15px 50px #0006,0 0 0 1px #ffffff1a;animation:tooltip-pop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes tooltip-pop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tooltip-header{font-size:1.3rem;font-weight:800;color:#60a5fa;margin-bottom:.5rem;text-align:center}.tooltip-arabic-def{font-size:1.1rem;font-family:var(--arabic-font);color:#fff;text-align:right;direction:rtl;line-height:1.6;margin-bottom:.75rem;padding:.5rem;background:#ffffff0d;border-radius:.5rem}.tooltip-example{font-size:.9rem;color:#fffc;font-style:italic;text-align:left;padding:.5rem;background:#60a5fa1a;border-radius:.5rem;border-left:3px solid #60a5fa}.tooltip-close{position:absolute;top:.5rem;right:.75rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;font-size:1.2rem;transition:all .2s}.tooltip-close:hover{color:#fff;transform:scale(1.2)}.tooltip-arabic-word{font-size:1.4rem;font-family:var(--arabic-font);color:#fcd34d;text-align:center;direction:rtl;margin-bottom:.75rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.tooltip-arabic-def{font-size:1rem;font-family:var(--arabic-font);color:#fff;text-align:right;direction:rtl;line-height:1.7;margin-bottom:.75rem;padding:.75rem;background:#ffffff14;border-radius:.5rem;border-right:3px solid #fcd34d}.tooltip-arabic-def .def-label{color:#fcd34d;font-weight:700;font-size:.9rem;margin-left:.25rem}.tooltip-example{font-size:.95rem;color:#ffffffe6;font-style:italic;text-align:left;padding:.75rem;background:#60a5fa26;border-radius:.5rem;border-left:3px solid #60a5fa;line-height:1.6;direction:ltr}.tooltip-example .example-label{font-style:normal;margin-right:.5rem;font-size:1.1rem}.quiz-option{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);padding:.85rem 1.25rem;border-radius:.85rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--arabic-font);text-align:center;color:#fff;position:relative;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.5}.quiz-option.long-text{font-size:1.1rem;padding:1rem 1.2rem}.quiz-option.very-long-text{font-size:.95rem;padding:.9rem 1rem;line-height:1.4}.quiz-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.quiz-option:hover{transform:translateY(-3px) scale(1.02);border-color:#fff6;background:#ffffff26;box-shadow:0 10px 30px #0000004d,0 0 0 1px #fff3 inset}.quiz-option:hover:before{left:100%}.quiz-option:active{transform:translateY(-1px) scale(.98)}.quiz-option.correct{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;color:#fff;box-shadow:0 10px 40px #22c55e80,0 0 0 1px #ffffff4d inset;animation:correct-pulse .6s ease-out}.quiz-option.correct:after{content:"✓";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.8rem;animation:pop-in .4s cubic-bezier(.68,-.55,.265,1.55)}.quiz-option.wrong{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;opacity:.6;box-shadow:0 5px 20px #ef444466;animation:wrong-shake .5s ease-out}.quiz-option.wrong:after{content:"✗";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.8rem}@keyframes correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}:root:not([data-theme=dark]) #quizInlineContainer,html:not([data-theme=dark]) #quizInlineContainer{background:linear-gradient(135deg,#e0f2fe,#f0f9ff 40%,#e0f2fe);border:1px solid rgba(34,211,238,.3)}:root:not([data-theme=dark]) .question-card,html:not([data-theme=dark]) .question-card{background:#fffffff2;border:1px solid rgba(56,189,248,.2);box-shadow:0 8px 32px #38bdf81a}:root:not([data-theme=dark]) .question-card h3,html:not([data-theme=dark]) .question-card h3{color:#dc2626;text-shadow:none}:root:not([data-theme=dark]) .quiz-example,html:not([data-theme=dark]) .quiz-example{color:#475569;background:#38bdf814;border-left-color:#dc2626}:root:not([data-theme=dark]) .quiz-option,html:not([data-theme=dark]) .quiz-option{background:#ffffffe6;border:2px solid #22d3ee;color:#1e40af;text-shadow:none;box-shadow:0 4px 15px #22d3ee26}:root:not([data-theme=dark]) .quiz-option:hover,html:not([data-theme=dark]) .quiz-option:hover{background:#fff;border-color:#06b6d4;box-shadow:0 10px 30px #22d3ee40}:root:not([data-theme=dark]) .quiz-score-inline,html:not([data-theme=dark]) .quiz-score-inline{background:#ffffffe6;color:#1e40af;border:1px solid rgba(34,211,238,.3);box-shadow:0 2px 10px #22d3ee33}:root:not([data-theme=dark]) .quiz-header-compact h2,html:not([data-theme=dark]) .quiz-header-compact h2{color:#1e3a8a}:root:not([data-theme=dark]) .close-btn,html:not([data-theme=dark]) .close-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.2);color:#dc2626}:root:not([data-theme=dark]) .close-btn:hover,html:not([data-theme=dark]) .close-btn:hover{background:#38bdf833;color:#4f46e5}:root:not([data-theme=dark]) .quiz-fav-btn-header,html:not([data-theme=dark]) .quiz-fav-btn-header{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#f59e0b}:root:not([data-theme=dark]) .end-title,html:not([data-theme=dark]) .end-title{color:#1e3a8a;text-shadow:none}:root:not([data-theme=dark]) .end-score-value,html:not([data-theme=dark]) .end-score-value{color:#dc2626;text-shadow:none}:root:not([data-theme=dark]) .end-message,html:not([data-theme=dark]) .end-message{color:#475569}:root:not([data-theme=dark]) .action-btn.primary,:root:not([data-theme=dark]) #nextQuestion,html:not([data-theme=dark]) .action-btn.primary,html:not([data-theme=dark]) #nextQuestion{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:#fff;box-shadow:0 4px 15px #38bdf866}:root:not([data-theme=dark]) .action-btn.primary:hover,:root:not([data-theme=dark]) #nextQuestion:hover,html:not([data-theme=dark]) .action-btn.primary:hover,html:not([data-theme=dark]) #nextQuestion:hover{background:linear-gradient(135deg,#4f46e5,#1e3a8a);box-shadow:0 6px 20px #38bdf880}[data-theme=dark] #quizInlineContainer{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);border:none;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}[data-theme=dark] #quizInlineContainer:before{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(56,189,248,.9) 0%,rgba(6,182,212,.5) 40%,transparent 70%);box-shadow:0 0 10px #38bdf8cc,0 0 20px #06b6d466;border-radius:50%;pointer-events:none;z-index:0;animation:corner-glow-1 40s ease-in-out infinite}[data-theme=dark] #quizInlineContainer:after{content:"";position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(56,189,248,.9) 0%,rgba(6,182,212,.5) 40%,transparent 70%);box-shadow:0 0 10px #38bdf8cc,0 0 20px #06b6d466;border-radius:50%;pointer-events:none;z-index:0;animation:corner-glow-2 40s ease-in-out infinite}[data-theme=dark] .question-card{background:linear-gradient(135deg,#38bdf826,#1e3a8a1a);border:1px solid rgba(56,189,248,.4);box-shadow:0 8px 32px #38bdf833,0 0 0 1px #ffffff0d inset}[data-theme=dark] .question-card h3{color:#a5b4fc;text-shadow:0 2px 10px rgba(56,189,248,.4)}[data-theme=dark] .quiz-example{color:#ffffffd9;background:#38bdf826;border-left-color:#818cf8}[data-theme=dark] .quiz-option{background:#1e293be6;border:2px solid rgba(148,163,184,.3);color:#e2e8f0;text-shadow:none;box-shadow:0 4px 15px #0000004d}[data-theme=dark] .quiz-option:hover{background:#334155f2;border-color:#818cf8;box-shadow:0 10px 30px #38bdf84d,0 0 0 1px #818cf833 inset}[data-theme=dark] .quiz-score-inline{background:#1e293be6;color:#22d3ee;border:1px solid rgba(34,211,238,.3);box-shadow:0 2px 10px #22d3ee33}[data-theme=dark] .quiz-header-compact h2{color:#e2e8f0}[data-theme=dark] .close-btn{background:#334155cc;border:1px solid rgba(148,163,184,.3);color:#e2e8f0}[data-theme=dark] .close-btn:hover{background:#475569e6;color:#f8fafc}[data-theme=dark] .quiz-fav-btn-header{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}[data-theme=dark] .end-title{color:#e2e8f0;text-shadow:0 2px 10px rgba(0,0,0,.3)}[data-theme=dark] .end-score-value{color:#818cf8;text-shadow:0 2px 15px rgba(56,189,248,.5)}[data-theme=dark] .end-message{color:#94a3b8}[data-theme=dark] .action-btn.primary,[data-theme=dark] #nextQuestion{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:#fff;box-shadow:0 4px 15px #38bdf866}[data-theme=dark] .action-btn.primary:hover,[data-theme=dark] #nextQuestion:hover{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 6px 20px #38bdf880}@keyframes pop-in{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.3)}to{transform:translateY(-50%) scale(1);opacity:1}}.quiz-feedback{text-align:center;padding:1rem;border-radius:1rem;font-weight:700;font-size:1.1rem;margin:1rem 0;animation:slide-up .4s ease-out}.action-btn.primary,#nextQuestion{width:100%;padding:1.25rem;background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:1rem;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003}.action-btn.primary:before,#nextQuestion:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn.primary:hover,#nextQuestion:hover{transform:translateY(-3px);border-color:#ffffff80;box-shadow:0 15px 40px #0000004d,0 0 30px #ffffff1a}.action-btn.primary:hover:before,#nextQuestion:hover:before{width:300px;height:300px}.action-btn.primary:active,#nextQuestion:active{transform:translateY(-1px)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-on-load{animation:pulse-border 2s ease-out}#wodModal .modal-content{max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border-radius:1.5rem}#wodModal .wod-modal-body{overflow-y:auto;padding:0;flex:1}#wodModal .details-container{padding:0}#wodModal .details-hero{background:linear-gradient(135deg,#1e3a8a,#1e3a8a,#0ea5e9);padding:3rem 2rem;margin:0;border-radius:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #005b964d}#wodModal .details-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate-glow 20s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#wodModal .details-hero-content{position:relative;z-index:1}#wodModal .word-swe-hero{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.2);margin:0 0 1rem;line-height:1.2;text-align:center}#wodModal .word-arb-hero{font-size:2rem;font-weight:700;color:#fffffff2;text-shadow:0 2px 15px rgba(0,0,0,.3);font-family:var(--arabic-font);direction:rtl;margin:1rem 0;text-align:center}#wodModal .type-badge-hero{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0003}#wodModal .details-section{background:var(--surface);border-radius:1.5rem;padding:2rem;margin:1.5rem;margin-top:0;border:2px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#1e3a8a,#0ea5e9);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 10px 30px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}#wodModal .details-section:first-of-type{margin-top:1.5rem}#wodModal .details-section:hover{transform:translateY(-3px);box-shadow:0 15px 40px #005b9626}#wodModal .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:800;color:var(--primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}#wodModal .section-icon{font-size:1.3rem}#wodModal .def-item{padding:1.25rem;background:var(--background);border-radius:1rem;border-left:4px solid #1e3a8a;transition:all .3s ease;margin-bottom:1rem}#wodModal .def-item:hover{transform:translate(5px);border-left-color:#0ea5e9;box-shadow:0 5px 15px #005b961a}#wodModal .def-swe-detail{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem;line-height:1.6}#wodModal .def-arb-detail{font-size:1.1rem;font-weight:600;font-family:var(--arabic-font);color:var(--text-secondary);direction:rtl;line-height:1.8}#wodModal .forms-grid{display:flex;flex-wrap:wrap;gap:.75rem}#wodModal .form-chip{background:linear-gradient(135deg,#005b961a,#0ea5e91a);border:2px solid rgba(0,91,150,.2);padding:.6rem 1.2rem;border-radius:50px;font-weight:600;font-size:.95rem;color:var(--primary);transition:all .3s ease}#wodModal .form-chip:hover{background:linear-gradient(135deg,#005b9633,#0ea5e933);transform:translateY(-2px);box-shadow:0 4px 12px #005b9633}#wodModal .example-card{background:linear-gradient(135deg,#005b960d,#0ea5e90d);border-radius:1.25rem;padding:1.5rem;margin-bottom:1rem;border:2px solid rgba(0,91,150,.1);position:relative;overflow:hidden}#wodModal .example-card:before{content:'"';position:absolute;top:-10px;left:10px;font-size:5rem;color:#005b961a;font-family:Georgia,serif;line-height:1}#wodModal .ex-swe-detail{font-size:1.05rem;font-weight:500;color:var(--text-main);margin-bottom:.75rem;position:relative;z-index:1;font-style:italic}#wodModal .ex-arb-detail{font-size:1.05rem;font-weight:600;font-family:var(--arabic-font);color:var(--primary);direction:rtl;font-style:italic}#wodModal .action-btn-premium{padding:1.25rem;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);color:#fff;border:none;border-radius:1rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #005b964d;position:relative;overflow:hidden}#wodModal .action-btn-premium:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}#wodModal .action-btn-premium:hover{transform:translateY(-3px);box-shadow:0 12px 30px #005b9666}#wodModal .action-btn-premium:hover:before{width:300px;height:300px}#wodModal .wod-modal-body::-webkit-scrollbar{width:8px}#wodModal .wod-modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}#wodModal .wod-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e3a8a,#0ea5e9);border-radius:4px}#wodModal .wod-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e3a8a,#0ea5e9)}[data-theme=dark] #wodModal .details-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}[data-theme=dark] #wodModal .word-swe-hero,[data-theme=dark] #wodModal .word-arb-hero{text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(255,255,255,.1)}[data-theme=dark] #wodModal .details-section{box-shadow:0 10px 30px #0000004d}[data-theme=dark] #wodModal .details-section:hover{box-shadow:0 15px 40px #0ea5e933}@media (max-width: 768px){#wodModal .modal-content{max-width:95%}#wodModal .word-swe-hero{font-size:2.2rem}#wodModal .word-arb-hero{font-size:1.6rem}#wodModal .details-hero{padding:2rem 1.5rem}#wodModal .details-section{padding:1.5rem;margin:1rem}}.history-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px;margin:0 auto;animation:fadeIn .5s ease}.history-header{display:flex;align-items:center;font-size:.95rem;color:var(--text-secondary);width:100%;justify-content:flex-start;padding-left:.5rem;margin-bottom:.5rem}.history-chips{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.history-chip{padding:.4rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-size:.9rem;color:var(--text-main);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000d}.history-chip:hover{background:var(--surface-raised);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.history-chip:active{transform:scale(.96)}.clear-history-btn{margin-top:1rem;background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;opacity:.6;transition:all .2s}.clear-history-btn:hover{opacity:1;background:#00000008;color:var(--text-main)}.placeholder-icon{margin-bottom:1rem;color:var(--text-tertiary);animation:floatOrb 6s ease-in-out infinite}.placeholder-text{font-size:1.1rem;color:var(--text-secondary);opacity:.8}[data-theme=dark] .history-chip{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .history-chip:hover{background:var(--surface-hover);border-color:var(--primary)}[data-theme=dark] .clear-history-btn:hover{background:#ffffff0d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.loading-text{font-size:.95rem;color:var(--text-secondary);font-weight:500}.loading-progress{width:100%;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.progress-bar-container{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-tertiary);font-weight:600}[data-theme=dark] .progress-bar-container{background:var(--surface-raised)}[data-theme=dark] .progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .spinner{border-color:var(--surface-raised);border-top-color:var(--primary)}.visibility-hidden{visibility:hidden}.settings-dropdown-layout{display:flex;flex-direction:column;gap:.5rem;align-items:center}.icon-color-amber,.icon-color-star{color:#f59e0b}.icon-color-indigo{color:#3b82f6}.icon-color-blue{color:#1d4ed8}.icon-color-blue{color:#3b82f6}.icon-color-green{color:#22c55e}.icon-color-emerald{color:#10b981}.icon-color-cyan{color:#06b6d4}.icon-color-slate{color:#64748b}.icon-color-blue-light{color:#3b82f6}.profile-link{text-decoration:none;margin-bottom:.5rem;margin-right:12px}.container-flashcard-inline{max-width:700px;margin:0 auto;position:relative;z-index:29}.container-quiz-inline{max-width:700px;margin:0 auto;position:relative;z-index:30}.next-btn-styled{margin-top:1rem;width:100%;background:linear-gradient(135deg,#3b82f6,#dc2626)!important;border:none;color:#fff;font-weight:600;font-size:1rem;padding:.875rem 1.5rem;border-radius:12px;box-shadow:0 4px 15px #3b82f666;transition:all .3s ease}.next-btn-styled:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.next-btn-styled:active{transform:translateY(0)}.inline-icon-img{width:20px;vertical-align:middle}.challenges-section-styled{max-width:1200px;margin:1rem auto;padding:0 1rem}.challenges-card-styled{background:var(--surface);padding:1rem;border-radius:15px;box-shadow:0 2px 8px #0000000d}.challenges-card-styled h3{margin-bottom:1rem;color:var(--text)}.challenges-list-styled{display:flex;flex-direction:column;gap:.8rem}.quick-actions-bar{display:flex;justify-content:center;gap:.4rem;padding:.5rem .75rem;margin:0 1rem .4rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000000d}[data-theme=dark] .quick-actions-bar{background:#1e293bcc;border-color:#ffffff1a}.quick-action-btn{display:flex;align-items:center;justify-content:center;padding:.3rem .65rem;min-width:45px;background:#3b82f626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:.75rem;color:#3b82f6;text-decoration:none;cursor:pointer;box-shadow:0 4px 12px #3b82f626,inset 0 1px #fff3;text-shadow:none;transition:all .3s ease}.quick-action-btn:hover{transform:translateY(-2px);background:#3b82f640;border-color:#3b82f680;box-shadow:0 8px 20px #3b82f640,inset 0 1px #ffffff4d}.quick-action-btn:active{transform:scale(.95);background:#3b82f64d}[data-theme=light] .quick-action-btn{background:#3b82f61a;color:#dc2626;border-color:#3b82f640}[data-theme=light] .quick-action-btn:hover{background:#3b82f633;border-color:#3b82f666;box-shadow:0 8px 20px #3b82f626,inset 0 1px #fff6}.quick-icon{font-size:1.3rem;transition:transform .2s ease;display:inline-block}.quick-label{font-size:.7rem;font-weight:600;opacity:.9}[data-theme=dark] .quick-action-btn{background:#60a5fa33;border-color:#60a5fa4d;color:#93c5fd;box-shadow:0 4px 15px #60a5fa33,inset 0 1px #ffffff1a}[data-theme=dark] .quick-action-btn:hover{background:#60a5fa4d;border-color:#60a5fa80;box-shadow:0 8px 20px #60a5fa4d,inset 0 1px #ffffff26}.daily-progress-bar{margin:0 1rem .75rem;padding:.75rem 1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000000d}[data-theme=dark] .daily-progress-bar{background:#1e293bcc;border-color:#ffffff1a}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.85rem;font-weight:600;color:var(--text-main)}.progress-count{font-size:.85rem;font-weight:700;color:#3b82f6}.progress-track{height:10px;background:#0000001a;border-radius:5px;overflow:hidden}[data-theme=dark] .progress-track{background:#ffffff1a}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:5px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom: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%)}}.daily-challenge-card{position:relative;margin:1.5rem 1rem;padding:1.5rem;background:linear-gradient(145deg,#fffffff2,#ffffffd9);border-radius:1.5rem;box-shadow:0 10px 30px -5px #2563eb26,0 4px 10px -3px #2563eb1a,inset 0 0 0 1px #fffc;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.6)}.daily-challenge-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:1.5rem;background:linear-gradient(135deg,#3b82f6,#1e40af,#60a5fa);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.5}.daily-challenge-card:after{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);z-index:-1;filter:blur(20px)}[data-theme=dark] .daily-challenge-card{background:linear-gradient(145deg,#1e293be6,#0f172af2);border-color:#ffffff0d;box-shadow:0 8px 30px #0006,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .daily-challenge-card:before{opacity:.8}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.challenge-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:1rem;box-shadow:0 4px 6px #f59e0b1a;border:1px solid rgba(251,191,36,.2)}[data-theme=dark] .challenge-icon-wrapper{background:#fbbf241a;border-color:#fbbf2433}.challenge-icon{font-size:1.5rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.challenge-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#64748b;margin-right:auto;margin-left:1rem}[data-theme=dark] .challenge-title{color:#94a3b8}.challenge-text{font-size:1.25rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1.3;letter-spacing:-.02em;max-width:90%}[data-theme=dark] .challenge-text{color:#f1f5f9}.challenge-progress{display:flex;align-items:center;justify-content:space-between;background:#00000008;padding:.5rem;border-radius:1rem;border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .challenge-progress{background:#ffffff08;border-color:#ffffff0d}.challenge-progress span{font-size:1.1rem;font-weight:800;color:#4f46e5;background:#fff;padding:.4rem 1.2rem;border-radius:.8rem;box-shadow:0 2px 4px #0000000d;min-width:80px;text-align:center;font-variant-numeric:tabular-nums}[data-theme=dark] .challenge-progress span{background:#334155;color:#818cf8;box-shadow:0 4px 6px #0003}.challenge-claim-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.8rem;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #22c55e4d;transition:all .2s ease}.challenge-claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #22c55e66}[data-theme=dark] .challenge-progress{background:#0003;border-color:#fbbf2426}.challenge-progress span{font-size:1.3rem;font-weight:900;color:#7c2d12;background:#fffffff2;padding:2px 10px;border-radius:.5rem;font-variant-numeric:tabular-nums;box-shadow:0 2px 4px #0000000d;min-width:3rem;text-align:center}[data-theme=dark] .challenge-progress span{color:#451a03;background:#fbbf24;box-shadow:0 2px 8px #fbbf2440}.challenge-claim-btn{padding:.35rem .75rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:transform .2s}.challenge-claim-btn:hover{transform:scale(1.05)}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}.achievement-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);padding:1rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:1rem;box-shadow:0 10px 30px #fbbf2466;z-index:10000;display:flex;align-items:center;gap:.75rem;font-weight:700;opacity:0;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),opacity .3s}.achievement-toast.show{transform:translate(-50%) translateY(0);opacity:1}.achievement-toast .achievement-icon{font-size:2rem;animation:spin 1s ease-out}@keyframes spin{0%{transform:rotate(0) scale(0)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.difficulty-select-compact{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;padding:.4rem 2rem .4rem .8rem;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;outline:none;box-shadow:0 2px 5px #0000001a;transition:background .2s;max-width:130px;text-overflow:ellipsis;white-space:nowrap}.difficulty-select-compact:hover{background:#ffffff4d}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body>.container,main,.game-container,.modal-content{animation:pageFadeIn .4s ease-out forwards}.modal.hidden{display:none;opacity:0}.modal:not(.hidden){animation:fadeInModal .3s ease-out forwards;display:flex}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}body,.card,.container,header,footer,.modal-content{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.difficulty-select-compact option{background:#1e293b;color:#fff}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .5s ease-out,visibility .5s ease-out}.splash-content{text-align:center;animation:splashFadeIn .6s ease-out}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.splash-logo{font-size:5rem;margin-bottom:1rem;animation:splashBounce 1s ease-in-out infinite}@keyframes splashBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash-subtitle{font-family:Tajawal,sans-serif;font-size:1rem;color:#ffffffb3;margin:0 0 2rem;line-height:1.6}.splash-loader{width:200px;height:4px;background:#ffffff1a;border-radius:4px;margin:0 auto;overflow:hidden}.splash-loader-bar{height:100%;width:30%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200% 100%;border-radius:4px;animation:splashLoaderSlide 1.5s ease-in-out infinite}@keyframes splashLoaderSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}[data-theme=light] .splash-screen{background:linear-gradient(135deg,#3b82f6,#1e40af,#60a5fa)}.toast-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(100px);background:#1e1e1ef2;color:#fff;padding:12px 24px;border-radius:12px;font-weight:500;font-size:.95rem;z-index:10000;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);max-width:90%;text-align:center}.toast-notification.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast-notification.toast-success{background:linear-gradient(135deg,#22c55ef2,#16a34af2);border-color:#4ade804d}.toast-notification.toast-error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-color:#f871714d}.toast-notification.toast-warning{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border-color:#fbbf244d}.toast-notification.toast-info{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border-color:#60a5fa4d}[data-theme=light] .toast-notification{background:#fffffff2;color:#1f2937;border-color:#0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .toast-notification.toast-success,[data-theme=light] .toast-notification.toast-error,[data-theme=light] .toast-notification.toast-warning,[data-theme=light] .toast-notification.toast-info{color:#fff}.offline-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500;font-size:.9rem;z-index:9999;transform:translateY(-100%);transition:transform .3s ease;box-shadow:0 4px 12px #0003}.offline-banner:not(.hidden){transform:translateY(0)}.offline-icon{font-size:1.2rem;animation:pulse 2s infinite}.update-prompt{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(100px);opacity:0;transition:all .3s ease;z-index:9998}.update-prompt:not(.hidden){transform:translate(-50%) translateY(0);opacity:1}.update-content{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;padding:12px 16px;border-radius:16px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.update-icon{font-size:1.5rem;animation:spin 2s linear infinite}.update-text{font-weight:500;font-size:.9rem}.update-btn{background:#fff;color:#3b82f6;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.update-btn:hover{background:#f0f9ff;transform:scale(1.05)}.dismiss-btn{background:transparent;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.dismiss-btn:hover{color:#fff}.splash-screen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#1a1a2e);background-size:400% 400%;animation:gradientShift 8s ease infinite;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .6s ease-out,visibility .6s ease-out;overflow:visible!important}.splash-particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:10px;height:10px;background:#3b82f699;border-radius:50%;animation:floatParticle 15s infinite;opacity:0}.particle:nth-child(1){left:10%;animation-delay:0s;width:8px;height:8px}.particle:nth-child(2){left:20%;animation-delay:2s;width:12px;height:12px}.particle:nth-child(3){left:35%;animation-delay:4s;width:6px;height:6px}.particle:nth-child(4){left:50%;animation-delay:1s;width:10px;height:10px}.particle:nth-child(5){left:65%;animation-delay:3s;width:14px;height:14px}.particle:nth-child(6){left:75%;animation-delay:5s;width:8px;height:8px}.particle:nth-child(7){left:85%;animation-delay:2.5s;width:6px;height:6px}.particle:nth-child(8){left:95%;animation-delay:1.5s;width:10px;height:10px}@keyframes floatParticle{0%{bottom:-20px;opacity:0;transform:translate(0) rotate(0)}10%{opacity:.8}90%{opacity:.8}to{bottom:100%;opacity:0;transform:translate(100px) rotate(720deg)}}.splash-waves{position:absolute;bottom:0;left:0;right:0;height:200px;overflow:hidden}.wave{position:absolute;bottom:0;left:-50%;width:200%;height:100%;background:linear-gradient(transparent,#3b82f61a);border-radius:50% 50% 0 0;animation:waveMove 6s ease-in-out infinite}.wave-1{animation-delay:0s;opacity:.3}.wave-2{animation-delay:1s;opacity:.2;height:80%}.wave-3{animation-delay:2s;opacity:.1;height:60%}@keyframes waveMove{0%,to{transform:translate(-25%) translateY(0)}50%{transform:translate(0) translateY(-10px)}}.splash-content{text-align:center;z-index:10;animation:splashFadeIn .8s ease-out}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-logo-container{position:relative;display:inline-block;margin-bottom:1rem}.splash-logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);border-radius:50%;animation:logoGlow 2s ease-in-out infinite}@keyframes logoGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.splash-logo{font-size:5rem;position:relative;animation:logoPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}@keyframes logoPulse{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-5px)}}.splash-title{font-family:Inter,sans-serif!important;font-size:clamp(1.5rem,8vw,2.2rem)!important;font-weight:800!important;color:#fff!important;margin:0 0 .5rem!important;letter-spacing:2px!important;text-shadow:0 4px 12px rgba(0,0,0,.5)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;max-width:none!important;width:auto!important;text-align:center!important;line-height:1.2!important;display:block!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#fff!important}.splash-subtitle{font-family:Tajawal,sans-serif;font-size:1.1rem;color:#fffc;margin:0 0 1.5rem;line-height:1.6}.splash-stats{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.95rem;margin-bottom:2rem;animation:statsBadgeIn .6s ease-out .3s both}@keyframes statsBadgeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-icon{font-size:1.2rem}#splashWordCount{font-weight:700;color:#60a5fa}.splash-progress-container{width:280px;margin:0 auto 1.5rem;animation:progressIn .4s ease-out both}@keyframes progressIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-loader{width:100%;height:6px;background:#ffffff26;border-radius:6px;overflow:hidden;position:relative}.splash-loader-bar{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:6px;transition:width .3s ease;box-shadow:0 0 10px #3b82f680}.splash-progress-text{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;color:#ffffffb3}#splashPercent{font-weight:600;color:#60a5fa}.splash-tip{font-size:.9rem;color:#fff9;max-width:300px;margin:0 auto;animation:tipFadeIn .6s ease-out .5s both;transition:opacity .3s ease}@keyframes tipFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.splash-logo{font-size:4rem}.splash-title{font-size:clamp(1.5rem,8vw,2rem)!important;white-space:nowrap!important;overflow:visible!important}.splash-subtitle{font-size:.95rem}.splash-progress-container{width:240px}.splash-tip{font-size:.8rem;max-width:260px}}.challenge-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem}.challenge-title{display:flex;flex-direction:column;gap:2px;min-width:0}.challenge-title .sv-text{font-size:.85rem;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.challenge-title .ar-text{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .challenge-title .sv-text{color:#f1f5f9}[data-theme=dark] .challenge-title .ar-text{color:#94a3b8}.challenge-points{display:flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#10b981,#059669);padding:.4rem .75rem;border-radius:.75rem;box-shadow:0 4px 12px #10b98140;flex-shrink:0}.challenge-points .points-value{font-size:.95rem;font-weight:900;color:#fff}.challenge-points .points-label{font-size:.7rem;font-weight:700;color:#ffffffe6;text-transform:uppercase}.challenge-progress-row{display:flex;align-items:center;gap:1rem}.challenge-progress-container.premium-bar .challenge-progress-track{flex:1;height:12px;background:#0000000f;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}[data-theme=dark] .challenge-progress-container.premium-bar .challenge-progress-track{background:#ffffff1a;box-shadow:inset 0 1px 2px #0000004d}.challenge-progress-count{font-size:.95rem;font-weight:800;color:#3b82f6;background:#3b82f61a;padding:.4rem .85rem;border-radius:.75rem;min-width:60px;text-align:center;font-variant-numeric:tabular-nums;border:1px solid rgba(59,130,246,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .challenge-progress-count{background:#60a5fa26;color:#93c5fd;border-color:#60a5fa4d}.daily-challenge-card{margin:.75rem 1rem;padding:1rem 1.25rem}.challenge-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:.75rem}.challenge-icon{font-size:1.3rem}.challenge-progress-count{cursor:default;transition:all .3s ease}.challenge-progress-count.completed{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;border-color:transparent!important;cursor:pointer;box-shadow:0 4px 12px #22c55e66;animation:pulseGreen 1.5s infinite}.challenge-progress-count.completed:hover{transform:scale(1.1);box-shadow:0 6px 16px #22c55e80}.challenge-progress-count.claimed{background:#22c55e!important;animation:none;cursor:default;opacity:.8}@keyframes pulseGreen{0%,to{box-shadow:0 4px 12px #22c55e66}50%{box-shadow:0 4px 20px #22c55e99}}[data-theme=dark] .challenge-progress-count.completed,[data-theme=dark] .challenge-progress-count.claimed{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}@keyframes pulse-animation{0%{transform:scale(1);box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--primary-rgb),0)}}.compact-card,.card.card-link.compact-card{padding:.75rem 1rem!important;height:120px!important;min-height:120px!important;max-height:120px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:.25rem!important;box-sizing:border-box!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.compact-card .card-header,.card.compact-card .card-header{margin-bottom:0!important;align-items:center!important;flex-shrink:0!important;max-height:40px!important;overflow:hidden!important}.compact-card .word-header-group,.card.compact-card .word-header-group{flex-wrap:nowrap!important;overflow:hidden!important;flex:1!important;min-width:0!important}.compact-card h2.word-swe,.card.compact-card h2.word-swe,.compact-card .word-swe{font-size:1.1rem!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:calc(100% - 120px)!important;flex-shrink:1!important;line-height:1.3!important}.compact-card .word-arb,.card.compact-card .word-arb,.compact-card p.word-arb{font-size:1rem!important;margin:0!important;color:var(--text-main);opacity:.9;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-shrink:0!important;max-height:24px!important}.action-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-muted)}.action-button:hover{background:var(--bg-hover);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-button.active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}[data-theme=dark] .action-button{background:#ffffff0d}.game-container{background:var(--surface);border-radius:24px;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:visible;border:3px solid #dc2626;box-shadow:0 0 20px #2563eb66,0 0 40px #a855f733,0 8px 32px #00000026;animation:quizBorderGlow 3s ease-in-out infinite}@keyframes quizBorderGlow{0%,to{border-color:#dc2626;box-shadow:0 0 20px #2563eb66,0 0 40px #a855f733}50%{border-color:#3b82f6;box-shadow:0 0 30px #a855f780,0 0 60px #ec48994d}}.game-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);animation:quizGlow 8s ease-in-out infinite;pointer-events:none}@keyframes quizGlow{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.quiz-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.quiz-header-compact h2{font-size:1.5rem;background:linear-gradient(135deg,#dc2626,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-header-right{display:flex;align-items:center;gap:.75rem}.quiz-score-inline{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:50px;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #10b9814d}.quiz-fav-btn-header{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.quiz-fav-btn-header:hover{background:#ef444433;transform:scale(1.1)}.quiz-fav-btn-header.active svg{fill:#ef4444;stroke:#ef4444}.question-card{background:var(--surface);padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000001a;position:relative;z-index:1}.question-card h3{font-size:2rem;margin-bottom:.5rem;color:var(--text)}.quiz-example{color:var(--text-muted);font-style:italic;font-size:.95rem}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;position:relative;z-index:1;width:80%;margin-left:auto;margin-right:auto;align-items:center}.quiz-option{background:var(--surface);border:2px solid var(--border-color);padding:1rem 1.5rem;border-radius:14px;font-size:1.3rem;font-family:var(--arabic-font);cursor:pointer;transition:all .25s ease;text-align:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:60px;width:100%}.quiz-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(37,99,235,.1));opacity:0;transition:opacity .3s ease}.quiz-option:hover{border-color:#dc2626;transform:translateY(-4px);box-shadow:0 8px 24px #2563eb33}.quiz-option:hover:before{opacity:1}.quiz-option.correct{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:transparent!important;animation:correctPulse .5s ease-out}.quiz-option.wrong{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:transparent!important;animation:wrongShake .5s ease-out}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.quiz-feedback{margin-top:1.5rem;text-align:center;font-weight:700;font-size:1.1rem;min-height:1.5rem;position:relative;z-index:1}.quiz-feedback.correct{color:#10b981}.quiz-feedback.wrong{color:#ef4444}.quiz-end-screen{text-align:center;padding:3rem 1.5rem;position:relative;z-index:1}.end-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 1s ease infinite}.end-title{font-size:1.75rem;background:linear-gradient(135deg,#dc2626,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.end-score{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text)}.end-score-total{font-size:1.5rem;color:var(--text-muted)}.quiz-timer{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 14px;border-radius:50px;font-weight:800;font-size:1.25rem;min-width:40px;text-align:center;box-shadow:0 4px 12px #ef44444d;transition:all .3s ease}.quiz-timer.warning{animation:timerPulse .5s ease infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15);background:#dc2626}}.quiz-progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;margin:1rem 0;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%}.quiz-progress-text{background:var(--bg-secondary);padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.mode-select-compact{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;padding:6px 10px;font-size:.85rem;color:var(--text);cursor:pointer;transition:all .2s ease}.mode-select-compact:hover{border-color:#dc2626}.quiz-header-left{display:flex;align-items:center;gap:.75rem}.quiz-header-left h2{margin:0}.end-stats{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:1rem;background:var(--bg-secondary);border-radius:12px}.end-stat{display:flex;justify-content:space-between;font-size:.95rem;color:var(--text-muted)}.end-stat span:last-child{font-weight:600;color:var(--text)}.confetti{position:absolute;width:10px;height:10px;border-radius:50%;top:-20px;animation:confettiFall 3s ease forwards;pointer-events:none}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(500px) rotate(720deg);opacity:0}}.pulse-animation{animation:pulse-animation .5s ease-out}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease}.onboarding-container{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:2rem;max-width:400px;width:90%;text-align:center;position:relative;border:1px solid rgba(37,99,235,.3);box-shadow:0 25px 50px -12px #00000080}.onboarding-skip{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;padding:.5rem}.onboarding-skip:hover{color:#f8fafc}.onboarding-slides{min-height:280px;display:flex;align-items:center;justify-content:center}.onboarding-slide{display:none;flex-direction:column;align-items:center;animation:slideIn .4s ease}.onboarding-slide.active{display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.onboarding-slide h2{color:#f8fafc;font-size:1.5rem;margin:0 0 .5rem}.onboarding-slide h3{color:#dc2626;font-size:1.2rem;margin:0 0 1rem;font-family:Tajawal,sans-serif}.onboarding-slide p{color:#94a3b8;margin:.25rem 0;font-size:.95rem}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.dot{width:10px;height:10px;border-radius:50%;background:#334155;cursor:pointer;transition:all .3s}.dot.active{background:#dc2626;transform:scale(1.2)}.onboarding-nav{display:flex;justify-content:space-between;gap:1rem}.onboarding-btn{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.onboarding-btn.primary{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.onboarding-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #2563eb66}.onboarding-btn.secondary{background:#334155;color:#f8fafc}.onboarding-btn.secondary:hover{background:#475569}body.dark-mode .onboarding-container{background:linear-gradient(135deg,#1e293b,#0f172a)}@media (max-width: 480px){.progress-modal-content{max-width:100%;width:100%;max-height:90vh;margin:0;border-radius:20px 20px 0 0}.progress-modal-body{padding:.75rem;gap:1rem}.daily-progress-section{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.progress-ring-container{width:100px;height:100px}.progress-ring-value{font-size:1.5rem}.daily-progress-info{text-align:center}.streak-section{flex-direction:column;gap:.75rem}.streak-card{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.5rem}.stat-card .stat-icon{font-size:1.25rem}.stat-card .stat-value{font-size:1rem}.activity-chart{height:80px;gap:4px}.activity-legend{font-size:.65rem}.goal-adjuster{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.quick-actions-bar{gap:.25rem;padding:.4rem .5rem;margin:0 .5rem .3rem}.quick-action-btn{padding:.25rem .5rem;min-width:40px}.quick-icon{font-size:1.1rem}.quick-label{font-size:.6rem}}@media (max-width: 480px){.daily-progress-bar{margin:0 .5rem .5rem;padding:.5rem .75rem}.progress-label,.progress-count{font-size:.8rem}.progress-track{height:8px}}@media (max-width: 480px){.daily-challenge-card{margin:1rem .5rem;padding:1rem}.challenge-icon-wrapper{width:2.5rem;height:2.5rem}.challenge-icon{font-size:1.25rem}.challenge-title{font-size:.75rem}.challenge-points .points-value{font-size:1rem}}@media (max-width: 480px){.onboarding-container{width:95%;padding:1.5rem;border-radius:20px}.onboarding-slides{min-height:240px}.slide-icon{font-size:3rem;margin-bottom:1rem}.onboarding-slide h2{font-size:1.25rem}.onboarding-slide h3{font-size:1rem}.onboarding-slide p{font-size:.85rem}.onboarding-nav{flex-direction:column-reverse;gap:.5rem}.onboarding-btn{padding:.75rem 1rem;font-size:.9rem}.onboarding-dots{margin:1rem 0}}@media (max-width: 480px){.search-container{padding:0 .5rem}.search-wrapper input{font-size:16px;padding:.75rem 1rem}.filter-toggle-btn{padding:.5rem}}@media (max-width: 480px){.results-grid{padding:0 .5rem;gap:.5rem}.result-card{padding:.75rem}}@media (max-width: 480px){.top-nav{padding:.5rem}.brand-title-swe{font-size:1.1rem}.brand-title-arb{font-size:.9rem}.progress-stats-badge{padding:.3rem .6rem;gap:.4rem}.progress-stat .stat-icon{font-size:.8rem}}@media (max-width: 480px){.settings-menu{max-width:90vw;max-height:80vh}.menu-item{padding:.6rem .75rem}.settings-section-header{font-size:.75rem}}@media (max-width: 480px){#wordOfTheDay{margin:.5rem;padding:1rem}.wod-swe{font-size:1.5rem}.wod-arb{font-size:1.25rem}.wod-action-btn{padding:.4rem}}@media (max-width: 480px){.game-container{margin:.5rem;padding:.75rem;border-radius:16px}.quiz-header-compact{padding:.5rem}.quiz-options{gap:.5rem}.quiz-option{padding:.75rem}}@media (max-width: 480px){.flashcard-inline-card{min-height:180px}.flashcard-text-inline{font-size:1.5rem}.fc-btn-inline{padding:.5rem .75rem}.fc-emoji{font-size:1.25rem}.fc-label{font-size:.7rem}}@media (max-width: 768px){body.mobile-view-mode .container{max-width:100%;padding:0}}@media (hover: none) and (pointer: coarse){.quick-action-btn,.menu-item,.result-card,.quiz-option,.fc-btn-inline{-webkit-tap-highlight-color:transparent}.quick-action-btn:active,.menu-item:active,.result-card:active{transform:scale(.98);opacity:.9}}@supports (padding-top: env(safe-area-inset-top)){.top-nav{padding-top:calc(.5rem + env(safe-area-inset-top))}.progress-modal-content{padding-bottom:env(safe-area-inset-bottom)}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}body.lang-sv [dir=rtl]:not(.card *):not(.details-page-container *):not(.quiz-option):not(.smart-card *),body.lang-sv .ar-text:not(.smart-card .ar-text),body.lang-sv .arabic-text:not(.smart-card .arabic-text),body.lang-sv .text-ar:not(.smart-card .text-ar),body.lang-sv [lang=ar]:not(.smart-card [lang=ar]),body.lang-sv .bilingual-ar:not(.smart-card .bilingual-ar),body.lang-sv .word-arb:not(.card .word-arb):not(.details-page-container *):not(.cognate-card *):not(.smart-card *),body.lang-sv .subtitle-ar:not(.smart-card .subtitle-ar){display:none!important}.details-page-container [dir=rtl],.details-page-container .word-arb-hero,.details-page-container .word-arb-ext,.details-page-container .ex-arb-detail,.details-page-container .def-text[dir=rtl]{display:block!important}.details-page-container span.word-arb-hero,.details-page-container span.ex-arb-detail{display:inline!important}body.lang-ar .sv-text,body.lang-ar .swedish-text,body.lang-ar .text-sv,body.lang-ar [lang=sv],body.lang-ar .bilingual-sv,body.lang-ar .word-swe:not(.card .word-swe):not(.details-page-container *),body.lang-ar .subtitle-sv{display:none!important}.details-page-container .word-swe-hero,.details-page-container .ex-swe-detail,.details-page-container .def-text{display:block!important}.details-page-container span.word-swe-hero,.details-page-container span.ex-swe-detail{display:inline!important}body.lang-ar,body.rtl{direction:rtl;text-align:right}body.lang-ar .top-nav,body.lang-ar .quick-actions-grid,body.lang-ar .nav-center{flex-direction:row-reverse}body.lang-both [dir=rtl],body.lang-both .arabic-text,body.lang-both .swedish-text{display:block!important}body.lang-both .ar-text,body.lang-both .sv-text{display:inline!important}.sv-text,.ar-text{display:inline}body.lang-sv .sv-text,body.lang-ar .ar-text{display:inline!important}.language-selector,.language-selector *{display:flex!important;visibility:visible!important}[data-tooltip-sv],[data-tooltip-ar]{position:relative;cursor:pointer}[data-tooltip-sv]:after,[data-tooltip-ar]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(5px);padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:9999;background:var(--glass-bg, rgba(30, 30, 40, .95));color:var(--text-main, #fff);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:0 4px 20px #0000004d}[data-tooltip-sv]:hover:after,[data-tooltip-ar]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}body.lang-sv [data-tooltip-sv]:after{content:attr(data-tooltip-sv)}body.lang-ar [data-tooltip-ar]:after{content:attr(data-tooltip-ar);direction:rtl;font-family:Tajawal,sans-serif}body.lang-both [data-tooltip-sv][data-tooltip-ar]:after{content:attr(data-tooltip-sv) " / " attr(data-tooltip-ar)}[data-tooltip-sv]:before,[data-tooltip-ar]:before{content:"";position:absolute;bottom:calc(100% - 5px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--glass-bg, rgba(30, 30, 40, .95));opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;z-index:9999}[data-tooltip-sv]:hover:before,[data-tooltip-ar]:hover:before{opacity:1;visibility:visible}.voice-selector-inline{display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:12px;margin-right:auto}.voice-selector-inline .voice-btn{width:36px;height:36px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.voice-selector-inline .voice-btn:hover{background:#0000001a;transform:translateY(-2px)}.voice-selector-inline .voice-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}[data-theme=dark] .voice-selector-inline .voice-btn:hover{background:#ffffff1a}.voice-search-btn.listening{color:#ef4444!important;animation:micPulse 1.5s infinite}@keyframes micPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}body.lang-sv .ar-text,body.lang-ar .sv-text{display:none!important}.history-container{padding:.75rem 1rem;margin-bottom:.5rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-title{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.clear-history-btn{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s}.clear-history-btn:hover{opacity:1}.history-list{display:flex;flex-wrap:wrap;gap:.5rem}.history-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--surface-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:9999px;font-size:.85rem;color:var(--text-main);cursor:pointer;transition:all .2s ease}.history-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.history-icon{font-size:.75rem;opacity:.7}.ml-sm{margin-left:.5rem}.flex-1{flex:1}.w-44{width:44px}.mb-lg{margin-bottom:24px}.flex-wrap{flex-wrap:wrap}.section-title-padded{padding:0 1rem;margin-top:.75rem}.filter-btn--jalal{color:#fca5a5!important;border-color:#dc262666!important}.filter-btn--jamal{color:#93c5fd!important;border-color:#9333ea66!important}.filter-btn--kamal{color:#93c5fd!important;border-color:#2563eb66!important}.stats-actions-layout{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.btn-compact{font-size:.9rem;padding:.5rem 1rem}.stroke-red{stroke:#ef4444}.audio-player-bar.hidden{bottom:-150px;opacity:0;pointer-events:none}.audio-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000001a;color:#e2e8f0;cursor:pointer;font-size:1.2rem;padding:0;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:44px;height:44px}.audio-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 15px #0003;transform:translateY(-2px);color:#fbbf24}.audio-btn:active{transform:translateY(0) scale(.95);box-shadow:0 2px 4px #0000001a}.audio-btn.play-pause{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24;width:56px;height:56px;font-size:1.6rem;box-shadow:0 8px 20px #00000040}.audio-btn.play-pause:hover{background:#fbbf2440;border-color:#fbbf2480;box-shadow:0 12px 25px #fbbf244d;transform:translateY(-3px) scale(1.05)}.speed-btn{font-size:.85rem;font-weight:600;width:auto;min-width:44px;border-radius:16px;padding:0 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}@media (max-width: 600px){.audio-player-bar{width:95%;padding:1rem .5rem;gap:.8rem;bottom:5rem;flex-direction:column;border-radius:20px;align-items:center}.audio-info{width:100%;align-items:center;text-align:center;margin-bottom:.5rem;order:-1}.audio-names-row{flex-direction:column;gap:.3rem}.audio-controls{width:100%;justify-content:center;gap:1.5rem}.player-close-btn{top:-12px;right:-5px;width:30px;height:30px;font-size:1.2rem}}.dashboard-container{padding:20px 16px;max-width:800px;margin:0 auto}.dashboard-section{margin-bottom:32px}.section-title{font-size:1.2rem;font-weight:700;color:var(--text-main, #fff);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:0 4px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dashboard-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none!important;transition:transform .2s,background .2s;color:#fff!important;font-weight:700}.dashboard-card:hover{transform:translateY(-2px);background:#ffffff1f}.card-icon{font-size:2rem;background:#ffffff0d;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:12px}.card-info{display:flex;flex-direction:column;align-items:center;text-align:center}.card-title-sv{font-weight:700;color:#fff;font-size:1.1rem;margin-bottom:4px}.card-title-ar{font-size:.95rem;color:#fffc;font-family:Tajawal,sans-serif}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr 1fr}}#mistakes-react-root{margin-top:40px;border-top:1px solid #333;padding-top:20px}.glass-dock-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172ad9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:9000;box-shadow:0 15px 40px #0006;width:auto;min-width:320px}.dock-item{color:#ffffff80!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;padding:0;background:transparent;border:none}.dock-item:hover{color:#fff!important;transform:translateY(-3px);background:transparent}.dock-item.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 0 20px #3b82f666;transform:scale(1.1) translateY(-5px);border:none}.dock-icon{font-size:1.4rem;line-height:1}.dock-item[href="#"] .dock-icon{font-size:1.5rem}.dock-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:50%;opacity:.8;display:none}.dock-item:before{display:none}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;animation:fadeInUp .6s ease;overflow:visible;width:100%;max-width:100vw;padding:0 1rem;box-sizing:border-box}.splash-logo-container{position:relative;margin-bottom:1.5rem}.splash-logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite}.splash-logo{font-size:4rem;position:relative;z-index:1;animation:bounce-logo 1.5s ease-in-out infinite}.splash-title{font-family:Inter,sans-serif!important;font-size:clamp(1.5rem,8vw,2rem)!important;font-weight:800!important;color:#fff!important;margin:0 0 .5rem!important;letter-spacing:1px!important;text-shadow:0 4px 12px rgba(0,0,0,.5)!important;white-space:nowrap!important;overflow:visible!important;width:100%!important;text-align:center!important}.splash-subtitle{color:#ffffffb3;font-size:.95rem;margin:0 0 2rem}.splash-loader{width:200px;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:0 auto}.splash-loader-bar{height:100%;width:30%;background:linear-gradient(90deg,#dc2626,#3b82f6,#ec4899);border-radius:4px;animation:loading-slide 1.5s ease-in-out infinite}.splash-progress-text{color:#fff9;font-size:.85rem;margin-top:.75rem;font-family:Inter,sans-serif;font-weight:600;letter-spacing:1px}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}@keyframes bounce-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes loading-slide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}body{--viewport-max-width: 420px}body:not(.desktop-explicit){max-width:var(--viewport-max-width);margin:0 auto}:root{--comfort-bg: #0a0a0f;--comfort-surface: #12121a;--comfort-card: #1a1a25;--comfort-hover: #22222f;--accent-calm-blue: #4facfe;--accent-calm-blue: #9f7aea;--accent-calm-teal: #38b2ac;--accent-success: #48bb78;--accent-warning: #f6ad55;--smooth-transition: .3s cubic-bezier(.4, 0, .2, 1);--bounce-transition: .4s cubic-bezier(.175, .885, .32, 1.275);--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #707080;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .15);--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .25);--shadow-glow: 0 0 30px rgba(79, 172, 254, .15)}.game-card-item{transition:transform var(--bounce-transition),box-shadow var(--smooth-transition),border-color var(--smooth-transition)}.game-card-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-elevated),var(--shadow-glow)}.game-card-item:active{transform:scale(.97);transition:transform .1s ease}@media (hover: none){.game-card-item:active{background:var(--comfort-hover);transform:scale(.95)}}.game-icon-large{font-size:2.8rem;transition:transform var(--bounce-transition)}.game-card-item:hover .game-icon-large{transform:scale(1.1);animation:gentleFloat 2s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-4px) scale(1.1)}}.game-card-item h3{font-size:.95rem;font-weight:600;margin:.5rem 0 .25rem;color:var(--text-primary);letter-spacing:.02em}.game-card-item p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4;font-family:var(--font-arabic),sans-serif}.tap-ripple{position:relative;overflow:hidden}.tap-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.tap-ripple:active:after{width:200%;height:200%;opacity:1}.games-container,.game-menu-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.games-container::-webkit-scrollbar{width:4px}.games-container::-webkit-scrollbar-track{background:transparent}.games-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.games-container::-webkit-scrollbar-thumb:hover{background:#fff3}.game-card-item:focus-visible{outline:none;box-shadow:var(--shadow-soft),0 0 0 3px #4facfe80}.skeleton-card{background:linear-gradient(90deg,var(--comfort-card) 0%,var(--comfort-hover) 50%,var(--comfort-card) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:1.5rem}.game-badge,.high-score{font-size:.65rem;padding:.25rem .6rem;border-radius:20px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge-popular{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 10px #f59e0b4d}.high-score{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.game-stars{display:flex;gap:2px;justify-content:center;margin-top:.5rem}.game-stars:before{content:"☆☆☆";color:#fff3;font-size:.75rem;letter-spacing:2px}.game-stars[data-stars="3"]:before{content:"★★★";color:#fbbf24}.memory-hud,.gr-hud{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0c0c14cc;border-bottom:1px solid rgba(255,255,255,.05);padding:.75rem 1rem;position:sticky;top:0;z-index:100}.hud-stats{display:flex;gap:.75rem}.stat-pill{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#ffffff0d;border-radius:20px;font-size:.85rem;font-weight:500}.stat-pill-icon{font-size:.9rem}.stat-pill-value{font-weight:700;color:var(--accent-calm-blue)}.games-header{position:sticky;top:0;z-index:100;background:#0a0a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.75rem 1rem;margin:-.2rem -1.5rem .5rem;border-bottom:1px solid rgba(255,255,255,.05)}.stats-hero{position:sticky;top:60px;z-index:99;background:#0a0a14bf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);margin:0 -1.5rem;padding:.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03)}.hud-btn,button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--smooth-transition)}.hud-btn:active{transform:scale(.92)}@supports (padding-top: env(safe-area-inset-top)){.memory-hud,.gr-hud,.games-header{padding-top:calc(.75rem + env(safe-area-inset-top))}.games-container{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}[data-theme=dark]{--text-primary: #e8e8f0;--text-secondary: #9898a8}@media (prefers-color-scheme: dark){body{background-image:radial-gradient(at 0% 0%,rgba(30,20,40,.8) 0,transparent 50%),radial-gradient(at 50% 0%,rgba(25,35,60,.8) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(40,20,35,.8) 0,transparent 50%)}}.mobile-view-mode .game-cards-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.mobile-view-mode .game-card-item{padding:1rem;aspect-ratio:1 / 1.05}.mobile-view-mode .game-icon-large{font-size:2.4rem}.mobile-view-mode .game-card-item h3{font-size:.85rem}.mobile-view-mode .game-card-item p{font-size:.72rem}.toast-notification{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%) translateY(100px);background:#1e1e2df2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.75rem 1.5rem;border-radius:30px;color:#fff;font-size:.9rem;font-weight:500;box-shadow:0 10px 40px #0006;transition:transform .4s var(--bounce-transition);z-index:9999}.toast-notification.show{transform:translate(-50%) translateY(0)}.game-card-item{will-change:transform;contain:layout style paint}.games-container{transform:translateZ(0);backface-visibility:hidden}.skeleton-game-card{background:#1e1e2d99;border-radius:1.5rem;padding:1.5rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-title{width:70%;height:14px;border-radius:7px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite .1s}.skeleton-subtitle{width:50%;height:10px;border-radius:5px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite .2s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:confetti-fall 3s ease-out forwards;border-radius:2px}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.star-particle{position:fixed;font-size:1.5rem;pointer-events:none;z-index:9999;animation:star-burst .8s ease-out forwards;transform-origin:center}@keyframes star-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + cos(var(--angle))*80px),calc(-50% + sin(var(--angle))*80px)) scale(1.5);opacity:0}}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.success-content{text-align:center;animation:scaleIn .4s var(--bounce-transition)}.success-checkmark{width:80px;height:80px;margin:0 auto 1rem}.success-checkmark circle{stroke-dasharray:157;stroke-dashoffset:157;animation:draw-circle .6s ease forwards}.success-checkmark path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw-check .4s ease forwards .4s}@keyframes draw-circle{to{stroke-dashoffset:0}}@keyframes draw-check{to{stroke-dashoffset:0}}.success-message{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2563ebf2,#a855f7f2);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.level-up-content{text-align:center;animation:bounceIn .6s var(--bounce-transition)}.level-up-icon{font-size:4rem;animation:levelUp-pulse .5s ease infinite}.level-up-title{color:#fff;font-size:2.5rem;font-weight:800;margin:1rem 0 .5rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.level-up-subtitle{color:#ffffffe6;font-size:1.1rem;margin:0}@keyframes levelUp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.streak-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f97316f2,#ea580cf2);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.streak-content{text-align:center;animation:scaleIn .4s var(--bounce-transition)}.streak-fire{font-size:4rem;animation:fire-dance .3s ease infinite}.streak-days{color:#fff;font-size:2.5rem;font-weight:800;margin:.5rem 0}.streak-text{color:#ffffffe6;margin:0}@keyframes fire-dance{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:10000;animation:fadeIn .3s ease}.tour-spotlight{position:absolute;border-radius:16px;box-shadow:0 0 0 9999px #000c;border:2px solid var(--accent-calm-blue);animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #000c,0 0 20px var(--accent-calm-blue)}50%{box-shadow:0 0 0 9999px #000c,0 0 40px var(--accent-calm-blue)}}.tour-tooltip{position:absolute;width:300px;background:#191928fa;border-radius:16px;padding:1.25rem;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);animation:scaleIn .3s var(--bounce-transition)}.tour-tooltip h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.tour-tooltip p{color:#fffc;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.tour-actions{display:flex;gap:.75rem;justify-content:flex-end}.tour-skip{background:transparent;border:none;color:#ffffff80;padding:.5rem 1rem;cursor:pointer;font-size:.85rem}.tour-next{background:linear-gradient(135deg,var(--accent-calm-blue),var(--accent-calm-blue));border:none;color:#fff;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .2s ease}.tour-next:active{transform:scale(.95)}.tour-progress{display:flex;gap:6px;justify-content:center;margin-top:1rem}.tour-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.tour-dot.active{background:var(--accent-calm-blue);transform:scale(1.3)}.ripple-effect{position:absolute;width:20px;height:20px;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple-expand .6s ease-out forwards;pointer-events:none}@keyframes ripple-expand{to{transform:translate(-50%,-50%) scale(15);opacity:0}}.pull-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-calm-blue);border-radius:50%}.fade-out{animation:fadeOut .3s ease forwards}:root{--smart-bg: #18181B;--smart-surface: #27272A;--smart-border: rgba(255, 255, 255, .08);--status-new: #EF4444;--status-learning: #FBBF24;--status-mastered: #22C55E;--type-verb: #34D399;--type-noun: #60A5FA;--type-adj: #FBBF24;--type-phrase: #F472B6;--type-default: #A78BFA;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A}.smart-card{position:relative;width:calc(100% - 30px);max-width:420px;margin:0 auto 8px;background:var(--smart-bg);border:1px solid var(--smart-border);border-radius:12px;overflow:visible;cursor:pointer;transition:all .2s ease}.smart-card:hover{background:var(--smart-surface);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.smart-card:active{transform:scale(.99);transition-delay:.1s}.smart-card .smart-btn,.smart-card .smart-btn *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.progress-bar{height:3px;background:#ffffff1a;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--glow-color, var(--type-default));width:30%;transition:width .5s ease}.smart-inner{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.smart-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.header-left{display:flex;align-items:center;gap:8px}.smart-header .smart-actions{margin-left:auto}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-learning);box-shadow:0 0 8px var(--status-learning);flex-shrink:0}.status-dot.new{background:var(--status-new);box-shadow:0 0 8px var(--status-new)}.status-dot.learning{background:var(--status-learning);box-shadow:0 0 8px var(--status-learning)}.status-dot.mastered{background:var(--status-mastered);box-shadow:0 0 8px var(--status-mastered)}.type-label{font-family:Inter,-apple-system,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--glow-color, var(--type-default))}.smart-body{display:flex;flex-direction:column;gap:3px}.swedish-text{font-family:Inter,-apple-system,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.forms-text{font-family:SF Mono,Fira Code,monospace;font-size:.65rem;color:var(--text-muted);letter-spacing:.2px}.smart-divider{height:1px;background:linear-gradient(90deg,transparent,var(--smart-border),transparent)}.arabic-text{font-family:Amiri,Noto Naskh Arabic,serif;font-size:1rem;font-weight:700;color:#fff;text-align:right;direction:rtl;line-height:1.3;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .arabic-text,:root:not([data-theme=dark]) .arabic-text{color:#1a1a1a;text-shadow:none}.smart-actions{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.smart-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#ffffff0d;border:1px solid var(--smart-border);border-radius:8px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.68rem;font-weight:500;cursor:pointer;transition:all .2s ease}.smart-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}.smart-btn.active{background:var(--glow-color, var(--type-default));border-color:var(--glow-color, var(--type-default));color:#fff}.smart-btn svg{width:12px;height:12px;flex-shrink:0}.smart-btn.icon-only{padding:6px;border-radius:6px}.smart-btn.icon-only svg{width:14px;height:14px}.definition-text{font-family:Inter,sans-serif;font-size:.7rem;color:var(--text-muted);line-height:1.4;padding:6px 10px;background:#ffffff05;border-radius:6px;border-left:2px solid var(--glow-color, var(--type-default));display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 480px){.smart-card{margin:0 12px 12px;width:calc(100% - 24px)}.smart-inner{padding:14px 16px}.swedish-text{font-size:1.3rem}.arabic-text{font-size:1.15rem}.smart-btn{padding:7px 12px;font-size:.7rem}}.smart-card.loading{min-height:120px}.smart-card.loading .smart-inner{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d,#ffffff05 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.smart-card:focus-visible{outline:2px solid var(--glow-color, var(--type-default));outline-offset:2px}.smart-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}:root{--accent-blue: #3b82f6;--accent-deep-blue: #1e3a8a;--accent-gold: #f59e0b;--accent-emerald: #10b981;--accent-rose: #f43f5e;--glass-bg: rgba(28, 28, 30, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 15px 35px rgba(0, 0, 0, .5)}.premium-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0a0a0a;overflow:hidden;pointer-events:none}.orb-container{position:absolute;width:100%;height:100%;filter:blur(80px);opacity:.4;pointer-events:none}.premium-orb{position:absolute;border-radius:50%;animation:orb-float 20s infinite alternate ease-in-out}.orb-blue{width:400px;height:400px;background:var(--accent-blue);top:-100px;left:-100px;animation-duration:25s}.orb-deep-blue{width:350px;height:350px;background:var(--accent-deep-blue);bottom:10%;right:-50px;animation-duration:30s;animation-delay:-5s}.orb-gold{width:300px;height:300px;background:var(--accent-gold);top:40%;left:20%;animation-duration:35s;animation-delay:-10s}@keyframes orb-float{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,50px) scale(1.2)}to{transform:translate(-50px,100px) scale(.9)}}@keyframes fire-glow{0%{filter:drop-shadow(0 0 2px #f59e0b) brightness(1)}50%{filter:drop-shadow(0 0 8px #ef4444) brightness(1.3)}to{filter:drop-shadow(0 0 2px #f59e0b) brightness(1)}}.fire-active{animation:fire-glow 1.5s infinite ease-in-out;color:#f59e0b!important}.premium-card{border:1px solid var(--glass-border)!important;background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);box-shadow:0 4px 15px #0000004d,inset 0 0 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-card:hover{transform:translateY(-5px) scale(1.02)!important;border-color:#ffffff4d!important;box-shadow:0 15px 35px #00000080,0 0 15px var(--accent-blue, rgba(59, 130, 246, .2))}.scroll-touch{-webkit-overflow-scrolling:touch}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff14,#fff0);background-size:200% 100%;animation:shimmer-anim 1.2s infinite linear}.waveform{display:flex;align-items:center;gap:2px;height:15px}.wave-bar{width:2px;height:100%;background:var(--accent-blue);border-radius:1px}.wave-active .wave-bar{animation:wave-play .5s infinite alternate ease-in-out}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}@keyframes wave-play{0%{height:20%}to{height:100%}}:root{--settings-primary: #3b82f6;--settings-primary-light: #60a5fa;--settings-secondary: #2563eb;--settings-success: #2a8a52;--settings-warning: #c27f1a;--settings-danger: #c44040;--settings-bg: #0d1117;--settings-surface: rgba(22, 27, 34, .85);--settings-card: rgba(22, 27, 34, .7);--settings-border: rgba(255, 255, 255, .06);--settings-text: #f5f5f5;--settings-text-secondary: #d1d5db;--settings-glass-blur: blur(15px);--settings-glass-border: rgba(255, 255, 255, .1);--settings-glass-bg: rgba(255, 255, 255, .05)}.settings-menu-header{padding:24px 24px 12px}.settings-menu-title{font-size:1.8rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.5px}.settings-header-line{height:1px;background:#ffffff1a;margin-top:16px;width:100%}.settings-page{min-height:100vh;background:var(--settings-bg);color:var(--settings-text);font-family:Inter,Tajawal,sans-serif;overflow-x:hidden}.settings-scroll-area{flex:1 1 auto;min-height:0;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain;touch-action:pan-y;padding:0 0 150px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;user-select:none}.full-settings-view{flex:1 1 auto!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:10px 20px!important;box-sizing:border-box!important}.settings-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at center,#1a1c2c,#0d1117)}.settings-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;mix-blend-mode:screen;animation:liquidMove 30s ease-in-out infinite alternate}.settings-orb-1{width:500px;height:500px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-10%;left:-10%;animation-duration:25s}.settings-orb-2{width:450px;height:450px;background:radial-gradient(circle,#1e3a8a 0%,transparent 70%);bottom:-10%;right:-10%;animation-duration:35s;animation-delay:-5s}.settings-orb-3{width:400px;height:400px;background:radial-gradient(circle,#22d3ee 0%,transparent 70%);top:40%;left:30%;animation-duration:40s;animation-delay:-10s}.settings-orb-4{width:350px;height:350px;background:radial-gradient(circle,#f472b6 0%,transparent 70%);top:10%;right:20%;animation-duration:30s;animation-delay:-15s}@keyframes liquidMove{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(100px,50px) scale(1.2) rotate(120deg)}66%{transform:translate(-50px,100px) scale(.8) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}.settings-page a,.settings-page a:link,.settings-page a:visited,.settings-page a:hover,.settings-page a:active,.settings-page a:focus{color:#fff!important;text-decoration:none!important}.settings-page .settings-back-btn,.settings-page .settings-back-btn:link,.settings-page .settings-back-btn:visited,.settings-page .settings-back-btn:hover,.settings-page .settings-back-btn:active,.settings-page .settings-back-btn:focus{color:#fff!important}.settings-container{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:0 16px 40px}.settings-header{display:flex;align-items:center;gap:16px;padding:20px 0;position:sticky;top:0;z-index:100;background:linear-gradient(to bottom,rgba(13,17,23,.8) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-back-btn,.settings-reset-btn{width:44px;height:44px;border-radius:16px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--settings-text);text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.settings-back-btn:hover{background:var(--settings-primary);transform:translate(-4px) scale(1.05);box-shadow:0 0 20px #3b82f666}.settings-reset-btn{color:var(--settings-text-secondary)}.settings-reset-btn:hover{background:var(--settings-danger);color:#fff;border-color:transparent;transform:scale(1.05) rotate(10deg)}.settings-reset-btn svg{width:20px;height:20px}.settings-header-title{flex:1}.settings-header-title h1{font-size:1.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.settings-header-title p{font-size:.9rem;color:#fff9;margin:0}.settings-header-actions{display:flex;gap:8px}.glass-card{background:#ffffff08;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 10px 40px #0003,inset 0 1px 1px #ffffff1a;transition:all .4s ease}.glass-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.settings-profile-card{padding:24px;margin-bottom:16px;text-align:center;background:linear-gradient(135deg,#2563eb33,#1e3a8a1a)}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--settings-primary),var(--settings-secondary));display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 8px 32px #2563eb66;position:relative;overflow:hidden}.profile-avatar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:avatarShine 3s ease-in-out infinite}@keyframes avatarShine{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--settings-success);border:2px solid var(--settings-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.avatar-edit-btn svg{width:14px;height:14px;color:#fff}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-info{margin-bottom:20px}.profile-name{font-size:1.25rem;font-weight:700;margin:0 0 8px}.profile-level{display:flex;align-items:center;justify-content:center;gap:12px}.level-badge{background:linear-gradient(135deg,var(--settings-primary),var(--settings-secondary));padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.xp-text{color:var(--settings-text-secondary);font-size:.85rem}.profile-stats{display:flex;justify-content:space-around;padding:16px 0;border-top:1px solid var(--settings-border);border-bottom:1px solid var(--settings-border);margin-bottom:16px}.profile-stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--settings-primary-light)}.stat-label{font-size:.75rem;color:var(--settings-text-secondary)}.profile-progress{text-align:left}.progress-header{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:8px;color:var(--settings-text-secondary)}.progress-bar-bg{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--settings-primary),var(--settings-secondary));border-radius:4px;width:0%;transition:width 1s ease}.settings-completion{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:16px}.completion-icon{font-size:1.5rem}.completion-info{flex:1;display:flex;justify-content:space-between;align-items:center}.completion-label{font-size:.9rem;color:var(--settings-text-secondary)}.completion-value{font-weight:700;color:var(--settings-success)}.completion-bar-bg{flex:2;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.completion-bar-fill{height:100%;background:linear-gradient(90deg,var(--settings-success),#4ade80);border-radius:3px;transition:width .5s ease}.settings-recommendations{padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#f59e0b26,#fb923c1a);border-color:#f59e0b4d}.recommendations-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rec-icon{font-size:1.25rem}.rec-title{font-weight:600;font-size:.9rem}.recommendations-list{display:flex;flex-direction:column;gap:8px}.recommendation-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .3s ease}.recommendation-item:hover{background:#ffffff1a;transform:translate(4px)}.rec-item-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b33;display:flex;align-items:center;justify-content:center;font-size:1rem}.rec-item-text{flex:1;font-size:.85rem}.rec-item-action{color:var(--settings-warning);font-size:.75rem;font-weight:600}.settings-sections{display:flex;flex-direction:column;gap:16px}.settings-section{overflow:hidden;border-radius:28px;background:#ffffff05;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000026;transition:all .4s cubic-bezier(.165,.84,.44,1)}.settings-section:hover{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 12px 40px #00000040;transform:translateY(-2px)}.section-header{display:flex;align-items:center;gap:16px;padding:22px;cursor:pointer;transition:background .3s ease}.section-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;position:relative;overflow:hidden;box-shadow:0 8px 20px #0003;background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.section-icon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent)}.gradient-blue{background:#3b82f633}.gradient-green{background:#10b98133}.gradient-amber{background:#f59e0b33}.gradient-cyan{background:#06b6d433}.gradient-rose{background:#f43f5e33}.section-title{font-size:1.2rem;font-weight:800;margin:0;color:#fff;letter-spacing:1px;text-transform:uppercase}.settings-section.expanded{background:#ffffff0d;border-color:#ffffff26}.settings-section.expanded .section-header{background:#0003}.settings-section.expanded .section-title-wrapper{background:#ffffff0d;padding:8px 24px;border-radius:20px}.section-arrow{width:22px;height:22px;color:#fff6;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.settings-section.expanded .section-arrow{transform:rotate(180deg);color:var(--settings-primary-light)}.section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.165,.84,.44,1)}.settings-section.expanded .section-content{grid-template-rows:1fr}.section-inner{overflow:hidden;padding:0 22px 32px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.settings-item:last-child{border-bottom:none}.settings-item.clickable{cursor:pointer;margin:4px -10px;padding:16px 10px;border-radius:16px;background:transparent}.settings-item.clickable:hover{background:#ffffff0d;transform:translate(6px)}.item-icon{width:44px;height:44px;border-radius:14px;background:#3b82f61a;color:var(--settings-primary-light);display:flex;align-items:center;justify-content:center;font-size:1.3rem;border:1px solid rgba(255,255,255,.05)}.item-label{font-size:1rem;font-weight:600;color:#fff}.item-sublabel{font-size:.8rem;color:#fff6}.toggle-switch{width:56px;height:30px}.toggle-slider{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{height:22px;width:22px;left:3px;bottom:3px;background:#fff;box-shadow:0 4px 10px #0000004d}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#1e3a8a);border-color:transparent}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.slider-control input[type=range]{height:8px;background:#ffffff14}.slider-control input[type=range]::-webkit-slider-thumb{width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#fff,#3b82f6);box-shadow:0 4px 15px #3b82f680}.test-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:14px 28px;border-radius:16px;box-shadow:0 8px 20px #2563eb4d}.test-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #2563eb80;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.time-input{padding:8px 12px;border:1px solid var(--settings-border);background:#ffffff0d;color:var(--settings-text);border-radius:10px;font-size:1rem}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-link-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:linear-gradient(145deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;color:var(--settings-text);transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.quick-link-card:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border-color:#ffffff1a;transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #0003}.quick-link-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.quick-link-label{font-size:.85rem;font-weight:500}.storage-info{margin-top:16px;padding:12px;background:#ffffff08;border-radius:12px}.storage-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--settings-text-secondary);margin-bottom:8px}.storage-bar-bg{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--settings-primary),var(--settings-secondary));border-radius:3px;width:0%;transition:width .5s ease}.version-badge,.info-badge{padding:4px 12px;background:#ffffff1a;border-radius:20px;font-size:.8rem;font-weight:600}.info-badge{background:linear-gradient(135deg,#2563eb33,#1e3a8a33);color:var(--settings-primary-light)}.copyright-info{text-align:center;padding:20px 0 8px;color:var(--settings-text-secondary);font-size:.8rem}.copyright-info p{margin:4px 0}.settings-footer{margin-top:24px}.motivation-card{padding:20px;text-align:center;background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e4d}.motivation-icon{font-size:2rem;display:block;margin-bottom:12px}.motivation-text{font-size:1rem;font-weight:500;margin:0 0 4px}.motivation-text-ar{font-size:.9rem;color:var(--settings-text-secondary);margin:0;direction:rtl}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--settings-surface);-webkit-backdrop-filter:var(--settings-glass-blur);backdrop-filter:var(--settings-glass-blur);border:1px solid var(--settings-border);border-radius:24px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--settings-border)}.modal-header h3{margin:0;font-size:1.1rem}.modal-close{width:32px;height:32px;border:none;background:#ffffff1a;color:var(--settings-text);border-radius:50%;font-size:1.25rem;cursor:pointer;transition:background .3s ease}.modal-close:hover{background:#fff3}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px}.avatar-option{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;background:#ffffff0d;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.avatar-option:hover{transform:scale(1.1);background:#ffffff1a}.avatar-option.selected{border-color:var(--settings-primary);box-shadow:0 0 0 3px #2563eb4d}.confirm-modal{text-align:center;padding:32px 24px}.confirm-icon{font-size:3rem;margin-bottom:16px}.confirm-modal h3{font-size:1.25rem;margin:0 0 8px}.confirm-modal p{color:var(--settings-text-secondary);margin:0 0 24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.btn-secondary,.btn-danger{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#ffffff1a;color:var(--settings-text)}.btn-secondary:hover{background:#fff3}.btn-danger{background:var(--settings-danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.language-selector{display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:12px}.lang-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;min-width:50px;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--settings-text-secondary)}.lang-btn:hover{background:#ffffff1a;color:var(--settings-text)}.lang-btn.active{background:linear-gradient(135deg,var(--settings-primary),var(--settings-secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px #5558b84d}.lang-flag{font-size:1.3rem;line-height:1}.lang-name{font-size:.65rem;font-weight:600;margin-top:2px;text-transform:uppercase}body.lang-sv .item-sublabel:not(.language-selector *),body.lang-sv .section-subtitle{display:none!important}body.lang-ar .item-label:not(.language-selector *){display:none!important}body.lang-ar .item-sublabel:not(.language-selector *),body.lang-ar .section-subtitle{display:block!important;font-size:1rem!important;color:var(--settings-text)!important;opacity:1!important;font-weight:500}body.lang-ar .item-info .item-sublabel:not(.language-selector *){margin-top:0}body.lang-ar .section-title-wrapper .section-subtitle{font-size:1.1rem!important;margin-top:0}body.lang-both .item-label,body.lang-both .item-sublabel,body.lang-both .section-title,body.lang-both .section-subtitle{display:block!important}.language-selector,.language-selector .lang-btn,.language-selector .lang-flag,.language-selector .lang-name{display:flex!important;visibility:visible!important;opacity:1!important}.section-title .sv-text,.section-title .ar-text{display:inline!important}body.lang-ar .section-title .sv-text{display:none!important}body.lang-ar .section-title .ar-text{display:inline!important}body.lang-sv .section-title .ar-text{display:none!important}body.lang-sv .section-title .sv-text,body.lang-both .section-title .sv-text,body.lang-both .section-title .ar-text{display:inline!important}body.rtl,html[dir=rtl] body{direction:rtl;text-align:right}body.rtl .settings-header{flex-direction:row-reverse}body.rtl .settings-back-btn svg{transform:rotate(180deg)}body.rtl .section-header{flex-direction:row-reverse}body.rtl .section-title-wrapper{text-align:right}body.rtl .section-arrow{transform:rotate(180deg)}body.rtl .settings-section.expanded .section-arrow{transform:rotate(0)}body.rtl .settings-item,body.rtl .item-left{flex-direction:row-reverse}body.rtl .item-info{text-align:right}body.rtl .item-arrow{transform:rotate(180deg)}body.rtl .color-themes,body.rtl .font-size-control,body.rtl .goal-selector,body.rtl .language-selector,body.rtl .slider-control{flex-direction:row-reverse}body.rtl .toggle-switch{margin-left:0;margin-right:auto}body.rtl .profile-stats{flex-direction:row-reverse}body.rtl .quick-links-grid{direction:rtl}body.rtl .quick-link-card{text-align:center}body.rtl .settings-completion{flex-direction:row-reverse}body.rtl .completion-bar-fill,body.rtl .progress-bar-fill{transform-origin:right}body.rtl .recommendations-header{flex-direction:row-reverse}body.rtl .recommendation-item{flex-direction:row-reverse;text-align:right}body.rtl .motivation-card{text-align:center}body.rtl .toast-container{direction:rtl}body.rtl .toast-item{flex-direction:row-reverse;padding:14px 18px 14px 44px}body.rtl .toast-close{right:auto;left:10px}body.rtl .toast-progress{transform-origin:right}.toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;max-width:90vw;width:380px}.toast-item{position:relative;padding:14px 44px 14px 18px;background:linear-gradient(135deg,#1e293bf2,#0f172af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#f5f5f5;font-size:.9rem;font-weight:500;box-shadow:0 8px 32px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;opacity:0;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;overflow:hidden}.toast-item.visible{opacity:1;transform:translateY(0) scale(1)}.toast-item.removing{opacity:0;transform:translateY(-20px) scale(.9)}.toast-content{display:flex;align-items:center;gap:8px;line-height:1.4}.toast-close{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.toast-close:hover{background:#fff3;color:#fff}.toast-close:active{transform:translateY(-50%) scale(.9)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--settings-primary, #3b82f6),var(--settings-secondary, #1e40af));border-radius:0 0 14px 14px;animation:toastProgress 4s linear forwards;transform-origin:left}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-item.success{border-left:3px solid #22c55e}.toast-item.success .toast-progress{background:linear-gradient(90deg,#22c55e,#4ade80)}.toast-item.error{border-left:3px solid #ef4444}.toast-item.error .toast-progress{background:linear-gradient(90deg,#ef4444,#f87171)}.toast-item.info{border-left:3px solid #dc2626}.toast-item.info .toast-progress{background:linear-gradient(90deg,#dc2626,#818cf8)}.toast-container .toast-item:not(:last-child){transform:scale(.95);opacity:.9}.toast-container .toast-item:not(:nth-last-child(-n+2)){transform:scale(.9);opacity:.8}body:not(.dark-mode) .settings-page,.settings-page:not(.dark-mode){--settings-bg: #f8fafc;--settings-surface: rgba(255, 255, 255, .9);--settings-card: rgba(255, 255, 255, .8);--settings-border: rgba(0, 0, 0, .08);--settings-text: #1f2937;--settings-text-secondary: #6b7280}body:not(.dark-mode) .settings-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}body:not(.dark-mode) .settings-orb{opacity:.15}body:not(.dark-mode) .settings-orb-1{background:linear-gradient(135deg,#a5b4fc,#c7d2fe)}body:not(.dark-mode) .settings-orb-2{background:linear-gradient(135deg,#fda4af,#fecdd3)}body:not(.dark-mode) .settings-orb-3{background:linear-gradient(135deg,#86efac,#bbf7d0)}body:not(.dark-mode) .settings-header-title h1{background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .glass-card{background:var(--settings-card);border-color:var(--settings-border);box-shadow:0 4px 20px #0000000d}body:not(.dark-mode) .settings-profile-card{background:linear-gradient(135deg,#2563eb1a,#1e3a8a0d)}body:not(.dark-mode) .toggle-slider{background:#0000001a}body:not(.dark-mode) .toggle-slider:before{background:#fff;box-shadow:0 2px 8px #00000026}body:not(.dark-mode) .settings-item,body:not(.dark-mode) .item-icon{background:#00000008}body:not(.dark-mode) .toast-item{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);color:#1f2937;border-color:#0000001a;box-shadow:0 8px 32px #0000001a}body:not(.dark-mode) .toast-close{background:#0000000d;color:#00000080}body:not(.dark-mode) .toast-close:hover{background:#0000001a;color:#000c}.settings-menu-footer{margin-top:12px;padding:0 12px 24px}.settings-close-btn{width:100%;background:#3b82f6;color:#fff;border:none;padding:16px;font-size:1.1rem;font-weight:700;border-radius:16px;cursor:pointer;box-shadow:0 8px 20px #3b82f666;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-close-btn:active{transform:scale(.98);box-shadow:0 4px 10px #3b82f64d}.color-themes{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:0 4px}.color-btn{width:48px;height:48px;border-radius:14px;border:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex:1;max-width:60px}.color-btn:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000004d}.color-btn.active{border-color:#fff;box-shadow:0 0 0 2px #fff3,0 10px 25px #0006;transform:scale(1.1);z-index:2}@media (max-width: 374px){.settings-container{padding:0 8px 100px}.settings-header{gap:8px;padding:12px 0}.settings-back-btn,.settings-reset-btn{width:38px;height:38px;border-radius:10px}.settings-header-title h1{font-size:1.2rem}.settings-header-title p{font-size:.75rem}.settings-profile-card{padding:16px 12px}.profile-avatar{width:60px;height:60px;font-size:1.8rem}.avatar-edit-btn{width:24px;height:24px}.avatar-edit-btn svg{width:12px;height:12px}.profile-name{font-size:1rem}.profile-level{flex-direction:column;gap:6px}.level-badge{font-size:.7rem;padding:3px 10px}.profile-stats{padding:12px 0;gap:4px}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}.settings-completion{flex-wrap:wrap;padding:12px;gap:8px}.completion-info{width:100%;order:1}.completion-bar-bg{width:100%;order:2;flex:none}.completion-icon{font-size:1.2rem}.section-header{padding:12px;gap:10px}.section-icon{width:36px;height:36px;font-size:1rem;border-radius:10px}.section-title{font-size:.9rem}.section-subtitle{font-size:.7rem}.settings-item{padding:10px 0}.item-icon{width:32px;height:32px;font-size:.9rem}.item-label{font-size:.85rem}.item-sublabel{font-size:.65rem}.toggle-switch{width:44px;height:24px}.toggle-slider:before{height:18px;width:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.color-themes{flex-wrap:wrap;gap:6px}.color-btn{width:26px;height:26px}.font-size-control{padding:3px}.font-btn{width:30px;height:28px}.goal-selector{gap:4px}.goal-btn{width:38px;height:32px;font-size:.85rem}.quick-links-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-link-card{padding:14px 8px}.quick-link-icon{font-size:1.3rem}.quick-link-label{font-size:.75rem}.test-btn{padding:10px 16px;font-size:.85rem}.motivation-card{padding:16px}.motivation-icon{font-size:1.5rem}.motivation-text{font-size:.85rem}.motivation-text-ar{font-size:.75rem}}@media (max-width: 480px){.settings-container{padding:0 12px 100px}.settings-header{padding:16px 0}.settings-back-btn,.settings-reset-btn{width:40px;height:40px;border-radius:12px}.settings-header-title h1{font-size:1.3rem}.settings-profile-card{padding:20px 16px}.profile-avatar{width:70px;height:70px;font-size:2rem}.profile-stats{gap:8px}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.section-header{padding:14px}.section-icon{width:40px;height:40px}.settings-section.expanded .section-content{padding:0 14px 14px}.settings-item{flex-wrap:wrap;gap:8px}.slider-item .item-left{width:100%}.slider-control{width:100%;padding-left:0}.color-btn{width:28px;height:28px}.quick-links-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-link-card{padding:16px 12px}.quick-link-icon{font-size:1.5rem}.quick-link-label{font-size:.8rem}.avatar-modal{max-width:95vw;max-height:70vh}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:16px}.avatar-option{font-size:1.5rem}.confirm-modal{padding:24px 16px}.confirm-icon{font-size:2.5rem}.confirm-modal h3{font-size:1.1rem}.confirm-actions{flex-direction:column;gap:8px}.btn-secondary,.btn-danger{width:100%;padding:14px}.toast-container{bottom:80px;width:calc(100% - 24px);left:12px;transform:none}.toast-item{padding:12px 40px 12px 14px;font-size:.85rem}.toast-close{width:24px;height:24px;right:8px}body.rtl .toast-item{padding:12px 14px 12px 40px}body.rtl .toast-close{left:8px}}@media (min-width: 481px) and (max-width: 768px){.settings-container{padding:0 20px 60px}.quick-links-grid{grid-template-columns:repeat(4,1fr)}.avatar-grid{grid-template-columns:repeat(6,1fr)}}@supports (padding: max(0px)){.settings-page{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)}.settings-header{padding-top:max(20px,env(safe-area-inset-top))}.settings-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (hover: none) and (pointer: coarse){.settings-back-btn,.settings-reset-btn,.color-btn,.font-btn,.goal-btn,.test-btn,.quick-link-card,.settings-item.clickable,.recommendation-item{min-height:44px;min-width:44px}.toggle-switch{min-width:52px;min-height:32px}.section-header{min-height:80px;padding:20px 0}.settings-back-btn:hover,.color-btn:hover,.recommendation-item:hover{transform:none}.settings-back-btn:active,.settings-reset-btn:active{transform:scale(.95);background:var(--settings-primary)}.color-btn:active{transform:scale(.9)}.quick-link-card:active{transform:scale(.98);background:#ffffff26}.settings-item.clickable:active{background:#ffffff1a}}@media (max-height: 500px) and (orientation: landscape){.settings-profile-card{display:flex;align-items:center;text-align:left;gap:20px}.profile-avatar-wrapper{margin-bottom:0}.profile-info{flex:1;margin-bottom:0}.profile-stats{border:none;padding:0;margin:0}.profile-progress,.settings-orb{display:none}}@media (prefers-reduced-motion: reduce){.settings-orb,.profile-avatar:after{animation:none}.settings-section{animation:none}*{transition-duration:.01ms!important}}.settings-section{animation:fadeIn .5s ease;animation-fill-mode:both}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.15s}.settings-section:nth-child(3){animation-delay:.2s}.settings-section:nth-child(4){animation-delay:.25s}.settings-section:nth-child(5){animation-delay:.3s}.settings-section:nth-child(6){animation-delay:.35s}.voice-selector{display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:12px}.voice-btn{width:44px;height:40px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.voice-btn:hover{background:#ffffff14;transform:scale(1.05)}.voice-btn.active{background:var(--settings-primary);box-shadow:0 4px 12px #2563eb4d}.language-selection-container{padding:10px 0}.settings-subtitle{font-size:.85rem;color:#ffffff80;margin:20px 0 12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.language-grid-premium{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lang-card-premium:last-child{grid-column:span 2}.lang-card-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lang-card-premium:hover{background:#ffffff1a;transform:translateY(-2px)}.lang-card-premium.active{background:#22c55e1a;border-color:#22c55e;box-shadow:0 0 15px #22c55e33}.lang-flag-large{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.lang-name-large{font-weight:600;font-size:.95rem;color:var(--settings-text)}.lang-check{position:absolute;top:10px;right:10px;width:20px;height:20px;background:var(--settings-primary);border-radius:50%;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s ease}.lang-card-premium.active .lang-check{opacity:1;transform:scale(1)}.menu-lang-btn{width:44px;height:44px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.menu-lang-btn:hover{transform:translateY(-2px);background:var(--bg-hover)}.menu-lang-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #6366f14d}@media (max-width: 480px){.language-grid-premium{gap:10px}.lang-card-premium{padding:15px 5px}.lang-flag-large{font-size:2rem}.lang-name-large{font-size:.9rem}}:root{--primary: #3b82f6;--primary-dark: #dc2626;--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}.learn-view-container,.lessons-grid,.special-cards{-webkit-overflow-scrolling:touch;touch-action:pan-y}body{font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-y:auto!important}header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f61f,#38bdf81f);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(56,189,248,.2);box-shadow:0 4px 20px #00000026}.back-btn,.back-btn:hover{background:#38bdf84d;transform:translate(-3px)}header h1{flex:1;font-size:1.1rem;text-align:center;background:linear-gradient(135deg,#38bdf8,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:.02em}.progress-hero{background:linear-gradient(135deg,var(--primary) 0%,#38bdf8 100%);padding:1.25rem;color:#fff}.hero-stats{display:flex;justify-content:space-around;gap:1rem;margin-bottom:1rem}.hero-stat{text-align:center}.hero-stat .value{font-size:1.5rem;font-weight:700}.hero-stat .label{font-size:.75rem;opacity:.9}.overall-progress{background:#fff3;border-radius:10px;height:8px;overflow:hidden}.overall-progress .fill{height:100%;background:#fff;transition:width .5s}.progress-text{font-size:.8rem;margin-top:.5rem;text-align:center;opacity:.9}.review-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;margin:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s}.review-banner:hover{background:#ef444440}.review-icon{font-size:2rem}.review-title{font-weight:600;color:var(--danger)}.review-subtitle{font-size:.85rem;color:var(--text-muted)}main{padding:0 1rem 1rem;max-width:700px;margin:0 auto}.search-container{margin:1rem 0 .75rem;display:flex;flex-direction:row;direction:ltr;align-items:center;gap:.5rem}.search-filter-section{padding:0 1rem;max-width:700px;margin:0 auto}.search-filter-section .search-container{margin:.5rem 0}#lessonSearchInput{flex:1;width:auto;padding:.75rem 1.25rem;border-radius:50px;border:2px solid rgba(59,130,246,.2);background:#0f172a99;color:var(--text-color);font-size:1rem;transition:all .3s}#lessonSearchInput:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.filter-scroll-container::-webkit-scrollbar{display:none}.filter-chip{padding:.4rem .9rem;border-radius:20px;background:var(--card-bg);border:1px solid rgba(59,130,246,.2);color:var(--text-muted);font-size:.85rem;white-space:nowrap;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-align:center}.filter-chip span{margin:0;padding:0}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-chip.filter-beginner{color:#22c55e;border:2px solid #22c55e}.filter-chip.filter-beginner:hover{background:#22c55e26;border-color:#22c55e}.filter-chip.filter-beginner.active{background:#22c55e;color:#fff;border-color:#22c55e}.filter-chip.filter-intermediate{color:#f59e0b;border:2px solid #f59e0b}.filter-chip.filter-intermediate:hover{background:#f59e0b26;border-color:#f59e0b}.filter-chip.filter-intermediate.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.filter-chip.filter-advanced{color:#ef4444;border:2px solid #ef4444}.filter-chip.filter-advanced:hover{background:#ef444426;border-color:#ef4444}.filter-chip.filter-advanced.active{background:#ef4444;color:#fff;border-color:#ef4444}.special-section{margin-bottom:1.5rem;background:linear-gradient(135deg,#1e3a5f4d,#0f172a66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1rem;border:1px solid rgba(100,150,200,.15)}.section-title{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding-left:.25rem}.special-cards{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.special-cards::-webkit-scrollbar{display:none}.special-card{background:linear-gradient(135deg,#1e3a5f80,#0f172a99);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .25s ease;border:1px solid rgba(100,150,200,.2);text-align:center;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.special-card:hover{border-color:#6496c866;transform:translateY(-2px);background:linear-gradient(135deg,#28466e99,#14233cb3);box-shadow:0 8px 20px #0f1e3c4d}.special-card .icon{font-size:1.5rem;margin-bottom:0}.special-card .title{font-weight:600;font-size:.75rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.special-card .subtitle{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.lessons-grid{display:grid;gap:.75rem}.lesson-card{background:var(--card-bg);border-radius:14px;padding:1rem;cursor:pointer;transition:all .3s;border:1px solid rgba(59,130,246,.1);position:relative;display:flex;gap:1rem;align-items:center;touch-action:pan-y;-webkit-user-drag:none}.lesson-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 10px 30px -10px #3b82f64d}.lesson-card.completed{border-color:var(--success);background:#22c55e0d}.lesson-card.locked{opacity:.5;pointer-events:none}.lesson-icon{font-size:2.25rem;flex-shrink:0}.lesson-info{flex:1}.lesson-title{font-size:1rem;font-weight:600;margin-bottom:.2rem}.lesson-subtitle{font-size:.85rem;color:var(--primary);font-family:Tajawal,sans-serif}.lesson-desc{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;line-height:1.4}.lesson-badge{position:absolute;top:-8px;right:-8px;background:var(--success);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.lesson-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b82f633;border-radius:0 0 14px 14px;overflow:hidden}.lesson-progress .fill{height:100%;background:var(--primary);transition:width .3s}.lesson-stars{display:flex;gap:.1rem;margin-top:.5rem;font-size:.9rem;justify-content:center}.lesson-card.started{border-left:3px solid var(--primary)}.lesson-card.practiced{border-left:3px solid var(--warning)}.lesson-card.mastered{border-left:3px solid var(--success);background:linear-gradient(135deg,rgba(34,197,94,.08) 0%,var(--card-bg) 100%)}.lesson-badge.warning-badge{background:#ef444433;color:#ef4444}.lesson-badge.tips-badge{background:#f59e0b33;color:#f59e0b}.level-badge{padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.level-badge.beginner{background:#22c55e33;color:var(--success)}.level-badge.intermediate{background:#f59e0b33;color:var(--warning)}.level-badge.advanced{background:#ef444433;color:var(--danger)}.lesson-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-color);z-index:200;overflow-y:auto}.modal-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-color);border-bottom:1px solid rgba(255,255,255,.1);z-index:300}.close-lesson{background:var(--card-bg);border:none;color:var(--text-color);width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer}.modal-header h2{font-size:1.1rem;background:linear-gradient(135deg,#38bdf8,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;flex:1}.lesson-content{max-width:700px;margin:0 auto;padding:4.5rem 1rem 2rem}.lesson-section{background:var(--card-bg);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.lesson-section h3{font-size:.95rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.lesson-section p{color:var(--text-muted);line-height:1.6;margin-bottom:.75rem;font-size:.9rem}.example-box{background:#3b82f61a;border-left:3px solid var(--primary);padding:.9rem;border-radius:0 8px 8px 0;margin:.75rem 0}.example-box .swe{font-size:1rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.example-box .arb{color:var(--text-muted);font-family:Tajawal,sans-serif;direction:rtl;font-size:.9rem}.speak-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.8}.speak-btn:hover{opacity:1;transform:scale(1.1)}.rule-highlight{background:linear-gradient(135deg,var(--primary) 0%,#38bdf8 100%);color:#fff;padding:1rem;border-radius:8px;text-align:center;font-size:1rem;margin:.75rem 0}.rule-highlight strong{color:#fef08a}.lesson-completion{margin-top:2rem;text-align:center}.quiz-start-btn{background:var(--primary);color:#fff;border:none;padding:.9rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #3b82f666;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.quiz-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.quiz-container{max-width:600px;margin:0 auto;text-align:center}.quiz-header{margin-bottom:1.5rem}.progress-bar{height:6px;background:#334155;border-radius:3px;margin-top:.75rem;overflow:hidden}.progress-bar div{height:100%;background:var(--primary);transition:width .3s}.question-card{background:var(--card-bg);padding:1.5rem;border-radius:16px}.question-text{font-size:1.1rem;margin-bottom:1.5rem;font-weight:600}.options-grid{display:grid;gap:.75rem}.option-btn{background:var(--bg-color);border:2px solid rgba(59,130,246,.1);padding:.9rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s;color:var(--text-color);font-family:inherit}.option-btn:hover{border-color:var(--primary);background:#3b82f60d}.option-btn.correct-answer{background:#22c55e33!important;border-color:#22c55e!important;color:#22c55e!important}.option-btn.wrong-answer{background:#ef444433!important;border-color:#ef4444!important;color:#ef4444!important;animation:shake .5s}.option-btn:disabled{cursor:not-allowed;opacity:.8}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.answer-feedback{margin-top:1.25rem;padding:1rem;border-radius:12px;text-align:center;font-weight:600;animation:fadeIn .3s}.feedback-correct-box{background:#22c55e26;border:2px solid #22c55e;color:#22c55e}.feedback-wrong-box{background:#ef444426;border:2px solid #ef4444;color:#ef4444}.writing-quiz{text-align:center}.writing-input-container{display:flex;gap:.5rem;margin-top:1.5rem}.writing-input{flex:1;padding:.9rem 1rem;border:2px solid rgba(59,130,246,.3);border-radius:12px;background:var(--bg-color);color:var(--text-color);font-size:1.1rem;text-align:center;transition:all .3s}.writing-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 15px #3b82f64d}.writing-input.correct-input{border-color:#22c55e;background:#22c55e1a}.writing-input.wrong-input{border-color:#ef4444;background:#ef44441a;animation:shake .5s}.check-writing-btn{padding:.9rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.check-writing-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.check-writing-btn:disabled{opacity:.6;cursor:not-allowed}.writing-feedback{margin-top:1rem;padding:.75rem;text-align:center;font-weight:600;animation:fadeIn .3s}.sentence-fill-quiz{text-align:center}.sentence-container{background:var(--bg-color);border:2px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:80px}.sentence-word{display:inline-block;padding:.3rem .5rem;font-size:1.2rem;border-radius:4px}.sentence-gap{display:inline-block;min-width:100px;height:40px;border-bottom:2px dashed var(--primary);vertical-align:middle;margin:0 .5rem;color:var(--primary);font-weight:700;text-align:center;line-height:40px}.sentence-gap.filled{border-bottom:2px solid var(--success);color:var(--success);animation:fadeIn .3s}.audio-quiz{text-align:center}.audio-player-large{background:var(--bg-color);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;cursor:pointer;box-shadow:0 0 0 4px #3b82f61a;transition:all .3s}.audio-player-large:hover{transform:scale(1.1);background:var(--primary);color:#fff;box-shadow:0 0 20px #3b82f666}.audio-player-large.playing{animation:pulse-ring 1.5s infinite}.audio-player-large svg{width:40px;height:40px}@keyframes pulse-ring{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 20px #3b82f600}to{box-shadow:0 0 #3b82f600}}.reward-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:500;align-items:center;justify-content:center}.reward-modal.active{display:flex;animation:fadeIn .5s}.reward-content{background:linear-gradient(135deg,#1e3a5f,#0f172a);padding:2.5rem;border-radius:16px;text-align:center;max-width:90%;width:360px;position:relative;border:1px solid rgba(100,150,200,.2);box-shadow:0 0 40px #0f1e3c80,0 20px 40px -12px #00000080;animation:slideInUp .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.reward-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.reward-content:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.reward-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.reward-title{font-size:1.4rem;color:var(--text-color);margin-bottom:.5rem;font-weight:600;position:relative;z-index:1}.reward-score{font-size:2.25rem;font-weight:700;color:var(--text-color);margin:1rem 0;position:relative;z-index:1}.xp-gain{color:var(--primary);font-weight:600;font-size:1.1rem;padding:.4rem .8rem;background:#3b82f61a;border-radius:16px;display:inline-block;position:relative;z-index:1}.reward-btn{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:1.5rem;transition:all .3s ease;position:relative;z-index:1}.reward-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.reward-btn:active{transform:translateY(0)}.confetti{position:fixed;width:10px;height:10px;background-color:red;animation:confetti 5s ease-in-out infinite;z-index:400}@keyframes confetti{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media (max-width: 480px){header{padding:.75rem 1rem;gap:.5rem}header h1{font-size:.95rem}.back-btn,.progress-hero{padding:1rem}.hero-stats{gap:.5rem}.hero-stat .value{font-size:1.25rem}.hero-stat .label{font-size:.65rem}main{padding:0 .75rem 1rem}.search-container{margin:.75rem 0 .5rem}#lessonSearchInput{padding:.65rem 1rem;font-size:16px}.filter-scroll-container{gap:.35rem;padding:.35rem 0}.filter-chip{padding:.35rem .75rem;font-size:.8rem}.special-section{padding:.75rem;margin-bottom:1rem}.section-title{font-size:.8rem;margin-bottom:.5rem}.special-cards{gap:.4rem}.special-card{padding:.6rem .75rem;border-radius:10px}.special-card .icon{font-size:1.25rem}.special-card .title{font-size:.7rem}.special-card .subtitle{font-size:.6rem}.lessons-grid{gap:.6rem}.lesson-card{padding:.85rem;gap:.75rem;border-radius:12px}.lesson-icon{font-size:1.75rem}.lesson-title{font-size:.9rem}.lesson-subtitle{font-size:.8rem}.lesson-desc{font-size:.75rem}.level-badge{font-size:.65rem;padding:.15rem .4rem}.modal-header{padding:.6rem .75rem}.modal-header h2{font-size:.95rem}.lesson-content{padding:4rem .75rem 1.5rem}.lesson-section{padding:1rem;margin-bottom:.75rem;border-radius:10px}.lesson-section h3{font-size:.9rem}.lesson-section p{font-size:.85rem}.example-box{padding:.75rem}.example-box .swe{font-size:.9rem}.example-box .arb{font-size:.85rem}.rule-highlight{padding:.85rem;font-size:.9rem}.quiz-container{padding:0 .5rem}.question-card{padding:1.25rem;border-radius:14px}.question-text{font-size:1rem;margin-bottom:1.25rem}.options-grid{gap:.6rem}.option-btn{padding:.75rem;font-size:.9rem;border-radius:8px}.quiz-start-btn{padding:.8rem 1.75rem;font-size:.95rem}.review-banner{margin:.75rem;padding:.85rem;gap:.75rem}.review-icon{font-size:1.5rem}.review-title{font-size:.9rem}.review-subtitle{font-size:.8rem}.quiz-results{padding:1.25rem}.result-emoji{font-size:3rem}.result-title{font-size:1.25rem}.result-score .score-number{font-size:2rem}}@media (hover: none) and (pointer: coarse){.lesson-card,.special-card,.filter-chip,.option-btn{-webkit-tap-highlight-color:transparent}.lesson-card:active,.special-card:active,.option-btn:active{transform:scale(.98)}}@supports (padding-top: env(safe-area-inset-top)){header{padding-top:calc(.75rem + env(safe-area-inset-top))}.modal-header{padding-top:calc(.6rem + env(safe-area-inset-top))}}.learning-path-container{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem 1rem 6rem;position:relative;max-width:600px;margin:0 auto}.path-node{width:80px;height:80px;border-radius:50%;background:var(--card-bg);border:4px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10;box-shadow:0 10px 25px #0000004d}.path-node .node-icon{font-size:2.5rem;transform:scale(1);transition:transform .3s}.path-node:hover{transform:scale(1.15) translateY(-5px);box-shadow:0 15px 35px #3b82f666;border-color:var(--primary)}.path-node:hover .node-icon{transform:scale(1.1)}.path-node:active{transform:scale(.95)}.path-node.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399}.path-node.current{background:linear-gradient(135deg,#3b82f6,#dc2626);border-color:#60a5fa;box-shadow:0 0 0 8px #3b82f633,0 10px 30px #2563eb80;animation:pulse-current 2s infinite}.path-node.locked{filter:grayscale(1);opacity:.6;pointer-events:none;background:#1e293b;border-color:#334155}@keyframes pulse-current{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.node-info{position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:#0f172ae6;padding:.4rem .8rem;border-radius:12px;white-space:nowrap;text-align:center;border:1px solid rgba(255,255,255,.1);opacity:0;transition:all .2s;pointer-events:none;min-width:120px;z-index:20}.node-info .title{font-size:.85rem;font-weight:700;color:#fff;display:block}.node-info .subtitle{font-size:.7rem;color:var(--text-muted);display:block}.path-node:hover .node-info,.path-node.current .node-info{opacity:1;bottom:-55px}.node-stars{position:absolute;top:-10px;right:-10px;background:#f59e0b;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:10px;box-shadow:0 2px 5px #0003;display:flex;gap:2px}.path-connector{position:absolute;width:100px;height:60px;z-index:1;pointer-events:none;opacity:.5}.connector-line{stroke:#3b82f64d;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 10;fill:none}.connector-line.active{stroke:var(--primary);stroke-dasharray:none;filter:drop-shadow(0 0 5px var(--primary))}.tilt-card{transform-style:preserve-3d;transition:transform .1s}.mascot-container{position:absolute;top:-40px;right:-40px;width:60px;height:60px;z-index:15;pointer-events:none;animation:bounce-mascot 2s infinite}.mascot-img{width:100%;height:100%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}@keyframes bounce-mascot{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.path-row{display:flex;justify-content:center;width:100%;position:relative;height:100px}.pos-center{justify-content:center}.pos-left{justify-content:flex-start;padding-left:20%}.pos-right{justify-content:flex-end;padding-right:20%}.learn-bg-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);overflow:hidden}.learn-bg-layer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(251,191,36,.05) 0%,transparent 60%);animation:bgPulse 20s ease-in-out infinite}@keyframes bgPulse{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2%,-2%) rotate(1deg)}50%{transform:translate(2%,-1%) rotate(-1deg)}75%{transform:translate(-1%,2%) rotate(.5deg)}}.particles-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;overflow:hidden}.learn-particle{position:absolute;width:6px;height:6px;border-radius:50%;opacity:.4;animation:floatParticle 15s ease-in-out infinite}.learn-particle.blue{background:#60a5fa;box-shadow:0 0 10px #60a5fa}.learn-particle.green{background:#34d399;box-shadow:0 0 10px #34d399}.learn-particle.gold{background:#fbbf24;box-shadow:0 0 10px #fbbf24}@keyframes floatParticle{0%,to{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4}50%{transform:translateY(50vh) scale(1);opacity:.6}90%{opacity:.4}to{transform:translateY(-10vh) scale(0);opacity:0}}header{position:relative;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.quick-access-row{display:flex;justify-content:center;gap:.4rem;padding:.5rem;background:linear-gradient(135deg,#1e293be6,#0f172af2);border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:nowrap}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:55px;flex:1;max-width:80px}.quick-btn:hover{background:#60a5fa26;border-color:#60a5fa4d;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa33}.quick-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.quick-icon .emoji,.quick-icon img.emoji,.quick-btn .emoji{width:1rem;height:1rem;vertical-align:middle}.lesson-level .emoji,.lesson-card .emoji{width:.9rem;height:.9rem;vertical-align:middle}.challenge-icon .emoji{width:1.3rem;height:1.3rem}.quick-label{font-size:.55rem;opacity:.85;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 400px){.quick-access-row{gap:.3rem;padding:.4rem .3rem}.quick-btn{padding:.35rem .4rem;min-width:50px;border-radius:8px}.quick-icon{font-size:1rem}.quick-label{font-size:.5rem}}.header-quick-access{display:none}.icon-btn{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#e2e8f0;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.icon-btn:hover{background:#fff3;transform:scale(1.1)}@media (max-width: 600px){header{padding:.8rem 1rem;flex-wrap:nowrap;gap:.5rem}header h1{display:block;flex:1;font-size:.9rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin:0 auto}header h1.mobile-visible{display:block}.header-quick-access{flex:1;justify-content:center}}.back-btn,.mobile-toggle-btn{width:44px;height:44px;border:none;border-radius:12px;background:#ffffff1a;color:#e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-btn:hover,.mobile-toggle-btn:hover{background:#fff3;transform:scale(1.05)}.progress-hero{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:24px;margin:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats{display:flex;justify-content:space-around;margin-bottom:1.5rem}.hero-stat{text-align:center;position:relative}.hero-stat .value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 5px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}}.hero-stat .label{font-size:.85rem;color:#94a3b8;margin-top:.3rem}.circular-progress{position:relative;width:100px;height:100px;margin:0 auto 1rem}.circular-progress svg{transform:rotate(-90deg);width:100%;height:100%}.circular-progress circle{fill:none;stroke-width:8;stroke-linecap:round}.progress-value{stroke:url(#progressGradient);stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1s ease-out}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{font-size:1.5rem;font-weight:700;color:#e2e8f0}.daily-challenge{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:2px solid rgba(251,191,36,.3);border-radius:20px;margin:1rem;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.daily-challenge.compact{padding:.75rem 1rem;margin:0 0 .75rem;border-radius:14px}.daily-challenge.compact .challenge-icon{width:36px;height:36px;font-size:1.1rem;border-radius:10px}.daily-challenge.compact .challenge-title{font-size:.9rem;margin-bottom:.1rem}.daily-challenge.compact .challenge-desc{font-size:.75rem}.daily-challenge.compact .challenge-reward{padding:.35rem .7rem;border-radius:10px}.daily-challenge.compact .reward-value{font-size:1rem}.daily-challenge.compact .reward-label{font-size:.6rem}.daily-challenge.compact .challenge-header{gap:.75rem}.daily-challenge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,191,36,.1) 0%,transparent 60%);animation:challengeGlow 3s ease-in-out infinite}@keyframes challengeGlow{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.daily-challenge:hover{transform:translateY(-3px);box-shadow:0 10px 30px #fbbf2433;border-color:#fbbf2480}.challenge-header{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.challenge-icon{width:50px;height:50px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 15px #fbbf2466}.challenge-info{flex:1}.challenge-title{font-size:1.1rem;font-weight:600;color:#fbbf24;margin-bottom:.3rem}.challenge-desc{font-size:.9rem;color:#94a3b8}.challenge-reward{background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:.5rem 1rem;text-align:center}.reward-value{font-size:1.2rem;font-weight:700;color:#34d399}.reward-label{font-size:.7rem;color:#6ee7b7}.xp-bar-container{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:0 1rem 1rem;padding:1rem;display:flex;align-items:center;gap:1rem}.level-badge{background:linear-gradient(135deg,#3b82f6,#60a5fa);width:50px;height:50px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #6366f166}.level-num{font-size:1.2rem;font-weight:700;color:#fff;line-height:1}.level-label{font-size:.6rem;color:#fffc}.xp-info{flex:1}.xp-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:#94a3b8}.xp-track{height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:10px;transition:width .5s ease-out;position:relative}.xp-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:xpShine 2s ease-in-out infinite}@keyframes xpShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.special-section{margin:1rem}.section-title{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-bottom:1rem;padding-left:.5rem}.special-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.special-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.special-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,#34d399,#fbbf24);opacity:0;transition:opacity .3s}.special-card:hover:before{opacity:1}.special-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d;border-color:#60a5fa4d}.special-card .icon{font-size:2.5rem;margin-bottom:.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s}.special-card:hover .icon{transform:scale(1.2) rotate(-5deg)}.special-card .title{font-size:.9rem;color:#e2e8f0;font-weight:500}.special-card.asma-card{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf244d}.special-card.asma-card:hover{border-color:#fbbf2480;box-shadow:0 15px 30px #fbbf2433}.filter-scroll-container{display:flex;gap:.5rem;padding:0 1rem 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.3) transparent}.filter-scroll-container::-webkit-scrollbar{height:6px;display:block}.filter-scroll-container::-webkit-scrollbar-track{background:transparent}.filter-scroll-container::-webkit-scrollbar-thumb{background-color:#60a5fa4d;border-radius:20px}.filter-chip{padding:.6rem 1.2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#1e293b99;color:#94a3b8;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .3s}.filter-chip:hover{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}.filter-chip.active{background:linear-gradient(135deg,#60a5fa33,#34d3991a);border-color:#60a5fa;color:#60a5fa;font-weight:600}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:0 1rem}.search-container{padding:1rem;display:flex;gap:.75rem;align-items:center}.search-container input{flex:1;padding:1rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#1e293b99;color:#e2e8f0;font-size:1rem;transition:all .3s}.search-container input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.search-container input::placeholder{color:#64748b}.filter-toggle-btn{width:50px;height:50px;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-toggle-btn:hover{background:#60a5fa26;color:#60a5fa;transform:translateY(-2px)}.filter-toggle-btn.active{background:#60a5fa;color:#fff;box-shadow:0 4px 12px #60a5fa4d;border-color:#60a5fa}.filter-scroll-container{display:flex;overflow-x:auto;gap:.5rem;padding:0 .5rem;scrollbar-width:none;max-height:0;opacity:0;transform:translateY(-20px) scale(.95);transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;visibility:hidden}.filter-scroll-container.expanded{max-height:80px;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;padding:.5rem;margin-bottom:.5rem}.review-banner{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:16px;margin:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s}.review-banner:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444433}.review-banner.hidden{display:none}.review-icon{font-size:1.5rem;animation:spin 3s linear infinite}.review-content{flex:1}.review-title{font-weight:600;color:#ef4444;margin-bottom:.2rem}.review-subtitle{font-size:.85rem;color:#fca5a5}.lesson-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:2000;overflow-y:auto}.lesson-modal.active{display:block}.modal-header{display:flex;align-items:center;padding:1.5rem;background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.close-lesson{width:44px;height:44px;border:none;border-radius:12px;background:#ef444433;color:#ef4444;font-size:1.5rem;cursor:pointer;transition:all .3s}.close-lesson:hover{background:#ef44444d;transform:scale(1.05)}.modal-header h2{flex:1;text-align:center;color:#e2e8f0;font-size:1.2rem}.lesson-content{padding:1.5rem;max-width:800px;margin:0 auto}.badges-section{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:20px;margin:1rem;padding:1.5rem}.badges-grid{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.3) transparent}.badges-grid::-webkit-scrollbar{height:6px;display:block}.badges-grid::-webkit-scrollbar-track{background:transparent}.badges-grid::-webkit-scrollbar-thumb{background-color:#60a5fa4d;border-radius:20px}.badge-item{flex-shrink:0;width:70px;text-align:center;opacity:.4;filter:grayscale(1);transition:all .3s}.badge-item.unlocked{opacity:1;filter:grayscale(0)}.badge-icon{font-size:2rem;display:block;margin-bottom:.3rem}.badge-name{font-size:.7rem;color:#94a3b8}body.iphone-view{max-width:400px;height:850px;margin:20px auto;border:14px solid #1e293b;border-radius:40px;box-shadow:0 0 0 2px #334155,0 20px 50px #00000080;position:relative;overflow:hidden}body.iphone-view main{height:calc(100% - 80px);overflow-y:auto}@media (max-width: 600px){.hero-stats{gap:.5rem}.hero-stat .value{font-size:1.5rem}.special-cards{grid-template-columns:repeat(2,1fr)}.lessons-grid{grid-template-columns:1fr}}.word-of-day-section{margin:1rem}.wod-card{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border:1px solid rgba(96,165,250,.3);border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .3s}.wod-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #60a5fa33}.wod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wod-date{font-size:.8rem;color:#94a3b8}.wod-speak-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;transition:transform .2s}.wod-speak-btn:hover{transform:scale(1.2)}.wod-content{text-align:center}.wod-word{font-size:2rem;font-weight:700;color:#60a5fa;margin-bottom:.5rem}.wod-translation{font-size:1.3rem;color:#e2e8f0;direction:rtl;margin-bottom:1rem}.wod-example{background:#0f172a80;border-radius:12px;padding:1rem;margin-top:1rem}.wod-example-swe{color:#e2e8f0;margin-bottom:.3rem}.wod-example-arb{color:#94a3b8;direction:rtl;font-size:.9rem}.wod-footer{margin-top:1rem;text-align:center}.wod-category{font-size:.8rem;color:#64748b;background:#ffffff1a;padding:.3rem .8rem;border-radius:12px}.learning-paths-section{margin:1rem}.paths-container{display:flex;flex-direction:column;gap:.8rem}.learning-path{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;cursor:pointer;transition:all .3s}.learning-path:hover{transform:translate(5px)}.beginner-path{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(34,197,94,.3)}.beginner-path:hover{box-shadow:0 8px 20px #22c55e33}.intermediate-path{background:linear-gradient(135deg,#eab30826,#ca8a041a);border:1px solid rgba(234,179,8,.3)}.intermediate-path:hover{box-shadow:0 8px 20px #eab30833}.advanced-path{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3)}.advanced-path:hover{box-shadow:0 8px 20px #ef444433}.path-icon{font-size:2rem;width:50px;text-align:center}.path-info{flex:1}.path-name{font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:.2rem}.path-desc{font-size:.8rem;color:#94a3b8;margin-bottom:.5rem}.path-progress{height:6px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:.3rem}.path-progress-fill{height:100%;border-radius:6px;transition:width .5s ease}.beginner-path .path-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.intermediate-path .path-progress-fill{background:linear-gradient(90deg,#eab308,#facc15)}.advanced-path .path-progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.path-stats{font-size:.75rem;color:#64748b}.path-arrow{font-size:1.5rem;color:#64748b;transition:transform .3s}.learning-path:hover .path-arrow{transform:translate(5px)}.activity-section{margin:1rem;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem}.activity-chart{display:flex;justify-content:space-between;align-items:flex-end;height:100px;padding:0 .5rem;margin-bottom:1rem}.activity-bar{display:flex;flex-direction:column;align-items:center;flex:1;max-width:40px}.activity-bar .bar-fill{width:20px;height:0%;background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease}.activity-bar.today .bar-fill{background:linear-gradient(180deg,#34d399,#10b981)}.day-label{font-size:.7rem;color:#64748b;margin-top:.5rem}.activity-summary{display:flex;justify-content:space-around;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.activity-stat{text-align:center}.activity-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#60a5fa}.activity-stat .stat-label{font-size:.75rem;color:#94a3b8}.collapsible-section{margin:2rem 0 1rem;border-radius:16px;background:linear-gradient(135deg,#1e3a5f33,#0f172a4d);border:1px solid rgba(59,130,246,.15);overflow:hidden}.collapsible-section summary.expand-toggle{padding:1rem 1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);transition:all .3s;list-style:none;-webkit-user-select:none;user-select:none}.collapsible-section summary.expand-toggle::-webkit-details-marker{display:none}.collapsible-section summary.expand-toggle:before{content:"▼";font-size:.7rem;transition:transform .3s}.collapsible-section[open] summary.expand-toggle:before{transform:rotate(180deg)}.collapsible-section summary.expand-toggle:hover{color:var(--primary);background:#3b82f60d}.collapsible-section>:not(summary){padding:0 1rem 1rem}.collapsible-section .word-of-day-section,.collapsible-section .learning-paths-section,.collapsible-section .activity-section{margin:0 0 1rem;padding:0}.collapsible-section .section-title{padding:0;margin-bottom:.75rem}main{padding-bottom:120px!important}.ordsprak-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0e1a,#12132a,#1a1040,#0a1a2a,#0a0e1a);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:-3}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.particles-container:before,.particles-container:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(251,191,36,.4),transparent),radial-gradient(2px 2px at 40px 70px,rgba(147,51,234,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(59,130,246,.5),transparent),radial-gradient(2px 2px at 130px 80px,rgba(251,191,36,.3),transparent),radial-gradient(1px 1px at 160px 120px,rgba(16,185,129,.4),transparent);background-repeat:repeat;background-size:200px 160px;animation:particleFloat 20s linear infinite}.particles-container:after{animation-delay:-10s;animation-direction:reverse;opacity:.6}@keyframes particleFloat{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-50px) translate(25px) rotate(180deg)}to{transform:translateY(0) translate(0) rotate(360deg)}}body{background:transparent;min-height:100vh}main{padding:1rem;padding-top:120px;max-width:800px;margin:0 auto;position:relative}.ordsprak-header{position:fixed;top:12px;left:50%;transform:translate(-50%);width:400px;z-index:1000;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.15);border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:6px 1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.mode-indicator{position:absolute;top:6px;left:6px;height:calc(100% - 12px);background:linear-gradient(135deg,var(--topic-color, #fbbf24) 0%,#f59e0b 100%);border-radius:40px;z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #fbbf2459;pointer-events:none}.stats-bar{display:flex;justify-content:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem;flex-wrap:nowrap;overflow-x:auto}.stat-chip{background:#ffffff0d;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;color:#94a3b8;border:1px solid rgba(255,255,255,.08)}.stat-chip.learned{color:#22c55e;border-color:#22c55e33}.stat-chip.streak{color:#f97316;border-color:#f9731633}.search-filter-row{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.search-filter-row input{flex:1;padding:.85rem 1.2rem;border-radius:14px;border:2px solid rgba(251,191,36,.2);background:#0006;color:#e2e8f0;font-size:1rem;transition:all .3s}.search-filter-row input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 20px #fbbf2440;background:#00000080}.search-filter-row input::placeholder{color:#64748b}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;position:relative;width:48px;height:48px;border-radius:14px;background:#ffffff14;border:2px solid rgba(251,191,36,.2);color:#94a3b8;cursor:pointer;transition:all .3s ease}.filter-toggle-btn:hover{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24;transform:scale(1.05)}.filter-toggle-btn.active{background:linear-gradient(135deg,#fbbf2440,#f59e0b26);border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 20px #fbbf244d}.filter-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:600;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.filters-dropdown{background:#080c1cf2;border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:1rem;margin-bottom:1rem;overflow:hidden;max-height:500px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0006}.filters-dropdown.collapsed{max-height:0;padding:0 1rem;margin-bottom:0;border-color:transparent;opacity:0;pointer-events:none}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-group-label{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;padding-left:.25rem}.filter-chips-row{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .3s ease;position:relative}.filter-chip:hover{background:#fbbf241f;border-color:#fbbf2459;color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 15px #fbbf2426}.filter-chip.active{background:linear-gradient(135deg,#fbbf2438,#f59e0b1f);border-color:#fbbf2499;color:#fbbf24;box-shadow:0 0 20px #fbbf2433}.filter-counter{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#00000059;color:#ffffffb3;font-size:.7rem;font-weight:600;margin-left:.25rem;transition:all .3s}.filter-chip:hover .filter-counter{background:#fbbf2440;color:#fbbf24}.filter-chip.active .filter-counter{background:#fbbf2459;color:#fff;box-shadow:0 0 10px #fbbf244d}.topic-chip[data-topic=patience]{--topic-color: 217, 119, 6}.topic-chip[data-topic=wisdom]{--topic-color: 147, 51, 234}.topic-chip[data-topic=consequences]{--topic-color: 239, 68, 68}.topic-chip[data-topic=family]{--topic-color: 16, 185, 129}.topic-chip[data-topic=experience]{--topic-color: 59, 130, 246}.topic-chip[data-topic=time]{--topic-color: 249, 115, 22}.topic-chip[data-topic=speech]{--topic-color: 168, 85, 247}.topic-chip[data-topic=nature]{--topic-color: 34, 197, 94}.topic-chip[data-topic=love]{--topic-color: 236, 72, 153}.topic-chip:hover{border-color:rgba(var(--topic-color, 251, 191, 36),.5);background:rgba(var(--topic-color, 251, 191, 36),.12)}.topic-chip.active{border-color:rgba(var(--topic-color, 251, 191, 36),.7);background:rgba(var(--topic-color, 251, 191, 36),.2);box-shadow:0 0 20px rgba(var(--topic-color, 251, 191, 36),.25)}.search-row{margin-bottom:1rem}.search-row input{width:100%;padding:.8rem 1rem;border-radius:12px;border:2px solid rgba(251,191,36,.2);background:#0000004d;color:#e2e8f0;font-size:1rem;transition:all .3s}.search-row input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.search-row input::placeholder{color:#64748b}.filter-chips{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.proverb-card{background:linear-gradient(135deg,#0f172ae6,#1e293bcc);border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:1.25rem;margin-bottom:1rem;transition:all .3s;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.proverb-card:hover{border-color:#fbbf2466;box-shadow:0 4px 20px #fbbf241a}.proverb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.proverb-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;font-weight:700;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem}.proverb-actions{display:flex;gap:.5rem}.proverb-actions button{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem .6rem;font-size:1rem;cursor:pointer;transition:all .3s}.proverb-actions button:hover{background:#fbbf2433;border-color:#fbbf244d}.proverb-actions .save-btn.saved{background:#fbbf244d;border-color:#fbbf24}.proverb-actions .learn-btn.learned{background:#22c55e4d;border-color:#22c55e}.proverb-swedish{font-size:1.2rem;color:#fbbf24;font-weight:600;margin-bottom:.75rem;line-height:1.5}.proverb-literal{font-size:.95rem;color:#94a3b8;margin-bottom:.5rem;direction:rtl;text-align:right;font-family:Tajawal,sans-serif}.proverb-arabic{font-size:1.1rem;color:#22c55e;margin-bottom:1rem;direction:rtl;text-align:right;font-family:Tajawal,sans-serif;padding:.75rem;background:#22c55e1a;border-radius:10px;border-left:3px solid #22c55e}.verb-conjugation{background:#0003;border-radius:12px;padding:.75rem}.verb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.verb-main{font-size:1rem;color:#3b82f6;font-weight:600}.verb-translation{font-size:.9rem;color:#94a3b8;font-family:Tajawal,sans-serif}.verb-forms{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.verb-form{display:flex;flex-direction:column;gap:.2rem}.verb-form .label{font-size:.7rem;color:#64748b;text-transform:uppercase}.verb-form .value{font-size:.9rem;color:#e2e8f0}.browse-view,.flashcard-container,.quiz-view,.saved-view{display:none!important}.browse-view.active,.flashcard-container.active,.quiz-view.active,.saved-view.active{display:block!important}.flashcard-container{padding:1rem}.flashcard-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.progress-text{color:#fbbf24;font-weight:600}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar .fill{height:100%;background:linear-gradient(90deg,#fbbf24,#22c55e);transition:width .3s ease}.flashcard{perspective:1000px;cursor:pointer;margin-bottom:1.5rem}.flashcard-inner{position:relative;width:100%;min-height:250px;transition:transform .6s;transform-style:preserve-3d}.flashcard-front,.flashcard-back{position:absolute;width:100%;min-height:250px;backface-visibility:hidden;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 8px 32px #00000040,inset 0 1px #fff6,inset 0 -1px #ffffff1a}.flashcard-front{background:linear-gradient(135deg,#3b82f640,#60a5fa26);border:1px solid rgba(255,255,255,.35)}.flashcard-back{background:linear-gradient(135deg,#2563eb40,#1d4ed826);border:1px solid rgba(255,255,255,.35);transform:rotateY(180deg)}.flashcard-word{font-size:1.6rem;color:#fff;text-align:center;line-height:1.6;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2)}.flashcard-hint{margin-top:1rem;color:#fffc;font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.4)}.flashcard-translation{font-size:1.7rem;color:#fff;text-align:center;direction:rtl;font-family:Tajawal,sans-serif;line-height:1.6;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2)}.flashcard-literal{margin-top:1rem;font-size:1.1rem;color:#ffffffe6;text-align:center;direction:rtl;font-family:Tajawal,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.2)}.flashcard-controls{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.fc-btn{flex:1;max-width:200px;padding:1rem;border-radius:12px;border:none;font-size:1rem;cursor:pointer;transition:all .3s}.fc-btn.wrong{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.fc-btn.correct{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.fc-btn:hover{transform:translateY(-2px)}.flashcard-complete{text-align:center;padding:2rem}.complete-icon{font-size:4rem;margin-bottom:1rem}.flashcard-complete h2{color:#fbbf24;margin-bottom:.5rem}.flashcard-complete p{color:#94a3b8;margin-bottom:1.5rem}.restart-btn,.back-btn-inline{padding:.75rem 1.5rem;border-radius:10px;border:none;font-size:1rem;cursor:pointer;margin:.5rem;transition:all .3s}.restart-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b}.back-btn-inline{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.action-btn-small{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;margin-left:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 10px #3b82f64d;transition:all .2s}.action-btn-small:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3b82f666}.quiz-container{padding:1rem}.quiz-progress{margin-bottom:.75rem}.quiz-progress-text{text-align:center;color:#fbbf24;font-weight:600;margin-bottom:.5rem}.quiz-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#22c55e);transition:width .3s ease}.quiz-question{text-align:center;margin-bottom:1rem}.quiz-label{color:#94a3b8;font-size:.9rem;margin-bottom:.5rem}.quiz-swedish{font-size:1.2rem;color:#fbbf24;line-height:1.6;padding:1rem;background:#fbbf241a;border-radius:12px;border:1px solid rgba(251,191,36,.2)}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{padding:1rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;font-size:1rem;cursor:pointer;transition:all .3s;text-align:right;direction:rtl;font-family:Tajawal,sans-serif}.quiz-option:hover:not(:disabled){border-color:#fbbf2480;background:#fbbf241a}.quiz-option.correct{border-color:#22c55e;background:#22c55e33;color:#22c55e}.quiz-option.wrong{border-color:#ef4444;background:#ef444433;color:#ef4444}.quiz-option:disabled{cursor:not-allowed}.quiz-results{text-align:center;padding:2rem}.result-icon{font-size:4rem;margin-bottom:1rem}.result-message{font-size:1.5rem;color:#fbbf24;margin-bottom:.5rem}.result-score{font-size:2rem;color:#e2e8f0;font-weight:700}.result-percentage{font-size:1rem;color:#22c55e;margin-bottom:1.5rem}.result-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.result-btn{padding:.75rem 1.5rem;border-radius:10px;border:none;font-size:1rem;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b}.result-btn.secondary{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.quiz-swedish.fill-blank{font-size:1.3rem;padding:1rem;line-height:1.6;background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border:2px solid rgba(251,191,36,.3)}.blank-word{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#3b82f64d,#9333ea33);border-radius:8px;border-bottom:3px solid #3b82f6;color:#60a5fa;font-weight:700;animation:blankPulse 1.5s ease-in-out infinite}@keyframes blankPulse{0%,to{opacity:1}50%{opacity:.6}}.fill-blank-options{display:flex!important;flex-direction:column!important;gap:.4rem}.fill-blank-option{text-align:center!important;direction:ltr!important;font-family:inherit!important;font-weight:600;padding:1.2rem 1rem!important;font-size:1.1rem!important;background:#ffffff0f!important;border:2px solid rgba(255,255,255,.12)!important;color:#fff!important;transition:all .3s ease!important}.fill-blank-option:hover:not(:disabled){background:#3b82f626!important;border-color:#3b82f680!important;color:#60a5fa!important;transform:translateY(-3px);box-shadow:0 6px 20px #3b82f633}.fill-blank-option.correct{background:linear-gradient(135deg,#22c55e40,#16a34a26)!important;border-color:#22c55e!important;color:#4ade80!important;box-shadow:0 0 25px #22c55e4d}.fill-blank-option.wrong{background:linear-gradient(135deg,#ef444440,#dc262626)!important;border-color:#ef4444!important;color:#f87171!important}.quiz-feedback{margin-top:1.5rem;animation:slideUp .4s ease-out}.feedback-content{background:#080c1cf2;border-radius:16px;padding:1.5rem;border-left:4px solid #22c55e}.feedback-content.wrong{border-left-color:#ef4444}.feedback-icon{font-size:2.5rem;text-align:center;margin-bottom:.75rem}.feedback-message{text-align:center;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.feedback-content.correct .feedback-message{color:#22c55e}.feedback-content.wrong .feedback-message{color:#ef4444}.complete-proverb{text-align:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.proverb-text-sv{font-size:1.15rem;color:#fbbf24;font-weight:600;line-height:1.6}.arabic-translation{margin-bottom:1rem;padding:1rem;background:#22c55e1a;border-radius:12px;border-right:3px solid #22c55e}.translation-label{font-size:.8rem;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.proverb-text-ar{font-size:1.2rem;color:#4ade80;font-family:Tajawal,sans-serif;direction:rtl;text-align:right;line-height:1.8}.literal-meaning{padding:.75rem;background:#9333ea14;border-radius:10px;border-right:3px solid #3b82f6}.literal-label{font-size:.75rem;color:#64748b;margin-bottom:.4rem}.literal-text{font-size:.95rem;color:#c4b5fd;font-family:Tajawal,sans-serif;direction:rtl;text-align:right}.result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:12px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#e2e8f0}.stat-label{font-size:.8rem;color:#94a3b8}@media (max-width: 480px){.fill-blank-options{grid-template-columns:1fr!important}.quiz-swedish.fill-blank{font-size:1.1rem;padding:1rem}}.saved-header-inline{text-align:center;margin-bottom:1rem}.saved-header-inline h2{color:#fbbf24;font-size:1.3rem}.no-saved,.no-results{text-align:center;padding:3rem;color:#64748b}.intro-text{text-align:center;padding:1rem;color:#64748b;font-size:.9rem}.load-more-sentinel{text-align:center;padding:1rem}.loading-text{color:#fbbf24;font-size:.9rem}body.iphone-view .audio-player-bar{max-width:calc(430px - 2rem);width:calc(100% - 2rem);left:50%;transform:translate(-50%);flex-direction:column;border-radius:24px;padding:1.25rem;gap:1rem;background:#0f1423d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.25);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}body.iphone-view .audio-info{width:100%;text-align:center;order:-1;margin-bottom:.25rem;padding:.5rem;background:#fbbf2414;border-radius:12px;border:1px solid rgba(251,191,36,.15)}body.iphone-view .audio-names-row{flex-direction:column;gap:.25rem}body.iphone-view .audio-name-sv{font-size:.95rem;color:#fbbf24;font-weight:600;text-shadow:0 0 10px rgba(251,191,36,.3)}body.iphone-view .audio-name-ar{font-size:1rem;color:#e2e8f0;font-family:Tajawal,sans-serif}body.iphone-view .audio-controls{width:100%;justify-content:center;gap:.75rem}body.iphone-view .audio-btn{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:48px;height:48px;font-size:1.3rem;color:#e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff1a}body.iphone-view .audio-btn:hover{background:#ffffff26;border-color:#fbbf2466;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0000004d,0 0 20px #fbbf2426;color:#fbbf24}body.iphone-view .audio-btn:active{transform:translateY(0) scale(.95)}body.iphone-view .audio-btn.play-pause{width:60px;height:60px;font-size:1.6rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:2px solid rgba(251,191,36,.4);color:#fbbf24;box-shadow:0 6px 20px #fbbf2440,inset 0 2px #ffffff26}body.iphone-view .audio-btn.play-pause:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b40);border-color:#fbbf24;box-shadow:0 10px 30px #fbbf2459,0 0 30px #fbbf2433;transform:translateY(-3px) scale(1.08)}body.iphone-view .audio-btn.speed-btn,body.iphone-view #playerRepeatBtn{width:auto;min-width:50px;padding:0 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#9333ea26;border-color:#9333ea4d;color:#c4b5fd}body.iphone-view .audio-btn.speed-btn:hover,body.iphone-view #playerRepeatBtn:hover{background:#9333ea40;border-color:#9333ea80;color:#e9d5ff}body.iphone-view .player-close-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ef444466;transition:all .2s ease;z-index:10}body.iphone-view .player-close-btn:hover{transform:scale(1.15);background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444480}@media (max-width: 600px){.mode-tabs{gap:.3rem}.mode-tab{padding:.4rem .6rem;font-size:.75rem}.proverb-swedish{font-size:1.1rem}.verb-forms{grid-template-columns:1fr 1fr}.flashcard-word,.flashcard-translation{font-size:1.1rem}}.sv-text{display:inline}.ar-text{display:none;font-family:Tajawal,sans-serif}[dir=rtl] .sv-text{display:none}[dir=rtl] .ar-text,.proverb-card .sv-text,.proverb-card .ar-text,.flashcard .sv-text,.flashcard .ar-text,.quiz-view .sv-text,.quiz-view .ar-text,.stats-bar .sv-text,.stats-bar .ar-text{display:inline}.stats-bar .ar-text{margin-right:.25rem}.quiz-selector{padding:1rem;text-align:center;animation:fadeIn .4s ease-out}.quiz-selector-title{margin-bottom:2rem;font-size:1.5rem;color:#fbbf24;font-weight:700}.quiz-type-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.quiz-type-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;width:100%;max-width:300px;min-height:220px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:hidden}.quiz-type-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent);opacity:0;transition:opacity .3s}.quiz-type-card:hover{transform:translateY(-5px);border-color:#fbbf2466;box-shadow:0 10px 30px #0000004d}.quiz-type-card:hover:before{opacity:1}.quiz-type-icon{font-size:3.5rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:transform .3s}.quiz-type-card:hover .quiz-type-icon{transform:scale(1.1)}.quiz-type-name{font-size:1.3rem;font-weight:700;color:#e2e8f0;transition:color .3s}.quiz-type-card:hover .quiz-type-name{color:#fbbf24}.quiz-type-desc{font-size:.9rem;color:#94a3b8;line-height:1.5}:root{--primary: #3b82f6;--primary-dark: #dc2626;--primary-light: #38bdf8;--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}body{font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh}.cognates-header{position:fixed;top:12px;left:50%;transform:translate(-50%);width:400px;z-index:1000;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.15);border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:6px 1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.back-btn,.mobile-toggle-btn,.asma-nav-btn{background:transparent;border:none;color:#e2e8f0;padding:8px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.back-btn:hover,.mobile-toggle-btn:hover,.asma-nav-btn:hover{background:#fbbf2433;color:#fbbf24}.mobile-toggle-btn.mobile-active{background:#fbbf244d;color:#fbbf24;box-shadow:0 0 15px #fbbf244d}.stats-badge{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#0f172a99;border:1.5px solid #fbbf24;border-radius:12px;color:#fbbf24;font-size:.85rem;font-weight:600;box-shadow:0 0 10px #fbbf2466,inset 0 0 5px #fbbf2433;transition:all .3s}.stats-badge:hover{box-shadow:0 0 15px #fbbf2499,inset 0 0 8px #fbbf244d;transform:translateY(-1px)}.stats-badge.learned{border-color:#22c55e;color:#22c55e;box-shadow:0 0 10px #22c55e66,inset 0 0 5px #22c55e33}.stats-badge.learned:hover{box-shadow:0 0 15px #22c55e99,inset 0 0 8px #22c55e4d}.stats-badge.streak{border-color:#f97316;color:#f97316;box-shadow:0 0 10px #f9731666,inset 0 0 5px #f9731633}.stats-badge.streak:hover{box-shadow:0 0 15px #f9731699,inset 0 0 8px #f973164d}.mode-indicator{position:absolute;top:6px;left:6px;height:calc(100% - 12px);background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:40px;z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f659;pointer-events:none}main{padding:1rem;padding-top:120px;max-width:700px;margin:0 auto}.intro-text{text-align:center;margin-bottom:.75rem;color:var(--text-muted);font-size:.9rem}.search-row{display:flex;gap:.5rem;margin:.5rem 0;align-items:center}#searchInput{flex:1;padding:.65rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-color);font-size:.95rem;transition:all .2s}#searchInput:focus{outline:none;border-color:#4facfe;background:#4facfe14}.filter-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s;color:#fff9;flex-shrink:0}.filter-toggle-btn:hover{background:#4facfe26;border-color:#4facfe66}.filter-toggle-btn.active{background:#4facfe33;border-color:#4facfe;color:#4facfe}.filter-chips{display:flex;gap:.4rem;margin:.5rem 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem;max-height:50px;transition:all .3s ease}.filter-chips::-webkit-scrollbar{display:none}.filter-chips.collapsed{max-height:0;margin:0;padding:0;overflow:hidden;opacity:0}.chip{padding:.4rem .75rem;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.chip.active{background:linear-gradient(135deg,#4facfe40,#00f2fe40);color:#4facfe;border-color:#4facfe}.chip:hover{border-color:#4facfe66}.category-section{margin-bottom:1.25rem}.category-title{font-size:.95rem;color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.cognates-grid{display:grid;gap:.4rem}.cognate-card{background:var(--card-bg);border-radius:10px;padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(59,130,246,.1);transition:all .2s;cursor:pointer;position:relative}.cognate-card:hover{border-color:var(--primary);transform:translateY(-1px)}.cognate-card.learned{border-color:var(--success);background:#22c55e0d}.cognate-card.saved{border-color:var(--warning)}.word-swe{font-weight:600;font-size:1rem;color:var(--primary)}.word-arb{font-family:Tajawal,sans-serif;font-size:1rem;color:#fffc;direction:rtl}body.lang-sv .cognate-card .word-arb,body .cognate-card .word-arb{display:inline-block!important}.word-type{font-size:.7rem;color:var(--text-muted);margin-left:.4rem}.speaker-icon{font-size:.75rem;margin-left:.3rem;opacity:.7}.card-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.cognate-card:hover .card-actions{opacity:1}.mini-btn{background:#ffffff1a;border:none;padding:.3rem;border-radius:50%;cursor:pointer;font-size:.9rem}.mini-btn.saved{background:#f59e0b33}.flashcard-container,.quiz-view,.saved-view{display:none;flex-direction:column;align-items:center;padding:1.5rem;margin:.5rem;background:#1e293b4d;border-radius:10px;border:1px solid rgba(255,255,255,.05);min-height:400px}.quiz-view{padding-top:0;margin-top:0}.flashcard-container.active,.quiz-view.active,.saved-view.active{display:flex}.quiz-view .quiz-container{width:100%;max-width:100%;padding:0}.saved-view{padding:1.5rem 1rem;width:auto}.saved-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.saved-card{border-left:4px solid var(--saved-color, #fbbf24)}.empty-state-card{background:var(--card-bg);border-radius:16px;padding:2rem;text-align:center;border:1px dashed rgba(255,255,255,.1)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.flashcard-progress{width:100%;margin-bottom:1rem;text-align:center}.fc-filter-chips{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:visible;width:100%;justify-content:center;flex-wrap:wrap;padding:.25rem}.fc-filter-chips::-webkit-scrollbar{display:none}.fc-chip{display:flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.fc-chip:hover{background:#ffffff1a;border-color:#fff3}.fc-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.progress-text{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.progress-bar{height:6px;background:#334155;border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--primary);transition:width .3s}.flashcard{width:100%;max-width:350px;height:220px;perspective:1000px;cursor:pointer}.flashcard-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard.flipped{transform:none!important}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.flashcard-front{background:linear-gradient(145deg,#0f172a1a,#1e293b1f);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.25);color:#fff;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff0d}.flashcard-back{background:linear-gradient(145deg,#1e3a8a1a,#2563eb1f);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(96,165,250,.25);color:#fff;transform:rotateY(180deg);box-shadow:0 8px 32px #1e3a8a26,inset 0 0 0 1px #ffffff0d}.flashcard-word{font-size:clamp(1.2rem,10vw,3.2rem);font-weight:700;margin-bottom:.5rem;white-space:nowrap;width:100%;text-align:center}.flashcard-hint{font-size:.9rem;opacity:.8}.flashcard-translation{font-size:clamp(1.2rem,10vw,2.8rem);font-family:Tajawal,sans-serif;white-space:nowrap;width:100%;text-align:center}.flashcard-type{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.flashcard-controls{display:flex;gap:1rem;margin-top:1.5rem;width:100%;max-width:350px}.fc-btn{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.fc-btn.wrong{background:#ef444433;color:var(--danger)}.fc-btn.correct{background:#22c55e33;color:var(--success)}.quiz-view{align-items:stretch}.quiz-header{margin-bottom:2rem;text-align:center}.quiz-type-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.75rem;flex-wrap:nowrap;padding:.5rem;background:#0f172a80;border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.quiz-type-selector::-webkit-scrollbar{display:none}.type-chip{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.type-chip:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-color)}.type-chip.active{background:linear-gradient(135deg,var(--primary) 0%,#2563eb 100%);border-color:transparent;color:#fff;box-shadow:0 4px 15px #3b82f666,0 0 0 1px #ffffff1a inset;font-weight:600}.quiz-progress-text{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem;display:flex;justify-content:space-between}.quiz-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.quiz-progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--primary),#60a5fa);border-radius:3px;transition:width .4s ease}.quiz-question{text-align:center;padding:1rem 1rem .5rem;margin-bottom:0;position:relative;background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,transparent 100%);border-radius:20px}.quiz-question:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary),#60a5fa);border-radius:2px}.question-word{font-size:clamp(1.5rem,8vw,2.8rem);font-weight:800;background:linear-gradient(135deg,#fff,#e2e8f0,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;text-shadow:0 4px 20px rgba(59,130,246,.3);letter-spacing:-.5px;white-space:nowrap;width:100%;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-hint{font-size:1rem;color:var(--text-muted);font-weight:500;opacity:.8}.options-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-btn{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.85rem 1rem;font-size:1.1rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;box-shadow:0 4px 15px #0003;animation:optionFadeIn .4s ease-out backwards}.option-btn:nth-child(1){animation-delay:.05s}.option-btn:nth-child(2){animation-delay:.1s}.option-btn:nth-child(3){animation-delay:.15s}.option-btn:nth-child(4){animation-delay:.2s}@keyframes optionFadeIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.option-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.15),transparent);opacity:0;transition:opacity .3s ease}.option-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);background:linear-gradient(145deg,#3b82f633,#1e293be6);border-color:#3b82f680;box-shadow:0 12px 30px #0000004d,0 0 20px #3b82f626}.option-btn:hover:not(:disabled):before{opacity:1}.option-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.option-btn.correct{background:#22c55e33!important;border-color:var(--success)!important;color:var(--success)!important;box-shadow:0 0 20px #22c55e4d!important;animation:correctPulse .5s ease}.option-btn.wrong{background:#ef444433!important;border-color:var(--danger)!important;color:var(--danger)!important;opacity:.7;animation:shake .4s ease}.feedback{min-height:60px;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:600;opacity:0;transform:translateY(10px);transition:all .3s ease}.feedback.show{opacity:1;transform:translateY(0)}.feedback.correct{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.feedback.wrong{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.option-btn.arb{font-family:Tajawal,sans-serif;font-size:1.4rem}.writing-input{width:100%;padding:1.2rem;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#1e293b;color:#fff;font-size:1.3rem;text-align:center;margin-bottom:1rem;transition:all .2s ease;font-family:Tajawal,sans-serif}.writing-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f633}.writing-input::placeholder{color:#ffffff4d;font-size:1rem}.submit-btn{width:100%;padding:1.2rem;background:var(--primary);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f666}.submit-btn:active{transform:translateY(0)}@media (max-width: 480px){.options-grid{grid-template-columns:1fr}.question-word{font-size:2rem}}.result-container{text-align:center;padding:3rem 2rem;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 50px #0000004d,inset 0 0 0 1px #ffffff0d;max-width:500px;margin:0 auto;position:relative;overflow:hidden}.result-container:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary),#60a5fa,#22d3ee)}.result-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 1s infinite;filter:drop-shadow(0 0 20px rgba(59,130,246,.4))}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.result-title{font-size:2.2rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-score{font-size:1.6rem;color:var(--text-muted);margin-bottom:2.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.result-btn{padding:1rem 2rem;border-radius:16px;font-weight:700;cursor:pointer;border:none;font-size:1.1rem;display:flex;align-items:center;gap:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:140px;justify-content:center}.result-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 15px #3b82f666,0 0 0 1px #ffffff1a inset}.result-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680,0 0 0 1px #fff3 inset}.result-btn.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.result-btn.secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.quiz-question.entering{animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}.quiz-question.exiting{animation:slideOutLeft .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.browse-view{display:block}.browse-view.hidden{display:none}.close-modal-static{position:static;width:30px;height:30px;font-size:1.2rem}.empty-state{color:var(--text-muted);text-align:center;padding:2rem}.saved-empty{padding:1rem}.flex-center-gap{display:flex;align-items:center;gap:.5rem}.saved-arb{color:var(--text-muted);margin-left:.5rem}.quiz-type-selector-col{flex-direction:column;gap:1rem}.quiz-type-btn-large{padding:1rem;font-size:1rem}.arabic-font{font-family:Tajawal,sans-serif}.mobile-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-toggle-btn:hover{background:#38bdf84d}@media screen and (max-width: 480px){.quiz-modal{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.quiz-container{max-width:100%;padding:3.5rem 1rem 1rem}.quiz-modal .close-modal{top:calc(.75rem + env(safe-area-inset-top,0));left:.75rem;width:44px;height:44px;font-size:1.3rem}.quiz-header h2{font-size:1rem;line-height:1.4}.quiz-type-selector{flex-direction:column;gap:.75rem;padding:0}.quiz-type-selector-col{gap:.75rem}.quiz-type-btn,.quiz-type-btn-large{width:100%;padding:1rem;font-size:1rem;min-height:56px;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px}.question-card{padding:1.25rem 1rem;border-radius:14px;margin-bottom:.75rem}.question-text{font-size:1.3rem;margin-bottom:.4rem;overflow-wrap:break-word}.question-hint{font-size:.8rem;margin-bottom:1rem}.options-grid{display:flex;flex-direction:column;gap:.5rem}.option-btn{width:100%;padding:1rem;font-size:1rem;min-height:56px;border-radius:12px;text-align:center}.option-btn.arb{font-size:1.1rem;line-height:1.5}.writing-input{font-size:1.1rem;padding:1rem;border-radius:12px}.submit-btn{padding:1rem;font-size:1rem;min-height:56px;border-radius:12px}.feedback{padding:1rem;font-size:1rem;border-radius:12px}.result-container{padding:1.5rem 1rem}.result-icon{font-size:3rem;margin-bottom:.75rem}.result-title{font-size:1.2rem;margin-bottom:.4rem}.result-score{font-size:1rem;margin-bottom:1rem}.result-btn{padding:1rem;font-size:1rem;min-height:56px;border-radius:12px}.progress-bar{height:8px;border-radius:4px}}@media screen and (max-width: 360px){.quiz-container{padding:3rem .75rem .75rem}.quiz-type-btn,.quiz-type-btn-large{padding:.875rem;font-size:.9rem;min-height:52px}.question-text{font-size:1.1rem}.option-btn{padding:.875rem;font-size:.95rem;min-height:52px}.result-icon{font-size:2.5rem}}body.iphone-view .quiz-modal{border-radius:20px;overflow:hidden;position:fixed;top:1%;left:15%;right:15%;bottom:0;width:70%;max-width:none;transform:none}body.iphone-view .quiz-modal .close-modal{top:1rem}body.iphone-view .quiz-container{padding-top:3rem;max-width:100%;width:100%;padding-left:1rem;padding-right:1rem}@supports (padding-top: env(safe-area-inset-top)){.quiz-modal{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.quiz-container{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media screen and (max-width: 480px){header h1{font-size:.95rem}.back-btn{padding:.5rem;min-width:44px;min-height:44px}.mode-tabs{gap:.35rem;padding:.6rem .75rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-tab{padding:.5rem .4rem;font-size:.75rem;min-width:0;flex-shrink:1;white-space:nowrap}.stats-bar{gap:.35rem;padding:.6rem .75rem}.stat-chip{padding:.35rem .6rem;font-size:.75rem}}@media (hover: none) and (pointer: coarse){.option-btn:active{transform:scale(.97);transition:transform .1s ease}.quiz-type-btn:active,.result-btn:active,.submit-btn:active{transform:scale(.97);opacity:.9}}.asma-nav-bar{position:fixed;top:12px;bottom:auto;left:50%;transform:translate(-50%);z-index:1000;width:400px;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px;border-radius:36px 36px 0 0;border:1px solid rgba(251,191,36,.15);border-bottom:none;box-shadow:0 4px 20px #0000004d}.nav-buttons-row{display:flex;gap:.5rem}.asma-nav-btn{width:44px;height:44px;border:none;border-radius:12px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.asma-nav-btn:hover{background:#fbbf2433;border-color:#fbbf2480;transform:scale(1.05)}.asma-nav-btn svg{stroke:#e2e8f0}.asma-nav-btn.feature-btn{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf244d}.asma-nav-btn.feature-btn svg{stroke:#fbbf24}.asma-nav-btn.feature-btn:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b33);border-color:#fbbf2499;box-shadow:0 0 15px #fbbf244d}.asma-nav-btn.feature-btn.playing{animation:pulseGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2466,#f59e0b4d)}.asma-nav-btn.feature-btn.playing svg{stroke:#fde68a}.nav-search-wrapper{width:100%;display:flex;align-items:center;gap:.5rem}.nav-search-input{flex:1;background:#ffffff1a;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:.5rem 1rem;color:#fff;font-size:.9rem;text-align:right;transition:all .3s ease}.nav-search-input:focus{outline:none;border-color:#fbbf24;background:#ffffff26;box-shadow:0 0 10px #fbbf2433}.asma-filter-bar{display:none;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;justify-content:flex-start;margin-bottom:2rem;animation:fadeIn .3s ease-in-out;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.asma-filter-bar::-webkit-scrollbar{display:none}@media (min-width: 600px){.asma-filter-bar{justify-content:center}}.asma-filter-bar.show{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.asma-filter-btn{background:#ffffff1a}.asma-container{max-width:400px;margin:0 auto;padding:1rem;padding-top:120px;padding-bottom:100px}.asma-header{text-align:center;margin-bottom:2rem}.asma-title-ar{font-family:Amiri,serif;font-size:2.5rem;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.3);margin-bottom:.5rem}.asma-title-sv{font-size:1.2rem;color:#94a3b8}.asma-search-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.asma-search-input{flex:1;min-width:250px;padding:.8rem 1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0f172ab3;color:#e2e8f0;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asma-search-input::placeholder{color:#64748b}.asma-search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;width:100%}.loading-content{text-align:center;background:#0f172ae6;padding:2rem;border-radius:20px;border:1px solid rgba(251,191,36,.3);min-width:250px}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fbbf24;font-family:Amiri,serif;font-size:1.2rem;margin-bottom:1rem}.loading-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.loading-progress{height:100%;background:linear-gradient(90deg,#fbbf24,#22c55e);border-radius:4px;width:0%;transition:width .2s ease}.loading-percent{color:#94a3b8;font-size:.9rem;font-weight:700}.asma-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.asma-card{background:linear-gradient(135deg,#0f172acc,#1e293b99);border:1px solid rgba(251,191,36,.2);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;position:relative;overflow:hidden}.asma-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.asma-card:hover{transform:translateY(-5px);border-color:#fbbf2480;box-shadow:0 15px 40px #fbbf2426}.asma-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.asma-number{width:40px;height:40px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1e293b;font-size:1rem}.asma-speak-btn{width:40px;height:40px;border:none;background:#fbbf2433;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s}.asma-speak-btn:hover{background:#fbbf2466;transform:scale(1.1)}.asma-name-ar{font-family:Amiri,serif;font-size:2.2rem;color:#fbbf24;text-align:center;margin-bottom:.5rem;direction:rtl}.asma-name-sv{text-align:center;color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.lang-primary{font-size:1.3em!important;opacity:1}.lang-secondary{font-size:.8em!important;opacity:.7}.asma-name-ar.lang-primary{font-size:2.5rem!important}.asma-name-ar.lang-secondary{font-size:1.5rem!important}.asma-name-sv.lang-primary{font-size:1.8rem!important;font-weight:700}.asma-name-sv.lang-secondary{font-size:.95rem!important}.asma-meaning{background:#0003;border-radius:12px;padding:1rem;margin-bottom:1rem}.asma-meaning-ar{font-family:Amiri,serif;font-size:1rem;color:#cbd5e1;direction:rtl;text-align:right;line-height:1.8;margin-bottom:.5rem}.asma-meaning-sv{font-size:.9rem;color:#94a3b8;line-height:1.6}.asma-conjugation{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.conj-item{background:#fbbf241a;border-radius:8px;padding:.5rem;text-align:center}.conj-label{font-size:.7rem;color:#94a3b8;margin-bottom:.2rem}.conj-ar{font-family:Amiri,serif;font-size:1rem;color:#fbbf24}.conj-sv{font-size:.75rem;color:#94a3b8}.asma-verse{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-left:3px solid #fbbf24;border-radius:0 12px 12px 0;padding:1rem}.verse-icon{font-size:1.2rem;margin-bottom:.5rem}.verse-ar{font-family:Amiri,serif;font-size:1.1rem;color:#fbbf24;direction:rtl;text-align:right;line-height:1.8;margin-bottom:.5rem}.verse-sv{font-size:.85rem;color:#94a3b8;font-style:italic}.asma-stats{text-align:center;color:#64748b;margin-bottom:1rem;font-size:.9rem}@media (max-width: 480px){.asma-cards-grid{grid-template-columns:1fr}.asma-name-ar{font-size:1.8rem}.asma-conjugation{grid-template-columns:1fr}}body.memory-game-page{background:linear-gradient(135deg,#0a1628,#1a2744,#0d1e36);min-height:100vh}body.memory-game-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(251,191,36,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(251,191,36,.03) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(251,191,36,0.05)' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='8' fill='none' stroke='rgba(251,191,36,0.03)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,60px 60px;pointer-events:none;z-index:-1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 25px #fbbf2499,0 0 50px #fbbf244d}}.asma-header{animation:fadeIn .8s ease-out}.header-search-wrapper{position:relative;margin-top:1rem;width:100%;max-width:320px}.header-search-wrapper .search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.9rem;opacity:.5}.header-search-input{width:100%;padding:.7rem 2.2rem .7rem 1rem;border:1px solid rgba(251,191,36,.25);border-radius:10px;background:#0006;color:#e2e8f0;font-size:.9rem;font-family:Amiri,serif;text-align:right;direction:rtl;transition:all .3s ease}.header-search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 12px #fbbf2426}.header-search-input::placeholder{color:#64748b}.asma-card{animation:fadeInUp .6s ease-out both}.asma-card:nth-child(1){animation-delay:.1s}.asma-card:nth-child(2){animation-delay:.15s}.asma-card:nth-child(3){animation-delay:.2s}.asma-card:nth-child(4){animation-delay:.25s}.asma-card:nth-child(5){animation-delay:.3s}.asma-card:nth-child(6){animation-delay:.35s}.asma-speak-btn{position:relative;display:flex;align-items:center;justify-content:center}.asma-speak-btn svg{width:20px;height:20px;stroke:#fbbf24}.asma-speak-btn.speaking{animation:pulseGlow 1s ease-in-out infinite;background:#fbbf2466}.asma-title-ar{background:linear-gradient(90deg,#fbbf24,#fde68a,#fbbf24,#fde68a,#fbbf24);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}.asma-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.asma-card:hover:after{opacity:1}.asma-favorite-btn{width:36px;height:36px;border:none;background:transparent;cursor:pointer;font-size:1.2rem;transition:all .3s;opacity:.5}.asma-favorite-btn:hover{transform:scale(1.2);opacity:1}.asma-favorite-btn.favorited{opacity:1;color:#ef4444}.asma-card.memorized{border-color:#22c55e80}.asma-card.memorized:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.memorized-badge{position:absolute;top:10px;right:10px;background:#22c55e33;color:#22c55e;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600}.islamic-bg-layer{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;overflow:hidden}.islamic-bg-layer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0L50 30L80 40L50 50L40 80L30 50L0 40L30 30Z' fill='none' stroke='rgba(251,191,36,0.06)' stroke-width='0.5'/%3E%3Ccircle cx='40' cy='40' r='15' fill='none' stroke='rgba(251,191,36,0.04)' stroke-width='0.5'/%3E%3Ccircle cx='40' cy='40' r='8' fill='none' stroke='rgba(251,191,36,0.03)' stroke-width='0.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 0L60 15L60 37L30 52L0 37L0 15Z' fill='none' stroke='rgba(251,191,36,0.03)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:80px 80px,60px 52px;will-change:transform}@keyframes patternFloat{0%{transform:translate(0)}50%{transform:translate(10px,10px)}to{transform:translate(0)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.particles-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.gold-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(251,191,36,.8),transparent);border-radius:50%;opacity:.5}.gold-particle:after{content:"";position:absolute;top:-2px;left:-2px;width:8px;height:8px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);border-radius:50%}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:.8;transform:translateY(90vh) translate(10px) scale(1)}50%{opacity:.6;transform:translateY(50vh) translate(-20px) scale(.8)}90%{opacity:.3;transform:translateY(10vh) translate(15px) scale(.5)}to{transform:translateY(-10vh) translate(0) scale(0);opacity:0}}.asma-speak-btn.speaking{animation:pulseGlow 1s ease-in-out infinite,speakingRipple .5s ease-out infinite;background:#fbbf2466}.asma-speak-btn.speaking:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(251,191,36,.5);transform:translate(-50%,-50%);animation:audioWave 1s ease-out infinite}.asma-speak-btn.speaking:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;border-radius:50%;border:1px solid rgba(251,191,36,.3);transform:translate(-50%,-50%);animation:audioWave 1s ease-out infinite .3s}@keyframes speakingRipple{0%{box-shadow:0 0 #fbbf2466}to{box-shadow:0 0 0 15px #fbbf2400}}@keyframes audioWave{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.asma-card.card-speaking{border-color:#fbbf24cc;box-shadow:0 0 30px #fbbf244d,inset 0 0 20px #fbbf240d}.asma-card.card-speaking .asma-name-ar{animation:textGlow 1.5s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(251,191,36,.3)}50%{text-shadow:0 0 25px rgba(251,191,36,.6),0 0 40px rgba(251,191,36,.3)}}[data-theme=neon],:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--gold-primary: #fbbf24;--gold-secondary: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--card-bg: linear-gradient(135deg, rgba(15, 23, 42, .8), rgba(30, 41, 59, .6));--accent-glow: rgba(251, 191, 36, .4)}[data-theme=neon] body,body{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)}[data-theme=neon] .asma-card{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-color:#fbbf244d;box-shadow:0 4px 20px #fbbf241a}[data-theme=neon] .asma-card:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.7}}[data-theme=neon] .asma-name-ar,[data-theme=neon] .asma-title-ar{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5)}[data-theme=neon] .asma-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 15px #fbbf2480}[data-theme=calm]{--bg-primary: #f8fafc;--bg-secondary: #e2e8f0;--gold-primary: #92400e;--gold-secondary: #78350f;--text-primary: #1e293b;--text-secondary: #475569;--card-bg: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(241, 245, 249, .9));--accent-glow: rgba(146, 64, 14, .2)}[data-theme=calm] body{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9)}[data-theme=calm] .asma-card{background:linear-gradient(135deg,#fffffff2,#f1f5f9e6);border-color:#92400e4d;box-shadow:0 4px 15px #0000001a}[data-theme=calm] .asma-card:before{background:linear-gradient(90deg,#92400e,#b45309,#92400e)}[data-theme=calm] .asma-name-ar,[data-theme=calm] .asma-title-ar{color:#92400e;text-shadow:none;background:linear-gradient(90deg,#92400e,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=calm] .asma-name-sv,[data-theme=calm] .asma-title-sv{color:#1e293b}[data-theme=calm] .asma-number{background:linear-gradient(135deg,#92400e,#b45309);box-shadow:none}[data-theme=calm] .asma-meaning{background:#92400e14}[data-theme=calm] .asma-meaning-ar,[data-theme=calm] .asma-meaning-sv{color:#334155}[data-theme=calm] .asma-verse{background:linear-gradient(135deg,#92400e1a,#b453090d);border-left-color:#92400e}[data-theme=calm] .verse-ar{color:#92400e}[data-theme=calm] .asma-nav-bar{background:#ffffffd9;border-color:#92400e33}[data-theme=calm] .asma-nav-btn{background:#ffffffe6;color:#1e293b;border-color:#92400e33}[data-theme=calm] .asma-nav-btn svg{stroke:#475569}[data-theme=calm] .asma-nav-btn.feature-btn{background:linear-gradient(135deg,#92400e1a,#b453090d)}[data-theme=calm] .asma-nav-btn.feature-btn svg{stroke:#92400e}[data-theme=calm] .nav-search-input{background:#ffffffe6;color:#1e293b;border-color:#92400e33}[data-theme=calm] .asma-filter-btn{background:#ffffffe6;color:#475569;border-color:#92400e33}[data-theme=calm] .asma-filter-btn.active{background:linear-gradient(135deg,#92400e,#b45309);color:#fff}[data-theme=calm] .islamic-bg-layer:before,[data-theme=calm] .islamic-bg-layer:after{opacity:.3;filter:invert(1) hue-rotate(180deg)}[data-theme=calm] .gold-particle{background:radial-gradient(circle,#92400e 0%,transparent 70%)}.asma-nav-btn.calm-active{background:#92400e33;border-color:#92400e80}[data-theme=islamic-night]{--bg-primary: #0a0f1a;--bg-secondary: #111827;--gold-primary: #d4af37;--gold-secondary: #b8860b;--text-primary: #e5e7eb;--text-secondary: #9ca3af}[data-theme=islamic-night] body{background:linear-gradient(135deg,#0a0f1a,#1a1f2e,#0f1419)}[data-theme=islamic-night] .asma-card{background:linear-gradient(135deg,#0a0f1af2,#1a1f2ee6);border-color:#d4af374d}[data-theme=islamic-night] .asma-card:before{background:linear-gradient(90deg,#d4af37,#b8860b)}[data-theme=islamic-night] .asma-name-ar,[data-theme=islamic-night] .asma-title-ar{color:#d4af37}[data-theme=islamic-night] .asma-number{background:linear-gradient(135deg,#d4af37,#b8860b)}[data-theme=islamic-night] .islamic-bg-layer:before{filter:hue-rotate(-10deg) brightness(.8)}[data-theme=islamic-night] .islamic-bg-layer:after{background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.3),transparent),radial-gradient(ellipse at 50% 50%,rgba(212,175,55,.03) 0%,transparent 70%);animation:starsTwinkle 4s ease-in-out infinite}@keyframes starsTwinkle{0%,to{opacity:.7}50%{opacity:1}}[data-theme=islamic-night] .asma-header:before{content:"☪";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:3rem;color:#d4af374d;animation:moonGlow 4s ease-in-out infinite}@keyframes moonGlow{0%,to{text-shadow:0 0 10px rgba(212,175,55,.3);opacity:.5}50%{text-shadow:0 0 30px rgba(212,175,55,.6);opacity:.8}}.asma-nav-btn.night-active{background:#d4af374d;border-color:#d4af3780}.asma-card-actions{margin-top:1rem;text-align:center}.asma-memorize-btn{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .3s;font-family:Amiri,serif}.asma-memorize-btn:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b33);transform:scale(1.05)}.asma-memorize-btn.active{background:linear-gradient(135deg,#22c55e4d,#16a34a33);border-color:#22c55e80;color:#22c55e}.asma-filter-btn{padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#94a3b8;cursor:pointer;font-size:.85rem;transition:all .3s}.asma-filter-btn:hover{border-color:#fbbf2480;color:#fbbf24}.asma-filter-btn.active{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf2480;color:#fbbf24}.asma-mode-panel{background:#000000b3;border:1px solid rgba(251,191,36,.15);border-radius:16px;padding:1rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-search-wrapper{position:relative;margin-bottom:1rem}.mode-search-wrapper .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.6}.mode-search-input{width:100%;padding:.85rem 2.5rem .85rem 1rem;border:2px solid rgba(251,191,36,.2);border-radius:12px;background:#0000004d;color:#e2e8f0;font-size:1rem;font-family:Amiri,serif;text-align:right;direction:rtl;transition:all .3s ease}.mode-search-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.mode-search-input::placeholder{color:#64748b}.mode-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.mode-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.9rem .5rem;border:2px solid rgba(251,191,36,.25);border-radius:14px;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);color:#fbbf24;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:Amiri,serif}.mode-action-btn:hover{transform:translateY(-3px);border-color:#fbbf24;box-shadow:0 8px 20px #fbbf2433}.mode-action-btn:active{transform:translateY(-1px)}.mode-action-btn .action-icon{font-size:1.5rem}.mode-action-btn .action-text{font-size:.8rem;opacity:.9}.mode-action-btn.play-btn:hover{border-color:#22c55e;color:#22c55e}.mode-action-btn.quiz-btn:hover{border-color:#3b82f6;color:#3b82f6}.mode-action-btn.flashcard-btn:hover{border-color:#fbbf24;color:#fbbf24}.mode-repeat-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.mode-repeat-row .repeat-label{font-size:.85rem;color:#94a3b8;font-family:Amiri,serif}.repeat-pills{display:flex;gap:.4rem}.repeat-pill{min-width:36px;height:32px;padding:0 .5rem;border:1px solid rgba(251,191,36,.3);border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.repeat-pill:hover{background:#fbbf241a;color:#fbbf24}.repeat-pill.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:transparent;color:#1e293b}.asma-mode-bar{display:none}.quiz-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:2000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.quiz-modal.active{display:flex}.quiz-container{background:linear-gradient(135deg,#0f172afa,#1e293bf2);border:2px solid rgba(251,191,36,.3);border-radius:24px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.quiz-close-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ef444433;border-radius:50%;color:#ef4444;font-size:1.5rem;cursor:pointer;transition:all .3s}.quiz-close-btn:hover{background:#ef444466;transform:scale(1.1)}.quiz-header{text-align:center;margin-bottom:2rem}.quiz-progress{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.quiz-progress-bar{flex:1;max-width:300px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#22c55e);transition:width .5s ease}.quiz-score{font-size:1rem;color:#fbbf24}.quiz-question{text-align:center;margin-bottom:2rem}.quiz-question-label{font-size:.9rem;color:#94a3b8;margin-bottom:.5rem}.quiz-question-name{font-family:Amiri,serif;font-size:3rem;color:#fbbf24;margin-bottom:1rem;text-shadow:0 0 20px rgba(251,191,36,.3)}.quiz-options{display:grid;gap:1rem}.quiz-option{padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;color:#e2e8f0;cursor:pointer;font-size:1rem;transition:all .3s;text-align:center}.quiz-option:hover:not(.disabled){border-color:#fbbf2480;background:#fbbf241a;transform:translateY(-2px)}.quiz-option.correct{border-color:#22c55e;background:#22c55e33;color:#22c55e;animation:correctPulse .5s ease}.quiz-option.wrong{border-color:#ef4444;background:#ef444433;color:#ef4444;animation:wrongShake .5s ease}.quiz-option.disabled{cursor:not-allowed;opacity:.6}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.quiz-result{text-align:center;padding:2rem}.quiz-result-icon{font-size:4rem;margin-bottom:1rem}.quiz-result-text{font-size:1.5rem;color:#e2e8f0;margin-bottom:.5rem}.quiz-result-score{font-size:2rem;color:#fbbf24;font-weight:700}.quiz-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.quiz-action-btn{padding:.8rem 2rem;border:2px solid rgba(251,191,36,.5);border-radius:25px;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);color:#fbbf24;cursor:pointer;font-size:1rem;transition:all .3s}.quiz-action-btn:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b33);transform:scale(1.05)}.quiz-action-btn.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;border-color:transparent}.flashcard-modal{display:none;position:relative;width:100%;max-width:430px;margin:0 auto;padding:1rem;z-index:100;align-items:center;justify-content:center;flex-direction:column}.flashcard-modal.active{display:flex!important}.flashcard-container{perspective:1000px;width:100%;max-width:400px;height:280px}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;cursor:pointer}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 8px 32px #00000040,inset 0 1px #fff6,inset 0 -1px #ffffff1a}.flashcard-front{background:linear-gradient(135deg,#3b82f6d9,#60a5fabf)!important;border:1px solid rgba(255,255,255,.35)!important}.flashcard-back{background:linear-gradient(135deg,#2563ebd9,#1d4ed8bf)!important;border:1px solid rgba(255,255,255,.35)!important;transform:rotateY(180deg)}.flashcard-number{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1e293b;font-size:.9rem;box-shadow:0 4px 12px #fbbf244d}.flashcard-name{font-family:Amiri,serif;font-size:3rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2);margin-bottom:.75rem}.flashcard-hint{font-size:.95rem;color:#ffffffb3;text-shadow:0 2px 4px rgba(0,0,0,.4)}.flashcard-meaning{text-align:center}.flashcard-meaning-ar{font-family:Amiri,serif;font-size:1.4rem;color:#fff;margin-bottom:.75rem;line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3)}.flashcard-meaning-sv{font-size:1.1rem;color:#ffffffd9;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.4)}.flashcard-controls{display:flex;gap:.75rem;margin-top:1.5rem;width:100%;justify-content:center}.flashcard-btn{padding:.75rem 1.25rem;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e2e8f0;cursor:pointer;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;flex:1;max-width:140px;box-shadow:0 4px 15px #0003}.flashcard-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.flashcard-btn.know{background:#22c55e26;border-color:#22c55e66;color:#86efac}.flashcard-btn.know:hover{background:#22c55e40;border-color:#22c55e99}.flashcard-btn.dont-know{background:#ef444426;border-color:#ef444466;color:#fca5a5}.flashcard-btn.dont-know:hover{background:#ef444440;border-color:#ef444499}.flashcard-progress{margin-top:1rem;text-align:center;color:#fbbf24;font-weight:600}.flashcard-close{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444466}.flashcard-close:hover{transform:scale(1.1);box-shadow:0 6px 16px #ef444480}@media (max-width: 600px){.flashcard-controls{flex-wrap:wrap;gap:.5rem;justify-content:center}.flashcard-btn{padding:.7rem 1rem;font-size:.9rem;flex:1 1 auto;min-width:100px}.flashcard-container{width:95%;max-width:100%;height:300px}.flashcard-name{font-size:2.5rem}.flashcard-face{padding:1rem}.quiz-container{width:95%;max-width:100%;padding:1rem}.quiz-question-name{font-size:2rem}.quiz-option{width:100%;min-width:unset;padding:.8rem 1rem;font-size:.9rem}}.repeat-controls{display:flex;align-items:center;gap:.5rem;background:#0f172acc;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(251,191,36,.3)}.repeat-label{font-size:.8rem;color:#94a3b8}.repeat-count{display:flex;gap:.3rem}.repeat-count-btn{width:30px;height:30px;border:1px solid rgba(251,191,36,.3);border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;font-size:.8rem;transition:all .3s}.repeat-count-btn.active,.repeat-count-btn:hover{background:#fbbf2433;border-color:#fbbf24;color:#fbbf24}.asma-dashboard-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;border:none;box-shadow:0 4px 15px #fbbf2466;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.asma-dashboard-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #fbbf2499}.stats-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2000;align-items:center;justify-content:center;padding:1rem}.stats-modal.active{display:flex}.stats-container{background:linear-gradient(135deg,#0f172afa,#1e293bf2);border:2px solid rgba(251,191,36,.3);border-radius:24px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.stats-header{text-align:center;margin-bottom:2rem}.stats-title{font-family:Amiri,serif;font-size:2rem;color:#fbbf24;margin-bottom:.5rem}.streak-counter{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;color:#fbbf24;font-weight:700;margin-top:1rem}.progress-rings{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}.progress-card{background:#ffffff0d;padding:1.5rem;border-radius:20px;text-align:center;width:160px}.progress-circle{position:relative;width:100px;height:100px;margin:0 auto 1rem}.progress-circle svg{width:100px;height:100px;transform:rotate(-90deg)}.progress-circle circle{fill:none;stroke-width:8;stroke-linecap:round}.progress-bg{stroke:#ffffff1a}.progress-bar{stroke:#fbbf24;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:700;color:#e2e8f0}.progress-label{color:#94a3b8;font-size:.9rem}.badges-section{margin-top:2rem}.badges-title{color:#e2e8f0;font-size:1.2rem;margin-bottom:1rem;text-align:center}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.badge-item{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s;opacity:.5;filter:grayscale(1)}.badge-item.unlocked{opacity:1;filter:grayscale(0);background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf244d;box-shadow:0 4px 12px #0003;animation:badgeUnlock .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgeUnlock{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.badge-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.badge-name{color:#fbbf24;font-size:.9rem;font-weight:700;margin-bottom:.2rem}.badge-desc{color:#94a3b8;font-size:.75rem}.category-badge{position:absolute;top:.5rem;left:50%;transform:translate(-50%);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-family:Amiri,serif;color:#fff;opacity:.8;border:1px solid rgba(255,255,255,.2)}.category-badge.jalal{background:#dc262633;border-color:#dc262666;color:#fca5a5}.category-badge.jamal{background:#9333ea33;border-color:#9333ea66;color:#93c5fd}.category-badge.kamal{background:#2563eb33;border-color:#2563eb66;color:#93c5fd}.audio-player-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0f172af2;border:1px solid rgba(251,191,36,.3);border-radius:50px;padding:.8rem 2rem;display:flex;align-items:center;gap:2rem;box-shadow:0 10px 30px #00000080;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:90%;max-width:500px}.audio-player-bar.hidden{bottom:-100px;opacity:0;pointer-events:none}.audio-info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.4}.audio-name-ar{color:#fbbf24;font-family:Amiri,serif;font-weight:700;font-size:1.1rem}.audio-name-sv{color:#e2e8f0;font-size:.9rem;opacity:.9}.audio-names-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:nowrap;width:100%}.audio-status{color:#94a3b8;font-size:.75rem}.audio-controls{display:flex;align-items:center;gap:1rem}.audio-btn{background:transparent;border:none;color:#e2e8f0;cursor:pointer;font-size:1.2rem;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.audio-btn:hover{background:#ffffff1a;color:#fbbf24}.audio-btn.active{color:#fbbf24;background:#fbbf241a}.audio-btn.play-pause{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;width:50px;height:50px;font-size:1.5rem;box-shadow:0 4px 15px #fbbf244d}.audio-btn.play-pause:hover{transform:scale(1.1)}.speed-btn{font-size:.8rem;font-weight:700;width:auto;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0 .8rem}body.iphone-view .asma-container{height:100%;overflow-y:auto;position:absolute;top:0;left:0;right:0;bottom:0;padding-top:160px;padding-bottom:120px;border-radius:25px;overscroll-behavior:contain;max-height:100vh}body.iphone-view .asma-container::-webkit-scrollbar{display:none}.player-close-btn{position:absolute;top:-10px;right:-10px;width:25px;height:25px;background:#ef4444e6;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;z-index:1002;box-shadow:0 2px 5px #0000004d;transition:all .2s}.player-close-btn:hover{transform:scale(1.1);background:#ef4444}@media (max-width: 600px){.audio-player-bar{width:90%;max-width:400px;padding:.6rem .5rem;gap:.5rem;bottom:1rem;flex-direction:column;border-radius:25px}.audio-info{width:100%;align-items:center;text-align:center;margin-bottom:.1rem}.audio-name-ar{font-size:1.1rem}.audio-controls{width:100%;justify-content:center;gap:.3rem}.audio-btn{width:38px;height:38px;font-size:1rem}.audio-btn.play-pause{width:48px;height:48px;font-size:1.3rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}.view-section{display:none;width:100%;animation:fadeIn .3s ease;padding-bottom:2rem}.view-section.active{display:block}#flashcardView.active{display:flex;flex-direction:column;align-items:center}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.view-title{font-family:Amiri,serif;font-size:1.8rem;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.3);margin:0}.back-btn-inline{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#e2e8f0;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .3s}.back-btn-inline:hover{background:#fff3;border-color:#fbbf24;color:#fbbf24}.quiz-container{margin:0 auto;max-height:none!important;overflow-y:visible!important;position:relative!important;background:transparent!important;border:none!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}.flashcard-container{margin:2rem auto;background:transparent!important;border:none!important;box-shadow:none!important}.mode-selection-bar{display:flex;justify-content:center;gap:8px;margin:15px auto;width:95%;max-width:500px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px;border-radius:50px;border:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.mode-selection-bar::-webkit-scrollbar{display:none}.mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:40px;background:transparent;border:none;color:#ffffffbf;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;flex:1;min-width:fit-content}.mode-btn:hover{background:#ffffff1a;color:#fff}.mode-btn.active{background:#fff3;color:var(--quran-gold, #fbbf24);font-weight:700;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.1)}.mode-icon{font-size:1.1rem}.mode-text-sv,.mode-text-ar{display:inline-block}@media (max-width: 360px){.mode-btn{padding:8px 12px;font-size:.8rem}.mode-text-sv{display:none}}.mode-selection-bar{position:relative}.mode-btn{position:relative;z-index:1}.mode-btn.active{background:transparent!important;color:#1a1a2e;font-weight:700;box-shadow:none;border:none}.quiz-fill-container{padding:20px;max-width:600px;margin:0 auto}.quiz-fill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#0006;padding:12px 16px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,215,0,.2)}.fill-progress-text,.quiz-fill-score{color:var(--text-color);font-weight:700;font-family:Tajawal,sans-serif}.quiz-fill-card{background:#121212d9;border-radius:20px;padding:30px;text-align:center;border:1px solid rgba(255,215,0,.3);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.quiz-fill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l15 30-15 30L0 30z' fill='%23D4AF37' fill-opacity='0.03'/%3E%3C/svg%3E");opacity:.5;pointer-events:none;z-index:0}.fill-question-section{margin-bottom:30px;position:relative;z-index:1}.fill-ayah-arabic{font-family:Amiri,serif;font-size:2.8rem;color:gold;line-height:1.8;margin-bottom:15px;text-shadow:0 0 15px rgba(255,215,0,.3)}.fill-ayah-translation{font-size:1.2rem;color:#fffc;font-style:italic;margin-bottom:20px}.fill-instruction{background:#ffd7001a;color:gold;padding:8px 16px;border-radius:20px;display:inline-block;margin-bottom:25px;font-size:.95rem;border:1px solid rgba(255,215,0,.2);position:relative;z-index:1}.fill-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;position:relative;z-index:1}.fill-option-btn{background:linear-gradient(135deg,#3b82f633,#1e40af4d);border:1px solid rgba(59,130,246,.3);color:#e2e8f0;padding:16px;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fill-option-btn:hover{background:linear-gradient(135deg,#3b82f666,#1e40af80);border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 4px 15px #2563eb33;color:#fff}.fill-option-btn:active{transform:scale(.98)}.fill-option-btn.correct{background:linear-gradient(135deg,#2ecc7133,#27ae604d)!important;border-color:#2ecc71!important;box-shadow:0 0 15px #2ecc714d}.fill-option-btn.wrong{background:linear-gradient(135deg,#e74c3c33,#c0392b4d)!important;border-color:#e74c3c!important;opacity:.7}.quiz-fill-feedback{margin-top:25px;padding:15px;border-radius:12px;animation:slideUpFade .4s ease-out;position:relative;z-index:1}.quiz-fill-feedback.correct{background:#2ecc7126;border:1px solid rgba(46,204,113,.3)}.quiz-fill-feedback.wrong{background:#e74c3c26;border:1px solid rgba(231,76,60,.3)}.feedback-content{display:flex;align-items:center;justify-content:center;gap:12px}.feedback-icon{font-size:1.8rem}.feedback-text{display:flex;flex-direction:column;text-align:left}.sv-text{font-weight:700;font-size:1rem;color:#fff}.ar-text{font-size:.9rem;color:#ffffffb3}.quiz-fill-results{text-align:center;padding:40px 20px;background:#121212d9;border-radius:20px;border:1px solid rgba(255,215,0,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-icon{font-size:4rem;margin-bottom:20px;animation:bounce 1s infinite}.results-score{font-size:1.5rem;margin:15px 0;color:gold}.results-percentage{font-size:3rem;font-weight:800;background:linear-gradient(45deg,gold,#fdb931);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px}.results-actions{display:flex;gap:15px;justify-content:center}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.fill-options-grid{grid-template-columns:1fr}}:root{--quran-gold: #fbbf24;--quran-gold-glow: rgba(251, 191, 36, .4);--quran-green: #065f46;--quran-green-light: #10b981;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--font-arabic-quran: "Amiri", "Noto Sans Arabic", serif;--bg-gradient: radial-gradient(circle at top right, #064e3b, #0f172a, #000000)}[data-quran-theme=midnight]{--quran-gold: #38bdf8;--quran-gold-glow: rgba(56, 189, 248, .4);--quran-green: #1e3a8a;--quran-green-light: #60a5fa;--bg-gradient: radial-gradient(circle at top right, #172554, #0f172a, #000000)}[data-quran-theme=sunset]{--quran-gold: #fcd34d;--quran-gold-glow: rgba(252, 211, 77, .4);--quran-green: #7c2d12;--quran-green-light: #f97316;--bg-gradient: radial-gradient(circle at top right, #9a3412, #451a03, #000000)}[data-quran-theme=amethyst]{--quran-gold: #22d3ee;--quran-gold-glow: rgba(34, 211, 238, .4);--quran-green: #0e7490;--quran-green-light: #67e8f9;--bg-gradient: radial-gradient(circle at top right, #0891b2, #164e63, #000000)}[data-quran-theme=oasis]{--quran-gold: #fde047;--quran-gold-glow: rgba(253, 224, 71, .4);--quran-green: #22c55e;--quran-green-light: #4ade80;--bg-gradient: radial-gradient(circle at top right, #15803d, #0f172a, #020617)}[data-quran-theme=sky]{--quran-gold: #f0f9ff;--quran-gold-glow: rgba(224, 242, 254, .4);--quran-green: #0ea5e9;--quran-green-light: #38bdf8;--bg-gradient: radial-gradient(circle at top right, #0284c7, #0c4a6e, #0f172a)}[data-quran-theme=ocean]{--quran-gold: #fbbf24;--quran-gold-glow: rgba(251, 191, 36, .3);--quran-green: #1e40af;--quran-green-light: #60a5fa;--bg-gradient: radial-gradient(circle at top right, #1e3a8a, #172554, #020617)}[data-quran-theme=navy]{--quran-gold: #e2e8f0;--quran-gold-glow: rgba(226, 232, 240, .3);--quran-green: #312e81;--quran-green-light: #818cf8;--bg-gradient: radial-gradient(circle at top right, #1e1b4b, #0f172a, #000000)}[data-quran-theme=obsidian]{--quran-gold: #ffffff;--quran-gold-glow: rgba(255, 255, 255, .2);--quran-green: #27272a;--quran-green-light: #71717a;--bg-gradient: #000000}[data-quran-theme=slate]{--quran-gold: #f1f5f9;--quran-gold-glow: rgba(241, 245, 249, .3);--quran-green: #475569;--quran-green-light: #94a3b8;--bg-gradient: radial-gradient(circle at top right, #334155, #1e293b, #0f172a)}[data-quran-theme=sage]{--quran-gold: #d4d4d8;--quran-gold-glow: rgba(212, 212, 216, .2);--quran-green: #3f4e4f;--quran-green-light: #a27b5c;--bg-gradient: radial-gradient(circle at top right, #2c3639, #395b64, #2c3333)}[data-quran-theme=luxury]{--quran-gold: #ffd700;--quran-gold-glow: rgba(255, 215, 0, .5);--quran-green: #064e3b;--quran-green-light: #10b981;--bg-gradient: radial-gradient(circle at top right, #022c22, #064e3b, #000000)}[data-quran-theme=teal]{--quran-gold: #ccfbf1;--quran-gold-glow: rgba(204, 251, 241, .3);--quran-green: #115e59;--quran-green-light: #2dd4bf;--bg-gradient: radial-gradient(circle at top right, #134e4a, #0f766e, #042f2e)}[data-quran-theme=ruby]{--quran-gold: #fb7185;--quran-gold-glow: rgba(251, 113, 133, .4);--quran-green: #881337;--quran-green-light: #f43f5e;--bg-gradient: radial-gradient(circle at top right, #4c0519, #881337, #000000)}[data-quran-theme=bronze]{--quran-gold: #fcd34d;--quran-gold-glow: rgba(252, 211, 77, .4);--quran-green: #78350f;--quran-green-light: #d97706;--bg-gradient: radial-gradient(circle at top right, #451a03, #78350f, #292524)}.settings-content[data-quran-theme=midnight]{--quran-gold: #38bdf8;--quran-gold-glow: rgba(56, 189, 248, .4);--quran-green: #1e3a8a}.settings-content[data-quran-theme=sunset]{--quran-gold: #fcd34d;--quran-gold-glow: rgba(252, 211, 77, .4);--quran-green: #7c2d12}.settings-content[data-quran-theme=amethyst]{--quran-gold: #22d3ee;--quran-gold-glow: rgba(34, 211, 238, .4);--quran-green: #0e7490}.settings-content[data-quran-theme=oasis]{--quran-gold: #fde047;--quran-gold-glow: rgba(253, 224, 71, .4);--quran-green: #22c55e}.settings-content[data-quran-theme=sky]{--quran-gold: #f0f9ff;--quran-gold-glow: rgba(224, 242, 254, .4);--quran-green: #0ea5e9}.settings-content[data-quran-theme=ocean]{--quran-gold: #fbbf24;--quran-gold-glow: rgba(251, 191, 36, .3);--quran-green: #1e40af}.settings-content[data-quran-theme=navy]{--quran-gold: #e2e8f0;--quran-gold-glow: rgba(226, 232, 240, .3);--quran-green: #312e81}.settings-content[data-quran-theme=obsidian]{--quran-gold: #ffffff;--quran-gold-glow: rgba(255, 255, 255, .2);--quran-green: #27272a}.settings-content[data-quran-theme=slate]{--quran-gold: #f1f5f9;--quran-gold-glow: rgba(241, 245, 249, .3);--quran-green: #475569}.settings-content[data-quran-theme=sage]{--quran-gold: #d4d4d8;--quran-gold-glow: rgba(212, 212, 216, .2);--quran-green: #3f4e4f}.settings-content[data-quran-theme=luxury]{--quran-gold: #ffd700;--quran-gold-glow: rgba(255, 215, 0, .5);--quran-green: #064e3b}.settings-content[data-quran-theme=teal]{--quran-gold: #ccfbf1;--quran-gold-glow: rgba(204, 251, 241, .3);--quran-green: #115e59}.settings-content[data-quran-theme=ruby]{--quran-gold: #fb7185;--quran-gold-glow: rgba(251, 113, 133, .4);--quran-green: #881337}.settings-content[data-quran-theme=bronze]{--quran-gold: #fcd34d;--quran-gold-glow: rgba(252, 211, 77, .4);--quran-green: #78350f}body{background:var(--bg-gradient);color:#fff;font-family:Inter,sans-serif;min-height:100vh;transition:background .5s ease;overscroll-behavior:contain}main{padding-top:120px}.quran-header{position:fixed;top:12px;left:50%;transform:translate(-50%);width:400px;z-index:1000;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.15);border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:6px 1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.mode-selection-bar{position:relative;display:flex;justify-content:center;gap:8px;width:95%;max-width:100%;margin-bottom:2px;background:#ffffff14;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:6px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.mode-indicator{position:absolute;top:6px;left:6px;height:calc(100% - 12px);background:linear-gradient(135deg,var(--quran-gold, #fbbf24) 0%,#f59e0b 100%);border-radius:40px;z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #fbbf2459;pointer-events:none}.mode-btn{position:relative;z-index:1;background:transparent;border:none;color:#e2e8f0;padding:8px 16px;border-radius:20px;font-size:1.1rem;cursor:pointer;transition:color .3s;min-width:60px;flex:1;display:flex;justify-content:center;align-items:center}.mode-btn.active{color:#1a1a2e;font-weight:700}.title-container{display:flex;align-items:center;gap:10px}.quran-icon{font-size:2rem;filter:drop-shadow(0 0 10px var(--quran-gold));animation:quranPulse 4s infinite ease-in-out}.quran-title{font-family:var(--font-arabic-quran);font-size:2.2rem;color:var(--quran-gold);text-shadow:0 0 15px var(--quran-gold-glow);margin:0;animation:quranTitlePulse 4s infinite ease-in-out}.search-container{padding:1rem;max-width:600px;margin:0 auto}.glass-input{width:100%;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:12px 20px;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.glass-input:focus{background:#ffffff26;border-color:var(--quran-gold);box-shadow:0 0 15px var(--quran-gold-glow);outline:none}.quran-list{max-width:800px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.quran-card{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.quran-card:hover{transform:translateY(-2px);background:#ffffff14;box-shadow:0 10px 40px #0006;border-color:#fbbf244d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header .action-group{display:flex!important;flex-direction:row!important;gap:8px;align-items:center}.left-actions{display:flex;flex-direction:row;gap:8px;align-items:center}.surah-badge{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#4ade80;padding:4px 12px;border-radius:20px;font-size:.9rem;font-family:var(--font-arabic-quran)}.card-number{font-size:.8rem;color:#fff6}.main-word-section{text-align:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.target-word{font-size:3rem;font-weight:700;color:var(--quran-gold);font-family:Amiri Quran,Amiri,serif;display:block;margin-bottom:2px;line-height:1.6}.highlight-word{color:var(--quran-gold);display:inline-block}.highlight-karaoke{color:#34d399!important;text-shadow:0 0 15px #34d399,0 0 5px white;transform:scale(1.1);transition:all .3s ease}.mic-btn.recording{background-color:#ef4444!important;animation:pulseMic 1s infinite}@keyframes pulseMic{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.meaning-ar{font-size:1.5rem;color:#ffffffe6;font-family:Amiri,serif;margin-bottom:12px;display:block}.word-sv{display:block;color:#cbd5e1;font-size:1.1rem;font-style:italic;margin-top:4px}.ayah-section{background:#0003;padding:1rem;border-radius:12px}.ayah-full{font-family:Amiri Quran,Amiri,serif;font-size:1.5rem;line-height:2.2;color:var(--text-primary);margin-bottom:10px;text-align:right;direction:rtl}.ayah-sv{font-size:.95rem;color:#94a3b8;line-height:1.5}.highlight-word{color:var(--quran-gold);text-shadow:0 0 10px rgba(234,180,87,.3);font-weight:700;font-family:Amiri Quran,serif}@media (max-width: 600px){.target-word{font-size:2.5rem}.quran-header{padding:.8rem}.search-container{padding:.5rem 1rem}}.back-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mode-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px;padding:0 1rem}.tab-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab-btn.active{background:var(--quran-green);color:#fff;border-color:var(--quran-green-light);box-shadow:0 0 15px #10b9814d}.mode-container.hidden,#quranList.hidden,.hidden,.daily-goal-widget{display:none!important}.goal-fill{width:0%}.fc-wrapper{max-width:500px;margin:0 auto;perspective:1000px;padding:1rem}.quran-flashcard{background:transparent;width:100%;height:400px;position:relative;cursor:pointer}.fc-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.quran-flashcard.flipped .fc-inner{transform:rotateY(180deg)}.fc-front,.fc-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.fc-front{border:1px solid var(--quran-green-light);background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent),#0000004d}.fc-back{transform:rotateY(180deg);background:linear-gradient(135deg,#064e3bcc,#000000e6);background:linear-gradient(135deg,var(--quran-green),rgba(0,0,0,.8));border:1px solid var(--quran-gold)}.surah-badge{background:#fbbf2433;color:var(--quran-gold);padding:4px 10px;border-radius:12px;font-size:.8rem}.fc-word-large{font-size:3.5rem;font-weight:700;color:var(--quran-gold);font-family:Amiri Quran,Amiri,serif;margin-bottom:20px;line-height:1.5}.fc-hint{position:absolute;bottom:20px;font-size:.8rem;color:#aaa;opacity:.7}.fc-meaning{font-size:1.5rem;color:var(--quran-gold);margin-bottom:1.5rem;font-weight:700}.fc-ayah-context{font-family:var(--font-arabic-quran);font-size:1.4rem;color:#e2e8f0;margin-bottom:10px;line-height:1.8}.fc-ayah-trans{font-size:.9rem;color:#cbd5e1;font-style:italic}.fc-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.control-btn{background:#ffffff1a;border:none;color:#fff;padding:10px 20px;border-radius:50px;cursor:pointer;transition:background .2s}.control-btn:hover{background:#fff3}.fc-progress{color:#ccc;font-variant-numeric:tabular-nums}.quiz-wrapper{max-width:600px;margin:0 auto;padding:1rem}.quiz-stats{display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 1rem;color:#ccc;font-size:.9rem}.quiz-card{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);text-align:center}.quiz-question-type{color:#94a3b8;margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.quiz-target-word{font-size:3.5rem;@keyframes pulseRed{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes wave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}display:block}.quiz-target-word .icon-sm{width:20px;height:20px;stroke-width:2px}.quiz-target-word .icon-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.quiz-target-word .icon-btn:hover{color:var(--quran-gold);background:#ffffff1a}.quiz-target-word .badger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.quiz-target-word .surah-badge{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-family:var(--font-arabic-quran)}.quiz-target-word .root-badge{background:rgba(var(--quran-gold-rgb),.1);background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:var(--quran-gold);cursor:pointer;text-decoration:none}.quiz-target-word .root-badge:hover{background:#fbbf2440;transform:translateY(-1px)}.quiz-target-word .word-sv-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.quiz-target-word .word-sv-accent{font-size:1.3rem;color:var(--quran-green-light);font-weight:600;letter-spacing:.5px}.quiz-target-word .word-actions{display:flex;gap:4px}.quiz-target-word .ayah-sv.text-muted{color:#94a3b8;font-size:.95rem;font-style:italic;line-height:1.6;margin-top:1rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.quiz-target-word .media-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin:1.5rem 0;padding:8px 16px;background:#0003;border-radius:50px;border:1px solid rgba(255,255,255,.05);width:fit-content;margin-left:auto;margin-right:auto}.quiz-target-word .media-btn{background:transparent;border:none;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;transition:all .2s}.quiz-target-word .media-btn:hover{color:#fff;background:#ffffff1a}.quiz-target-word .media-btn.recording{color:#ef4444;background:#ef44441a;animation:pulseRed 1.5s infinite}.quiz-target-word .media-btn.playing{color:var(--quran-gold)}.quiz-target-word .btn-text{font-size:.85rem;font-weight:500}.quiz-target-word .audio-visualizer{display:flex;align-items:center;gap:3px;height:20px;padding:0 10px}.quiz-target-word .audio-visualizer span{display:block;width:3px;background:var(--quran-green-light);border-radius:3px;animation:wave 1s ease-in-out infinite}.quiz-target-word .audio-visualizer span:nth-child(1){height:40%;animation-delay:0s}.quiz-target-word .audio-visualizer span:nth-child(2){height:70%;animation-delay:.1s}.quiz-target-word .audio-visualizer span:nth-child(3){height:100%;animation-delay:.2s}.quiz-target-word .audio-visualizer span:nth-child(4){height:60%;animation-delay:.3s}.quiz-target-word .audio-visualizer span:nth-child(5){height:30%;animation-delay:.4s}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quiz-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.quiz-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.quiz-btn.correct{background:#10b98133!important;border-color:#10b981!important;color:#34d399!important}.quiz-btn.wrong{background:#ef444433!important;border-color:#ef4444!important;color:#fca5a5!important;opacity:.6}.xp-container{display:flex;align-items:center;justify-content:center}.xp-donut{--p: 0;width:50px;height:50px;border-radius:50%;background:conic-gradient(var(--quran-gold) calc(var(--p) * 1%),rgba(255,255,255,.1) 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 10px #0000004d}.xp-donut-inner{width:42px;height:42px;background:#1e293b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;line-height:1}.xp-donut-inner small{font-size:.5rem;color:#94a3b8}.quiz-feedback{margin-top:1.5rem;padding:10px;border-radius:8px;font-weight:700}.quiz-feedback.correct{color:#34d399}.quiz-feedback.wrong{color:#fca5a5}.next-question-btn{display:block;width:100%;margin-top:20px;padding:12px;background:var(--quran-green);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #065f4666}.fc-top-bar{position:absolute;top:20px;left:20px;right:20px;width:auto;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:none}.fc-top-bar>*{pointer-events:auto}.action-group{display:flex!important;flex-direction:row!important;gap:8px;align-items:center}.fav-btn,.share-btn{background:none;border:none;padding:0;width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;-webkit-tap-highlight-color:transparent;transition:transform .2s}.card-header .share-btn,.quran-card .share-btn{position:static!important;right:auto!important;top:auto!important;margin:0}.fc-top-bar .fav-btn,.fc-top-bar .share-btn{width:60px;height:60px}.fc-top-bar .fav-btn svg,.fc-top-bar .share-btn svg{width:32px;height:32px}.fav-btn svg,.share-btn svg{width:24px;height:24px;pointer-events:none;transition:all .3s ease}.fav-btn:hover,.share-btn:hover{color:#fff!important;transform:scale(1.2)!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.fav-btn.active{color:#ef4444}.fav-btn.active svg{fill:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.6));animation:heartBounce .4s cubic-bezier(.175,.885,.32,1.275)}.share-btn:active{transform:scale(.9)}@keyframes heartBounce{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes quranPulse{0%{transform:scale(1);filter:drop-shadow(0 0 10px var(--quran-gold))}50%{transform:scale(1.15);filter:drop-shadow(0 0 20px var(--quran-gold-glow))}to{transform:scale(1);filter:drop-shadow(0 0 10px var(--quran-gold))}}@keyframes quranTitlePulse{0%{transform:scale(1.05);text-shadow:0 0 25px var(--quran-gold),0 0 10px var(--quran-gold);opacity:1}50%{transform:scale(.95);text-shadow:0 0 5px var(--quran-gold-glow);opacity:.7}to{transform:scale(1.05);text-shadow:0 0 25px var(--quran-gold),0 0 10px var(--quran-gold);opacity:1}}.icon-md{width:24px;height:24px}.invisible{opacity:0;pointer-events:none}.opacity-0{opacity:0}.opacity-70{opacity:.7}.mt-10px{margin-top:10px}.settings-trigger{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:transform .3s ease,background .3s}.settings-trigger:hover{background:#ffffff1a;transform:rotate(90deg)}.settings-content{background:linear-gradient(145deg,var(--quran-green) 0%,rgba(0,0,0,.95) 100%);position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--quran-gold);border-radius:20px;padding:2rem;max-width:400px;width:90%;box-shadow:0 0 40px var(--quran-gold-glow),0 0 80px #000c,inset 0 1px #ffffff1a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.modal-header h2{margin:0;color:var(--quran-gold)}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#0000004d;border:1px solid var(--glass-border);padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setting-item label{font-size:1rem;color:#e2e8f0}.full-width{width:100%}.hidden{display:none!important;opacity:0}.modal{transition:opacity .3s ease}.modal:not(.hidden){display:flex!important;opacity:1;animation:fadeIn .3s ease}.mode-container{animation:slideUpFade .4s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rating-controls{display:flex;gap:10px;justify-content:center;margin-top:15px;opacity:0;pointer-events:none;transition:opacity .3s}.rating-controls.visible{opacity:1;pointer-events:auto}.rate-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#fff;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rate-btn small{font-size:.7rem;font-weight:700}.rate-btn:hover{transform:translateY(-2px);background:#ffffff1a}.rate-btn.wrong{border-bottom:3px solid #ef4444}.rate-btn.hard{border-bottom:3px solid #f59e0b}.rate-btn.good{border-bottom:3px solid #22c55e}.rate-btn.easy{border-bottom:3px solid #3b82f6}.rate-btn.wrong:active{background:#ef444433}.rate-btn.hard:active{background:#f59e0b33}.rate-btn.good:active{background:#22c55e33}.rate-btn.easy:active{background:#3b82f633}.filter-bar{display:flex;justify-content:center;gap:10px;margin-bottom:20px;padding:0 10px}.glass-select{background:#1e293b99;color:#fff;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;cursor:pointer;flex:1;max-width:40%}.glass-select:focus{border-color:var(--quran-green-light);box-shadow:0 0 10px #10b98133}.glass-select:disabled{opacity:.5;cursor:not-allowed}.quiz-settings{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:#cbd5e1;font-size:.9rem;background:#0003;padding:8px;border-radius:20px;width:fit-content;margin-left:auto;margin-right:auto}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#334155;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--quran-green)}input:checked+.slider:before{transform:translate(20px)}.audio-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:8px;opacity:.8;transition:transform .2s;vertical-align:middle}.audio-btn:hover{transform:scale(1.2);opacity:1}.audio-btn.playing{animation:pulse-audio 1s infinite;color:var(--quran-green-light)}@keyframes pulse-audio{0%{transform:scale(1)}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1)}}.xp-badge{background:linear-gradient(135deg,#f59e0b,#d97706);padding:2px 8px;border-radius:8px;color:#fff;font-weight:700;font-size:.8rem;margin-left:10px}.header-controls{display:flex;align-items:center;gap:10px}.glass-select.mini{padding:6px 10px;font-size:.8rem;border-radius:8px;background:#0000004d}body.mobile-view .quran-list,body.mobile-view .search-container,body.mobile-view .mode-tabs{max-width:400px}body.mobile-view .quran-card{padding:1rem}body.mobile-view .target-word{font-size:2.5rem}body.mobile-view .quran-header{justify-content:space-between}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease}.modal.hidden{opacity:0;pointer-events:none;display:none}.modal-content{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:2rem;width:90%;max-width:500px;box-shadow:0 0 50px #00000080,inset 0 0 20px #ffffff0d;position:relative;max-height:80vh;overflow-y:auto;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-content{background:linear-gradient(135deg,rgba(30,41,59,.95),var(--quran-green));border:1px solid var(--quran-gold);transition:background .5s ease,border-color .5s ease}.close-modal{position:absolute;top:15px;right:20px;font-size:2rem;color:var(--quran-gold);cursor:pointer;transition:transform .2s}.close-modal:hover{transform:scale(1.1)}.tafsir-text{line-height:1.6;margin-bottom:20px}.back-btn,.rate-btn,.control-btn,.share-btn,.fav-btn,.wc-modal-close,.settings-trigger{display:flex!important;justify-content:center!important;align-items:center!important;line-height:1!important;padding:0!important}.back-btn svg,.rate-btn svg,.control-btn svg,.share-btn svg,.fav-btn svg,.settings-trigger svg{display:block;margin:0 auto}.icon-lg{font-size:1.4rem;line-height:1;display:inline-block;filter:drop-shadow(0 0 5px rgba(251,191,36,.3))}.quiz-fill-container{max-width:600px;margin:0 auto;padding:1rem}.quiz-fill-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem}.quiz-fill-progress,.quiz-fill-score{font-size:1rem;font-weight:600;color:var(--quran-gold)}.quiz-fill-question{background:linear-gradient(145deg,#0f172acc,#1e293bcc);border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.fill-ayah-context{margin-bottom:1.5rem}.fill-ayah-arabic{font-family:Amiri,serif;font-size:1.5rem;line-height:2;text-align:right;direction:rtl;color:#fff;margin-bottom:.5rem}.fill-ayah-arabic .highlight-word{background:linear-gradient(135deg,#fbbf244d,#fbbf2480);padding:.2rem .5rem;border-radius:6px;border:2px solid var(--quran-gold);box-shadow:0 0 15px #fbbf2466}.fill-ayah-translation{font-size:.95rem;color:#cbd5e1;font-style:italic}.fill-question-text{font-size:1.1rem;font-weight:600;color:var(--quran-gold);margin-bottom:1rem;text-align:center}.fill-word-highlight{font-family:Amiri,serif;font-size:2rem;text-align:center;color:var(--quran-gold);padding:1rem;background:#fbbf241a;border-radius:12px;margin-top:1rem}.quiz-fill-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.fill-option-btn{padding:1rem 1.5rem;background:linear-gradient(145deg,#1e293bcc,#0f172acc);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s}.fill-option-btn:hover:not(:disabled){background:linear-gradient(145deg,#3b82f64d,#2563eb4d);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.fill-option-btn:disabled{cursor:not-allowed;opacity:.6}.fill-option-btn.correct{background:linear-gradient(145deg,#22c55e4d,#16a34a4d);border-color:#22c55e;box-shadow:0 0 15px #22c55e66}.fill-option-btn.wrong{background:linear-gradient(145deg,#ef44444d,#dc26264d);border-color:#ef4444;box-shadow:0 0 15px #ef444466}.quiz-fill-feedback{padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}.quiz-fill-feedback.correct{background:linear-gradient(145deg,#22c55e33,#16a34a33);border:2px solid #22c55e}.quiz-fill-feedback.wrong{background:linear-gradient(145deg,#ef444433,#dc262633);border:2px solid #ef4444}.feedback-icon{font-size:3rem;margin-bottom:.5rem}.feedback-text{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.fill-next-btn{padding:.75rem 2rem;background:linear-gradient(135deg,var(--quran-gold),#d97706);border:none;border-radius:12px;color:#1a1a2e;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.fill-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.quiz-fill-results{text-align:center;padding:2rem}.quiz-fill-results h2{font-size:2rem;color:var(--quran-gold);margin-bottom:2rem}.results-score{margin-bottom:2rem}.score-circle{display:inline-block;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#fbbf2433,#fbbf241a);border:4px solid var(--quran-gold);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--quran-gold);margin:0 auto 1rem}.score-percentage{font-size:1.5rem;font-weight:600;color:var(--quran-gold)}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.result-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.result-btn.primary{background:linear-gradient(135deg,var(--quran-gold),#d97706);color:#1a1a2e}.result-btn.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.result-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}:root{--primary: #38bdf8;--primary-dark: #0284c7;--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--error: #ef4444;--warning: #f59e0b}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.ambient-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:300px;height:300px;top:-50px;left:-50px;background:#38bdf8;animation:float 10s infinite alternate}.orb-2{width:400px;height:400px;bottom:-100px;right:-100px;background:#0ea5e9;animation:float 12s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,30px)}}header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn,.hint-btn,.sound-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:50%;cursor:pointer;font-size:1.2rem}.header-stats{display:flex;align-items:center;gap:.75rem;margin-left:auto}.stat-badge{display:flex;align-items:center;gap:.25rem;background:#38bdf833;padding:.4rem .75rem;border-radius:20px;font-weight:600;font-size:.9rem}.stat-badge.coins{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-badge.streak{background:linear-gradient(135deg,#ef4444,#dc2626)}.controls-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#1e293b99;flex-wrap:wrap;justify-content:center}.control-select{padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(56,189,248,.3);background:var(--card-bg);color:var(--text-color);font-size:.85rem;cursor:pointer}.daily-btn{padding:.5rem 1rem;border-radius:20px;border:2px solid var(--warning);background:#f59e0b33;color:var(--warning);font-weight:600;cursor:pointer;animation:pulse 2s infinite}.daily-btn.completed{opacity:.5;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.lives-bar{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border-radius:30px;font-size:1.5rem}.heart{transition:all .3s}.heart.lost{opacity:.2;transform:scale(.8);filter:grayscale(1)}.heart.breaking{animation:heartBreak .5s}@keyframes heartBreak{0%{transform:scale(1)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(.8) rotate(10deg)}to{transform:scale(.8);opacity:.2}}.hangman-container{position:relative}.hangman-svg{width:180px;height:180px}.hangman-part{stroke:var(--text-color);stroke-width:4;stroke-linecap:round;fill:none;opacity:0;transition:opacity .3s}.hangman-part.visible{opacity:1;animation:partAppear .4s ease-out}@keyframes partAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.face{transition:all .3s}.face-happy{fill:var(--success)}.face-worried{fill:var(--warning)}.face-sad{fill:var(--error)}.hint-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:400px}.main-hint{background:#38bdf826;padding:.75rem 1.5rem;border-radius:20px;font-family:Tajawal,sans-serif;font-size:1.1rem;text-align:center;border:1px solid rgba(56,189,248,.3)}.extra-hints{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.hint-chip{padding:.4rem .8rem;border-radius:15px;font-size:.8rem;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:var(--card-bg);transition:all .2s}.hint-chip:hover{background:#38bdf833}.hint-chip.used{background:#38bdf84d;border-color:var(--primary)}.hint-chip .cost{color:var(--warning);font-weight:600}.word-display{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin:.5rem 0}.letter-slot{width:36px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-bottom:3px solid var(--primary);text-transform:uppercase;transition:all .3s}.letter-slot.revealed{color:var(--success);animation:popIn .3s ease}.letter-slot.wrong{color:var(--error)}.letter-slot.hint-revealed{color:var(--warning);border-color:var(--warning)}@keyframes popIn{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:380px;padding:.5rem}.key{width:34px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;background:var(--card-bg);border:2px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .15s}.key:hover:not(.used){background:var(--primary);transform:translateY(-3px);box-shadow:0 4px 12px #38bdf84d}.key:active:not(.used){transform:translateY(0)}.key.correct{background:var(--success);border-color:var(--success);animation:correctKey .4s}.key.wrong{background:var(--error);opacity:.4}.key.used{pointer-events:none}@keyframes correctKey{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:none;align-items:center;justify-content:center;flex-direction:column;gap:1rem;z-index:100}.result-overlay.visible{display:flex;animation:fadeIn .3s}.result-emoji{font-size:5rem;animation:bounce .6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-text{font-size:1.5rem;font-weight:700}.result-word{font-size:1.1rem;color:var(--primary)}.result-example{font-size:.9rem;color:var(--text-muted);max-width:300px;text-align:center}.result-stats{display:flex;gap:1.5rem;margin:1rem 0}.result-stat{text-align:center}.result-stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.result-stat-label{font-size:.8rem;color:var(--text-muted)}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary{background:var(--primary);color:#fff}.action-btn.secondary{background:transparent;border:1px solid var(--text-muted);color:var(--text-muted)}.action-btn:hover{transform:translateY(-2px)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:101;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;opacity:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:200}.modal-overlay.visible{display:flex}.modal-content{background:var(--card-bg);border-radius:20px;padding:1.5rem;max-width:350px;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{font-size:1.2rem;margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:#38bdf81a;padding:1rem;border-radius:12px;text-align:center}.stat-card .value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-card .label{font-size:.8rem;color:var(--text-muted)}.category-badge{font-size:.75rem;padding:.25rem .5rem;background:#2563eb33;border-radius:10px;color:#a5b4fc}:root{--bg-color: #0d0d12;--grid-bg: #1a1a24;--text-color: #e0e0e0;--primary-neon: #00f3ff;--secondary-neon: #00e0ff;--accent-neon: #bc13fe;--cell-size: 38px;--gap: 3px;--panel-bg: #1e1e24;--glass-border: rgba(255, 255, 255, .1)}[data-theme=calm]{--bg-color: #1a1a2e;--grid-bg: #16213e;--text-color: #e8e8e8;--primary-neon: #4a9eff;--secondary-neon: #3b82f6;--accent-neon: #6c5ce7;--cell-size: 42px;--gap: 4px;--panel-bg: #1f2937;--glass-border: rgba(255, 255, 255, .15)}[data-theme=calm] #grid{animation:none!important;box-shadow:0 4px 20px #4a9eff26;border:1px solid rgba(74,158,255,.3)}[data-theme=calm] .cell{transition:all .2s ease;background:#1f2937e6}[data-theme=calm] .cell:hover{background:#4a9eff33;transform:scale(1.05)}[data-theme=calm] .hint-btn,[data-theme=calm] #mystery-hint{animation:none!important;box-shadow:0 2px 10px #4a9eff33}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;padding:10px;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,Tajawal,sans-serif;display:flex;flex-direction:column;align-items:center;height:100vh;overflow:hidden;position:relative}.theme-toggle-btn{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.theme-toggle-btn:hover{background:#fff3;transform:scale(1.1)}[data-theme=calm] body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}header{width:100%;padding:10px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:5px;z-index:100}.header-row-1{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.header-row-2{display:flex;justify-content:center;align-items:center;width:100%}.header-row-3{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;flex-wrap:wrap}.game-title{font-family:Inter,sans-serif;font-size:1.2rem;color:var(--primary-neon);text-shadow:0 0 10px var(--primary-neon);margin:0;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}#header-title{font-family:Inter,sans-serif;font-size:.8rem;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}button{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}button:active{transform:scale(.95)}button:hover{box-shadow:0 0 15px var(--primary-neon);transform:translateY(-2px)}.btn-exit-modern{background:linear-gradient(135deg,#f05,#f0a);border:none;color:#fff;padding:12px 30px;font-size:1rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 15px #f056;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;width:100%;margin-top:10px}.level-badge-clickable{cursor:pointer}.combo-display-style{display:none;margin-left:10px;color:#f05;font-weight:700;animation:pulse .5s infinite}.modal-content-wide{width:400px}.settings-heading{color:var(--primary-neon);margin:10px 0 5px;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-btn-styled{margin-top:15px;padding:10px 30px}.nav-back-hidden{display:none}.nav-title-style{margin:0;flex:1;text-align:center;font-size:1.2rem;color:var(--primary-neon)}.nav-levels-hidden{display:none}.game-over-title{color:#f05}.btn-exit-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.btn-exit-modern:hover{box-shadow:0 0 25px #f05c;transform:scale(1.05)}.btn-exit-modern:hover:before{left:100%}.btn-exit-modern:active{transform:scale(.95)}.back-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;padding:5px 10px}.icon-btn{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.hint-btn,#mystery-hint{background:#0009;border:2px solid transparent;background-image:linear-gradient(#0009,#0009),linear-gradient(135deg,gold,#fa0,#f05);background-origin:border-box;background-clip:padding-box,border-box;border-radius:20px;padding:0 15px;height:40px;min-height:40px;box-sizing:border-box;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;box-shadow:0 0 10px #ffd7004d;animation:hint-pulse 2s infinite}@keyframes hint-pulse{0%{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099,0 0 5px #ff005580}to{box-shadow:0 0 10px #ffd7004d}}.hint-btn:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}.hint-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}h1{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary-neon);text-shadow:0 0 8px rgba(0,243,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.level-badge{background:#ffffff1a;padding:4px 12px;border-radius:15px;font-weight:700;font-size:.9rem;border:1px solid var(--secondary-neon);box-shadow:0 0 5px var(--secondary-neon)}.back-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.icon-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:0;line-height:1;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}#game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;flex:1;overflow-y:auto;padding-bottom:160px;position:relative}#grid{display:grid;gap:var(--gap);background:var(--grid-bg);padding:8px;border-radius:12px;margin-bottom:15px;touch-action:pan-y;flex-shrink:0;position:relative;z-index:10;border:1px solid rgba(0,243,255,.3);box-shadow:0 0 5px #00f3ff33,0 0 10px #00f3ff33,inset 0 0 30px #000c;animation:cyan-pulse 4s infinite}.cell.bomb{background:radial-gradient(circle,red,#500000)!important;border:2px solid #ff0000!important;animation:bomb-pulse 1s infinite;color:#fff!important}.cell.frozen{background:#c8f0ffcc!important;border:2px solid #a0d8ef!important;color:#005f7f!important;position:relative}.cell.frozen:after{content:"❄️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;opacity:.7;pointer-events:none}@keyframes bomb-pulse{0%{transform:scale(1);box-shadow:0 0 5px red}50%{transform:scale(1.1);box-shadow:0 0 15px red}to{transform:scale(1);box-shadow:0 0 5px red}}#fog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;pointer-events:none;z-index:15;display:none;background:radial-gradient(circle 100px at 50% 50%,transparent 0%,rgba(0,0,0,.98) 100%)}@keyframes cyan-calm-heartbeat{0%{box-shadow:0 0 5px #00f3ff33;border-color:#00f3ff4d}15%{box-shadow:0 0 12px #00f3ff80;border-color:#00f3ff99}30%{box-shadow:0 0 5px #00f3ff33;border-color:#00f3ff4d}45%{box-shadow:0 0 10px #00f3ff66;border-color:#00f3ff80}to{box-shadow:0 0 5px #00f3ff33;border-color:#00f3ff4d}}@keyframes cyan-calm-breathe{0%,to{box-shadow:0 0 5px #00f3ff33;border-color:#00f3ff4d}50%{box-shadow:0 0 20px #00f3ff66;border-color:#00f3ff99}}@keyframes cyan-calm-ocean{0%{box-shadow:2px 2px 5px #00f3ff33;border-color:#00f3ff4d}50%{box-shadow:-2px -2px 15px #00f3ff66;border-color:#00f3ff80}to{box-shadow:2px 2px 5px #00f3ff33;border-color:#00f3ff4d}}@keyframes cyan-calm-moonlight{0%,to{box-shadow:0 0 8px #00f3ff26;border-color:#00f3ff40}50%{box-shadow:0 0 12px #00f3ff40;border-color:#00f3ff59}}@keyframes cyan-calm-drift{0%{box-shadow:0 5px 10px #00f3ff33;border-color:#00f3ff4d}33%{box-shadow:5px 0 10px #00f3ff33;border-color:#00f3ff4d}66%{box-shadow:-5px 0 10px #00f3ff33;border-color:#00f3ff4d}to{box-shadow:0 5px 10px #00f3ff33;border-color:#00f3ff4d}}@keyframes cyan-calm-dream{0%,to{box-shadow:inset 0 0 10px #00f3ff1a,0 0 5px #00f3ff33;border-color:#00f3ff4d}50%{box-shadow:inset 0 0 20px #00f3ff33,0 0 15px #00f3ff4d;border-color:#00f3ff80}}.cell{width:var(--cell-size);height:var(--cell-size);display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;background:#1e1e28cc;border-radius:6px;color:#fff!important;text-shadow:0 0 2px rgba(0,0,0,.8);cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none;z-index:20}#fog-overlay{display:none!important;opacity:0!important;pointer-events:none!important}.cell.selected-pending{background:#00f3ff4d;border:1px solid var(--primary-neon);box-shadow:0 0 10px var(--primary-neon);z-index:10}.cell.found{background:var(--accent-neon);color:#fff;box-shadow:0 0 10px var(--accent-neon);animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#word-bank{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-content:flex-start;padding-bottom:20px;z-index:20}.word-item{padding:6px 12px;background:#ffffff0d;border-radius:12px;font-size:.85rem;color:#aaa;transition:all .3s;border:1px solid transparent}.word-item.found{text-decoration:line-through;color:var(--primary-neon);background:#00f3ff1a;border-color:#00f3ff4d;cursor:pointer}.word-item.found:hover{background:#00f3ff33}.word-item.mystery{border:1px dashed var(--secondary-neon);color:var(--secondary-neon)}#floating-label{position:absolute;pointer-events:none;background:var(--primary-neon);color:#000;padding:4px 8px;border-radius:4px;font-weight:700;font-size:.9rem;display:none;z-index:100;box-shadow:0 0 10px var(--primary-neon);white-space:nowrap}#bottom-info-panel{position:fixed;bottom:0;left:0;width:100%;background:var(--panel-bg);border-top:2px solid var(--primary-neon);box-shadow:0 -5px 20px #00f3ff33;padding:15px;z-index:500;transform:translateY(100%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:8px;text-align:center}#bottom-info-panel.active{transform:translateY(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:5px}.panel-word{font-size:1.2rem;font-weight:700;color:var(--primary-neon);text-transform:uppercase}.panel-translation{font-size:1.2rem;color:#fff;font-family:Tajawal,sans-serif;direction:rtl}.panel-sentence-sv{font-size:.95rem;color:#e0e0e0;font-style:italic}.panel-sentence-ar{font-size:1rem;color:#aaa;font-family:Tajawal,sans-serif;direction:rtl}.panel-close-btn{background:none;border:none;color:#aaa;font-size:1.2rem;position:absolute;top:5px;right:5px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.active{display:flex}.modal-content{background:#1e1e24;border:1px solid var(--primary-neon);border-radius:12px;padding:20px;width:90%;max-width:320px;text-align:center;box-shadow:0 0 30px #00f3ff33;position:relative}.modal-title{color:var(--primary-neon);font-size:1.5rem;margin-top:0;text-shadow:0 0 5px var(--primary-neon)}.modal-text{font-size:1rem;color:#e0e0e0;line-height:1.5;margin:15px 0}.modal-btn{background:transparent;border:2px solid var(--secondary-neon);color:var(--secondary-neon);padding:10px 20px;font-size:1rem;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s;margin-top:10px}.modal-btn:hover{background:var(--secondary-neon);color:#fff;box-shadow:0 0 10px var(--secondary-neon)}#level-select-overlay .modal-content{max-width:360px;padding:30px 20px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.level-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:10px;color:#fff;cursor:pointer;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .2s}.level-btn.locked{opacity:.5;cursor:not-allowed;background:#0003}.level-btn.unlocked:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary-neon)}.level-number{font-size:1.2rem;font-weight:700}.level-stars{font-size:.8rem;color:gold}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.mode-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .3s ease;text-align:center}.mode-card:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary-neon)}.mode-icon{font-size:1.5rem;margin-bottom:5px}.mode-name{font-size:.75rem;font-weight:700;color:#fff}.mode-desc{font-size:.6rem;color:#fff9;margin-top:2px}.star-rating{display:flex;justify-content:center;gap:5px;margin:10px 0}.star{font-size:2rem;color:#444;transition:all .3s ease}.star.earned{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);animation:starPop .5s ease-out}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}[data-colorblind=deuteranopia]{--primary-neon: #0077bb;--secondary-neon: #ee7733;--accent-neon: #0077bb}[data-colorblind=protanopia]{--primary-neon: #33bbee;--secondary-neon: #ee3377;--accent-neon: #33bbee}[data-colorblind=tritanopia]{--primary-neon: #009988;--secondary-neon: #cc3311;--accent-neon: #009988}[data-colorblind] .cell.found{background:var(--accent-neon)!important;border:3px solid #fff!important}[data-colorblind] .cell.selected-pending{border:3px dashed #fff!important}[data-fontsize=small]{--cell-size: 32px}[data-fontsize=small] .cell{font-size:.9rem}[data-fontsize=large]{--cell-size: 48px}[data-fontsize=large] .cell{font-size:1.4rem}[data-fontsize=xlarge]{--cell-size: 56px}[data-fontsize=xlarge] .cell{font-size:1.8rem}:root{--primary: #1d4ed8;--primary-glow: rgba(30, 58, 138, .5);--secondary: #ec4899;--accent: #22d3ee;--success: #34d399;--gold: #fbbf24;--dark-bg: #0f172a;--background: var(--dark-bg);--glass-bg: rgba(30, 41, 59, .3);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shiny: rgba(255, 255, 255, .05);--glass-blur: blur(12px);--card-back-grad: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);--card-shadow: 0 10px 20px -5px rgba(0, 0, 0, .3);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}body{margin:0;padding:0;background-color:var(--dark-bg);background-image:radial-gradient(circle at 0% 0%,rgba(79,70,229,.2),transparent 40%),radial-gradient(circle at 100% 0%,rgba(236,72,153,.2),transparent 40%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.2),transparent 40%),radial-gradient(circle at 0% 100%,rgba(30,58,138,.2),transparent 40%);color:#f8fafc;font-family:Inter,sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;opacity:.3;animation:particleDrift 20s linear infinite}@keyframes particleDrift{0%{background-position:0 0}to{background-position:30px 30px}}header{display:flex;flex-direction:column;width:100%;z-index:10;gap:.8rem;padding:1rem 1.5rem}.header-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.game-title{font-size:1.5rem;margin:0;text-align:center;text-shadow:0 0 15px rgba(255,255,255,.3)}.icon-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;width:44px;height:44px;border-radius:12px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-spring);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.icon-btn:active{transform:scale(.95)}.stats-bar{display:flex;justify-content:center;align-items:center;gap:1.5rem;background:var(--glass-bg);border:var(--glass-border);padding:.8rem 2rem;border-radius:16px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 8px 20px -5px #0003;margin:0 auto;width:fit-content}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#fff9;margin-bottom:4px;font-weight:600}.stat-value{font-size:1.4rem;font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(34,211,238,.5)}.stat-divider{width:1px;height:24px;background:#ffffff26}.controls-area{display:flex;justify-content:center;gap:2rem;padding:.5rem;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem;align-items:center}.control-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.pill-group{display:flex;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill{padding:6px 12px;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.pill.active{background:var(--primary);box-shadow:0 2px 10px #1d4ed866;font-weight:700}.pill.active:after{display:none}.memory-grid{padding-bottom:220px!important}.stat-box{display:flex;flex-direction:column;align-items:center;background:var(--glass-bg);border:var(--glass-border);padding:.5rem 1rem;border-radius:12px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);min-width:80px}.stat-box.clean{flex:1;max-width:300px;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin:0;font-weight:700}.card.shake{animation:shakeFlipped .5s;background:#ef4444!important;border-color:#ef4444!important}@keyframes shakeFlipped{0%,to{transform:rotateY(180deg) translate(0)}20%{transform:rotateY(180deg) translate(-10px)}40%{transform:rotateY(180deg) translate(10px)}60%{transform:rotateY(180deg) translate(-10px)}80%{transform:rotateY(180deg) translate(10px)}}.stat-value{font-size:1.25rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,255,255,.3)}.category-pills{display:flex;justify-content:space-between;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:4px;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000001a}.pill{flex:1;background:transparent;border:none;color:#fff6;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;justify-content:center}.pill:hover{color:#fff;background:#ffffff0d}.pill.active{background:linear-gradient(135deg,#22d3ee26,#1e3a8a26);color:#fff;box-shadow:0 0 0 1px #22d3ee4d}.pill.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.restart-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:700;padding:.6rem 1.2rem;border-radius:12px;border:none;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #ec489966;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:6px;height:100%}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.restart-btn:active{transform:scale(.95)}.restart-btn.icon-only{padding:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.restart-btn.muted{background:#ffffff1a;box-shadow:none;opacity:.7}.game-board-container{flex:1;width:100%;overflow-y:auto;padding-bottom:2rem;-webkit-overflow-scrolling:touch;min-height:0;display:flex;flex-direction:column;align-items:center;perspective:1200px;z-index:5}.memory-grid{display:grid;gap:16px;width:100%;max-width:600px;margin:auto}.card{position:relative;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .6s var(--ease-spring);border-radius:18px;aspect-ratio:4 / 3;-webkit-user-select:none;user-select:none}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.8) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.card:hover{transform:scale(1.05);z-index:10}.card.flipped,.card.matched{transform:rotateY(180deg)}.card.flipped .face.front,.card.matched .face.front{z-index:1!important;opacity:0}.card.flipped .face.back,.card.matched .face.back{z-index:2!important}.card.matched{animation:matchPulse .6s ease-out forwards}.face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 1px #ffffff1a;overflow:hidden}.face.front{background:linear-gradient(135deg,#4f46e5cc,#06b6d4cc);z-index:2;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 20px #ffffff1a}.face.front:before{content:"?";font-size:2.5rem;font-weight:900;color:#fff6;transform:rotate(-10deg);text-shadow:0 0 10px rgba(255,255,255,.3)}.face.front:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .5s}.card:hover .face.front:after{left:150%;transition:left .7s ease-in-out}.face.back{background:#fff!important;transform:rotateY(180deg);z-index:1;padding:8px;text-align:center;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 25px #0003,inset 0 0 20px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.face.back.arabic{background:linear-gradient(145deg,#fffbeb,#fff)}.card-content{color:#1e293b;font-weight:700;font-size:clamp(.9rem,2.5vw,1.4rem);line-height:1.3;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.face.back.arabic .card-content{font-family:Tajawal,sans-serif;color:#d97706;font-size:clamp(1rem,3vw,1.5rem);line-height:1.4;padding:0 4px}.face.back.arabic.is-short .card-content{font-size:clamp(2rem,5vw,3rem);line-height:1.2;padding-bottom:5px}@keyframes matchPulse{0%{transform:rotateY(180deg) scale(1);box-shadow:0 0 #34d399b3;border-color:#fff}50%{transform:rotateY(180deg) scale(1.1);box-shadow:0 0 30px 10px #34d39900;border-color:var(--success)}to{transform:rotateY(180deg) scale(1);border-color:var(--success);box-shadow:0 0 15px var(--success)}}.feedback-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(30px) scale(.9);opacity:0;background:#0f172ad9;border:1px solid rgba(56,189,248,.3);box-shadow:0 20px 40px #0006,0 0 20px #38bdf833;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.2rem 2rem;border-radius:24px;width:85%;max-width:360px;z-index:100;pointer-events:none;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column;gap:.5rem;text-align:center}.feedback-toast.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.ft-word{color:var(--accent);font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px var(--accent)}.ft-sent-box{display:flex;flex-direction:column;gap:6px;margin-top:4px}.ft-swe{color:#e2e8f0;font-size:1.1rem;line-height:1.4;font-weight:500}.ft-arb{color:var(--gold);font-family:Tajawal,sans-serif;font-size:1.1rem;direction:rtl;text-shadow:0 0 5px rgba(251,191,36,.3)}.game-over-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.game-over-modal.visible{opacity:1;pointer-events:auto}.floating-points{position:fixed;color:gold;font-weight:900;font-size:2rem;pointer-events:none;animation:floatUp 1s ease-out forwards;z-index:2000;text-shadow:0 0 10px rgba(0,0,0,.5)}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(1.5);opacity:0}}.go-content{background:#1e293b99;border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:32px;text-align:center;transform:scale(.8);transition:transform .5s var(--ease-spring);box-shadow:0 25px 50px -12px #00000080;max-width:90%}.game-over-modal.visible .go-content{transform:scale(1)}.go-title{font-size:3rem;margin:0;background:linear-gradient(to right,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}.go-score{font-size:5rem;font-weight:900;margin:1rem 0;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.3)}.go-msg{color:#94a3b8;font-size:1.2rem;margin-bottom:2rem}@media (max-width: 480px){header{padding:.8rem;flex-direction:column;gap:.8rem}.hud{width:100%;justify-content:space-between}.stat-box.pill-box{order:3;width:100%;margin-top:.5rem}.category-pills{width:100%}.game-board-container{padding:.5rem;align-items:flex-start;margin-top:1rem}.memory-grid{gap:8px}.card{border-radius:12px}}.difficulty-box{margin-right:10px}.difficulty-pills{display:flex;gap:.5rem;background:#ffffff0d;padding:.3rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.difficulty-pills .pill{font-size:.8rem;padding:6px 10px}.header-top{justify-content:center;gap:1rem;padding:0 .5rem}.header-title-row{display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin-bottom:1rem}.header-title-row .back-btn{position:absolute;left:0}.header-title-row .game-title{margin:0}.action-group{display:flex;gap:.5rem;align-items:center}.header-stats-lite{display:flex;align-items:center;gap:1.5rem;background:#0f172a99;padding:.5rem 1.5rem;border-radius:99px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000001a}.stat-item{display:flex;flex-direction:column;align-items:center;line-height:1}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:2px}.stat-val{font-family:Inter,sans-serif;font-weight:700;font-size:1.2rem;color:#fff;font-variant-numeric:tabular-nums}.stat-divider{width:1px;height:20px;background:#ffffff1a}.header-stats-wrapper{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.header-stats-lite.xp-row{background:#fbbf241a;border-color:#fbbf244d;padding:.3rem 1rem}.xp-row .stat-label,.xp-row .stat-val{color:#fbbf24}.xp-row .stat-divider{background:#fbbf244d}.control-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem;width:fit-content;max-width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.5rem;border-radius:16px;margin:0 auto;flex-wrap:wrap;overflow:visible;position:relative;z-index:500}.difficulty-group,.category-group{display:flex;align-items:center}.separator{width:1px;height:24px;background:#ffffff1a;margin:0 .5rem}.pill{padding:6px 12px;font-size:.9rem;border-radius:8px;gap:6px}.pill span{display:inline-block}@media (max-width: 500px){.pill span{display:none}.pill[title="Alla Ord"]{font-size:1.1rem}.control-bar{width:100%;justify-content:space-between;gap:.2rem;padding:.4rem}.difficulty-pills .pill{padding:6px 8px;font-size:.8rem}}.restart-btn{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#93c5fd;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;padding:0}.restart-btn:hover{background:#a855f7cc;color:#fff;box-shadow:0 4px 15px #a855f766;transform:translateY(-2px);border-color:transparent}.mobile-toggle-btn svg,.restart-btn svg{width:20px;height:20px}body.iphone-view{max-width:393px;margin:2rem auto;border:12px solid #333;border-radius:50px;min-height:calc(100vh - 4rem);height:auto;box-shadow:0 0 50px #00000080;overflow-x:hidden;position:relative;background-color:var(--dark-bg)}body.iphone-view header{padding-top:3.5rem;border-radius:40px 40px 0 0}.custom-dropdown{position:relative;font-family:Inter,sans-serif;z-index:1001}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;height:44px;min-width:140px;justify-content:space-between;transition:all .2s ease}.dropdown-trigger:hover{background:#ffffff1a;border-color:#fff3}.dropdown-trigger .curr-text{flex-grow:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-trigger .chevron{transition:transform .3s ease;width:16px;flex-shrink:0}.custom-dropdown.open .chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.5rem;z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1)}header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.game-title{font-size:1.5rem;font-weight:700;text-align:center;margin:0;background:linear-gradient(135deg,#fff,#a5f3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.dropdown-menu{display:flex;flex-direction:column;gap:2px}.custom-dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:all}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:10px;color:#fffc;cursor:pointer;transition:all .2s;font-size:.95rem}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.active{background:#38bdf833;color:#38bdf8;font-weight:500}.dropdown-item .item-icon{font-size:1.1rem;width:20px;text-align:center}@media (max-width: 400px){.dropdown-trigger{min-width:unset;width:auto}.dropdown-trigger .curr-text{display:none}.dropdown-menu{right:-20px;width:200px}}.stars-container{font-size:2.5rem;height:60px;display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 10px rgba(251,191,36,.5));animation:pulse-match 2s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-match{0%{transform:scale(1);box-shadow:0 0 #10b981b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.card.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444!important}.card.matched{animation:pulse-match .6s ease-out;border-color:#10b981!important}.card-face.back{background-image:var(--card-back-grad),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 2px,transparent 2.5px);background-size:100% 100%,10px 10px;background-blend-mode:overlay}.timer-bar-container{width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px;display:none}.timer-bar-fill{height:100%;background:#38bdf8;width:100%;transition:width 1s linear}.fc-container-pro{display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;width:100%;margin:10px 0 20px;min-height:360px;position:relative}.fc-rating-container{display:flex;justify-content:center;gap:15px;margin-top:30px;width:100%;max-width:320px;margin-left:auto;margin-right:auto;position:relative;z-index:50;pointer-events:auto}.fc-card-pro{position:relative;width:320px;height:320px;background:transparent;border-radius:24px;display:flex;justify-content:center;align-items:center;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.fc-card-pro:active{transform:scale(.98)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fc-card-pro.shimmering .fc-front-pro,.fc-card-pro.shimmering .fc-back-pro{background:linear-gradient(135deg,#1e293ba6,#1e293ba6 40%,#ffffff1a,#1e293ba6 60%,#1e293ba6);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.fc-card-pro.flipped{transform:rotateY(180deg)}.fc-front-pro,.fc-back-pro{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;border-radius:24px;background:#1e293ba6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e}.fc-back-pro{transform:rotateY(180deg);background:linear-gradient(135deg,#1e293bbf,#0f172acc);border:1px solid rgba(59,130,246,.3);justify-content:flex-start;padding-top:40px}.fc-section-swe,.fc-section-arb{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.fc-divider{width:60%;height:1px;background:#ffffff1a;margin:20px 0;border:none}#flashcardWord.text-xs{font-size:1.2rem!important}#flashcardWord.text-sm{font-size:1.5rem!important}#flashcardWord.text-md{font-size:1.8rem!important}#flashcardWord.text-lg{font-size:2.2rem!important}#flashcardWord.text-xl{font-size:2.8rem!important}.fc-word-back{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;color:var(--text-main, #fff);margin:0}.fc-translation-back{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;color:var(--primary, #3B82F6);margin:0;font-family:var(--font-arabic, sans-serif)}.fc-sentence-back{font-size:clamp(1.1rem,4vw,1.4rem);color:var(--text-secondary, #ccc);font-style:italic;text-align:center;margin:5px 0 0;opacity:.9;line-height:1.5;max-width:95%}#flashcardExampleArb{font-family:var(--font-arabic, sans-serif);line-height:1.6}.fc-type-badge{position:absolute;top:24px;left:24px;font-size:.85rem;padding:6px 12px;background:#ffffff1a;border-radius:20px;color:var(--text-secondary, #aaa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.5px}.fc-word-pro{font-size:clamp(2rem,8vw,3.5rem);line-height:1.2;margin:0 0 10px;font-weight:800;color:var(--text-main, #fff);overflow-wrap:break-word;max-width:100%}.fc-translation-pro{font-size:clamp(1.8rem,6vw,2.8rem);margin:0 0 15px;color:var(--primary, #3B82F6);font-family:var(--font-arabic, sans-serif);font-weight:700}.fc-example-pro{font-size:1rem;color:var(--text-secondary, #ccc);line-height:1.6;margin-top:15px;padding:15px;background:#ffffff0d;border-radius:12px;width:100%;text-align:left;display:none}.fc-hint-pro{position:absolute;bottom:30px;opacity:.6;font-size:.9rem;display:flex;align-items:center;gap:8px;animation:bounce 2s infinite}.fc-speak-btn{position:absolute;top:24px;right:24px;background:#ffffff1a;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:transform .2s,background .2s}.fc-speak-btn:active{transform:scale(.9);background:#fff3}.slide-out-right{animation:slideOutRight .4s cubic-bezier(.55,.085,.68,.53) forwards}.slide-out-left{animation:slideOutLeft .4s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes slideOutRight{0%{transform:rotateY(180deg) translate(0);opacity:1}to{transform:rotateY(180deg) translate(120%) rotate(10deg);opacity:0}}@keyframes slideOutLeft{0%{transform:rotateY(180deg) translate(0);opacity:1}to{transform:rotateY(180deg) translate(-120%) rotate(-10deg);opacity:0}}.slide-out-right-front{animation:slideOutRightFront .4s cubic-bezier(.55,.085,.68,.53) forwards}.slide-out-left-front{animation:slideOutLeftFront .4s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes slideOutRightFront{0%{transform:rotateY(0) translate(0);opacity:1}to{transform:rotateY(0) translate(120%) rotate(10deg);opacity:0}}@keyframes slideOutLeftFront{0%{transform:rotateY(0) translate(0);opacity:1}to{transform:rotateY(0) translate(-120%) rotate(-10deg);opacity:0}}.fc-swipe-hint{display:flex;justify-content:space-between;padding:0 40px;margin-bottom:5px;color:var(--text-tertiary, #888);font-size:.85rem;opacity:.7;font-weight:500}.fc-quick-actions{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .3s;pointer-events:none}.fc-rating-container{display:flex;justify-content:center;gap:15px;margin-top:25px;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.fc-simple-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-radius:20px;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 15px #ffffff80,inset 0 0 20px #fff3;transition:transform .2s,filter .2s,box-shadow .3s;height:70px;position:relative;overflow:hidden}.fc-simple-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s}.fc-simple-btn:hover:before{opacity:1;transform:scale(1)}.fc-dont-know{color:#ff6b6b;text-shadow:0 0 5px rgba(255,107,107,.3)}.fc-know{color:#4ade80;text-shadow:0 0 5px rgba(74,222,128,.3)}.fc-simple-btn:active{transform:scale(.95);filter:brightness(1.3)}.fc-btn-icon{font-size:1.5rem;margin-bottom:4px}.fc-btn-text{font-size:.85rem;font-weight:600;line-height:1.2}.fc-progress-segmented{display:flex;gap:3px;width:320px;margin:0 auto 12px;height:4px;position:relative;z-index:60}.fc-progress-segment{flex:1;background:#fff3;border-radius:2px;height:100%;transition:background .3s}.fc-progress-segment.active{background:#fff;box-shadow:0 0 6px #fff9}.fc-progress-segment.completed{background:var(--primary, #3B82F6)}.fc-progress-segment.wrong{background:#ef4444}.fc-progress-segment.correct{background:#22c55e}.fc-autoplay-btn{background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text-main, #fff);margin-left:10px;transition:background .2s}.fc-autoplay-btn:active{background:#fff3}.fc-autoplay-btn.muted{opacity:.5;text-decoration:line-through}.games-container{padding-top:.2rem!important;gap:.5rem!important}.games-header{display:flex;align-items:center;gap:.5rem!important;margin-bottom:.5rem!important;justify-content:flex-start!important}.games-header h1{margin:0;font-size:clamp(1.2rem,4vw,2.2rem);line-height:1}.stats-hero,.daily-banner{margin-bottom:.5rem!important;padding:.5rem!important}.fc-container-pro{margin-top:0!important}:root{--focus-bg: linear-gradient(135deg, #e0f4f7 0%, #d4edda 50%, #e8f5e9 100%);--focus-surface: rgba(255, 255, 255, .95);--focus-text: #2d4a5e;--focus-accent: #4db6ac;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--neumorphic-bg: #e0e5ec;--neumorphic-shadow-light: #ffffff;--neumorphic-shadow-dark: #a3b1c6;--transition-smooth: all .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .4s cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--shadow-premium-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-premium-md: 0 10px 25px -3px rgba(0, 0, 0, .15), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-premium-lg: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 40px rgba(37, 99, 235, .3);--xp-bronze: linear-gradient(135deg, #cd7f32, #8b4513);--xp-silver: linear-gradient(135deg, #c0c0c0, #808080);--xp-gold: linear-gradient(135deg, #ffd700, #ffb300);--xp-platinum: linear-gradient(135deg, #e5e4e2, #b4b4b4);--xp-diamond: linear-gradient(135deg, #b9f2ff, #00d4ff)}[data-theme=dark]{--glass-bg: rgba(31, 41, 55, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--neumorphic-bg: #1a1a2e;--neumorphic-shadow-light: #252545;--neumorphic-shadow-dark: #0f0f1a;--focus-bg: linear-gradient(135deg, #0d2818 0%, #1a3a2a 50%, #0f2a20 100%);--focus-surface: rgba(30, 40, 50, .95);--focus-text: #a8d5ba;--focus-accent: #4ade80}body.focus-mode{background:var(--focus-bg)!important;transition:background .8s ease}body.focus-mode *{transition:color .4s ease,background .4s ease,border-color .4s ease!important}body.focus-mode .games-container,body.focus-mode .main-container{filter:saturate(.8)}body.focus-mode .game-card-item{background:var(--focus-surface);border-color:var(--focus-accent);animation:none!important;box-shadow:var(--shadow-premium-md)}body.focus-mode .game-card-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-premium-lg)}.focus-mode-toggle{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4db6ac,#26a69a);border:none;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #4db6ac66;transition:var(--transition-spring)}.focus-mode-toggle:hover{transform:scale(1.1);box-shadow:0 6px 30px #4db6ac80}.focus-mode-toggle svg{width:28px;height:28px;color:#fff}body.focus-mode .focus-mode-toggle{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 20px #ff980066}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow)}.glass-card-strong{background:#ffffff40;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:0 8px 32px #00000026,inset 0 1px 1px #fff9}.game-card-item.glass-effect{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:var(--transition-smooth)}.game-card-item.glass-effect:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0003,0 0 60px #2563eb26}.stats-hero.glass-effect{background:linear-gradient(135deg,#2563eb33,#ec489933);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #2563eb33,inset 0 1px 1px #ffffff4d}.btn-neumorphic{background:var(--neumorphic-bg);border:none;border-radius:16px;padding:16px 32px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:8px 8px 16px var(--neumorphic-shadow-dark),-8px -8px 16px var(--neumorphic-shadow-light)}.btn-neumorphic:hover{box-shadow:6px 6px 12px var(--neumorphic-shadow-dark),-6px -6px 12px var(--neumorphic-shadow-light)}.btn-neumorphic:active,.btn-neumorphic.pressed{box-shadow:inset 4px 4px 8px var(--neumorphic-shadow-dark),inset -4px -4px 8px var(--neumorphic-shadow-light)}.btn-neumorphic-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.switch-neumorphic{width:70px;height:36px;background:var(--neumorphic-bg);border-radius:18px;position:relative;cursor:pointer;box-shadow:inset 4px 4px 8px var(--neumorphic-shadow-dark),inset -4px -4px 8px var(--neumorphic-shadow-light);transition:var(--transition-smooth)}.switch-neumorphic:before{content:"";position:absolute;width:28px;height:28px;background:linear-gradient(145deg,#fff,#e6e6e6);border-radius:50%;top:4px;left:4px;transition:var(--transition-spring);box-shadow:3px 3px 6px var(--neumorphic-shadow-dark),-3px -3px 6px var(--neumorphic-shadow-light)}.switch-neumorphic.active:before{left:calc(100% - 32px);background:linear-gradient(145deg,#3b82f6,#2563eb)}.gradient-mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(at 0% 0%,hsla(253,70%,60%,.3) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,70%,50%,.3) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,70%,50%,.3) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(180,70%,50%,.3) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(45,70%,50%,.3) 0,transparent 50%);animation:meshMove 20s ease-in-out infinite}@keyframes meshMove{0%,to{background-position:0% 0%,50% 0%,100% 0%,0% 100%,100% 100%}25%{background-position:50% 50%,0% 50%,50% 50%,50% 0%,0% 50%}50%{background-position:100% 0%,50% 100%,0% 50%,100% 50%,50% 0%}75%{background-position:0% 100%,100% 50%,100% 100%,0% 0%,100% 50%}}[data-theme=dark] .gradient-mesh-bg{background:radial-gradient(at 0% 0%,hsla(253,60%,30%,.5) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,60%,25%,.5) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,60%,25%,.5) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(180,60%,25%,.4) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(45,60%,25%,.4) 0,transparent 50%)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden}.confetti-piece{position:absolute;width:12px;height:12px;top:-20px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotateX(0) rotateY(0);opacity:1}to{transform:translateY(100vh) rotateX(720deg) rotateY(720deg);opacity:0}}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:4px}.confetti-piece:nth-child(3n){width:8px;height:16px;border-radius:2px}.progress-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-ring-circle-bg{stroke:#fff3}.progress-ring-circle-progress{stroke:url(#progress-gradient);filter:drop-shadow(0 0 6px currentColor)}.progress-ring-text{position:absolute;font-size:1.5rem;font-weight:700;color:#fff}.xp-progress-container{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.xp-progress-bar{height:100%;background:linear-gradient(90deg,#dc2626,#ec4899,#f59e0b);background-size:200% 100%;border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);animation:xpShimmer 2s linear infinite}@keyframes xpShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.xp-progress-glow{position:absolute;right:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));animation:xpGlow 1.5s ease-in-out infinite}@keyframes xpGlow{0%,to{opacity:0}50%{opacity:1}}.streak-badge{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:24px;color:#fff;font-weight:700;overflow:hidden}.streak-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:flameHeat 2s ease-in-out infinite}@keyframes flameHeat{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.streak-flame{width:24px;height:24px;animation:flameDance .5s ease-in-out infinite alternate}@keyframes flameDance{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.1) rotate(3deg)}}.streak-number{font-size:1.25rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.streak-particles{position:absolute;bottom:0;left:50%;width:40px;height:40px;pointer-events:none}.streak-particle{position:absolute;width:6px;height:6px;background:#fc0;border-radius:50%;animation:particleRise 1s ease-out infinite}.streak-particle:nth-child(1){left:0;animation-delay:0s}.streak-particle:nth-child(2){left:30%;animation-delay:.2s}.streak-particle:nth-child(3){left:60%;animation-delay:.4s}.streak-particle:nth-child(4){left:90%;animation-delay:.6s}@keyframes particleRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(0);opacity:0}}.daily-goals-widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:24px;margin:16px 0}.daily-goals-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.daily-goals-title{font-size:1.25rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.daily-goals-progress{font-size:.9rem;color:var(--text-secondary)}.daily-goal-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff1a;border-radius:16px;margin-bottom:12px;transition:var(--transition-smooth)}.daily-goal-item:hover{background:#ffffff26;transform:translate(4px)}.daily-goal-item.completed{background:#4ade8033;border:1px solid rgba(74,222,128,.3)}.daily-goal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.daily-goal-info{flex:1}.daily-goal-name{font-weight:600;margin-bottom:4px}.daily-goal-desc{font-size:.85rem;color:var(--text-secondary)}.daily-goal-reward{display:flex;align-items:center;gap:4px;color:#fbbf24;font-weight:700}.achievement-badge{position:relative;display:inline-block;width:80px;height:80px;border-radius:50%;overflow:hidden;transition:var(--transition-spring)}.achievement-badge:hover{transform:scale(1.1) rotate(5deg)}.achievement-badge.locked{filter:grayscale(1) opacity(.5)}.achievement-badge.unlocked{animation:badgeUnlock .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgeUnlock{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.achievement-badge-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);animation:badgeShine 3s ease-in-out infinite}@keyframes badgeShine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.achievement-badge-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,gold,#ffb300);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0003,inset 0 2px 4px #ffffff80}.achievement-popup{position:fixed;top:20%;left:50%;transform:translate(-50%) scale(0);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(255,215,0,.5);border-radius:24px;padding:32px 48px;z-index:10001;text-align:center;animation:achievementAppear .6s cubic-bezier(.68,-.55,.265,1.55) forwards;box-shadow:0 0 60px #ffd7004d,0 20px 40px #0006}@keyframes achievementAppear{0%{transform:translate(-50%) scale(0) rotate(-10deg)}60%{transform:translate(-50%) scale(1.1) rotate(3deg)}to{transform:translate(-50%) scale(1) rotate(0)}}.achievement-popup-badge{width:100px;height:100px;margin:0 auto 16px}.achievement-popup-title{color:gold;font-size:1.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 0 20px rgba(255,215,0,.5)}.achievement-popup-desc{color:#fffc;font-size:1rem}.level-up-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .3s ease}.level-up-content{text-align:center;animation:levelUpBounce .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes levelUpBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.level-up-icon{font-size:5rem;margin-bottom:16px;animation:levelUpFloat 2s ease-in-out infinite}@keyframes levelUpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.level-up-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(255,215,0,.5);margin-bottom:8px}.level-up-subtitle{color:#fffc;font-size:1.25rem}.level-stars{display:flex;justify-content:center;gap:8px;margin-top:16px}.level-star{font-size:2rem;animation:starPop .4s ease backwards}.level-star:nth-child(1){animation-delay:.1s}.level-star:nth-child(2){animation-delay:.2s}.level-star:nth-child(3){animation-delay:.3s}.level-star:nth-child(4){animation-delay:.4s}.level-star:nth-child(5){animation-delay:.5s}@keyframes starPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.mystery-box{width:120px;height:120px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--transition-spring);box-shadow:0 10px 30px #2563eb66,inset 0 2px 4px #fff3}.mystery-box:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 15px 40px #2563eb80,inset 0 2px 4px #fff3}.mystery-box-icon{font-size:3rem;animation:boxFloat 2s ease-in-out infinite}@keyframes boxFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.mystery-box-sparkles{position:absolute;width:100%;height:100%;pointer-events:none}.mystery-box-sparkle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;animation:sparkle 2s ease-in-out infinite}.mystery-box-sparkle:nth-child(1){top:10%;left:20%;animation-delay:0s}.mystery-box-sparkle:nth-child(2){top:30%;right:15%;animation-delay:.3s}.mystery-box-sparkle:nth-child(3){bottom:20%;left:10%;animation-delay:.6s}.mystery-box-sparkle:nth-child(4){bottom:10%;right:20%;animation-delay:.9s}@keyframes sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.mystery-box.opening{animation:boxShake .5s ease-in-out}@keyframes boxShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.sound-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:999}.sound-toggle:hover{transform:scale(1.1);background:#ffffff40}.sound-toggle svg{width:24px;height:24px;color:var(--text-main)}.sound-toggle.muted svg{opacity:.5}.sound-toggle.muted:after{content:"";position:absolute;width:2px;height:30px;background:#ef4444;transform:rotate(45deg);border-radius:2px}.music-player-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid var(--glass-border);display:flex;align-items:center;padding:0 24px;gap:16px;z-index:998;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.music-player-bar.visible{transform:translateY(0)}.music-player-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-smooth)}.music-player-btn:hover{transform:scale(1.1)}.music-player-title{flex:1;color:var(--text-main);font-weight:500}.music-player-progress{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.music-player-progress-bar{height:100%;background:linear-gradient(90deg,#dc2626,#ec4899);width:0%;transition:width .3s linear}.pomodoro-widget{position:fixed;bottom:90px;right:24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:24px;z-index:997;min-width:200px;transform:scale(0);transform-origin:bottom right;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.pomodoro-widget.visible{transform:scale(1)}.pomodoro-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pomodoro-title{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px}.pomodoro-close{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-smooth)}.pomodoro-close:hover{background:#fff3;color:var(--text-main)}.pomodoro-timer{font-size:3rem;font-weight:800;text-align:center;font-family:SF Mono,Fira Code,monospace;background:linear-gradient(135deg,#dc2626,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.pomodoro-controls{display:flex;gap:12px;justify-content:center}.pomodoro-btn{padding:10px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.pomodoro-btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.pomodoro-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2563eb66}.pomodoro-btn-secondary{background:#ffffff1a;color:var(--text-main)}.pomodoro-btn-secondary:hover{background:#fff3}.pomodoro-sessions{display:flex;justify-content:center;gap:8px;margin-top:16px}.pomodoro-session-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:var(--transition-smooth)}.pomodoro-session-dot.completed{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 10px #4ade8080}.pomodoro-session-dot.active{background:linear-gradient(135deg,#3b82f6,#1e40af);animation:pulseDot 1s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.ripple-effect{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:rippleExpand .6s ease-out;pointer-events:none}@keyframes rippleExpand{to{transform:scale(4);opacity:0}}.success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10003;animation:fadeIn .3s ease}.success-content{text-align:center;animation:successBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes successBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.success-checkmark{width:80px;height:80px;margin:0 auto 16px}.success-checkmark svg{width:100%;height:100%}.success-checkmark circle{stroke-dasharray:166;stroke-dashoffset:166;animation:checkCircle .6s ease-out forwards}@keyframes checkCircle{to{stroke-dashoffset:0}}.success-checkmark path{stroke-dasharray:48;stroke-dashoffset:48;animation:checkPath .3s ease-out .3s forwards}@keyframes checkPath{to{stroke-dashoffset:0}}.success-message{color:#fff;font-size:1.5rem;font-weight:700}.success-overlay.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeOut{to{opacity:0}}.star-particle{position:fixed;font-size:1.5rem;pointer-events:none;z-index:10000;animation:starBurst .8s ease-out forwards}@keyframes starBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle))*100px),calc(sin(var(--angle))*100px)) scale(0);opacity:0}}.streak-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .3s ease}.streak-content{text-align:center;animation:streakPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes streakPop{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.streak-fire{font-size:5rem;animation:fireGlow .5s ease-in-out infinite alternate}@keyframes fireGlow{0%{text-shadow:0 0 20px rgba(255,107,53,.5);transform:scale(1)}to{text-shadow:0 0 40px rgba(255,107,53,.8);transform:scale(1.1)}}.streak-days{font-size:2.5rem;font-weight:800;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.5);margin-bottom:8px}.streak-text{color:#fffc;font-size:1.25rem}.tour-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:10004;animation:fadeIn .3s ease}.tour-spotlight{position:absolute;border-radius:16px;box-shadow:0 0 0 9999px #000000bf;background:transparent;transition:all .4s ease}.tour-tooltip{position:absolute;width:300px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(37,99,235,.3);border-radius:20px;padding:24px;box-shadow:0 20px 40px #0006;animation:tooltipAppear .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes tooltipAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.tour-tooltip h3{color:#fff;font-size:1.25rem;margin-bottom:12px}.tour-tooltip p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin-bottom:20px}.tour-actions{display:flex;gap:12px}.tour-skip{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:10px 20px;border-radius:10px;cursor:pointer;transition:var(--transition-smooth)}.tour-skip:hover{background:#ffffff1a;color:#fff}.tour-next{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:#fff;padding:10px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:var(--transition-smooth)}.tour-next:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2563eb66}.tour-progress{display:flex;justify-content:center;gap:8px;margin-top:20px}.tour-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:var(--transition-smooth)}.tour-dot.active{background:#dc2626;width:24px;border-radius:4px}.tour-overlay.fade-out{animation:fadeOut .3s ease forwards}.pull-refresh-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease}.pull-spinner{width:30px;height:30px;border:3px solid rgba(37,99,235,.2);border-top-color:#dc2626;border-radius:50%}.pull-refresh-indicator.refreshing .pull-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-game-card{background:var(--surface);border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-icon{width:56px;height:56px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:16px;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-title{width:80%;height:20px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-subtitle{width:60%;height:16px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=dark] .skeleton-icon,[data-theme=dark] .skeleton-title,[data-theme=dark] .skeleton-subtitle{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}.skeleton-fade-out{animation:skeletonFadeOut .3s ease forwards}@keyframes skeletonFadeOut{to{opacity:0;transform:scale(.95)}}@keyframes cardPulseDay{0%,to{box-shadow:0 4px 12px #0000000d,0 0 8px #00000005,inset 0 1px 1px #fff9}50%{box-shadow:0 6px 16px #00000014,0 0 12px #2563eb0d,inset 0 1px 1px #ffffffb3}}@media (max-width: 768px){.focus-mode-toggle{width:48px;height:48px;bottom:16px;left:16px}.sound-toggle{width:40px;height:40px;bottom:16px;right:16px}.pomodoro-widget{right:16px;bottom:70px;min-width:180px;padding:16px}.pomodoro-timer{font-size:2.5rem}.achievement-popup{width:90%;max-width:320px;padding:24px}.level-up-icon{font-size:4rem}.level-up-title{font-size:2rem}.mystery-box{width:100px;height:100px}.tour-tooltip{width:90%;max-width:280px;padding:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gradient-mesh-bg,.game-card-item{animation:none}}@media print{.focus-mode-toggle,.sound-toggle,.pomodoro-widget,.music-player-bar,.confetti-container,.tour-overlay{display:none!important}}.filter-pills-scroll-container{display:flex;overflow-x:auto;gap:10px;padding:12px 4px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;width:100%}.filter-pills-scroll-container::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;padding:8px 16px;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000000d}.filter-pill:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #2563eb4d}[data-theme=dark] .filter-pill{background:#ffffff1a;color:var(--text-secondary)}[data-theme=dark] .filter-pill:hover{background:#fff3;color:#fff}[data-theme=dark] .filter-pill.active{background:var(--primary);color:#fff}.filter-divider{width:1px;height:24px;background:var(--border);flex:0 0 auto;margin:0 4px}.skeleton-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;width:100%;padding:16px}.skeleton-card{background:var(--surface);border-radius:16px;padding:16px;height:120px;border:1px solid var(--border);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite;transform:translate(-100%)}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-line{height:12px;background:var(--border);border-radius:6px;opacity:.6}.skeleton-header{display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-badge{width:60px;height:20px;border-radius:10px;background:var(--border)}.skeleton-actions{display:flex;gap:8px}.skeleton-circle{width:24px;height:24px;border-radius:50%;background:var(--border)}.skeleton-title{width:60%;height:24px;margin-bottom:8px}.skeleton-subtitle{width:40%}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out}.tilt-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) scale(1.02)}.tilt-card .tilt-shine{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,#fff0,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease;pointer-events:none}.tilt-card:hover .tilt-shine{opacity:1}.difficulty-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:5}.difficulty-easy{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e66}.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b66}.difficulty-hard{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444466}.last-played-badge{position:absolute;top:12px;left:12px;padding:4px 8px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border-radius:8px;font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #1e3a8a66;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px #1e3a8a66}50%{box-shadow:0 4px 16px #1e3a8a99}}.last-played-badge svg{width:12px;height:12px}.recommendation-stars{display:flex;gap:2px;margin-top:4px}.recommendation-star{width:14px;height:14px;color:#fbbf24;filter:drop-shadow(0 0 2px rgba(251,191,36,.5))}.recommendation-star.empty{color:#fff3;filter:none}.recommendation-label{font-size:.7rem;color:var(--text-secondary);margin-left:4px}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(37,99,235,.6) 0%,transparent 70%);border-radius:50%;animation:floatParticle linear infinite}@keyframes floatParticle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.particle:nth-child(1){left:5%;animation-duration:15s;animation-delay:0s;width:4px;height:4px}.particle:nth-child(2){left:15%;animation-duration:18s;animation-delay:2s;width:8px;height:8px}.particle:nth-child(3){left:25%;animation-duration:20s;animation-delay:4s;width:5px;height:5px}.particle:nth-child(4){left:35%;animation-duration:16s;animation-delay:1s;width:6px;height:6px}.particle:nth-child(5){left:45%;animation-duration:22s;animation-delay:3s;width:4px;height:4px}.particle:nth-child(6){left:55%;animation-duration:17s;animation-delay:5s;width:7px;height:7px}.particle:nth-child(7){left:65%;animation-duration:19s;animation-delay:2s;width:5px;height:5px}.particle:nth-child(8){left:75%;animation-duration:21s;animation-delay:4s;width:6px;height:6px}.particle:nth-child(9){left:85%;animation-duration:14s;animation-delay:1s;width:4px;height:4px}.particle:nth-child(10){left:95%;animation-duration:23s;animation-delay:3s;width:8px;height:8px}.particle:nth-child(odd){background:radial-gradient(circle,rgba(236,72,153,.5) 0%,transparent 70%)}.particle:nth-child(3n){background:radial-gradient(circle,rgba(34,211,238,.5) 0%,transparent 70%)}.live-players-widget{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid rgba(34,197,94,.3);border-radius:16px;margin-bottom:16px}.live-indicator{display:flex;align-items:center;gap:6px}.live-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #22c55e99}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.live-count{font-size:1.25rem;font-weight:700;color:#22c55e}.live-text{font-size:.85rem;color:var(--text-secondary)}.live-avatars{display:flex;margin-left:auto}.live-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);margin-left:-8px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff}.live-avatar:first-child{margin-left:0}.quote-widget{background:linear-gradient(135deg,#2563eb1a,#1e3a8a1a);border:1px solid rgba(37,99,235,.2);border-radius:20px;padding:20px 24px;margin-bottom:20px;position:relative;overflow:hidden}.quote-icon{position:absolute;top:-10px;left:16px;font-size:4rem;opacity:.1;color:#dc2626}.quote-text{font-size:1rem;font-style:italic;color:var(--text-main);line-height:1.5;position:relative;z-index:1}.quote-author{font-size:.85rem;color:#dc2626;margin-top:8px;font-weight:600}.quote-refresh{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#2563eb1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#dc2626;transition:all .3s ease}.quote-refresh:hover{background:#2563eb33;transform:rotate(180deg)}.progress-dashboard{background:var(--glass-bg, rgba(255, 255, 255, .1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .2));border-radius:24px;padding:24px;margin:16px 0}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px}.dashboard-period{font-size:.85rem;color:var(--text-secondary);padding:6px 12px;background:#ffffff1a;border-radius:8px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;padding:0 8px;margin-bottom:20px}.bar-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,#3b82f6,#1e40af);border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1);position:relative;min-height:4px}.bar:after{content:attr(data-value);position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--text-main)}.bar-label{font-size:.7rem;color:var(--text-secondary);text-align:center}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skill-item{background:#ffffff0d;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px}.skill-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.skill-info{flex:1}.skill-name{font-size:.85rem;font-weight:600;margin-bottom:4px}.skill-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.skill-bar-fill.vocab{background:linear-gradient(90deg,#22c55e,#16a34a)}.skill-bar-fill.grammar{background:linear-gradient(90deg,#3b82f6,#2563eb)}.skill-bar-fill.listening{background:linear-gradient(90deg,#f59e0b,#d97706)}.skill-bar-fill.puzzle{background:linear-gradient(90deg,#ec4899,#db2777)}.break-reminder-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10005;animation:fadeIn .5s ease}.break-reminder-content{text-align:center;max-width:400px;padding:40px}.break-icon{font-size:5rem;margin-bottom:20px;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.break-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:12px}.break-message{font-size:1rem;color:#ffffffb3;margin-bottom:24px;line-height:1.6}.break-timer{font-size:2.5rem;font-weight:800;color:#4ade80;font-family:SF Mono,monospace;margin-bottom:24px}.break-actions{display:flex;gap:12px;justify-content:center}.break-btn{padding:14px 28px;border-radius:14px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.break-btn-primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.break-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.break-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.break-btn-secondary:hover{background:#fff3}body.eye-care-mode{filter:sepia(.15) saturate(.9)}body.eye-care-mode:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffb46414;pointer-events:none;z-index:9999}.eye-care-toggle{position:fixed;bottom:150px;right:24px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:997;box-shadow:0 4px 15px #fbbf2466;transition:all .3s ease}.eye-care-toggle:hover{transform:scale(1.1)}.eye-care-toggle svg{width:24px;height:24px;color:#fff}body.eye-care-mode .eye-care-toggle{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 15px #3b82f666}.theme-selector{display:flex;gap:12px;padding:16px;overflow-x:auto;scrollbar-width:none}.theme-selector::-webkit-scrollbar{display:none}.theme-option{width:48px;height:48px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .3s ease;flex-shrink:0}.theme-option:hover{transform:scale(1.1)}.theme-option.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.theme-indigo{background:linear-gradient(135deg,#3b82f6,#2563eb)}.theme-blue{background:linear-gradient(135deg,#3b82f6,#1e40af)}.theme-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.theme-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.theme-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.theme-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.theme-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.theme-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.bounce-scroll{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:translateY(30px) scale(.95)}60%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.game-mascot{position:fixed;bottom:100px;left:20px;width:80px;height:80px;z-index:996;cursor:pointer;transition:transform .3s ease}.game-mascot:hover{transform:scale(1.1)}.mascot-body{width:100%;height:100%;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%/60% 60% 40% 40%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;animation:mascotBounce 2s ease-in-out infinite;box-shadow:0 8px 20px #fbbf2466}@keyframes mascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-speech{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background:#fff;color:#1f2937;padding:10px 16px;border-radius:16px;font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;opacity:0;transition:opacity .3s ease}.mascot-speech:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}.game-mascot:hover .mascot-speech{opacity:1}.leaderboard-widget{background:var(--glass-bg, rgba(255, 255, 255, .1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .2));border-radius:20px;padding:20px;margin:16px 0}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.leaderboard-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px}.leaderboard-entry{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;margin-bottom:8px;transition:all .3s ease}.leaderboard-entry:hover{background:#ffffff1a;transform:translate(4px)}.leaderboard-entry.current-user{background:linear-gradient(135deg,#2563eb33,#1e3a8a33);border:1px solid rgba(37,99,235,.3)}.leaderboard-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.rank-other{background:#ffffff1a;color:var(--text-main)}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;font-size:1rem}.leaderboard-score{font-weight:700;color:#fbbf24}.ai-recommendation{background:linear-gradient(135deg,#10b9811a,#22c55e1a);border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin:12px 0;cursor:pointer;transition:all .3s ease}.ai-recommendation:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e33}.ai-icon{width:48px;height:48px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ai-content{flex:1}.ai-label{font-size:.75rem;color:#22c55e;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.ai-message{font-size:.95rem;color:var(--text-main);font-weight:500}.ai-arrow{color:#22c55e;transition:transform .3s ease}.ai-recommendation:hover .ai-arrow{transform:translate(4px)}@media (max-width: 768px){.game-mascot{width:60px;height:60px;bottom:80px;left:12px}.mascot-body{font-size:1.75rem}.eye-care-toggle{bottom:130px;width:40px;height:40px}.progress-dashboard{padding:16px}.bar-chart{height:100px}.skill-grid{grid-template-columns:1fr}.live-players-widget{flex-wrap:wrap}.live-avatars{width:100%;justify-content:center;margin-top:8px;margin-left:0}}.compact-header{display:flex;flex-direction:column;gap:12px;padding:16px 20px;margin-bottom:8px}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left-controls{display:flex;align-items:center;gap:.5rem;z-index:2}.game-hero-title{font-size:1.5rem;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:1px;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;background:linear-gradient(135deg,#fff,#cbd5e1,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,255,255,.3);animation:titleFloat 3s ease-in-out infinite alternate,titleGlow 2s ease-in-out infinite alternate!important}@keyframes titleFloat{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-2px)}}@keyframes titleGlow{0%{filter:drop-shadow(0 0 2px rgba(99,102,241,.2))}to{filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}}@media (max-width: 360px){.game-hero-title{font-size:1.2rem}}.back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#1e1e2f,#151525);border:none;color:#ffffffb3;cursor:pointer;box-shadow:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d,inset 0 0 0 1px #ffffff0d;transition:all .15s ease}#mobileToggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#1e1e2f,#151525);border:none;color:#ffffffb3;cursor:pointer;box-shadow:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d,inset 0 0 0 1px #ffffff0d;transition:all .15s ease;position:relative;top:0}#mobileToggle:hover{color:#fff;transform:translateY(-1px);box-shadow:6px 6px 12px #0009,-2px -2px 8px #ffffff14}#mobileToggle.active{color:#4ade80;background:linear-gradient(145deg,#151525,#1e1e2f);box-shadow:inset 5px 5px 10px #0009,inset -2px -2px 6px #ffffff0d;transform:translateY(2px)}#mobileToggle svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}#mobileToggle.active svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transform:scale(.95)}.stats-compact-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.xp-mini-card{padding:8px 12px;border-radius:12px;background:#1e3a8a66;border:1px solid rgba(255,255,255,.1)}.xp-info-row{display:flex;flex-direction:column;gap:4px}.xp-level-badge{font-size:.75rem;font-weight:800;color:#60a5fa;letter-spacing:.05em}.xp-progress-container-mini{width:100%;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.stats-pills-row{display:flex;gap:8px}.stat-pill{display:flex;align-items:center;gap:6px;background:#0000004d;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid rgba(255,255,255,.05)}.stat-icon{font-size:1rem}.game-card-item{position:relative;overflow:hidden}.game-badge-corner{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;box-shadow:0 2px 4px #0003}.high-score{display:none}.category-filter-container{padding:2px 0;margin:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filter-scroll{display:flex;gap:10px;padding:0 4px}.category-chip{padding:8px 16px;border-radius:20px;background:#1e293b99;color:#94a3b8;border:1px solid rgba(255,255,255,.1);font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.category-chip:hover{background:#1e293be6;transform:translateY(-1px);border-color:#fff3}.category-chip.active{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border-color:#3b82f680;box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.category-chip svg{width:14px;height:14px;opacity:.8}.game-menu-container{height:70vh;min-height:300px;flex-shrink:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.game-menu-container::-webkit-scrollbar{width:6px}.game-menu-container::-webkit-scrollbar-track{background:transparent}.game-menu-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px}:root{--bg-gradient-light: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--card-bg-light: #ffffff;--card-bg-dark: #1e293b;--glass-border-light: rgba(255, 255, 255, .3);--glass-border-dark: rgba(255, 255, 255, .08);--text-main-light: #1e293b;--text-main-dark: #f1f5f9;--text-sub-light: #64748b;--text-sub-dark: #94a3b8;--font-main: "Inter", sans-serif;--font-arabic: "Tajawal", sans-serif;--glass-blur: blur(12px);--primary: #3b82f6;--primary-soft: #dbeafe;--primary-dark: #1d4ed8;--success: #10b981;--success-soft: #d1fae5;--warning: #f59e0b;--warning-soft: #fef3c7;--error: #ef4444;--error-soft: #fee2e2;--accent: #06b6d4;--accent-soft: #cffafe;--animation-decorative: running;--animation-pulse: none;--glow-intensity: .15;--glow-spread: 8px;--spring-easing: cubic-bezier(.175, .885, .32, 1.275);--bounce-easing: cubic-bezier(.34, 1.56, .64, 1);--color-grammar: #3b82f6;--color-missing: #f97316;--color-flashcards: #10b981;--color-spelling: #06b6d4;--color-wheel: #0ea5e9;--color-sentence: #0284c7;--color-rain: #dc2626;--color-wordle: #22c55e;--color-pronunciation: #ef4444}body.iphone-view{max-width:400px;height:850px;margin:20px auto;border:14px solid #1e293b;border-radius:40px;box-shadow:0 0 0 2px #334155,0 20px 50px #00000080;position:relative;overflow:hidden;background:#0f172a;overscroll-behavior:contain}body.iphone-view .games-container{height:100%;overflow-y:auto;min-height:0;padding-bottom:4rem}@supports (scrollbar-width: thin){body.iphone-view .games-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}}body.iphone-view .games-container::-webkit-scrollbar{width:6px}body.iphone-view .games-container::-webkit-scrollbar-track{background:transparent}body.iphone-view .games-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px}.mobile-toggle-btn,#mobileToggle{background:linear-gradient(145deg,#1e1e2f,#151525)!important;border:none!important;border-radius:12px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#ffffffb3!important;padding:0!important;box-shadow:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d,inset 0 0 0 1px #ffffff0d!important;transition:all .15s ease!important;position:relative!important;top:0!important;margin-left:.5rem!important}.mobile-toggle-btn svg,#mobileToggle svg{width:24px;height:24px;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.vokaler-icon{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#fff;box-shadow:0 4px 10px #f59e0b4d,inset 0 2px 2px #ffffff4d;text-shadow:0 2px 4px rgba(0,0,0,.1)}.gold-trophy{width:48px;height:48px;fill:url(#goldGradient);filter:drop-shadow(0 4px 6px rgba(234,179,8,.3))}.stat-icon{width:24px;height:24px;margin-right:6px}.icon-gamepad{color:#818cf8}.icon-fire{color:#f97316}.icon-star{color:#fbbf24}[data-theme=dark]{background:var(--bg-gradient-dark);color:var(--text-main-dark)}.games-container{max-width:800px;margin:0 auto;padding:.2rem 1.5rem;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:scroll-position;overscroll-behavior:contain;max-height:100vh}.game-menu-container{padding-bottom:2rem}.games-view-container,.games-view-grid,.games-view-card{touch-action:pan-y}.games-view-container{padding:20px 20px 120px;color:#fff;min-height:calc(100% + 1px);-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;will-change:scroll-position;scrollbar-width:none;-ms-overflow-style:none;pointer-events:none!important}.games-view-container::-webkit-scrollbar{display:none}.games-view-title{font-size:1.8rem;margin-bottom:20px;text-align:center;color:#fbbf24;font-weight:700}.games-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.games-view-card{background:#1e293b99;border-radius:24px;padding:20px;text-align:center;cursor:pointer;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:pan-y;pointer-events:auto!important}.games-view-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.games-view-card:active{transform:scale(.97)}.games-view-icon{font-size:3rem}.games-view-name{font-weight:700;font-size:1.1rem;color:#fff}.games-view-name-ar{font-size:.8rem;color:#aaa;margin-top:4px;font-family:Tajawal,sans-serif}.games-header h1{font-size:1.5rem;font-weight:700;margin:0;color:#e2e8f0;text-shadow:none;text-align:right;flex-grow:1}.back-btn{background:#1e293b80;border:1px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e2e8f0;transition:all .2s;text-decoration:none}.back-btn:hover{background:#1e293bcc;transform:scale(1.05)}.hero-stat-value{font-size:2.5rem;font-weight:800;color:#3b82f6;line-height:1;margin-bottom:.25rem;text-shadow:0 0 20px rgba(59,130,246,.3)}.daily-banner-title{color:#fbbf24;font-weight:700;font-size:1rem;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-banner-subtitle{color:#fbbf24;font-size:.8rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.daily-banner-progress{background:#0000004d;color:#fbbf24;border:1px solid rgba(251,191,36,.3);font-size:.8rem;padding:2px 8px;height:auto;position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:32px;text-align:center}.category-chip{padding:.6rem 1.2rem;border-radius:99px;background:#1e293b;color:#94a3b8;border:1px solid rgba(255,255,255,.05);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.category-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.category-chip:hover:not(.active){background:#334155;color:#fff}#mobileViewToggle{background:transparent!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.1);color:#fff!important}.back-btn:hover,.theme-toggle-btn:hover{transform:scale(1.1)}.games-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.games-header h1{margin:0;font-size:clamp(1.2rem,4vw,2.2rem);white-space:nowrap;background:linear-gradient(45deg,#0ea5e9,#22d3ee,#0284c7);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:popIn .8s cubic-bezier(.68,-.55,.265,1.55) both,gradientFlow 3s ease infinite,float 3s ease-in-out infinite .8s}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.game-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 600px){.game-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}}.game-card-item{background:var(--card-bg-light);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-light);border-radius:1.5rem;padding:1.5rem;text-align:center;cursor:pointer;transition:transform .4s var(--spring-easing),box-shadow .4s var(--spring-easing),border-color .3s ease;box-shadow:0 4px 12px #0000000d,0 0 8px #00000005,inset 0 1px 1px #fff9;position:relative;overflow:hidden;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s var(--spring-easing),box-shadow .4s var(--spring-easing),border-color .3s ease;touch-action:pan-y;-webkit-user-drag:none}.game-card-item.scroll-in-view{opacity:1;transform:translateY(0);animation:cardPulseDay 4s infinite ease-in-out .6s}.game-card-item:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 25px #00000026,0 0 20px #0000001a,inset 0 1px 1px #ffffffb3;border-color:#ffffffe6;z-index:10}.game-card-item:nth-child(1){transition-delay:.1s}.game-card-item:nth-child(2){transition-delay:.15s}.game-card-item:nth-child(3){transition-delay:.2s}.game-card-item:nth-child(4){transition-delay:.25s}.game-card-item:nth-child(5){transition-delay:.3s}.game-card-item:nth-child(6){transition-delay:.35s}.game-card-item:nth-child(7){transition-delay:.4s}.game-card-item:nth-child(8){transition-delay:.45s}.game-card-item:nth-child(9){transition-delay:.5s}.game-card-item:nth-child(10){transition-delay:.55s}.game-card-item:nth-child(11){transition-delay:.6s}.game-card-item:nth-child(12){transition-delay:.65s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.game-card-item:nth-child(1) .game-icon-large{color:#dc2626;filter:drop-shadow(0 4px 8px rgba(37,99,235,.4))}.game-card-item:nth-child(2) .game-icon-large{color:#f97316;filter:drop-shadow(0 4px 8px rgba(249,115,22,.4))}.game-card-item:nth-child(3) .game-icon-large{color:#10b981;filter:drop-shadow(0 4px 8px rgba(16,185,129,.4))}.game-card-item:nth-child(4) .game-icon-large{color:#ef4444;filter:drop-shadow(0 4px 8px rgba(239,68,68,.4))}.game-card-item:nth-child(5) .game-icon-large{color:#0284c7;filter:drop-shadow(0 4px 8px rgba(2,132,199,.4))}.game-card-item:nth-child(6) .game-icon-large{color:#06b6d4;filter:drop-shadow(0 4px 8px rgba(6,182,212,.4))}.game-card-item:nth-child(7) .game-icon-large{color:#0ea5e9;filter:drop-shadow(0 4px 8px rgba(14,165,233,.4))}.game-card-item:nth-child(8) .game-icon-large{color:#84cc16;filter:drop-shadow(0 4px 8px rgba(132,204,22,.4))}.game-card-item:nth-child(9) .game-icon-large{color:#f59e0b;filter:drop-shadow(0 4px 8px rgba(245,158,11,.4))}.game-card-item:nth-child(10) .game-icon-large{color:#3b82f6;filter:drop-shadow(0 4px 8px rgba(59,130,246,.4))}.game-card-item:nth-child(11) .game-icon-large{color:#14b8a6;filter:drop-shadow(0 4px 8px rgba(20,184,166,.4))}.game-card-item:nth-child(12) .game-icon-large{color:#22d3ee;filter:drop-shadow(0 4px 8px rgba(34,211,238,.4))}.game-card-item:nth-child(13) .game-icon-large{color:#22d3ee;filter:drop-shadow(0 4px 8px rgba(34,211,238,.4))}.game-card-item:nth-child(14) .game-icon-large{color:#fb923c;filter:drop-shadow(0 4px 8px rgba(251,146,60,.4))}.game-card-item:nth-child(15) .game-icon-large{color:#4ade80;filter:drop-shadow(0 4px 8px rgba(74,222,128,.4))}.game-card-item:nth-child(16) .game-icon-large{color:#22d3ee;filter:drop-shadow(0 4px 8px rgba(244,114,182,.4))}.game-card-item:nth-child(17) .game-icon-large{color:#60a5fa;filter:drop-shadow(0 4px 8px rgba(96,165,250,.4))}[data-theme=dark] .game-card-item .game-icon-large{filter:drop-shadow(0 0 12px currentColor) brightness(1.1)}.game-card-item:active{transform:scale(.95)}[data-theme=dark] .game-card-item{background:var(--card-bg-dark);border-color:var(--glass-border-dark);box-shadow:0 10px 30px #0003}.premium-moving-dots{position:relative;background:#020617;z-index:1;overflow:hidden;box-shadow:0 4px 6px -1px #00000080}.premium-moving-dots:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:inherit;padding:2px;background:linear-gradient(90deg,transparent 50%,#334155 50%),linear-gradient(90deg,#334155 50%,transparent 50%),linear-gradient(0deg,transparent 50%,#334155 50%),linear-gradient(0deg,#334155 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 2px,15px 2px,2px 15px,2px 15px;background-position:0% 0%,100% 100%,0% 100%,100% 0%;animation:border-dance 4s infinite linear;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes border-dance{0%{background-position:0% 0%,100% 100%,0% 100%,100% 0%}to{background-position:100% 0%,0% 100%,0% 0%,100% 100%}}@keyframes game-pulse{0%{box-shadow:0 0 15px #2563eb33;transform:scale(1);border-color:#2563eb4d}20%{box-shadow:0 0 15px #0ea5e94d;transform:scale(1.02);border-color:#0ea5e94d}40%{box-shadow:0 0 15px #06b6d433;transform:scale(1);border-color:#06b6d44d}60%{box-shadow:0 0 15px #14b8a64d;transform:scale(1.02);border-color:#14b8a64d}80%{box-shadow:0 0 15px #3b82f633;transform:scale(1);border-color:#3b82f64d}to{box-shadow:0 0 15px #2563eb33;transform:scale(1.02);border-color:#2563eb4d}}.game-card-item{transition:transform .3s var(--spring-easing),box-shadow .3s ease}.game-card-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px -8px #3b82f640;border-color:#3b82f64d}[data-theme=dark] .game-card-item:hover{box-shadow:0 12px 24px #3b82f633;border-color:#60a5fa66;background:#1e293be6}.particle-1{--delay: 0s;--x: 10%}.particle-2{--delay: .5s;--x: 25%}.particle-3{--delay: 1s;--x: 40%}.particle-4{--delay: 1.5s;--x: 55%}.particle-5{--delay: 2s;--x: 70%}.particle-6{--delay: 2.5s;--x: 85%}.particle-7{--delay: .8s;--x: 30%}.particle-8{--delay: 1.6s;--x: 50%}.particle-9{--delay: 2.4s;--x: 70%}.particle-10{--delay: 3.2s;--x: 90%}.game-icon-large{font-size:4rem;margin-bottom:1rem;transition:transform .3s}.game-card-item:hover .game-icon-large{transform:scale(1.2) rotate(10deg)}.game-card-item h3{margin:0 0 .5rem;color:var(--text-main-light);font-size:1.3rem}.game-card-item p{margin:0 0 1rem;color:var(--text-sub-light);font-family:var(--font-arabic);font-weight:700;font-size:1.1rem;line-height:1.6}.high-score{font-size:.9rem;font-weight:600;color:#dc2626;background:#2563eb1a;padding:.25rem .75rem;border-radius:1rem;display:inline-block}[data-theme=dark] .game-card-item{background:#1e293bd9!important;-webkit-backdrop-filter:blur(16px) saturate(150%)!important;backdrop-filter:blur(16px) saturate(150%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0006,0 0 15px #38bdf81a,inset 0 1px #ffffff14!important}@supports not (backdrop-filter: blur(16px)){[data-theme=dark] .game-card-item{background:#1e293b!important}}[data-theme=dark] .game-card-item:hover{background:#1e293bf2!important;box-shadow:0 12px 40px #00000080,0 0 25px #38bdf833,inset 0 1px #ffffff1f!important;border-color:#38bdf84d!important}[data-theme=dark] .game-card-item h3{color:var(--text-main-dark)}[data-theme=dark] .game-card-item p{color:var(--text-sub-dark)}[data-theme=dark] .high-score{background:#2563eb33;color:#818cf8}[data-theme=dark] .back-btn,[data-theme=dark] .theme-toggle-btn{background:var(--card-bg-dark);color:var(--text-main-dark)}[data-theme=light] body,html[data-theme=light] body{background:linear-gradient(135deg,#f0f4f8,#d9e2ec,#bcccdc)!important;background-attachment:fixed!important;overflow-y:auto!important}[data-theme=light] .game-card-item{background:#ffffff59!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 32px #1f268726,inset 0 1px #fff9!important}[data-theme=light] .game-card-item:hover{background:#ffffff80!important;box-shadow:0 12px 40px #1f268740,inset 0 1px #fffc!important;border-color:#2563eb66!important;transform:translateY(-5px) scale(1.02)}[data-theme=light] .game-card-item h3{color:#1f2937}[data-theme=light] .game-card-item p{color:#6b7280}[data-theme=light] .high-score{background:#2563eb1a;color:#4f46e5}[data-theme=light] .back-btn,[data-theme=light] .theme-toggle-btn{background:#fff;color:#1f2937;box-shadow:0 2px 8px #0000001a}[data-theme=light] .games-header h1{background:linear-gradient(45deg,#3b82f6,#3b82f6,#0ea5e9);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.game-btn{padding:.8rem 1.5rem;border:none;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s var(--spring-easing);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;box-shadow:0 4px 6px #0000001a}.game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.game-btn:active{transform:translateY(0) scale(.98)}.game-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.next-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .4s var(--spring-easing);box-shadow:0 4px 6px #10b9814d;text-transform:uppercase;letter-spacing:.5px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.next-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 12px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.next-btn:active{transform:translateY(0) scale(.98)}[data-theme=dark] .next-btn{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 6px #10b98166}.check-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:#fff;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .4s var(--spring-easing);box-shadow:0 4px 6px #2563eb4d;text-transform:uppercase;letter-spacing:.5px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.check-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 12px #2563eb66;background:linear-gradient(135deg,#3b82f6,#1e40af)}.check-btn:active{transform:translateY(0) scale(.98)}.check-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}[data-theme=dark] .check-btn:disabled{background:#4b5563;color:#d1d5db;opacity:.8;border:1px solid #6b7280}.show-answer-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .4s var(--spring-easing);box-shadow:0 4px 6px #f59e0b4d;text-transform:uppercase;letter-spacing:.5px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.show-answer-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 12px #f59e0b66;background:linear-gradient(135deg,#d97706,#b45309)}.show-answer-btn:active{transform:translateY(0) scale(.98)}.start-btn{padding:1rem 2rem;background:linear-gradient(135deg,#22d3ee,#0891b2);border:none;color:#fff;border-radius:1rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .4s var(--spring-easing);box-shadow:0 4px 6px #22d3ee4d;text-transform:uppercase;letter-spacing:.5px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.start-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px #22d3ee66;background:linear-gradient(135deg,#0891b2,#7e22ce)}.start-btn:active{transform:translateY(0) scale(.98)}[data-theme=dark] .start-btn{background:linear-gradient(135deg,#0891b2,#7e22ce);box-shadow:0 4px 6px #06b6d466}.active-game-container{background:var(--card-bg-light);border-radius:2rem;padding:2rem;box-shadow:0 20px 50px #0000001a;animation:slideUpFade .6s var(--spring-easing) backwards;flex:1}.wc-timer{width:100%;height:20px;background:#ffffff1a;border-radius:10px;margin-top:.5rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.wc-timer:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#fbbf244d;animation:countdown 5s linear forwards;transform-origin:left;z-index:1}#wcTimerText{font-size:.8rem;font-weight:700;color:#fbbf24;z-index:2;position:relative}.skeleton-loader{width:100%;height:60px;background:#fff3;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-sub-light);font-weight:500;animation:pulse 1.5s infinite ease-in-out}[data-theme=dark] .skeleton-loader{background:#ffffff0d;color:var(--text-sub-dark)}[data-theme=dark] .active-game-container{background:var(--card-bg-dark);box-shadow:0 20px 50px #0000004d}.game-header-inner{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;gap:1rem}.game-header-inner h3{margin:0;font-size:1.5rem;white-space:nowrap;background:linear-gradient(to right,#3b82f6,#1e40af,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55) both,gradientFlow 3s linear infinite;text-shadow:0 2px 10px rgba(37,99,235,.2)}.game-back-btn{background:transparent;border:none;color:var(--text-sub-light);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.game-back-btn:hover{background:#0000000d;color:var(--text-main-light);transform:translate(-3px)}[data-theme=dark] .game-back-btn{color:var(--text-sub-dark)}[data-theme=dark] .game-back-btn:hover{background:#ffffff1a;color:var(--text-main-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.games-container{padding:1rem}}@media (max-width: 600px){.game-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.game-card-item{padding:1rem .5rem;border-radius:1rem;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:.5rem;min-height:180px;height:auto;aspect-ratio:auto}.game-icon-large{font-size:2.5rem;margin-bottom:0;flex-shrink:0;filter:none}.game-card-item h3{font-size:.95rem;margin:0;line-height:1.4;font-weight:600;color:var(--text-main);display:block;height:auto}.game-card-item p{font-size:.8rem;margin:0;color:var(--text-secondary);white-space:normal;line-height:1.3;opacity:1}.high-score{font-size:.75rem;padding:.2rem .6rem;margin-top:.25rem;background:var(--background);color:var(--primary);border-radius:1rem;font-weight:600;border:1px solid var(--border)}}body.iphone-view .game-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}body.iphone-view .game-card-item{padding:1rem .5rem;border-radius:1rem;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:.5rem;min-height:180px;height:auto;aspect-ratio:auto}body.iphone-view .game-icon-large{font-size:2.5rem;margin-bottom:0;flex-shrink:0;filter:none}body.iphone-view .game-card-item h3{font-size:.95rem;margin:0;line-height:1.4;font-weight:600;color:var(--text-main);display:block;height:auto}body.iphone-view .game-card-item p{font-size:1rem;margin:0;color:var(--text-secondary);white-space:normal;line-height:1.5;opacity:1}body.iphone-view .high-score{font-size:.75rem;padding:.2rem .6rem;margin-top:.25rem;background:var(--background);color:var(--primary);border-radius:1rem;font-weight:600;border:1px solid var(--border)}body.iphone-view.dark-mode .game-card-item{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a;box-shadow:0 4px 15px #0000004d}body.iphone-view.dark-mode .game-card-item h3{color:#f3f4f6}body.iphone-view.dark-mode .game-card-item p{color:#9ca3af}body.iphone-view.dark-mode .high-score{background:#818cf833;color:#818cf8}@media (max-width: 600px){body.iphone-view .active-game-container{position:absolute!important;top:0;left:0;width:100%;height:100%;border-radius:38px;z-index:100;overflow-y:auto;display:flex;flex-direction:column}.active-game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;border-radius:0;padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.game-header-inner{margin-bottom:1rem;padding-bottom:.5rem}.game-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.game-card-item{padding:.75rem;border-radius:1rem}.game-icon-large{font-size:2.5rem;margin-bottom:0;flex-shrink:0}.game-card-item h3{font-size:.95rem;margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-item p{font-size:.8rem;margin:0;color:var(--text-sub-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.high-score{font-size:.7rem;padding:.1rem .4rem;margin-top:auto}.flashcard-container{height:50vh;max-height:400px;margin-bottom:1rem}.flashcard h2{font-size:2.5rem}.flashcard-controls{gap:1rem}.fc-btn{padding:.8rem 1rem;font-size:1rem}.game-options{grid-template-columns:1fr}.grammar-sentence-area{font-size:1.5rem;line-height:2;padding:1rem;background:var(--card-bg-light);border-radius:1rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000000d}[data-theme=dark] .grammar-sentence-area{background:var(--card-bg-dark)}.word-drop-zone{min-width:80px;height:2.5rem;margin:0 .25rem;border-bottom-width:3px}.word-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff80;border-radius:1rem;margin-top:auto}[data-theme=dark] .word-bank{background:#0003}.draggable-word{padding:.75rem 1.25rem;font-size:1.1rem;border-radius:2rem;background:#fff;box-shadow:0 2px 4px #0000001a;touch-action:none}[data-theme=dark] .draggable-word{background:#374151;color:#fff}}.flashcard-container{perspective:1000px;width:100%;max-width:500px;height:350px;margin:0 auto 2rem}.flashcard{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-shadow:0 20px 50px #00000026;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;transition:z-index 0s .4s}.flashcard-front{background:linear-gradient(135deg,#fffffff2,#f3f4f6e6);z-index:2}.flashcard-back{background:linear-gradient(135deg,#fff1f2,#ffe4e6);transform:rotateY(180deg);border:3px solid #fb7185;box-shadow:0 0 30px #fb71854d;z-index:1}.flashcard.flipped .flashcard-front{z-index:1}.flashcard.flipped .flashcard-back{z-index:2}[data-theme=dark] .flashcard-front{background:linear-gradient(135deg,#374151f2,#1f2937e6);border-color:#ffffff1a}[data-theme=dark] .flashcard-back{background:linear-gradient(135deg,#374151,#1f2937);border-color:#818cf8;box-shadow:0 0 30px #2563eb4d}.flashcard h2{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 1.5rem;font-weight:800;background:linear-gradient(45deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.4;word-wrap:break-word;max-width:100%}[data-theme=dark] .flashcard h2{background:linear-gradient(45deg,#f3f4f6,#d1d5db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.flashcard-back h2{font-family:Tajawal,sans-serif;color:#be123c;background:none;-webkit-text-fill-color:#be123c;-webkit-background-clip:border-box;background-clip:border-box}[data-theme=dark] .flashcard-back h2{color:#818cf8;-webkit-text-fill-color:#818cf8}.tap-hint{font-size:1rem;color:var(--text-sub-light);opacity:.8;animation:pulse 2s infinite;font-weight:500;margin-top:auto}[data-theme=dark] .tap-hint{color:var(--text-sub-dark)}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.95)}}.flashcard-controls{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.wc-level-btn{aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;background:#ffffff1a;color:#fff}.wc-level-btn.unlocked{background:#1e3a8a;color:#fff;border:1px solid rgba(255,255,255,.1)}.wc-level-btn.unlocked:hover{transform:scale(1.05);background:#dc2626}.wc-level-btn.locked{background:#374151;color:#9ca3af;border:1px solid #4b5563;cursor:not-allowed;opacity:.8}.fc-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:1rem;border:none;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000001a}.fc-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.fc-btn.wrong{background:#fee2e2;color:#ef4444}.fc-btn.correct{background:#d1fae5;color:#10b981}[data-theme=dark] .fc-btn.wrong{background:#ef444433;color:#fca5a5}[data-theme=dark] .fc-btn.correct{background:#10b98133;color:#6ee7b7}.game-question-area{text-align:center;margin-bottom:2rem;padding:1rem}.game-sentence{font-size:1.8rem;line-height:1.6;color:var(--text-main-light);margin-bottom:1rem;font-weight:500}[data-theme=dark] .game-sentence{color:var(--text-main-dark)}.missing-word-slot{display:inline-block;width:100px;height:1.5em;background:#2563eb1a;border-bottom:3px solid #dc2626;vertical-align:bottom;margin:0 5px;border-radius:4px;animation:pulse-border 2s infinite}[data-theme=dark] .missing-word-slot{background:#2563eb33;border-color:#818cf8}@keyframes pulse-border{0%{border-color:#dc2626}50%{border-color:#a5b4fc}to{border-color:#dc2626}}.game-hint{font-size:1.4rem;color:var(--text-sub-light);font-family:Tajawal,sans-serif;margin-top:.5rem}[data-theme=dark] .game-hint{color:var(--text-sub-dark)}.game-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.option-btn{background:#1e293b;border:none;padding:1.5rem 1.2rem;font-size:1.15rem;border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003;color:#fffffff2;font-weight:600;position:relative;overflow:hidden;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) backwards;text-align:center;line-height:1.5}.option-btn:before{display:none}[data-theme=dark] .option-btn{background:#1e293b;color:#fffffff2;border:none;box-shadow:0 2px 8px #00000040}.option-btn:nth-child(1){animation-delay:.1s}.option-btn:nth-child(2){animation-delay:.2s}.option-btn:nth-child(3){animation-delay:.3s}.option-btn:nth-child(4){animation-delay:.4s}.option-btn:hover{transform:translateY(-3px);background:#263548;box-shadow:0 4px 12px #0000004d}.option-btn:hover:before{display:none}.option-btn.correct{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#34d399!important;box-shadow:0 0 0 4px #10b9814d!important;animation:pulse-green .6s cubic-bezier(.4,0,.6,1);opacity:1!important}.option-btn.wrong{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:#f87171!important;box-shadow:0 0 0 4px #ef44444d!important;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;opacity:1!important}.option-btn:disabled{cursor:default;transform:none!important;box-shadow:none}.option-btn:disabled:not(.correct):not(.wrong){opacity:.6;background:var(--surface)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse-green{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.grammar-explanation{font-size:1.1rem;color:var(--text-main-light);margin:1.5rem 0;padding:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;border:1px solid rgba(37,99,235,.2);box-shadow:0 8px 20px #2563eb26;line-height:1.6;text-align:center;font-weight:500;animation:slideUpFade .5s cubic-bezier(.175,.885,.32,1.275)}[data-theme=dark] .grammar-explanation{background:#1f2937cc;color:var(--text-main-dark);border-color:#2563eb4d;box-shadow:0 8px 20px #0000004d}.grammar-explanation strong{color:#dc2626;font-weight:700}[data-theme=dark] .grammar-explanation strong{color:#818cf8}.spelling-options{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:800px;margin:2rem auto}.spelling-option-btn{background:linear-gradient(135deg,#1e3a8a,#1e40af);border:1px solid rgba(59,130,246,.5);padding:1rem;font-size:1.1rem;border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;color:#e2e8f0;font-weight:700;position:relative;overflow:hidden;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) backwards;flex:1 1 auto;min-width:120px;max-width:100%;overflow-wrap:break-word}.spelling-option-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(30,58,138,.5),transparent);opacity:0;transition:opacity .3s}[data-theme=dark] .spelling-option-btn{background:linear-gradient(135deg,#1f2937,#111827);color:var(--text-main-dark);border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,inset 0 1px 2px #ffffff0d}.spelling-option-btn:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#1e40af,#dc2626);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;border-color:#3b82f6;z-index:1}.spelling-option-btn:hover:before{opacity:1}.spelling-option-btn.correct{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#34d399!important;box-shadow:0 0 0 4px #10b9814d!important;animation:pulse-green .6s cubic-bezier(.4,0,.6,1);opacity:1!important}.spelling-option-btn.wrong{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:#f87171!important;box-shadow:0 0 0 4px #ef44444d!important;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;opacity:1!important}.spelling-option-btn:disabled{cursor:default;transform:none!important;box-shadow:none}.spelling-option-btn:disabled:not(.correct):not(.wrong){opacity:.6;background:var(--surface)}.word-wheel-area{display:flex;flex-direction:column;align-items:center;position:relative}.word-wheel-area:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,#2563eb26,#0000 70%);z-index:0;pointer-events:none}.wheel-answer-box{display:flex;gap:.4rem;justify-content:center;min-height:70px;margin-bottom:2rem;perspective:1000px;border:2px solid rgba(37,99,235,.5);border-radius:16px;padding:10px;animation:neonPulse 3s infinite ease-in-out;background:#ffffff80}@keyframes neonPulse{0%{box-shadow:0 0 10px #2563eb4d,inset 0 0 5px #2563eb1a;border-color:#2563eb66}50%{box-shadow:0 0 25px #2563eb99,inset 0 0 15px #2563eb33;border-color:#2563ebcc}to{box-shadow:0 0 10px #2563eb4d,inset 0 0 5px #2563eb1a;border-color:#2563eb66}}.wheel-answer-letter{display:flex;align-items:center;justify-content:center;width:44px;height:54px;background:#fffffff2;border-radius:10px;font-size:1.8rem;font-weight:800;color:#4f46e5;box-shadow:0 3px 5px #0000001a,inset 0 -3px #0000001a;cursor:pointer;animation:popInTile .4s cubic-bezier(.175,.885,.32,1.275) both;transition:all .2s;-webkit-user-select:none;user-select:none}[data-theme=dark] .wheel-answer-letter{background:#1e293b;color:#818cf8;box-shadow:0 3px 5px #0000004d,inset 0 -3px #0000004d}.wheel-answer-letter:hover{transform:translateY(-4px);background:#dc2626;color:#fff}@keyframes popInTile{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.wheel-answer-box.small-text .wheel-answer-letter{font-size:1.3rem;width:36px;height:48px}.wheel-hint{font-size:2.2rem;font-weight:800;color:#fbbf24;margin-bottom:1.5rem;font-family:Tajawal,sans-serif;min-height:1.5em;text-align:center;text-shadow:0 4px 10px rgba(251,191,36,.4);animation:floatHint 4s ease-in-out infinite}@keyframes floatHint{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}[data-theme=dark] .wheel-hint{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5)}.wheel-container{position:relative;width:240px;height:240px;margin:1rem auto 2rem;border-radius:50%;border:1px dashed rgba(37,99,235,.15)}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.wheel-center-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;font-size:1.8rem;cursor:pointer;box-shadow:0 6px 15px #2563eb66,inset 0 2px 4px #ffffff4d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.wheel-center-btn:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 10px 25px #2563eb99}.wheel-center-btn:active{transform:scale(.95)}.wheel-letter{position:absolute;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#fff,#f3f4f6);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#1f2937;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:4px 4px 10px #0000001a,-3px -3px 8px #ffffffe6;z-index:5;text-transform:uppercase;-webkit-user-select:none;user-select:none}[data-theme=dark] .wheel-letter{background:linear-gradient(145deg,#1e293b,#0f172a);border-color:#ffffff0d;color:#e2e8f0;box-shadow:3px 3px 10px #0000004d,inset 1px 1px 1px #ffffff1a}.wheel-letter:hover{transform:translate(-50%,-50%) scale(1.15)!important;color:#dc2626;z-index:20;box-shadow:0 6px 15px #2563eb4d;border-color:#dc2626}.wheel-letter.used{background:#cbd5e14d;color:#94a3b880;box-shadow:none;transform:translate(-50%,-50%) scale(.9)!important;pointer-events:none;border-color:transparent}[data-theme=dark] .wheel-letter.used{background:#1e293b80;color:#64748b80}.game-controls-row{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;width:100%}.game-controls-row button{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:68px;height:68px;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 20px -5px #00000026,inset 0 2px 5px #fff6,inset 0 -2px 5px #0000001a;display:flex;align-items:center;justify-content:center;min-width:unset;position:relative;overflow:hidden}.game-controls-row button svg{color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));transition:transform .3s ease;z-index:2}.game-controls-row button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s;pointer-events:none}.game-controls-row button:hover:after{opacity:1;transform:scale(1)}.game-controls-row button:hover{transform:translateY(-5px) scale(1.05);border-color:#fff9}.game-controls-row button:hover svg{transform:scale(1.1)}.game-controls-row button:active{transform:translateY(2px) scale(.95);box-shadow:0 2px 10px #0000001a}#undoWheelBtn{background:linear-gradient(135deg,#f59e0be6,#d97706f2);box-shadow:0 8px 25px -5px #f59e0b80,inset 0 2px 10px #fff3}#undoWheelBtn:hover{box-shadow:0 15px 35px -5px #f59e0b99,inset 0 2px 10px #fff6}#skipWheelBtn{background:linear-gradient(135deg,#06b6d4e6,#0284c7f2);box-shadow:0 8px 25px -5px #06b6d480,inset 0 2px 10px #fff3}#skipWheelBtn:hover{box-shadow:0 15px 35px -5px #06b6d499,inset 0 2px 10px #fff6}#wheelShowAnswerBtn{background:linear-gradient(135deg,#0ea5e9e6,#22d3eef2);box-shadow:0 8px 25px -5px #0ea5e980,inset 0 2px 10px #fff3}#wheelShowAnswerBtn:hover{box-shadow:0 15px 35px -5px #0ea5e999,inset 0 2px 10px #fff6}#wheelShowAnswerBtn:hover svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}#wheelShowAnswerBtn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none;border-color:transparent;filter:grayscale(100%);opacity:.6}[data-theme=dark] #wheelShowAnswerBtn:disabled{background:#334155;color:#64748b}@keyframes shakeError{0%,to{transform:translate(0);border-color:#ef4444}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.shake-error{animation:shakeError .5s cubic-bezier(.36,.07,.19,.97) both;background:#ef44441a!important}.fixed-controls{display:flex;justify-content:center;gap:1.5rem}#undoWheelBtn{padding:0;background:linear-gradient(135deg,#64748b,#475569)!important;border:2px solid rgba(255,255,255,.3);color:#fff!important;border-radius:50%;font-weight:800;font-size:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #64748b4d;height:60px;width:60px;display:flex;align-items:center;justify-content:center}[data-theme=dark] #undoWheelBtn{background:linear-gradient(135deg,#475569,#334155)!important}#skipWheelBtn{padding:0;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:2px solid rgba(255,255,255,.3);color:#fff!important;border-radius:50%;font-weight:800;font-size:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #f59e0b4d;height:60px;width:60px;display:flex;align-items:center;justify-content:center}[data-theme=dark] #skipWheelBtn{background:linear-gradient(135deg,#f97316,#ea580c)!important;border-color:#fff3;color:#fff!important;box-shadow:0 4px 6px #f9731666}#skipWheelBtn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 8px 15px #f59e0b66}#skipWheelBtn:active{transform:translateY(0) scale(.95)}.sentence-area{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;max-width:800px}.sentence-drop-zone{min-height:80px;width:100%;background:#ffffff80;border:2px dashed #cbd5e1;border-radius:1rem;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;transition:all .3s}[data-theme=dark] .sentence-drop-zone{background:#ffffff0d;border-color:#4b5563}.sentence-drop-zone.drag-over{border-color:#dc2626;background:#2563eb1a;transform:scale(1.02)}.sentence-word-bank{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.5rem;background:#ffffff0d;border-radius:6px}#wheelShowAnswerBtn{padding:0;background:linear-gradient(135deg,#3b82f6,#1e40af)!important;border:2px solid rgba(255,255,255,.3);color:#fff!important;border-radius:50%;font-weight:800;font-size:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #2563eb4d;height:60px;width:60px;display:flex;align-items:center;justify-content:center}#wheelShowAnswerBtn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 8px 15px #2563eb66}#wheelShowAnswerBtn:disabled{background:#d1d5db!important;color:#6b7280!important;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7;border:2px solid transparent}[data-theme=dark] #wheelShowAnswerBtn:disabled{background:#4b5563!important;color:#d1d5db!important;opacity:.8;border:1px solid #6b7280}#nextWheelBtn{padding:0;background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid rgba(255,255,255,.3);color:#fff!important;border-radius:50%;font-weight:800;font-size:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #10b9814d;height:60px;width:60px;display:flex;align-items:center;justify-content:center}[data-theme=dark] #nextWheelBtn{background:linear-gradient(135deg,#059669,#047857)!important}.sentence-word{padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;box-shadow:0 2px 4px #0000001a;font-weight:600;color:var(--text-main-light)}[data-theme=dark] .sentence-word{background:#374151;border-color:#4b5563;color:var(--text-main-dark)}.sentence-word:hover{transform:translateY(-2px);border-color:#dc2626;box-shadow:0 4px 8px #2563eb33}.sentence-word.used{opacity:.5;pointer-events:none;background:#f3f4f6}.rain-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;margin:0 auto}#rainCanvas{background:linear-gradient(to bottom,#0f172a,#1e293b);border-radius:1.5rem;width:100%;height:450px;box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.05)}.rain-input-container{width:100%;max-width:500px;position:relative}#rainInput{width:100%;padding:1rem 1.5rem;font-size:1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.1);border-radius:1rem;color:var(--text-primary);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;outline:none}#rainInput:focus{background:#ffffff26;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;transform:translateY(-2px)}#rainInput.correct-flash{background:#10b98133;border-color:#10b981;box-shadow:0 0 20px #10b98166}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;border-radius:1.5rem;z-index:20;animation:fadeIn .3s ease-out}.game-over-content{background:var(--card-bg);padding:2.5rem;border-radius:1.5rem;text-align:center;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1);max-width:90%;width:400px}.game-over-content h2{font-size:2rem;margin-bottom:1rem;background:linear-gradient(to right,#ef4444,#f87171);-webkit-background-clip:text;background-clip:text;color:transparent}.final-score{font-size:1.5rem;margin-bottom:2rem;color:var(--text-secondary)}.final-score span{font-weight:800;color:var(--text-primary);font-size:1.8rem}.restart-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.start-btn{padding:1rem 4rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:1rem;cursor:pointer;box-shadow:0 4px 15px #10b9814d;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.start-btn:hover{transform:translate(-50%,-52%) scale(1.05);box-shadow:0 8px 25px #10b98180}.wordle-area{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;padding-bottom:2rem;overflow:auto}.wordle-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:5px}.wordle-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.wordle-tile{width:50px;height:50px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;border-radius:4px;transition:all .3s}[data-theme=dark] .wordle-tile{border-color:#4b5563;color:#fff}.wordle-tile.filled{border-color:#6b7280;animation:popIn .1s}.wordle-tile.correct{background:#10b981;border-color:#10b981;color:#fff}.wordle-tile.present{background:#eab308;border-color:#eab308;color:#fff}.wordle-tile.absent{background:#6b7280;border-color:#6b7280;color:#fff}.wordle-keyboard{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px}.key-btn{padding:15px 10px;background:#e5e7eb;border:none;border-radius:4px;font-weight:600;cursor:pointer;text-transform:uppercase;flex:1;max-width:40px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .key-btn{background:#4b5563;color:#fff}.key-btn.wide{max-width:65px;font-size:.8rem}.key-btn.correct{background:#10b981;color:#fff}.key-btn.present{background:#eab308;color:#fff}.key-btn.absent{background:#374151;color:#fff;opacity:.5}#spellingHint{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;transition:color .3s}[data-theme=dark] #spellingHint{color:#f3f4f6}.game-example{font-size:1.2rem;color:#4b5563;margin-top:.5rem;font-style:italic;min-height:1.5rem;transition:color .3s}[data-theme=dark] .game-example{color:#d1d5db}.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50}.dashboard-game-container{position:fixed;top:0;left:0;width:100%;height:100dvh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);z-index:2000;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-theme=dark] .dashboard-game-container{background:linear-gradient(135deg,#111827,#1f2937);color:#f3f4f6}.dashboard-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:10}[data-theme=dark] .dashboard-header{background:#1f2937cc;border-bottom:1px solid rgba(255,255,255,.05)}.header-left{display:flex;align-items:center;gap:1rem}.dashboard-title h3{margin:0;font-size:1.1rem;font-weight:700;color:#1f2937}.dashboard-title .subtitle{display:block;font-size:.8rem;color:#6b7280;font-family:Tajawal,sans-serif}[data-theme=dark] .dashboard-title h3{color:#f3f4f6}[data-theme=dark] .dashboard-title .subtitle{color:#9ca3af}.dashboard-stats{display:flex;gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;text-transform:uppercase;color:#9ca3af;font-weight:600}.stat-value{font-size:1.1rem;font-weight:700;color:#dc2626}.rain-area{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 50px #00000080;background:linear-gradient(to bottom,#0f172a,#1e1b4b);border:1px solid rgba(255,255,255,.1)}.rain-input-container-custom{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:80%;max-width:400px;z-index:10}#rainInput{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#fff;text-align:center;font-size:1.2rem;padding:1rem 1.5rem;box-shadow:0 4px 12px #0003,inset 0 1px 1px #fff3;transition:all .3s ease}#rainInput:focus{background:#ffffff26;border-color:#38bdf880;box-shadow:0 8px 32px #38bdf833,inset 0 1px 1px #fff6,0 0 0 2px #38bdf84d;outline:none;transform:scale(1.02)}@keyframes correctFlash{0%{background:#ffffff1a}50%{background:#22c55e4d;box-shadow:0 0 30px #22c55e99}to{background:#ffffff1a}}@keyframes wrongFlash{0%{transform:translate(0)}25%{transform:translate(-5px);border-color:#ef4444}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}#rainInput.correct-flash{animation:correctFlash .4s ease-out}#rainInput.wrong-flash{animation:wrongFlash .4s ease-in-out}.rain-controls-header .score-badge{background:#1e293b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003;font-size:1.1rem;padding:.5rem 1.5rem}.dashboard-main{position:relative;width:100%;height:100%;overflow:hidden}.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;flex-direction:column}.game-over-content{background:#ffffffe6;padding:2rem;border-radius:2rem;box-shadow:0 20px 50px #0003;border:1px solid rgba(255,255,255,.5);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=dark] .start-overlay{background:#0000004d}.premium-start-btn{position:relative;padding:1rem 3rem;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:2rem;cursor:pointer;overflow:hidden;box-shadow:0 10px 25px #2563eb66;transition:transform .2s}.premium-start-btn:active{transform:scale(.95)}.btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:rotate(45deg);animation:glowRotate 3s infinite linear}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-footer{padding:1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05);z-index:10;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}[data-theme=dark] .dashboard-footer{background:#1f2937e6;border-top:1px solid rgba(255,255,255,.05)}.rain-controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.rain-option-btn{padding:1rem .5rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1rem;font-size:1rem;font-weight:600;color:#1f2937;box-shadow:0 4px 6px #0000000d;cursor:pointer;transition:all .2s;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Tajawal,sans-serif}[data-theme=dark] .rain-option-btn{background:#374151;border-color:#ffffff1a;color:#f3f4f6}.rain-option-btn:active{transform:scale(.96);background:#f3f4f6}:root{--rain-bg: #121212;--rain-text: #F8FAFC;--rain-sv-color: #60A5FA;--rain-ar-color: #FBBF24;--rain-glass-bg: rgba(255, 255, 255, .08);--rain-glass-border: rgba(255, 255, 255, .1);--rain-glass-blur: 20px;--rain-danger: #EF4444;--rain-success: #10B981}@media (prefers-color-scheme: light){:root{--rain-bg: #F3F4F6;--rain-text: #1F2937;--rain-glass-bg: rgba(255, 255, 255, .6);--rain-glass-border: rgba(0, 0, 0, .05);--rain-sv-color: #2563EB;--rain-ar-color: #D97706}}#rainGame.modern-game-container{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:var(--rain-bg);z-index:2000;display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;box-sizing:border-box;font-family:Inter,Tajawal,sans-serif}.rain-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;z-index:10}.glass-btn{background:var(--rain-glass-bg);-webkit-backdrop-filter:blur(var(--rain-glass-blur));backdrop-filter:blur(var(--rain-glass-blur));border:1px solid var(--rain-glass-border);color:var(--rain-text);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.glass-btn:active{transform:scale(.95)}.score-board{display:flex;gap:1rem;padding:.5rem 1rem;border-radius:2rem;background:var(--rain-glass-bg);-webkit-backdrop-filter:blur(var(--rain-glass-blur));backdrop-filter:blur(var(--rain-glass-blur));border:1px solid var(--rain-glass-border);font-weight:700;color:var(--rain-text)}.rain-canvas-wrapper{position:relative;width:100%;height:100%;overflow:hidden}#rainCanvas{display:block;width:100%;height:100%}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20}.neon-btn{background:linear-gradient(135deg,var(--rain-sv-color),var(--rain-ar-color));border:none;padding:1.5rem 3rem;border-radius:2rem;color:#fff;font-size:1.5rem;font-weight:800;box-shadow:0 0 20px #60a5fa80;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:transform .2s,box-shadow .2s}.neon-btn:active{transform:scale(.95);box-shadow:0 0 10px #60a5fa4d}.lang-sv{font-size:1rem;font-weight:500;opacity:.9;letter-spacing:1px;text-transform:uppercase}.lang-ar{font-size:1.8rem;font-family:Tajawal,sans-serif;line-height:1}.rain-controls{padding:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;z-index:10;background:linear-gradient(to top,var(--rain-bg) 20%,transparent)}.rain-option-btn{background:var(--rain-glass-bg);-webkit-backdrop-filter:blur(var(--rain-glass-blur));backdrop-filter:blur(var(--rain-glass-blur));border:1px solid var(--rain-glass-border);color:var(--rain-ar-color);font-family:Tajawal,sans-serif;font-weight:700;font-size:1.2rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .2s;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center}.rain-option-btn:active{background:#fff3;transform:scale(.98)}.rain-word-sv{font-family:Inter,sans-serif;font-weight:400;color:var(--rain-sv-color)}.rain-word-ar{font-family:Tajawal,sans-serif;font-weight:700;color:var(--rain-ar-color)}.game-controls-header{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.score-badge{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:.75rem 1.25rem;border-radius:2rem;font-weight:700;font-size:1rem;box-shadow:0 4px 10px #2563eb4d;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.game-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--card-bg-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding:.75rem 2.5rem .75rem 1.25rem;border:2px solid rgba(37,99,235,.2);border-radius:1rem;font-size:1rem;font-weight:600;color:var(--text-main-light);cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 6px #0000000d;font-family:var(--font-main)}.game-filter-select:hover{border-color:#dc2626;box-shadow:0 6px 12px #2563eb26;transform:translateY(-1px)}.game-filter-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 4px #2563eb1a}[data-theme=dark] .game-filter-select{background-color:var(--card-bg-dark);color:var(--text-main-dark);border-color:#2563eb66}[data-theme=dark] .game-filter-select:hover{border-color:#818cf8}.word-wheel-controls{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.5rem 1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 1px #ffffff80;border:1px solid rgba(255,255,255,.5);display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:0 auto 1.5rem!important}[data-theme=dark] .word-wheel-controls{background:#1e293bb3;border-color:#ffffff1a;box-shadow:0 4px 6px -1px #0000004d,inset 0 1px 1px #ffffff0d}.word-wheel-controls .game-filter-select{background-color:transparent;border:none;box-shadow:none;padding:.5rem 2rem .5rem 1rem;margin:0;width:auto;font-weight:700;color:var(--text-main-light)}[data-theme=dark] .word-wheel-controls .game-filter-select{color:var(--text-main-dark)}.word-wheel-controls .score-badge{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 2px 5px #0ea5e94d;padding:.5rem 1rem;font-size:.9rem}.game-example{margin-top:1rem;font-size:1.1rem;color:var(--text-main-light);text-align:center;padding:.5rem;border-radius:.5rem;background:#2563eb1a;border-left:4px solid #dc2626}[data-theme=dark] .game-example{color:var(--text-main-dark);background:#2563eb33}.sentence-drop-zone.correct{border-color:#10b981;background:#10b98133;box-shadow:0 0 15px #10b98166;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55) both}.sentence-drop-zone.wrong{border-color:#ef4444;background:#ef44441a;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}#sentenceGame .game-header-inner h3{font-size:1.4rem;white-space:nowrap;background:linear-gradient(to right,#3b82f6,#1e40af,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s infinite linear;background-size:200% auto;margin:0;padding:0}@keyframes shine{to{background-position:200% center}}#rainGame .game-header-inner h3{font-size:1.5rem;white-space:nowrap;background:linear-gradient(to right,#3b82f6,#06b6d4,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s infinite linear;background-size:200% auto;margin:0;padding:0}.rain-controls-header{justify-content:center;margin-bottom:1.5rem!important}#word-game-module{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;padding:0;box-shadow:none;overflow-y:auto;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-size:100% 100%;background-color:#0f172a;transition:background .5s ease}.wc-example-text{display:block;font-size:.9rem;color:#fffc;font-style:italic;margin-top:.3rem;font-weight:400}.wc-header{padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);border-radius:0 0 1.5rem 1.5rem;margin-bottom:1rem;flex-shrink:0}.wc-back-btn{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:2rem;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;transition:transform .2s}.wc-back-btn:active{transform:scale(.9)}.wc-text-action-btn{background:#fff3;border:none;color:#fff;padding:.4rem .8rem;border-radius:1rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,background .2s}.wc-text-action-btn:hover{background:#ffffff4d}.wc-header-compact{display:flex;flex-direction:column;gap:.8rem;padding:.8rem 1rem;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);border-radius:0 0 1.5rem 1.5rem;margin-bottom:1rem;box-shadow:0 4px 20px #0000001a}.wc-header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative}.wc-back-icon-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wc-back-icon-btn:hover{background:#ffffff40;transform:scale(1.05)}.wc-game-title{font-size:1.1rem;font-weight:800;background:linear-gradient(to right,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(251,191,36,.2);white-space:nowrap;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis}.wc-level-badge{background:linear-gradient(135deg,#2563eb33,#4f46e533);border:1px solid rgba(37,99,235,.3);padding:.3rem .6rem;border-radius:2rem;font-size:.8rem;font-weight:700;color:#a5b4fc;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.wc-level-badge:hover{background:#2563eb4d;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.wc-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.wc-stats-capsule{display:flex;align-items:center;background:#00000040;border-radius:2rem;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.05);flex:1;min-width:0;justify-content:space-around}.wc-stat-item{display:flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;color:#e2e8f0;white-space:nowrap}.wc-stat-divider{width:1px;height:10px;background:#fff3;margin:0 .3rem}.wc-action-group{display:flex;gap:.4rem;flex-shrink:0}.wc-mini-btn{background:#ffffff1a;border:none;color:#fffc;font-size:.75rem;font-weight:600;padding:.3rem .6rem;border-radius:.6rem;cursor:pointer;transition:all .2s;white-space:nowrap}.wc-mini-btn:hover{background:#fff3;color:#fff}@media (max-width: 480px){.wc-header-compact{padding:.6rem .8rem;gap:.6rem}.wc-game-title{font-size:1rem}.wc-level-badge{padding:.2rem .5rem;font-size:.75rem}.wc-stats-capsule{padding:.2rem .4rem}.wc-stat-item{font-size:.75rem}.wc-mini-btn{padding:.2rem .5rem;font-size:.7rem}}#word-game-module{max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}#word-game-module .wc-header-compact{padding:.6rem .8rem;gap:.6rem}#word-game-module .wc-game-title{font-size:1rem}#word-game-module .wc-level-badge{padding:.2rem .5rem;font-size:.75rem}#word-game-module .wc-stats-capsule{padding:.2rem .4rem}#word-game-module .wc-stat-item{font-size:.75rem}#word-game-module .wc-mini-btn{padding:.2rem .5rem;font-size:.7rem}.wc-translation-display{font-size:2.4rem;color:#fbbf24;height:auto;min-height:2.5rem;margin:.25rem 0;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:0;transition:opacity .3s;width:100%}.wc-translation-display.pop-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.wc-coin-counter{background:#0000004d;padding:.5rem 1rem;border-radius:2rem;color:#fbbf24;font-weight:700;display:flex;align-items:center;gap:.5rem}.wc-game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding-bottom:2rem;overflow:visible}.wc-grid-container{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;margin-bottom:0;margin-top:4rem}.wc-word-row{display:flex;gap:.5rem}.wc-letter-box{width:45px;height:45px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:transparent;transition:all .3s ease}.wc-word-row.solved .wc-letter-box{background:#fff;color:#4f46e5;box-shadow:0 4px 6px #0000001a;transform:scale(1.05)}.wc-letter-box.reveal{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.wc-wheel-container{position:relative;width:280px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.5rem auto}.wc-preview-text{height:40px;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:1rem;letter-spacing:2px}.wc-wheel{position:relative;width:200px;height:200px;background:radial-gradient(circle at center,#ffffff1a,#ffffff0d);border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,200,255,.3);box-shadow:0 0 20px #00c8ff33,0 0 40px #00c8ff1a,inset 0 0 15px #00c8ff1a;animation:magicalWheelPulse 4s infinite ease-in-out;transition:box-shadow .5s ease,border-color .5s ease,background .5s ease}@keyframes magicalWheelPulse{0%,to{box-shadow:0 0 20px #00c8ff33,0 0 40px #00c8ff1a,inset 0 0 15px #00c8ff1a;border-color:#00c8ff4d}50%{box-shadow:0 0 30px #00c8ff66,0 0 60px #00c8ff33,inset 0 0 25px #00c8ff33;border-color:#00c8ff99}}@keyframes neonPulseGreen{0%,to{box-shadow:0 0 30px #22c55e,0 0 60px #22c55e,inset 0 0 30px #22c55e99;border-color:#4ade80;background:#22c55e1a}50%{box-shadow:0 0 50px #4ade80,0 0 100px #22c55e,0 0 150px #22c55e,inset 0 0 60px #4ade80cc;border-color:#86efac;background:#22c55e33}}@keyframes neonPulseYellow{0%,to{box-shadow:0 0 30px #eab308,0 0 60px #eab308,inset 0 0 30px #eab30899;border-color:#facc15;background:#eab3081a}50%{box-shadow:0 0 50px #facc15,0 0 100px #eab308,0 0 150px #eab308,inset 0 0 60px #facc15cc;border-color:#fde047;background:#eab30833}}@keyframes neonPulseRed{0%,to{box-shadow:0 0 30px #ef4444,0 0 60px #ef4444,inset 0 0 30px #ef444499;border-color:#f87171;background:#ef44441a}50%{box-shadow:0 0 50px #f87171,0 0 100px #ef4444,0 0 150px #ef4444,inset 0 0 60px #f87171cc;border-color:#fca5a5;background:#ef444433}}.wc-wheel.pulse-green{animation:neonPulseGreen .8s infinite ease-in-out!important}.wc-wheel.pulse-yellow{animation:neonPulseYellow .8s infinite ease-in-out!important}.wc-wheel.pulse-red{animation:neonPulseRed .8s infinite ease-in-out!important}.wc-connector-lines{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.wc-wheel-letter{position:absolute;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#4f46e5;box-shadow:0 4px 6px #0003;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;transition:transform .2s,background .2s}.wc-wheel-letter.active{background:#fbbf24;color:#78350f;transform:scale(1.2)}.wc-countdown{height:30px;margin-top:1rem;font-size:1.2rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:0;transition:opacity .3s;pointer-events:none}.wc-countdown.visible{opacity:1;animation:pulse 1s infinite}.wc-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.wc-modal-content{background:#fff;padding:2rem;border-radius:1.5rem;text-align:center;width:80%;max-width:300px;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.wc-modal-content h2{color:#4f46e5;margin-top:0;font-size:.9rem;white-space:nowrap}.wc-modal-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.wc-btn-primary{background:#4f46e5;color:#fff;border:none;padding:.8rem;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer}.wc-btn-secondary{background:#e5e7eb;color:#374151;border:none;padding:.8rem;border-radius:1rem;font-weight:600;cursor:pointer}.wc-hint-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;cursor:pointer;color:#fbbf24;transition:transform .2s;z-index:5;flex-shrink:0}.wc-hint-btn.active-hint{animation:hintPulse .6s cubic-bezier(.25,.8,.25,1)}@keyframes hintPulse{0%{background-color:#fff;transform:translate(-50%,-50%) scale(1)}30%{background-color:#ef4444;color:#fff;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 20px #ef444499}to{background-color:#fff;color:#fbbf24;transform:translate(-50%,-50%) scale(1)}}.wc-hint-btn:active{transform:translate(-50%,-50%) scale(.9)}.wc-hint-cost{font-size:.7rem;font-weight:700;color:#374151;margin-top:-2px}.wc-hint-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.wc-next-level-btn{margin:.5rem auto;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.8rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #10b98166;z-index:20;white-space:nowrap;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);display:none}.wc-next-level-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #10b98199}.wc-chapter-header{width:100%;font-weight:700;color:#4f46e5;margin:1rem 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.wc-chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.wc-level-btn{aspect-ratio:1;border:none;border-radius:.5rem;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.wc-level-btn.unlocked{background:linear-gradient(135deg,#1e3a8a,#172554);color:#fff;box-shadow:0 4px 15px #0003,0 0 20px #0000001a,inset 0 1px 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);animation:levelPulseDay 4s infinite ease-in-out;position:relative;overflow:hidden}.wc-level-btn.locked{background:#ffffff0d;color:#ffffff4d;border:1px solid rgba(255,255,255,.05);cursor:not-allowed;box-shadow:inset 0 1px 2px #0000001a}.wc-level-btn.unlocked:active{transform:scale(.95)}.wc-reward-message{display:none}.wc-reward-message.error{background:#ef4444;color:#fff;border:none;font-size:1rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.wc-wheel-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.wc-wheel-row{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:400px}.wc-reward-message{white-space:normal;max-width:280px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem;line-height:1.4}.wc-combo-badge{background:#f59e0b;color:#fff;padding:.2rem .6rem;border-radius:1rem;font-size:.9rem;font-weight:800;margin-bottom:.3rem;box-shadow:0 2px 4px #0003}.wc-reward-content{display:flex;flex-direction:column;align-items:center}.wc-reward-word{font-size:1.4rem;font-weight:800;color:#4f46e5}.wc-reward-sentence{font-style:italic;color:#555;font-size:.95rem;margin-top:.2rem}.wc-reward-translation{color:#888;font-size:.85rem;font-family:Tajawal,sans-serif}[data-theme=dark] .wc-reward-message{background:#1f2937f2;border-color:#818cf8}[data-theme=dark] .wc-reward-word{color:#818cf8}[data-theme=dark] .wc-reward-sentence{color:#d1d5db}[data-theme=dark] .wc-reward-translation{color:#9ca3af}.wc-level-status{text-align:center;font-size:1rem;font-weight:600;color:#10b981;min-height:1.5rem;transition:all .3s ease;margin-top:.25rem;opacity:0;transform:translateY(-5px)}.wc-level-status.visible{opacity:1;transform:translateY(0);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8) translateY(-5px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.wc-countdown-container{position:relative;width:60px;height:60px;margin:.5rem auto;display:flex;justify-content:center;align-items:center}.wc-countdown-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.wc-countdown-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.wc-countdown-circle-progress{fill:none;stroke:#10b981;stroke-width:4;stroke-linecap:round;stroke-dasharray:176;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.wc-countdown-text{font-size:1.5rem;font-weight:700;color:#fbbf24;z-index:1}.wc-bomb-overlay{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:#ef4444;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #ef444499;z-index:10;animation:bomb-pulse 1s infinite}.wc-bomb-icon{font-size:14px}.wc-bomb-timer{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;color:#ef4444;background:#000c;padding:2px 6px;border-radius:4px;white-space:nowrap}@keyframes bomb-pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.2);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}@keyframes explosion-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.wc-explosion-effect{animation:explosion-shake .5s;border:2px solid #ef4444!important}.wc-proverb-progress-container{margin:.5rem 0;text-align:center}.wc-proverb-progress-bar{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap;max-width:90%;margin:0 auto}.wc-proverb-word-slot{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.8rem;color:transparent;border:1px dashed rgba(255,255,255,.3);transition:all .3s ease}.wc-proverb-word-slot.revealed{background:#fbbf24;color:#1f2937;border-style:solid;border-color:#fbbf24;font-weight:700;animation:popIn .5s}.wc-proverb-modal-content{background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #fbbf24;padding:2rem;border-radius:1rem;text-align:center;max-width:90%;width:400px;box-shadow:0 0 30px #fbbf244d}.wc-proverb-title{color:#fbbf24;font-size:1.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.wc-proverb-text{font-size:1.2rem;color:#fff;margin-bottom:.5rem;font-weight:700}#wcLibraryModal .wc-modal-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;color:#f8fafc}#wcLibraryModal h2{background:linear-gradient(to right,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.8rem;text-shadow:0 2px 10px rgba(251,191,36,.2)}.wc-library-section{margin-bottom:2rem}.wc-library-header{padding:.75rem 1.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.3)}.wc-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.wc-library-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.5rem}.wc-library-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#fbbf244d;box-shadow:0 10px 15px -3px #0000004d}.wc-lib-word{font-size:1.5rem;font-weight:800;color:#fbbf24;letter-spacing:.025em;margin-bottom:.25rem}.wc-lib-trans{font-family:Tajawal,sans-serif;color:#e2e8f0;font-size:1.1rem;font-weight:500;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.wc-lib-sentence-row{display:flex;align-items:flex-start;gap:.5rem;margin-top:.25rem}.wc-lib-sentence-sv{font-style:italic;color:#94a3b8;font-size:.95rem;line-height:1.4;flex:1}.wc-lib-sentence-ar{font-family:Tajawal,sans-serif;color:#64748b;font-size:.9rem;line-height:1.4;margin-top:.25rem}.wc-lib-speak-main{position:absolute;top:1rem;right:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.wc-lib-speak-main:hover{background:#fbbf24;color:#1e293b;transform:scale(1.1)}.wc-lib-speak-sm{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;opacity:.6;transition:all .2s;font-size:1rem}.wc-lib-speak-sm:hover{color:#fbbf24;opacity:1;transform:scale(1.1)}.wc-lib-delete{position:absolute;top:1rem;right:3.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.wc-lib-delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.wc-lib-clear-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:600}.wc-lib-clear-btn:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.wc-modal-content::-webkit-scrollbar{width:8px}.wc-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.wc-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.wc-modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}#wcLevelSelectModal .wc-modal-content{background:#1e293bf2;border:1px solid rgba(251,191,36,.2);box-shadow:0 0 40px #0009,inset 0 0 20px #fbbf240d;color:#e2e8f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#wcLevelSelectModal h2{font-size:2rem;font-weight:800;text-align:center;margin-bottom:1.5rem;background:linear-gradient(to right,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(251,191,36,.2);animation:none}#wcLevelSelectModal .wc-chapter-header{color:#fbbf24;border-bottom:1px solid rgba(251,191,36,.2);padding-bottom:.5rem;margin-top:1.5rem;font-size:1.2rem;text-shadow:0 0 10px rgba(251,191,36,.2)}#wcLevelSelectModal button[onclick="closeLevelSelect()"]{color:#fbbf24;transition:all .3s}#wcLevelSelectModal button[onclick="closeLevelSelect()"]:hover{color:#fff;transform:scale(1.1) rotate(90deg);text-shadow:0 0 10px #fbbf24}.wc-modal-close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.wc-modal-close-btn:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5;transform:rotate(90deg)}.wc-map-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;position:relative;width:100%}.wc-map-chapter-section{width:100%;margin-bottom:2rem;position:relative}.wc-map-chapter-title{text-align:center;color:#fbbf24;font-size:1.4rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(251,191,36,.3);background:linear-gradient(90deg,transparent,rgba(251,191,36,.1),transparent);padding:.5rem;border-radius:8px}.wc-map-path-svg{position:absolute;top:50px;left:0;width:100%;height:calc(100% - 50px);pointer-events:none;z-index:0}.wc-map-nodes-container{position:relative;z-index:1;display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem}.wc-map-node-wrapper{display:flex;justify-content:center;width:100%;position:relative}.wc-node-left{justify-content:flex-start;padding-left:20%}.wc-node-center{justify-content:center}.wc-node-right{justify-content:flex-end;padding-right:20%}.wc-map-node{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #4b5563;display:flex;align-items:center;justify-content:center;font-weight:700;color:#9ca3af;cursor:not-allowed;position:relative;box-shadow:0 4px 6px -1px #0000004d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.wc-map-node.unlocked{background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#fef3c7;color:#78350f;cursor:pointer;box-shadow:0 0 15px #fbbf2466}.wc-map-node.current{transform:scale(1.2);box-shadow:0 0 25px #fbbf2499;background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#bfdbfe;color:#fff;animation:pulseNode 2s infinite}.wc-map-node.locked{opacity:.7;filter:grayscale(1)}.wc-map-node:hover.unlocked{transform:scale(1.1) translateY(-2px)}.wc-map-node-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.8rem;color:#cbd5e1;font-weight:600;background:#00000080;padding:2px 6px;border-radius:4px}.wc-node-stars{position:absolute;top:-10px;display:flex;gap:2px}.wc-node-star{font-size:.8rem;color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes pulseNode{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.wc-map-icon-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#fff;flex-shrink:0}.wc-map-icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px #2563eb66}.wc-map-icon-btn:active{transform:scale(.95)}.wc-map-icon-btn svg{stroke:#fff}.celebration-flash{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(251,191,36,.4),transparent);pointer-events:none;z-index:9998;animation:flashPulse .5s ease-out forwards}@keyframes flashPulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}.celebration-star{position:fixed;font-size:2rem;pointer-events:none;z-index:9999;animation:starBurst 1s ease-out forwards}@keyframes starBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:1}to{transform:translate(calc(-50% + var(--endX, 0px)),calc(-50% + var(--endY, -100px))) scale(1.5);opacity:0}}.wc-level-status.visible{animation:levelComplete .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes levelComplete{0%{transform:scale(.5) translateY(-20px);opacity:0}50%{transform:scale(1.2) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.d-none{display:none!important}.d-flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-white{color:#fff}.text-primary{color:#4f46e5}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.m-0{margin:0}.w-full{width:100%}.gap-2{gap:.5rem}.gap-4{gap:1rem}.cursor-pointer{cursor:pointer}.overflow-y-auto{overflow-y:auto}.max-h-80vh{max-height:80vh}.max-w-400{max-width:400px}.max-w-500{max-width:500px}.max-w-600{max-width:600px}.w-90{width:90%}.bg-none{background:none}.border-none{border:none}.fs-1-5{font-size:1.5rem}.fs-1-2{font-size:1.2rem}.relative{position:relative}.absolute{position:absolute}.flex-grow-0{flex-grow:0}.w-auto{width:auto}.circle-50{width:50px;height:50px;border-radius:50%}.h-300{height:300px}.pt-2rem{padding-top:2rem}.items-start{align-items:flex-start}.rain-input-container-custom{width:100%;max-width:600px;margin-top:1rem}.game-header-flex{display:flex;justify-content:space-between;align-items:center}.icon-white{color:#fff}.wc-modal-wrapper{display:none;align-items:flex-start;padding-top:2rem}.wc-modal-content-scroll{width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.wc-modal-content-scroll-lg{width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.wc-modal-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wc-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.wc-modal-title-sm{font-size:1.2rem}.stats-hero{display:flex;justify-content:space-around;align-items:center;background:var(--card-bg-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border-light);border-radius:1.5rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000000d;opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s var(--spring-easing)}.stats-hero.scroll-in-view{opacity:1;transform:translateY(0)}.stats-hero-inner{display:flex;width:100%;justify-content:space-around}.hero-stat{display:flex}.hero-stat-value{font-size:1.8rem;font-weight:800;color:#3b82f6}.hero-stat-label{font-size:.85rem;font-weight:600;color:var(--text-sub-light);text-transform:uppercase;letter-spacing:.05em}.daily-banner{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid rgba(245,158,11,.2);border-radius:1.25rem;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;cursor:pointer;opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s var(--spring-easing),box-shadow .3s,transform .3s,background .3s}.daily-banner.scroll-in-view{opacity:1;transform:translateY(0)}.daily-banner:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f59e0b26;background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b4d}.daily-banner-icon{font-size:2.5rem;filter:drop-shadow(0 4px 6px rgba(245,158,11,.3));animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.daily-banner-content{flex:1}.daily-banner-title{font-size:1.1rem;font-weight:800;color:#d97706;margin-bottom:.25rem}.daily-banner-subtitle{font-size:.95rem;color:var(--text-sub-light);font-weight:500}.daily-banner-progress{font-size:1.2rem;font-weight:800;color:#d97706;background:#ffffff80;padding:.5rem 1rem;border-radius:2rem;box-shadow:0 2px 8px #f59e0b26}.category-filter-container{margin-bottom:2rem;overflow-x:auto;padding:4px;margin-left:-4px;margin-right:-4px;opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s var(--spring-easing)}@supports (scrollbar-width: none){.category-filter-container{scrollbar-width:none}}.category-filter-container.scroll-in-view{opacity:1;transform:translateY(0)}.category-filter-container::-webkit-scrollbar{display:none}.category-filter-scroll{display:flex;gap:.75rem;padding-bottom:.5rem}.category-chip{padding:.6rem 1.2rem;border-radius:50px;background:var(--card-bg-light);border:1px solid var(--glass-border-light);color:var(--text-sub-light);font-weight:600;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.category-chip:hover{background:#f3f4f6;transform:translateY(-1px)}.category-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}[data-theme=dark] .stats-hero{background:var(--card-bg-dark);border-color:var(--glass-border-dark)}[data-theme=dark] .hero-stat-label{color:var(--text-sub-dark)}[data-theme=dark] .daily-banner{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .daily-banner:hover{background:#f59e0b26}[data-theme=dark] .daily-banner-title{color:#fbbf24}[data-theme=dark] .daily-banner-subtitle{color:var(--text-sub-dark)}[data-theme=dark] .daily-banner-progress{background:#0003;color:#fbbf24;box-shadow:0 2px 8px #0003}[data-theme=dark] .category-chip{background:var(--card-bg-dark);border-color:var(--glass-border-dark);color:var(--text-sub-dark)}[data-theme=dark] .category-chip:hover{background:#ffffff0d}[data-theme=dark] .category-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6}body.memory-game-page{background:radial-gradient(circle at top center,#0f172a,#020617);min-height:100vh;color:#f8fafc;overflow-x:hidden}body.memory-game-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 10%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 20% 40%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 40% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 60% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 80% 80%,rgba(255,255,255,.5),transparent);background-size:100% 100%;opacity:.6;animation:twinkle 8s infinite alternate;z-index:-2}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.02)}}.game-options{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.memory-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:450px;width:100%;margin:0 auto;perspective:1200px;padding:1.5rem;background:#ffffff08;border-radius:2rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 40px #3b82f61a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.memory-card{aspect-ratio:1;position:relative;cursor:pointer;border-radius:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;animation:floatCard 6s ease-in-out infinite;animation-delay:calc(var(--index, 0) * .1s)}.memory-card:nth-child(3n){animation-duration:5s;animation-delay:.2s}.memory-card:nth-child(3n+1){animation-duration:6.5s;animation-delay:.5s}.memory-card:nth-child(3n+2){animation-duration:5.8s;animation-delay:0s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.memory-card:hover{transform:translateY(-5px) scale(1.02)!important;z-index:10}.memory-card:active{transform:scale(.95)!important}.memory-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);border-radius:18px;box-shadow:0 8px 15px #0000004d}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:800;text-align:center;overflow:hidden;background-color:#0f172a}.memory-card-front{background:linear-gradient(135deg,#4f46e5,#06b6d4);font-size:2.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 15px #fff3}.memory-card-front:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(to bottom,#fff0 20%,#ffffff4d,#fff0 80%);transform:rotate(45deg);animation:sheen 4s infinite;pointer-events:none}@keyframes sheen{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.memory-card-back{background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:rotateY(180deg);padding:.2rem;color:#fff;border:2px solid rgba(56,189,248,.4)}.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card.matched .memory-card-back{background:linear-gradient(135deg,#22c55e33,#10b9814d);border-color:#4ade80;box-shadow:0 0 30px #4ade8080;animation:creativeMatch .6s ease-out forwards}@keyframes creativeMatch{0%{transform:scale(1)}50%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0)}}.memory-diff-select{display:flex;gap:1rem;margin-bottom:2rem;background:#0f172a66;padding:.6rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.memory-diff-btn{padding:.5rem 1.5rem;border:1px solid transparent;background:#ffffff08;color:#94a3b8;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.memory-diff-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.memory-diff-btn.active{background:linear-gradient(90deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 0 15px #3b82f666;border-color:#fff3}.memory-diff-btn.active:after{content:"✨";position:absolute;top:-5px;right:-5px;font-size:.8rem;animation:spin 3s infinite linear;border-radius:3rem;text-align:center;box-shadow:0 0 0 10px #38bdf80d,0 0 60px #38bdf833;transform:scale(.8) rotate(-5deg);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.memory-result-overlay.visible .memory-result-content{transform:scale(1) rotate(0)}.memory-hud{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:600px;background:#0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff1a;transition:all .3s ease}.memory-hud:hover{background:#0f172acc;border-color:#ffffff26;box-shadow:0 8px 30px #0000004d}.hud-nav{display:flex;gap:.5rem}.hud-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(34,211,238,.4);background:linear-gradient(135deg,#22d3ee26,#2563eb33,#22d3ee26);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #22d3ee33,inset 0 1px #ffffff1a;animation:hudBtnGlow 3s ease-in-out infinite}.hud-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hud-btn:hover:before{left:100%}.hud-btn:hover{transform:translateY(-3px) scale(1.05);background:linear-gradient(135deg,#22d3ee40,#2563eb4d,#22d3ee40);border-color:#22d3ee;color:#fff;box-shadow:0 8px 25px #22d3ee59,0 0 20px #22d3ee33,inset 0 1px #ffffff26}.hud-btn:active{transform:translateY(-1px) scale(.98)}@keyframes hudBtnGlow{0%,to{box-shadow:0 4px 15px #22d3ee26,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #22d3ee40,inset 0 1px #ffffff26}}.hud-title{font-size:1rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.1em;display:none}@media (min-width: 600px){.hud-title{display:block}}.hud-stats{display:flex;gap:.8rem}.stat-pill{display:flex;align-items:center;gap:.5rem;background:#0f172a80;padding:.4rem .8rem;border-radius:12px;border:1px solid rgba(56,189,248,.15)}.stat-pill-icon{font-size:1rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.stat-pill-value{font-family:Space Mono,monospace;font-weight:700;color:#e2e8f0;font-size:.95rem;min-width:2ch}.stat-pill.timer{border-color:#fbbf244d}.stat-pill.timer .stat-pill-value{color:#fbbf24}.stat-pill.moves{border-color:#38bdf84d}.stat-pill.moves .stat-pill-value{color:#38bdf8}.stat-pill.score{border-color:#22c55e4d}.stat-pill.score .stat-pill-value{color:#4ade80}.memory-holo-title{text-align:center;margin-top:6rem;margin-bottom:.5rem;font-size:2rem;font-weight:800;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;filter:drop-shadow(0 0 15px rgba(56,189,248,.3));opacity:.9;animation:holoPulse 4s infinite ease-in-out}@keyframes holoPulse{0%,to{opacity:.9;transform:scale(1);filter:drop-shadow(0 0 15px rgba(56,189,248,.3))}50%{opacity:.7;transform:scale(.98);filter:drop-shadow(0 0 5px rgba(56,189,248,.1))}}.mw-neon-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;margin:0 auto;padding:1rem 1rem 4rem;position:relative;z-index:10}.mw-holo-hud{background:#0f172ab3;border:2px solid rgba(56,189,248,.4);border-radius:24px;padding:2rem;width:100%;margin-bottom:2rem;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px #38bdf833,inset 0 0 30px #38bdf80d;overflow:hidden}.mw-holo-scanner{position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);box-shadow:0 0 20px #38bdf8;opacity:.8;animation:scanDown 2.5s linear infinite}@keyframes scanDown{0%{top:-10px}to{top:calc(100% + 10px)}}.mw-holo-content{position:relative;z-index:2;text-align:center}.mw-holo-label{font-family:Courier New,monospace;font-size:.75rem;color:#38bdf8;letter-spacing:3px;margin-bottom:1.5rem;opacity:.9;text-transform:uppercase}.mw-sentence{font-size:1.6rem;color:#f0f9ff;font-weight:700;line-height:1.6;margin-bottom:1.5rem;text-shadow:0 0 15px rgba(255,255,255,.3)}.mw-hint-capsule{display:inline-flex;align-items:center;gap:.6rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);padding:.6rem 1.5rem;border-radius:50px;box-shadow:0 0 15px #fbbf241a}.mw-hint-icon{font-size:1.2rem}.mw-hint-text{color:#fbbf24;font-size:1.2rem;font-family:Tajawal,sans-serif;font-weight:600}.mw-hex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:500px;margin-bottom:2rem}@media (max-width: 500px){.mw-hex-grid{grid-template-columns:1fr;gap:1rem}.mw-sentence{font-size:1.3rem}}.mw-neon-container .game-option,.mw-hex-grid .game-option{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:2px solid rgba(37,99,235,.4);border-radius:16px;padding:1.5rem 1rem;font-size:1.2rem;font-weight:700;color:#e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;text-align:center;position:relative;overflow:hidden}.mw-neon-container .game-option:hover,.mw-hex-grid .game-option:hover{transform:translateY(-5px) scale(1.02);border-color:#818cf8;box-shadow:0 15px 40px #2563eb66,inset 0 0 20px #2563eb1a;color:#fff}.mw-neon-container .game-option.correct,.mw-hex-grid .game-option.correct{background:linear-gradient(145deg,#22c55ee6,#10b981f2)!important;border-color:#4ade80!important;color:#fff!important;box-shadow:0 0 40px #4ade8099,inset 0 0 30px #4ade804d!important;animation:correctPulse .6s ease-out;transform:scale(1.05)}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.mw-neon-container .game-option.wrong,.mw-hex-grid .game-option.wrong{background:linear-gradient(145deg,#ef4444cc,#b91c1ce6)!important;border-color:#f87171!important;color:#fff!important;opacity:.7;animation:shake .5s ease-in-out}.mw-neon-feedback{min-height:2.5rem;text-align:center;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 0 15px currentColor}.mw-neon-feedback.success{color:#4ade80}.mw-neon-feedback.error{color:#f87171}.mw-cyber-btn{background:transparent;border:2px solid #38bdf8;color:#38bdf8;padding:1rem 3rem;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;border-radius:8px;display:flex;align-items:center;gap:.5rem}.mw-cyber-btn:hover{background:#38bdf8;color:#0f172a;box-shadow:0 0 40px #38bdf899}.mw-cyber-btn .btn-glitch{transition:transform .2s}.mw-cyber-btn:hover .btn-glitch{transform:translate(5px)}.wordle-neon-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:1rem 1rem 3rem}.wordle-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.wordle-filter-btn{background:#0f172ab3;border:1px solid rgba(37,99,235,.3);color:#e2e8f0;padding:.6rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wordle-filter-btn:hover{border-color:#818cf8;background:#2563eb33}.wordle-grid-wrapper{margin-bottom:2rem}.wordle-grid-premium{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:350px;margin:0 auto;padding:1rem;background:#0f172a80;border-radius:20px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wordle-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#f8fafc;background:#1e293bcc;border:2px solid rgba(37,99,235,.3);border-radius:12px;text-transform:uppercase;transition:all .15s ease;position:relative}.wordle-tile.typing{border-color:#818cf8;transform:scale(1.05);box-shadow:0 0 15px #2563eb4d}.wordle-tile.correct{background:linear-gradient(145deg,#22c55e,#16a34a);border-color:#4ade80;box-shadow:0 0 20px #4ade8080;animation:flipAndGlow .5s ease-out}.wordle-tile.present{background:linear-gradient(145deg,#eab308,#ca8a04);border-color:#facc15;box-shadow:0 0 20px #facc1580;animation:flipAndGlow .5s ease-out}.wordle-tile.absent{background:#334155e6;border-color:#47556980;opacity:.7;animation:flipAndGlow .5s ease-out}@keyframes flipAndGlow{0%{transform:rotateX(0) scale(1)}50%{transform:rotateX(90deg) scale(1.1)}to{transform:rotateX(0) scale(1)}}.wordle-keyboard-premium{display:flex;flex-direction:column;gap:8px;max-width:500px;margin:0 auto;padding:1rem}.keyboard-row{display:flex;justify-content:center;gap:6px}.key-btn{min-width:36px;padding:.8rem .6rem;border:none;border-radius:10px;background:#1e293be6;color:#e2e8f0;font-weight:700;font-size:1rem;cursor:pointer;transition:all .15s ease;border:1px solid rgba(255,255,255,.1)}.key-btn:hover{background:#2563eb66;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.key-btn:active{transform:translateY(0)}.key-btn.wide{min-width:60px;font-size:.85rem;padding:.8rem}.key-btn.correct{background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;border-color:#4ade80}.key-btn.present{background:linear-gradient(145deg,#eab308,#ca8a04);color:#fff;border-color:#facc15}.key-btn.absent{background:#33415599;color:#64748b;border-color:transparent}.wordle-message{min-height:2rem;text-align:center;font-size:1.3rem;font-weight:800;margin-top:1.5rem;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}@media (max-width: 400px){.wordle-grid-premium{gap:5px;max-width:280px}.wordle-tile{font-size:1.4rem}.key-btn{min-width:28px;padding:.6rem .4rem;font-size:.85rem}.key-btn.wide{min-width:45px}}.sentence-game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;margin:0 auto;padding:1rem 1rem 3rem}.sentence-hint-card{background:#0f172ab3;border:2px solid rgba(251,191,36,.4);border-radius:20px;padding:1.5rem 2rem;margin-bottom:2rem;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 25px #fbbf2426}.hint-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.game-hint.large{font-size:1.5rem;color:#fbbf24;font-family:Tajawal,sans-serif;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.3)}.sentence-board-area{width:100%;margin-bottom:2rem}.sentence-drop-zone.premium{min-height:80px;background:#0f172a80;border:2px dashed rgba(37,99,235,.4);border-radius:16px;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;transition:all .3s}.sentence-drop-zone.premium:hover,.sentence-drop-zone.premium.drag-over{border-color:#818cf8;border-style:solid;background:#2563eb1a;box-shadow:0 0 20px #2563eb33}.drop-placeholder{color:#64748b;font-size:1rem;font-weight:500}.sentence-word-bank.premium{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem}.sentence-word-bank.premium .word-chip,.sentence-drop-zone.premium .word-chip{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:2px solid rgba(56,189,248,.4);padding:.6rem 1.2rem;border-radius:12px;color:#e2e8f0;font-weight:600;cursor:grab;transition:all .2s;font-size:1rem}.sentence-word-bank.premium .word-chip:hover{transform:translateY(-3px) scale(1.02);border-color:#38bdf8;box-shadow:0 8px 20px #38bdf84d}.sentence-word-bank.premium .word-chip:active{cursor:grabbing;transform:scale(.95)}.game-feedback.premium{min-height:1.5rem;text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.game-controls-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem 0}.game-btn{padding:1rem 2.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;position:relative;overflow:hidden;transition:all .3s ease;letter-spacing:.5px;min-width:160px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.game-btn.primary-btn{background:linear-gradient(135deg,#22c55eb3,#16a34a80);color:#fff;border:1px solid rgba(74,222,128,.4);box-shadow:0 4px 30px #22c55e33,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.game-btn.primary-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4ade80cc,#22c55e99);box-shadow:0 8px 40px #22c55e59,inset 0 1px #ffffff4d;border-color:#4ade8099}.game-btn.primary-btn:active{transform:translateY(1px);box-shadow:0 2px 15px #22c55e33,inset 0 2px 4px #0000001a}.game-btn.secondary-btn{background:linear-gradient(135deg,#33415599,#1e293b66);color:#e2e8f0;border:1px solid rgba(148,163,184,.25);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff1a}.game-btn.secondary-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#475569b3,#33415580);border-color:#94a3b866;box-shadow:0 8px 30px #0003,0 0 15px #60a5fa26,inset 0 1px #ffffff26;color:#fff}.game-btn.secondary-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #0003,inset 0 2px 4px #0000001a}.game-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.game-btn:hover:before{left:100%}.game-btn.hidden{display:none}@media (max-width: 480px){.game-controls-row{flex-direction:column;width:100%;padding:0 1rem}.game-btn{width:100%;padding:1.1rem;font-size:.95rem}}.wc-game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:1rem 1rem 3rem}.wc-slots-area{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem;width:100%}.wc-translation-display{min-height:2rem;text-align:center;color:#fbbf24;font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:600;text-shadow:0 0 10px rgba(251,191,36,.3);margin-bottom:1rem}.wc-wheel-container{position:relative;width:280px;height:280px;margin:.5rem auto;display:flex;align-items:center;justify-content:center}.wc-wheel-bg{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#2563eb33,#38bdf833,#2563eb33);animation:rotateNebula 20s linear infinite;filter:blur(20px)}@keyframes rotateNebula{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wc-letters{position:relative;width:286px;height:286px;border-radius:50%;background:#0f172acc;border:2px solid rgba(37,99,235,.4);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #2563eb33}.wc-letters .letter-btn{position:absolute;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#1e293be6,#0f172af2);border:2px solid rgba(37,99,235,.5);color:#f8fafc;font-size:1.4rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.wc-letters .letter-btn:hover{transform:scale(1.15);border-color:#818cf8;box-shadow:0 0 20px #2563eb80}.wc-letters .letter-btn.selected{background:linear-gradient(145deg,#2563eb,#3b82f6);border-color:#818cf8;box-shadow:0 0 25px #2563eb99;transform:scale(1.1)}.wc-input-preview{min-height:2.5rem;font-size:1.8rem;font-weight:800;color:#38bdf8;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 15px rgba(56,189,248,.5);margin-bottom:1.5rem}.wc-controls{display:flex;gap:1rem;justify-content:center}.wc-cosmic-theme{--wc-primary: #f59e0b;--wc-secondary: #fbbf24;--wc-accent: #fcd34d;--wc-bg-deep: #1a1206;--wc-glow: rgba(251, 191, 36, .5)}.wc-particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.wc-star{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:.6;animation:twinkleStar 3s infinite ease-in-out}.wc-star-1{top:10%;left:15%;animation-delay:0s}.wc-star-2{top:25%;left:75%;animation-delay:.7s}.wc-star-3{top:60%;left:30%;animation-delay:1.3s}.wc-star-4{top:80%;left:85%;animation-delay:2s}@keyframes twinkleStar{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.wc-game-container.wc-cosmic{background:radial-gradient(ellipse at top center,rgba(14,165,233,.1),transparent 60%)}.wc-timer-hidden{display:none}.wc-slots-area.wc-holo-slots{background:#1a120680;border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wc-word-row{display:flex;gap:6px;justify-content:center;margin-bottom:.5rem}.wc-slot{width:40px;height:45px;display:flex;align-items:center;justify-content:center;background:#fbbf2426;border:2px solid rgba(251,191,36,.3);border-radius:8px;font-size:1.8rem;font-weight:800;color:transparent;transition:all .3s}.wc-slot.revealed{color:#f8fafc;background:linear-gradient(145deg,#fbbf2480,#f59e0b4d);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2466;animation:slotReveal .5s ease-out}@keyframes slotReveal{0%{transform:scale(.5) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.wc-wheel-container.wc-cosmic-wheel{position:relative;width:300px;height:300px;margin:2rem auto;touch-action:pan-y;-webkit-user-select:none;user-select:none}.wc-wheel-nebula{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#fbbf244d,#f59e0b33,#fcd34d33,#fbbf244d);filter:blur(30px);animation:rotateNebulaSlow 25s linear infinite}@keyframes rotateNebulaSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wc-wheel-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:none;pointer-events:none;z-index:0}.wc-ring-outer,.wc-ring-inner{display:none}@keyframes ringPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.01)}}@keyframes heartbeatGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.1}15%{transform:translate(-50%,-50%) scale(1.02);opacity:.15}30%{transform:translate(-50%,-50%) scale(1);opacity:.1}45%{transform:translate(-50%,-50%) scale(1.01);opacity:.12}60%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}}.wc-orb-container{width:100%;height:100%}#wcWheel,.wc-letter-node,.wc-orb-container{touch-action:none;user-select:none;-webkit-user-select:none}.wc-letter-node{position:absolute;width:48px;height:48px;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fbbf24e6,#b45309e6);border:3px solid rgba(251,191,36,.6);color:#1a1206;font-size:1.5rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 5px 20px #fbbf2466,inset 0 1px #ffffff4d;z-index:12}.wc-letter-node:hover{transform:scale(1.2);box-shadow:0 8px 30px #fbbf2499,inset 0 1px #fff6}.wc-letter-node.selected{background:radial-gradient(circle at 30% 30%,#fcd34d,#fbbf24);border-color:#fcd34d;box-shadow:0 0 30px #fcd34dcc;transform:scale(1.15)}.wc-input-preview.wc-glow-text{font-size:2rem;font-weight:800;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.4);letter-spacing:6px;min-height:3rem}.wc-cosmic-controls{gap:1.5rem}.wc-control-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#1a1206cc;border:2px solid rgba(251,191,36,.4);border-radius:16px;padding:.8rem 1.5rem;cursor:pointer;transition:all .2s}.wc-control-btn:hover{border-color:#fbbf24;background:#fbbf2433;transform:translateY(-3px);box-shadow:0 10px 25px #fbbf244d}.wc-control-btn .btn-icon{font-size:1.5rem}.wc-control-btn .btn-label{font-size:.85rem;font-weight:600;color:#e2e8f0}.wc-level-complete{display:none}.wc-level-complete.visible{display:flex}.wc-celebration-card{text-align:center}.wc-celebrate-emoji{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease infinite}.wc-celebrate-title{font-size:2rem;font-weight:800;color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.5);margin-bottom:.5rem}.wc-celebrate-subtitle{font-size:1.5rem;color:#cbd5e1;font-family:Tajawal,sans-serif}.wc-modal-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.wc-modal-btn{padding:.8rem 1.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.wc-btn-primary{background:linear-gradient(145deg,#1d4ed8,#1e40af);color:#fff;box-shadow:0 5px 15px #0ea5e966}.wc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e980}.wc-btn-secondary{background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.wc-btn-secondary:hover{background:#334155e6;transform:translateY(-2px)}.wc-modal-hidden{display:none}.grammar-cyber-theme{--gr-primary: #22d3ee;--gr-secondary: #06b6d4;--gr-accent: #67e8f9;--gr-bg-deep: #0a1628;--gr-bg-surface: rgba(15, 23, 42, .95);--gr-glow: rgba(34, 211, 238, .5);--gr-success: #10b981;--gr-error: #ef4444;--gr-warning: #f59e0b;background:linear-gradient(135deg,#0a1628,#0f172a,#1e293b);min-height:100vh;overflow-x:hidden}.gr-cyber-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.gr-grid-overlay{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(0)}}.gr-particle{position:absolute;width:6px;height:6px;background:var(--gr-primary);border-radius:50%;left:var(--x);bottom:-10px;opacity:.6;box-shadow:0 0 10px var(--gr-glow);animation:floatUp 8s ease-in-out infinite;animation-delay:var(--delay)}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.5);opacity:0}}.gr-hud{position:relative;z-index:10}.gr-game-container{position:relative;z-index:5;max-width:600px;margin:0 auto;padding:1rem;padding-top:100px}.gr-filter-row{margin-bottom:1.5rem;text-align:center}.gr-filter-select{background:var(--gr-bg-surface);border:2px solid rgba(34,211,238,.3);border-radius:12px;padding:.8rem 1.2rem;color:#e2e8f0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;min-width:280px}.gr-filter-select:hover,.gr-filter-select:focus{border-color:var(--gr-primary);box-shadow:0 0 20px var(--gr-glow);outline:none}.gr-holo-hint{position:relative;background:linear-gradient(145deg,#22d3ee1a,#06b6d40d);border:2px solid rgba(34,211,238,.4);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.5rem;text-align:center;overflow:hidden;animation:hintFloat 3s ease-in-out infinite}@keyframes hintFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gr-hint-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.gr-hint-text{position:relative;z-index:1;color:#e2e8f0;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px var(--gr-glow)}.gr-explanation-card{background:linear-gradient(145deg,#10b9811a,#0596690d);border:2px solid rgba(16,185,129,.4);border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.gr-explanation-content{color:#a7f3d0;font-size:1rem;line-height:1.6}.gr-drop-zone{min-height:100px;background:var(--gr-bg-surface);border:3px dashed rgba(34,211,238,.4);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.gr-drop-zone.drag-over{border-color:var(--gr-primary);border-style:solid;background:#22d3ee1a;box-shadow:0 0 30px var(--gr-glow),inset 0 0 20px #22d3ee1a;transform:scale(1.02)}.gr-drop-zone.correct{border-color:var(--gr-success);background:#10b9811a;box-shadow:0 0 30px #10b98166;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.gr-drop-zone.wrong{border-color:var(--gr-error);background:#ef44441a;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.gr-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b;font-size:1rem}.gr-drop-icon{font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gr-word-bank{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:#0f172a80;border-radius:16px;min-height:60px}.gr-word-chip{background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:2px solid rgba(34,211,238,.5);border-radius:12px;padding:.7rem 1.4rem;color:#e2e8f0;font-size:1.1rem;font-weight:600;cursor:grab;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0000004d,0 0 10px #22d3ee33;-webkit-user-select:none;user-select:none}.gr-word-chip:hover{transform:translateY(-5px) scale(1.05);border-color:var(--gr-primary);box-shadow:0 8px 25px #0006,0 0 20px var(--gr-glow);text-shadow:0 0 10px var(--gr-glow)}.gr-word-chip:active,.gr-word-chip.dragging{cursor:grabbing;transform:scale(.95);opacity:.8}.gr-word-chip.in-zone{background:linear-gradient(145deg,#22d3ee33,#06b6d41a);border-color:var(--gr-primary)}.gr-word-chip.animate-in{animation:chipEnter .4s ease-out backwards}@keyframes chipEnter{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.gr-feedback{min-height:2rem;text-align:center;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.gr-feedback.success{color:var(--gr-success);text-shadow:0 0 15px rgba(16,185,129,.5)}.gr-feedback.error{color:var(--gr-error);text-shadow:0 0 15px rgba(239,68,68,.5)}.gr-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.gr-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:14px;border:2px solid transparent;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.gr-btn .btn-icon{font-size:1.2rem}.gr-btn-hint{background:linear-gradient(145deg,#f59e0b33,#d977061a);border-color:#f59e0b80;color:#fbbf24}.gr-btn-hint:hover{background:linear-gradient(145deg,#f59e0b4d,#d9770633);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b66;transform:translateY(-2px)}.gr-btn-check{background:linear-gradient(145deg,#22d3ee4d,#06b6d433);border-color:var(--gr-primary);color:var(--gr-accent)}.gr-btn-check:hover{background:linear-gradient(145deg,#22d3ee80,#06b6d44d);box-shadow:0 0 25px var(--gr-glow);transform:translateY(-2px)}.gr-btn-next{background:linear-gradient(145deg,#10b9814d,#05966933);border-color:var(--gr-success);color:#6ee7b7}.gr-btn-next:hover{background:linear-gradient(145deg,#10b98180,#0596694d);box-shadow:0 0 25px #10b98166;transform:translateY(-2px)}.gr-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 600px){.gr-game-container{padding:.8rem;padding-top:90px}.gr-holo-hint{padding:1rem;font-size:1rem}.gr-hint-text{font-size:1rem}.gr-word-chip{padding:.6rem 1rem;font-size:1rem}.gr-filter-select{min-width:100%;font-size:.9rem}.gr-btn{padding:.7rem 1.2rem;font-size:.9rem}}.gr-screen-title{position:relative;z-index:5;text-align:center;padding-top:80px;margin-bottom:-80px}.gr-screen-title h1{font-size:1.8rem;font-weight:700;color:#e2e8f0;text-shadow:0 0 20px var(--gr-glow, rgba(34, 211, 238, .5));margin:0;letter-spacing:.5px}.mobile-view-mode{max-width:430px!important;margin:0 auto!important;min-height:100vh;box-shadow:0 0 50px #0000004d;position:relative;overflow-x:hidden}.mobile-view-mode:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:9999}.mobile-view-mode .gr-game-container{padding-top:120px}.mobile-view-mode .gr-screen-title{padding-top:100px}.mobile-view-mode .memory-hud{max-width:430px;left:50%;transform:translate(-50%);border-radius:0}.mobile-view-mode .gr-filter-select{width:100%;min-width:unset}.mobile-view-mode .gr-word-chip{padding:.6rem 1rem;font-size:1rem}.mobile-view-mode .gr-controls{flex-direction:column;gap:.8rem}.mobile-view-mode .gr-btn{width:100%;justify-content:center}.wc-cyber-theme{--wc-primary: #3b82f6;--wc-secondary: #1e40af;--wc-accent: #60a5fa;--wc-bg-deep: #0f172a;--wc-bg-surface: rgba(15, 23, 42, .95);--wc-glow: rgba(34, 211, 238, .06);--wc-success: #10b981;--wc-gold: #fbbf24;--wc-cyan: #22d3ee;--wc-ring-color: rgba(34, 211, 238, .09);background:#0f172a;min-height:100vh;overflow-x:hidden}.wc-cyber-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.wc-grid-overlay{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(34,211,238,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.02) 1px,transparent 1px);background-size:50px 50px;animation:wcGridMove 25s linear infinite}@keyframes wcGridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.wc-cyber-bg .wc-particle{display:none;width:8px;height:8px;background:var(--wc-primary);border-radius:50%;left:var(--x)}.wc-particles{position:absolute;width:100%;height:100%;overflow:hidden}.wc-particles .particle{position:absolute;width:4px;height:4px;background:#22d3ee66;border-radius:50%;animation:floatParticle 20s ease-in-out infinite;box-shadow:0 0 6px #22d3ee4d}.wc-particles .particle:nth-child(odd){background:#fbbf244d;box-shadow:0 0 6px #fbbf2433;animation-duration:25s}.wc-particles .particle:nth-child(3n){width:3px;height:3px;animation-duration:30s}.wc-particles .particle:nth-child(5n){width:2px;height:2px;animation-duration:35s}@keyframes floatParticle{0%,to{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(80vh) translate(10px) scale(1)}50%{transform:translateY(40vh) translate(-15px) scale(1)}90%{opacity:1;transform:translateY(10vh) translate(5px) scale(1)}to{transform:translateY(-10vh) translate(0) scale(0);opacity:0}}@keyframes wcFloatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-100vh) scale(.3);opacity:0}}.hud-title-inline{font-size:1.2rem;font-weight:700;color:#e2e8f0;text-shadow:0 0 15px var(--wc-glow, rgba(34, 211, 238, .5));margin-left:.8rem;white-space:nowrap}.wc-stats-row{position:relative;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:90px;padding:0;background:transparent;border:none;box-shadow:none;animation:none}.wc-info-group{display:flex;flex-direction:row;align-items:center;gap:.4rem;background:linear-gradient(135deg,#22d3ee1a,#2563eb26);border:1px solid rgba(34,211,238,.3);border-radius:24px;padding:.3rem .5rem;box-shadow:0 4px 15px #0000001a}.wc-actions-group{display:flex;flex-direction:row;align-items:center;gap:.4rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:.3rem .5rem;box-shadow:0 4px 15px #0000001a}.wc-stats-row .stat-pill{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;background:linear-gradient(135deg,#22d3ee26,#2563eb33,#22d3ee26);border:2px solid rgba(34,211,238,.4);border-radius:20px;padding:.4rem .7rem;color:#e2e8f0;font-weight:600;box-sizing:border-box;height:40px;max-height:40px;white-space:nowrap;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #22d3ee33,inset 0 1px #ffffff1a;animation:statPillGlow 3s ease-in-out infinite}.wc-stats-row .stat-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.wc-stats-row .stat-pill:hover:before{left:100%}.wc-stats-row .stat-pill:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #22d3ee59,0 0 20px #22d3ee33,inset 0 1px #ffffff26}.wc-stats-row .stat-pill:active{transform:translateY(-1px) scale(.98)}@keyframes statPillGlow{0%,to{box-shadow:0 4px 15px #22d3ee26,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #22d3ee40,inset 0 1px #ffffff26}}.wc-stats-row .stat-pill.score{background:linear-gradient(135deg,#10b98126,#34d39933,#10b98126)!important;border-color:#10b98180!important;animation:coinPillGlow 3s ease-in-out infinite}.wc-stats-row .stat-pill.score .stat-pill-value{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.3)}.wc-stats-row .stat-pill.score .stat-pill-icon{filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.wc-stats-row .stat-pill.score:hover{border-color:#10b981!important;box-shadow:0 8px 25px #10b98159,0 0 20px #10b98133,inset 0 1px #ffffff26}@keyframes coinPillGlow{0%,to{box-shadow:0 4px 15px #10b98126,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #10b9814d,inset 0 1px #ffffff26}}.wc-stats-row .stat-pill-icon{font-size:1rem;line-height:1}.wc-stats-row .stat-pill-value{font-size:.9rem;font-weight:700;line-height:1}.wc-level-btn{cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#22d3ee26,#3b82f633,#22d3ee26)!important;border:2px solid rgba(34,211,238,.5)!important;box-shadow:0 4px 15px #22d3ee33,inset 0 1px #ffffff1a;animation:levelBtnGlow 3s ease-in-out infinite;box-sizing:border-box;padding:.4rem 1.4rem!important;min-width:100px;height:40px!important;max-height:40px!important}.wc-level-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.wc-level-btn:hover:before{left:100%}.wc-level-btn:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#22d3ee40,#3b82f64d,#22d3ee40)!important;border-color:#22d3ee!important;box-shadow:0 8px 25px #22d3ee59,0 0 20px #22d3ee33,inset 0 1px #ffffff26}.wc-level-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 2px 10px #22d3ee33}.wc-level-btn .stat-pill-icon{filter:drop-shadow(0 0 4px rgba(34,211,238,.5))}.wc-level-btn .stat-pill-value{color:#22d3ee;font-weight:700;text-shadow:0 0 8px rgba(34,211,238,.3)}@keyframes levelBtnGlow{0%,to{box-shadow:0 4px 15px #22d3ee33,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #22d3ee59,inset 0 1px #ffffff26}}.stat-pill-arrow{font-size:.7rem;opacity:.9;margin-left:.3rem;color:#22d3ee;transition:transform .2s ease}.wc-level-btn:hover .stat-pill-arrow{transform:translateY(2px)}.wc-hint-btn{cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.4)!important}.wc-hint-btn:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b33);border-color:#fbbf24!important;transform:translateY(-2px);box-shadow:0 5px 15px #fbbf244d}.wc-hint-btn:active{transform:translateY(0)}.wc-hint-btn .stat-pill-value{color:#fbbf24;font-size:.75rem}.wc-clickable-pill{cursor:pointer}.wc-stats-row .wc-clickable-pill{width:40px;height:40px;padding:0!important;border-radius:50%!important;justify-content:center!important;flex:0 0 40px}.wc-streak-pill{background:linear-gradient(135deg,#ef444426,#f9731633)!important;border-color:#f9731680!important;transition:all .3s ease}.wc-streak-pill .stat-pill-icon{filter:drop-shadow(0 0 3px rgba(249,115,22,.5))}.wc-streak-pill.streak-on-fire{background:linear-gradient(135deg,#ef44444d,#f9731666)!important;border-color:#f97316!important;animation:fireGlow 1s ease-in-out infinite alternate}.wc-streak-pill.streak-pop{animation:streakPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fireGlow{0%{box-shadow:0 4px 15px #f973164d}to{box-shadow:0 4px 25px #ef444480,0 0 15px #f973164d}}@keyframes streakPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.wc-sound-toggle{background:linear-gradient(135deg,#1e3a8a1a,#1e3a8a0d)!important;border:1px solid rgba(30,58,138,.2)!important}.wc-sound-toggle:hover{border-color:#dc2626!important;box-shadow:0 4px 15px #2563eb4d}.wc-stats-row .wc-stats-btn{background:linear-gradient(135deg,#22d3ee26,#0ea5e933,#22d3ee26)!important;border-color:#22d3ee80!important}.wc-stats-row .wc-stats-btn .stat-pill-icon{filter:drop-shadow(0 0 4px rgba(34,211,238,.5))}.wc-stats-row .wc-stats-btn:hover{border-color:#22d3ee!important;box-shadow:0 8px 25px #22d3ee59,0 0 20px #22d3ee33,inset 0 1px #ffffff26}.wc-stats-row .wc-achievements-btn{background:linear-gradient(135deg,#fbbf2426,#f59e0b33,#fbbf2426)!important;border-color:#fbbf2480!important;animation:achievementPillGlow 3s ease-in-out infinite}.wc-stats-row .wc-achievements-btn .stat-pill-icon{filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.wc-stats-row .wc-achievements-btn:hover{border-color:#fbbf24!important;box-shadow:0 8px 25px #fbbf2459,0 0 20px #fbbf2433,inset 0 1px #ffffff26}@keyframes achievementPillGlow{0%,to{box-shadow:0 4px 15px #fbbf2426,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #fbbf244d,inset 0 1px #ffffff26}}.wc-cyber-theme .wc-game-container{position:relative;z-index:5;max-width:430px;margin:0 auto;padding:1rem;padding-top:20px;opacity:1;transition:opacity .3s ease-in-out}.wc-cyber-theme .wc-game-container.level-transitioning{opacity:0}.wc-cyber-theme .wc-slots-area{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1rem;padding:.5rem;background:var(--wc-bg-surface);border-radius:16px;border:1px solid rgba(34,211,238,.2);max-height:25vh;overflow-y:auto}.wc-cyber-theme .wc-word-row{display:flex;gap:4px;justify-content:center}.wc-cyber-theme .wc-slot{width:32px;height:38px;background:#22d3ee1a;border:2px solid rgba(34,211,238,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:transparent;transition:all .3s}.wc-cyber-theme .wc-slot.revealed{background:linear-gradient(145deg,#22d3ee4d,#06b6d433);border-color:var(--wc-primary);color:#e2e8f0;box-shadow:0 0 15px var(--wc-glow);animation:slotReveal .4s ease-out}@keyframes slotReveal{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.wc-cyber-theme .wc-wheel-container{position:relative;width:280px;height:280px;margin:.5rem auto 2rem;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;border:2px solid rgba(34,211,238,.4);box-shadow:0 0 15px #22d3ee40,inset 0 0 10px #22d3ee1a;transition:all .4s ease-out}.wc-drag-trail-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;border-radius:50%}.wc-cyber-theme .wc-wheel-container.wc-state-success{border-color:#22c55ecc;box-shadow:0 0 30px #22c55e80,inset 0 0 20px #22c55e4d}.wc-cyber-theme .wc-wheel-container.wc-state-error{border-color:#ef4444cc;box-shadow:0 0 30px #ef444480,inset 0 0 20px #ef44444d;animation:wc-shake .4s ease-in-out}.wc-cyber-theme .wc-wheel-container.wc-state-bonus{border-color:#eab308cc;box-shadow:0 0 30px #eab30880,inset 0 0 20px #eab3084d}.wc-hand-tutorial{position:absolute;top:50%;left:50%;width:50px;height:50px;pointer-events:none;z-index:200;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease}.wc-hand-tutorial.active{opacity:1;animation:hand-swipe 2s ease-in-out infinite}.wc-hand-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes hand-swipe{0%{transform:translate(-50%,-50%) translate(-60px) translateY(0);opacity:.8}30%{opacity:1}50%{transform:translate(-50%,-50%) translate(60px) translateY(-20px);opacity:1}80%{opacity:.8}to{transform:translate(-50%,-50%) translate(-60px) translateY(0);opacity:.5}}@keyframes wc-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes wheelBorderPulse{0%,to{border-color:#22d3ee4d;box-shadow:0 0 10px #22d3ee26,inset 0 0 8px #22d3ee0d}50%{border-color:#22d3ee99;box-shadow:0 0 20px #22d3ee59,inset 0 0 12px #22d3ee26}}.wc-wheel-glow{display:none}.wc-wheel-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65px;height:65px;background:linear-gradient(145deg,#fbbf24,#f59e0b);border:2px solid rgba(251,191,36,.6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #fbbf244d;animation:hintBtnPulse 6s ease-in-out infinite}.wc-wheel-center-btn:hover{transform:translate(-50%,-50%) scale(1.1);border-color:#fcd34d;box-shadow:0 6px 20px #fbbf2466}.wc-wheel-center-btn:active{transform:translate(-50%,-50%) scale(.95)}.wc-center-icon{font-size:1.5rem;color:#fff}.wc-center-count{font-size:.75rem;font-weight:700;color:#fff;margin-top:2px}@keyframes hintBtnPulse{0%,to{box-shadow:0 4px 15px #fbbf2440}50%{box-shadow:0 4px 20px #fbbf2459}}.wc-cyber-theme .wc-wheel-ring{position:absolute;border-radius:50%;border:1px solid rgba(34,211,238,.075)}.wc-cyber-theme .wc-ring-outer{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);animation:heartbeatGlow 8s ease-in-out infinite}.wc-cyber-theme .wc-ring-inner{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);animation:heartbeatGlow 8s ease-in-out infinite .5s}.wc-cyber-theme .wc-letter-node{position:absolute;width:48px;height:48px;background:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700;color:#3b4b9f;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #00000040,0 4px 12px #00000026,inset 0 1px #ffffffe6;-webkit-user-select:none;user-select:none}.wc-cyber-theme .wc-letter-node:hover{transform:scale(1.12) translateY(-2px);border-color:#22d3ee80;box-shadow:0 12px 40px #0000004d,0 6px 16px #22d3ee26,inset 0 1px #ffffffe6}.wc-cyber-theme .wc-letter-node.selected{background:linear-gradient(145deg,#fff9e6,#fff);border-color:#fbbf24;box-shadow:0 10px 35px #fbbf2459,0 4px 12px #00000026,inset 0 0 8px #fbbf241a;transform:scale(1.15) translateY(-3px)}.wc-cyber-theme .wc-input-preview{text-align:center;font-size:1.8rem;font-weight:800;color:var(--wc-accent);min-height:2.5rem;margin-bottom:1rem;text-shadow:0 0 20px var(--wc-glow);letter-spacing:4px}.wc-cyber-theme .wc-controls{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.wc-cyber-theme .wc-control-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(145deg,#22d3ee33,#06b6d41a);border:2px solid rgba(34,211,238,.5);border-radius:14px;color:var(--wc-accent);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.wc-cyber-theme .wc-control-btn:hover{background:linear-gradient(145deg,#22d3ee4d,#06b6d433);border-color:var(--wc-primary);box-shadow:0 0 20px var(--wc-glow);transform:translateY(-2px)}.wc-cyber-theme .wc-translation-display{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,#1e1e3cf2,#0f0f28fa);border:2px solid rgba(34,211,238,.4);border-radius:16px;color:#e2e8f0;font-size:1rem;margin-bottom:.5rem;min-height:160px;height:160px;max-height:160px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 12px #22d3ee26}.wc-cyber-theme .wc-translation-display:empty:before{content:"🎯 اكتشف الكلمات!";color:#22d3ee99;font-size:.85rem}.wc-arabic-meaning{font-size:1.3rem;font-weight:700;color:#22d3ee;margin-bottom:.5rem}.wc-example-text{font-style:italic;color:#fbbf24;cursor:pointer;margin-bottom:.3rem;font-size:1rem}.wc-example-text:hover{text-decoration:underline}.wc-example-translation{font-size:.95rem;color:#94a3b8}.wc-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5}.wc-particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleFloat 2s ease-out forwards}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(0)}}.wc-star-burst{position:absolute;pointer-events:none;z-index:100}.wc-star{position:absolute;font-size:1.5rem;animation:starExplode .8s ease-out forwards}@keyframes starExplode{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5) rotate(360deg)}}.wc-letter-node.pulse-glow{animation:letterPulse 3s ease-in-out infinite}@keyframes letterPulse{0%,to{box-shadow:0 0 3px #22d3ee4d}50%{box-shadow:0 0 10px #22d3ee80,0 0 20px #22d3ee40}}.wc-night-mode{--wc-bg-primary: #0a0a15;--wc-text-primary: #a0aec0;--wc-accent: #dc2626}.wc-night-mode .wc-game-container{filter:brightness(.85)}.wc-night-mode .wc-letter-node{background:#1e1e32f2;box-shadow:0 0 10px #2563eb4d}.wc-progress-bar-container{width:100%;max-width:300px;height:8px;background:#1e1e32cc;border-radius:4px;margin:.5rem auto;overflow:hidden;border:1px solid rgba(34,211,238,.3)}.wc-progress-bar-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#dc2626);border-radius:4px;transition:width .3s ease}.wc-progress-text{text-align:center;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.wc-word-card{perspective:1000px;width:calc(25% - .5rem);min-width:60px;height:40px;cursor:pointer}.wc-word-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.wc-word-card.flipped .wc-word-card-inner{transform:rotateY(180deg)}.wc-word-card-front,.wc-word-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.wc-word-card-front{background:linear-gradient(135deg,#22d3ee4d,#2563eb4d);border:1px solid rgba(34,211,238,.5);color:#e2e8f0}.wc-word-card-back{background:linear-gradient(135deg,#10b9814d,#22c55e4d);border:1px solid rgba(16,185,129,.5);color:#6ee7b7;transform:rotateY(180deg)}.wc-hint-menu{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.wc-hint-btn-type{display:flex;flex-direction:column;align-items:center;padding:.5rem .8rem;background:#1e1e32e6;border:1px solid rgba(34,211,238,.3);border-radius:12px;color:#e2e8f0;cursor:pointer;transition:all .2s ease;font-size:.75rem}.wc-hint-btn-type:hover{background:#22d3ee33;transform:translateY(-2px)}.wc-hint-btn-type .hint-icon{font-size:1.2rem;margin-bottom:.2rem}.wc-hint-btn-type .hint-cost{font-size:.65rem;color:#fbbf24}.wc-streak-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.4);border-radius:12px;color:#fbbf24;font-weight:600;margin:.5rem auto;max-width:300px}.wc-streak-fire{font-size:1.3rem;animation:firePulse .5s ease-in-out infinite alternate}@keyframes firePulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.wc-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;padding:1rem}.wc-achievement-badge{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#1e1e32e6;border:2px solid rgba(100,100,120,.3);border-radius:12px;transition:all .3s ease}.wc-achievement-badge.unlocked{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a)}.wc-achievement-badge.locked{opacity:.5;filter:grayscale(1)}.wc-achievement-icon{font-size:2rem;margin-bottom:.3rem}.wc-achievement-name{font-size:.65rem;text-align:center;color:#94a3b8}.wc-stats-dashboard{padding:1rem;background:#0f0f1ef2;border-radius:16px;border:1px solid rgba(34,211,238,.3)}.wc-stats-chart{height:150px;display:flex;align-items:flex-end;gap:.25rem;padding:.5rem;background:#1e1e3280;border-radius:8px;margin-bottom:1rem}.wc-stat-bar{flex:1;background:linear-gradient(to top,#22d3ee,#dc2626);border-radius:4px 4px 0 0;min-height:5px;transition:height .5s ease}.wc-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.wc-stat-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#1e1e32cc;border-radius:12px;border:1px solid rgba(100,100,120,.2)}.wc-stat-value{font-size:1.5rem;font-weight:700;color:#22d3ee}.wc-stat-label{font-size:.7rem;color:#94a3b8;text-align:center}.wc-word-of-day{padding:1rem;background:linear-gradient(135deg,#22d3ee26,#2563eb26);border:1px solid rgba(34,211,238,.4);border-radius:16px;text-align:center;margin:.5rem 0}.wc-word-of-day-title{font-size:.75rem;color:#22d3ee;margin-bottom:.5rem}.wc-word-of-day-word{font-size:1.5rem;font-weight:700;color:#e2e8f0}.wc-word-of-day-translation{font-size:1rem;color:#6ee7b7;margin-top:.25rem}.wc-player-level{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem;background:#1e1e32e6;border:1px solid rgba(34,211,238,.4);border-radius:20px}.wc-level-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.wc-level-beginner{background:linear-gradient(135deg,#10b981,#059669)}.wc-level-intermediate{background:linear-gradient(135deg,#3b82f6,#1e40af)}.wc-level-expert{background:linear-gradient(135deg,#f59e0b,#d97706)}.wc-level-master{background:linear-gradient(135deg,#22d3ee,#0ea5e9)}.wc-level-text{font-size:.75rem;color:#e2e8f0}.wc-speech-speed{display:flex;gap:.25rem;justify-content:center;margin-top:.3rem}.wc-speed-btn{padding:.2rem .5rem;font-size:.65rem;background:#1e1e32cc;border:1px solid rgba(100,100,120,.3);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.wc-speed-btn.active,.wc-speed-btn:hover{background:#22d3ee4d;border-color:#22d3ee80;color:#e2e8f0}.wc-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.wc-modal-overlay.hidden{display:none}.wc-modal-content{background:var(--wc-bg-surface);border:2px solid rgba(34,211,238,.4);border-radius:24px;padding:2rem;text-align:center;max-width:320px;animation:modalPop .4s ease-out}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.wc-celebrate-emoji{font-size:4rem;margin-bottom:1rem}.wc-celebrate-title{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}.wc-celebrate-subtitle{font-size:1.1rem;color:#94a3b8;margin-bottom:1.5rem}.wc-modal-actions{display:flex;gap:1rem;justify-content:center}.wc-btn{padding:.8rem 1.5rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;border:2px solid transparent}.wc-btn-primary{background:linear-gradient(145deg,var(--wc-primary),var(--wc-secondary));color:#fff;border-color:var(--wc-accent)}.wc-btn-primary:hover{box-shadow:0 0 20px var(--wc-glow);transform:translateY(-2px)}.wc-btn-secondary{background:#33415580;color:#94a3b8;border-color:#64748b80}.wc-btn-secondary:hover{background:#334155cc}.wc-level-select-content{max-width:90%;width:400px;max-height:80vh;overflow-y:auto;text-align:right}.wc-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(34,211,238,.3)}.wc-modal-header h2{font-size:1.3rem;font-weight:700;color:#e2e8f0;margin:0}.wc-modal-close{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.wc-modal-close:hover{background:#ef444466;transform:scale(1.1)}.wc-level-grid{display:flex;flex-direction:column;gap:1.5rem}.wc-chapter-section{background:#0f0f1e80;border:1px solid rgba(34,211,238,.2);border-radius:12px;padding:1rem}.wc-chapter-title{font-size:.95rem;font-weight:600;color:var(--wc-accent, #60a5fa);margin-bottom:.8rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.chapter-num{background:linear-gradient(145deg,var(--wc-primary, #22d3ee),var(--wc-secondary, #0891b2));color:#fff;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.wc-stages-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.wc-stage-btn{width:100%;aspect-ratio:1;border-radius:10px;border:2px solid rgba(100,116,139,.3);background:#1e293b80;color:#64748b;font-size:1rem;font-weight:700;cursor:not-allowed;transition:all .2s;display:flex;align-items:center;justify-content:center}.wc-stage-btn.unlocked{background:#22d3ee33;border-color:#22d3ee80;color:#e2e8f0;cursor:pointer}.wc-stage-btn.unlocked:hover{background:#22d3ee66;border-color:var(--wc-primary, #22d3ee);transform:scale(1.05)}.wc-stage-btn.current{background:linear-gradient(145deg,var(--wc-primary, #22d3ee),var(--wc-secondary, #0891b2));border-color:var(--wc-accent, #60a5fa);color:#fff;box-shadow:0 0 15px var(--wc-glow, rgba(34, 211, 238, .5))}.wc-stage-btn.completed{background:#22c55e33;border-color:#22c55e80;color:#22c55e}.wc-stage-btn.locked{opacity:.5}.stage-num{font-size:1.1rem}.stage-lock{font-size:.9rem}.sp-cyber-theme{--sp-primary: #f97316;--sp-secondary: #ea580c;--sp-accent: #fb923c;--sp-bg-deep: #0a0a1a;--sp-bg-surface: rgba(15, 15, 30, .95);--sp-glow: rgba(249, 115, 22, .5);--sp-success: #22c55e;--sp-error: #ef4444;background:linear-gradient(135deg,#0a0a1a,#1a0f0a,#0f172a);min-height:100vh;overflow-x:hidden}.sp-cyber-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.sp-grid-overlay{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(249,115,22,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.03) 1px,transparent 1px);background-size:50px 50px;animation:spGridMove 20s linear infinite}@keyframes spGridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.sp-cyber-bg .sp-particle{position:absolute;width:6px;height:6px;background:var(--sp-primary);border-radius:50%;left:var(--x);bottom:-10px;opacity:.6;box-shadow:0 0 12px var(--sp-glow);animation:spFloatUp 12s ease-in-out infinite;animation-delay:var(--delay)}@keyframes spFloatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}.sp-screen-title{position:relative;z-index:5;text-align:center;padding-top:80px;margin-bottom:0}.sp-screen-title h1{font-size:1.6rem;font-weight:700;color:#e2e8f0;text-shadow:0 0 20px var(--sp-glow);margin:0}.sp-cyber-theme .sp-game-container{position:relative;z-index:5;max-width:430px;margin:0 auto;padding:1rem;padding-top:20px}.sp-question-card{position:relative;background:var(--sp-bg-surface);border:2px solid rgba(249,115,22,.3);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;overflow:hidden}.sp-card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(249,115,22,.1) 0%,transparent 60%);pointer-events:none}.sp-hint-label{font-size:.85rem;color:#94a3b8;margin-bottom:.5rem}.sp-hint-text{font-size:1.8rem;font-weight:700;color:var(--sp-accent);text-shadow:0 0 25px var(--sp-glow);margin-bottom:.5rem;direction:rtl;animation:hintPulse 3s ease-in-out infinite}@keyframes hintPulse{0%,to{text-shadow:0 0 25px var(--sp-glow)}50%{text-shadow:0 0 40px var(--sp-glow),0 0 60px var(--sp-glow)}}.sp-example{font-size:.95rem;color:#64748b;font-style:italic;margin-top:.5rem}.sp-speak-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#f9731633;border:2px solid rgba(249,115,22,.4);border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s}.sp-speak-btn:hover{background:#f973164d;transform:scale(1.1);box-shadow:0 0 15px var(--sp-glow)}.sp-options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.sp-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:#64748b}.sp-loading-spinner{width:40px;height:40px;border:3px solid rgba(249,115,22,.2);border-top-color:var(--sp-primary);border-radius:50%;animation:spinnerRotate 1s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.spelling-option-btn{background:linear-gradient(145deg,#1e3a8a,#1e40af);border:2px solid rgba(59,130,246,.5);border-radius:16px;padding:1.2rem 1rem;font-size:1.1rem;font-weight:700;color:#e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0000004d;animation:optionEnter .4s ease-out backwards}.spelling-option-btn:nth-child(1){animation-delay:0s}.spelling-option-btn:nth-child(2){animation-delay:.1s}.spelling-option-btn:nth-child(3){animation-delay:.2s}.spelling-option-btn:nth-child(4){animation-delay:.3s}@keyframes optionEnter{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.spelling-option-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);background:linear-gradient(145deg,#1e40af,#1e3a8a);border-color:#3b82f6;color:#fff}.spelling-option-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.spelling-option-btn.correct{background:linear-gradient(145deg,#22c55e4d,#16a34a33);border-color:var(--sp-success);box-shadow:0 0 30px #22c55e80;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.spelling-option-btn.wrong{background:linear-gradient(145deg,#ef44444d,#dc262633);border-color:var(--sp-error);box-shadow:0 0 20px #ef444466;animation:wrongShake .5s ease-out}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.spelling-option-btn:disabled{cursor:not-allowed;opacity:.7}.sp-feedback{text-align:center;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:600;margin-bottom:1rem;min-height:1rem;transition:all .3s}.sp-feedback:empty{display:none}.sp-feedback.success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80}.sp-feedback.error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171}.sp-success-header{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.sp-correct-word{font-size:1.6rem;font-weight:800;color:#4ade80;text-shadow:0 0 15px rgba(74,222,128,.5);margin-bottom:.8rem}.sp-example-sentence{background:#1e3a8a4d;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:.8rem;margin-top:.5rem}.sp-sentence-swe{font-size:1rem;color:#93c5fd;margin-bottom:.4rem;line-height:1.4}.sp-sentence-arb{font-size:.95rem;color:#94a3b8;direction:rtl;line-height:1.4}.sp-controls{display:flex;justify-content:center;gap:1rem}.sp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.8rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;border:2px solid transparent}.sp-btn-hint{background:#64748b33;border-color:#64748b66;color:#94a3b8}.sp-btn-hint:hover{background:#64748b4d;border-color:#64748b99}.sp-btn-next{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;box-shadow:0 4px 15px #1e3a8a4d;border-color:#1e3a8a80}.sp-btn-next:hover{transform:translateY(-2px);box-shadow:0 0 25px #2563eb99}.sp-next-main{width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1.2rem}.sp-next-main:not(.hidden){display:flex;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sp-btn.hidden{display:none}.mobile-view-mode .sp-game-container{padding-top:20px}.mobile-view-mode .sp-options-container{grid-template-columns:1fr}.mobile-view-mode .sp-controls{flex-direction:column}.mobile-view-mode .sp-btn{width:100%}.memory-match-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.memory-match-overlay.visible{opacity:1;pointer-events:auto}.memory-match-card{background:#1e293b;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px;padding:2.5rem;max-width:90%;width:420px;text-align:center;transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:1.5rem}.memory-match-overlay.visible .memory-match-card{transform:scale(1)}.match-word-title{font-size:2rem;font-weight:800;color:#f8fafc;margin:0}.match-sentence-box{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.match-sentence-swe{font-size:1.1rem;color:#e2e8f0;line-height:1.5}.match-sentence-arb{font-size:1.2rem;color:#fbbf24;direction:rtl;font-family:Tajawal,sans-serif;line-height:1.6}.btn-premium-navy{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;width:100%;padding:1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px -1px #1e3a8a4d;transition:all .2s}.btn-premium-navy:hover{background:linear-gradient(135deg,#1e40af,#172554);transform:translateY(-2px);box-shadow:0 10px 15px -3px #1e3a8a66}.btn-premium-navy:active{transform:translateY(0)}.memory-card{animation:none!important;transition:transform .2s,box-shadow .2s}.memory-card:hover{transform:translateY(-4px)!important;box-shadow:0 10px 15px -3px #0000004d}.memory-card-front{background:linear-gradient(135deg,#312e81,#4338ca);border:1px solid rgba(255,255,255,.1)}.wc-particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:20;opacity:0}@keyframes particle-explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.premium-glow-btn{display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fbbf24,#d97706)!important;border:2px solid #fcd34d!important;box-shadow:0 0 20px #fbbf2499,inset 0 0 10px #ffffff4d!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:premiumGlowPulse 2s infinite ease-in-out!important;z-index:15}@keyframes premiumGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #fbbf2499,inset 0 0 10px #ffffff4d}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 30px #fbbf24cc,inset 0 0 15px #ffffff80}}.hud-btn,.wc-wheel-center-btn,.premium-glow-btn,.back-btn,.game-back-btn,.wc-stage-btn,.wc-modal-close{display:flex!important;justify-content:center!important;align-items:center!important;line-height:1!important;padding:0!important}.hud-btn svg,.wc-center-icon,.back-btn svg{display:block;margin:0 auto}.wc-center-icon{font-size:2rem;height:auto;width:auto;line-height:1;display:block}.wc-connector-lines{z-index:11;pointer-events:none}.wc-daily-wheel-content{text-align:center;padding:2rem}.wc-daily-wheel-header{margin-bottom:1.5rem}.wc-daily-wheel-title{display:block;font-size:1.8rem;font-weight:700;color:#22d3ee;margin-bottom:.3rem}.wc-daily-wheel-subtitle{display:block;font-size:1rem;color:#94a3b8}.wc-daily-wheel-container{position:relative;width:220px;height:220px;margin:1rem auto}.wc-daily-wheel{width:100%;height:100%;border-radius:50%;background:conic-gradient(#dc2626,#dc2626 60deg,#22d3ee 60deg,#22d3ee 120deg,#22c55e 120deg,#22c55e 180deg,#eab308 180deg,#eab308 240deg,#f97316 240deg,#f97316 300deg,#ef4444 300deg,#ef4444 360deg);display:flex;align-items:center;justify-content:center;position:relative;border:4px solid rgba(34,211,238,.5);box-shadow:0 0 30px #22d3ee4d;transition:transform 4s cubic-bezier(.17,.67,.12,.99)}.wc-daily-wheel.spinning{transform:rotate(var(--spin-degrees, 1800deg))}.wc-wheel-segment{position:absolute;font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.wc-wheel-segment:nth-child(1){transform:rotate(30deg) translateY(-75px)}.wc-wheel-segment:nth-child(2){transform:rotate(90deg) translateY(-75px)}.wc-wheel-segment:nth-child(3){transform:rotate(150deg) translateY(-75px)}.wc-wheel-segment:nth-child(4){transform:rotate(210deg) translateY(-75px)}.wc-wheel-segment:nth-child(5){transform:rotate(270deg) translateY(-75px)}.wc-wheel-segment:nth-child(6){transform:rotate(330deg) translateY(-75px)}.wc-wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:2rem;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5);z-index:10}.wc-spin-btn{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem}.wc-spin-btn:disabled{opacity:.5;cursor:not-allowed}.wc-close-wheel-btn{margin-top:.5rem}.game-stars{display:flex;gap:.25rem;justify-content:center;margin-top:.5rem;min-height:20px}.game-stars:before{content:"☆☆☆";color:#ffffff4d;font-size:.9rem;letter-spacing:2px}.game-stars[data-stars="1"]:before{content:"★☆☆";color:#fbbf24}.game-stars[data-stars="2"]:before{content:"★★☆";color:#fbbf24}.game-stars[data-stars="3"]:before{content:"★★★";color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.game-badge{position:absolute;top:-8px;right:-8px;padding:.25rem .5rem;border-radius:.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;z-index:10;animation:badgePulse 2s infinite}.badge-new{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.badge-popular{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-locked{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-card-item{position:relative}.leaderboard-section{padding:1.5rem;margin-top:1rem}.leaderboard-title{text-align:center;font-size:1.3rem;font-weight:700;color:#fbbf24;margin-bottom:1rem;text-shadow:0 0 10px rgba(251,191,36,.3)}.leaderboard-cards{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.leaderboard-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);min-width:100px;transition:transform .2s,box-shadow .2s}.leaderboard-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.leaderboard-icon{font-size:1.5rem}.leaderboard-label{font-size:.7rem;color:#fff9;text-transform:uppercase}.leaderboard-value{font-size:1.5rem;font-weight:700;color:#f3f4f6}.daily-banner{position:relative;overflow:hidden}.daily-banner:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmerBanner 3s infinite}@keyframes shimmerBanner{0%{transform:translate(-50%)}to{transform:translate(50%)}}.daily-banner.completed{border-color:#22c55e;background:linear-gradient(135deg,#22c55e33,#10a34a33)}.daily-banner.completed .daily-banner-icon svg{fill:#22c55e}.games-header h1{background:linear-gradient(135deg,#f3f4f6,#d1d5db,#f3f4f6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:headerShine 3s ease-in-out infinite}@keyframes headerShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-card-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);opacity:0;transition:opacity .3s;pointer-events:none}.game-card-item:hover:before{opacity:1}.game-card-item:hover{box-shadow:0 10px 40px #2563eb33,0 0 0 1px #2563eb4d}.game-card-item[data-category=vocab] .game-icon-large svg{stroke:#22c55e}.game-card-item[data-category=grammar] .game-icon-large svg{stroke:#dc2626}.game-card-item[data-category=listening] .game-icon-large svg{stroke:#f59e0b}.game-card-item[data-category=puzzle] .game-icon-large svg{stroke:#ec4899}.games-container{position:relative}.games-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.1) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:bgFloat 15s ease-in-out infinite}@keyframes bgFloat{0%,to{opacity:1}50%{opacity:.7}}.wotd-container{margin-bottom:2rem;position:relative;border-radius:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f268726;overflow:hidden;animation:slideUpFade .8s ease-out;margin-top:1rem}.wotd-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#6366f126,#0000 70%);animation:rotateGlow 15s linear infinite;pointer-events:none}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wotd-content-wrapper{position:relative;padding:1.5rem;z-index:1}.wotd-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wotd-badge{background:#2563eb33;color:#818cf8;padding:.4rem 1rem;border-radius:99px;font-size:.85rem;font-weight:600;border:1px solid rgba(37,99,235,.3)}.wotd-speak-btn{background:#ffffff1a;border:none;color:#e2e8f0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.wotd-speak-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.wotd-main{text-align:center;margin-bottom:1rem}.wotd-main h2{font-size:2rem;margin:0;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.wotd-main p{color:#94a3b8;font-size:1.2rem;margin:.25rem 0 0;font-family:var(--font-arabic)}.wotd-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center}.wotd-example{color:#cbd5e1;font-style:italic;font-size:.95rem;margin:0}.game-card-item,.stat-pill,.wc-wheel-ring,.sp-particle,.wc-wheel-glow{animation-play-state:var(--animation-decorative)!important}.memory-hud,.game-card-item,.stat-pill,.wc-wheel-container,.sp-game-container{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.hud-title,.wc-celebrate-title,.sp-screen-title h1{text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.game-card-item{border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .game-card-item{border:1px solid rgba(255,255,255,.05)}.premium-moving-dots:before{animation:none!important;background:none!important}body{background-image:radial-gradient(at 0% 0%,rgba(30,58,138,.15) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(30,64,175,.1) 0,transparent 50%)}.particle,.sp-particle,.wc-particle{opacity:.1!important}@media (max-width: 768px){.hud-btn,.stat-pill,button{min-height:44px;min-width:44px}.game-cards-grid{gap:12px;padding:0 12px}.game-card-item{padding:1rem}.game-icon-large{font-size:2.5rem}.wc-btn,.sp-btn,.gr-btn{width:100%;padding:1rem}.wc-slot,.sp-hint-text{font-size:1.2rem}.memory-hud{padding:.5rem}.hud-title-inline{font-size:.9rem}}.wc-letter-node,.ww-letter{min-width:50px;min-height:50px}.games-container{overscroll-behavior-y:contain}@supports (padding: max(0px)){.memory-hud{padding-top:max(.5rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.wc-game-container,.sp-game-container{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.wc-wheel-container,.wc-letter-node,.sp-options-container,.sp-option-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.games-container,.wc-slots-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.hud-btn:active,.game-card-item:active,.stat-pill:active{transform:scale(.95);opacity:.8}.game-card-item,.wc-letter-node,.sp-option-btn{touch-action:manipulation}@media (prefers-contrast: more){.wc-letter-node{border-width:3px}.wc-slot{border-width:2px}}.games-container{padding-bottom:120px!important}:root{--bg-color: #0f0f13;--grid-line: #2a2a35;--primary-neon: #00f3ff;--secondary-neon: #bc13fe;--accent-neon: #ff0055;--text-color: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;overflow:hidden;height:100vh;display:flex;flex-direction:column}body.iphone-view{max-width:430px;margin:0 auto;box-shadow:0 0 50px #00000080}header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0f0f13e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:10}h1{margin:0;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,var(--primary-neon),var(--secondary-neon));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,243,255,.3)}.back-btn{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:5px;opacity:.8;transition:opacity .2s}.score-container{display:flex;flex-direction:column;align-items:flex-end}.score-row{display:flex;align-items:center;gap:10px}.score-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.7}.score-value{font-size:20px;font-weight:700;color:var(--primary-neon);text-shadow:0 0 10px rgba(0,243,255,.5);font-variant-numeric:tabular-nums}.score-value-small{font-size:14px;font-weight:600;color:#fff;opacity:.8;font-variant-numeric:tabular-nums}#game-container{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}canvas{display:block}#rotateBtn{position:absolute;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:1px solid var(--primary-neon);color:var(--primary-neon);font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:20;box-shadow:0 0 20px #00f3ff33;transition:transform .1s}#rotateBtn:active{transform:scale(.9)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-content{background:linear-gradient(145deg,#1e1e28e6,#14141ef2);padding:40px;border-radius:20px;border:1px solid var(--glass-border);text-align:center;box-shadow:0 0 50px #00f3ff1a;max-width:90%;width:350px}.modal-title{font-size:32px;font-weight:800;margin-bottom:10px;color:#fff}.final-score{font-size:48px;font-weight:800;color:var(--primary-neon);margin:20px 0;text-shadow:0 0 20px rgba(0,243,255,.4)}.modal-btn{background:linear-gradient(90deg,var(--primary-neon),var(--secondary-neon));border:none;padding:15px 30px;border-radius:50px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;width:100%;margin-top:10px;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:1px}.modal-btn:active{transform:scale(.95)}.modal-btn.secondary{background:#ffffff1a;margin-top:15px}#mainMenu{z-index:50}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.mode-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:15px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px}.mode-card:hover{background:#ffffff1a;border-color:var(--primary-neon);transform:translateY(-2px)}.mode-icon{font-size:32px}.mode-name{font-weight:600;font-size:14px;color:#fff}#timerContainer{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0009;padding:5px 15px;border-radius:20px;border:1px solid var(--accent-neon);display:none;z-index:5}#timerValue{color:var(--accent-neon);font-weight:800;font-size:20px}.modal-content-large{width:400px}.modal-subtitle{opacity:.7;margin-bottom:20px}#resumeBtn{display:none}#newHighScoreLabel{display:none;color:var(--primary-neon);margin-bottom:15px}#gameOverModal:not(.active){opacity:0!important;pointer-events:none!important;visibility:hidden!important}:root{--bg-color: #5d4037;--board-bg: #8d6e63;--block-normal: #deb887;--block-target: #e53935;--block-fixed: #3e2723;--border-color: #3e2723;--text-color: #efebe9;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--cell-size: 55px;--gap: 4px;--header-bg: rgba(62, 39, 35, .9);--header-border: #a1887f}body.night-mode{--bg-color: #0f0c29;--board-bg: rgba(255, 255, 255, .05);--block-normal: #263238;--block-target: #ff4081;--block-fixed: #000000;--border-color: #7b1fa2;--text-color: #e1bee7;--shadow: 0 0 20px rgba(123, 31, 162, .6);--header-bg: rgba(15, 12, 41, .9);--header-border: #7b1fa2}body.night-mode{background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 3px),linear-gradient(to bottom,#0f0c29,#302b63,#24243e);background-size:550px 550px,350px 350px,250px 250px,100% 100%;background-position:0 0,40px 60px,130px 270px,0 0}body.night-mode #board{background-image:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 30px #00ffff1a,inset 0 0 20px #00000080}body.night-mode .block{box-shadow:0 0 5px #00e5ff,inset 0 0 10px #000c;border:1px solid #00e5ff;background-image:none}body.night-mode .block.target{box-shadow:0 0 15px #ff4081,inset 0 0 10px #00000080;border:1px solid #ff4081;background-image:none}body.night-mode .block.fixed{box-shadow:inset 0 0 15px red;border:1px solid #b71c1c;background-image:repeating-linear-gradient(45deg,#000 0,#000 10px,#1a1a1a 10px,#1a1a1a 20px)}body.night-mode .exit-arrow{text-shadow:0 0 10px #fff,0 0 20px #00e5ff}body.night-mode .btn{background:#7b1fa2cc;box-shadow:0 0 10px #7b1fa2;border:1px solid #e1bee7}body.night-mode .btn:active{box-shadow:0 0 5px #7b1fa2}body.night-mode .info-bar{background:#00000080;border:1px solid rgba(255,255,255,.1)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,Tajawal,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238d6e63' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E")}header{width:100%;max-width:400px;display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--header-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:2px solid var(--header-border);box-shadow:var(--shadow);position:fixed;top:0;z-index:2001}h1{margin:0;font-size:1.2rem;color:#fff;text-shadow:1px 1px 2px #000}.icon-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px}#game-container{margin-top:60px;position:relative;padding:10px;background:#4e342e;border-radius:8px;box-shadow:inset 0 0 10px #00000080,0 10px 20px #0006;border:4px solid #3e2723}#board{width:calc(6 * var(--cell-size) + 7 * var(--gap));height:calc(6 * var(--cell-size) + 7 * var(--gap));background:var(--board-bg);position:relative;border-radius:4px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 2px,transparent 2px,transparent 10px)}.block{position:absolute;background:var(--block-normal);border-radius:4px;box-shadow:inset 2px 2px 5px #fff6,inset -2px -2px 5px #0003,2px 2px 4px #0000004d;border:1px solid rgba(0,0,0,.2);transition:transform .1s;cursor:grab;display:flex;justify-content:center;align-items:center}.block:after{content:"";position:absolute;width:60%;height:60%;border:1px solid rgba(0,0,0,.1);border-radius:2px}.block.target{background-color:var(--block-target);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 2px,transparent 2px,transparent 8px)}.block.horizontal{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 8px)}.block.vertical{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 8px)}.block.fixed{background-color:var(--block-fixed);cursor:default;box-shadow:inset 0 0 10px #00000080;background-image:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 50%)}.block.fixed:before{content:"×";color:#fff3;font-size:20px}.block:active:not(.fixed){cursor:grabbing;transform:scale(.98)}.exit-gate{position:absolute;right:-14px;top:calc(2 * var(--cell-size) + 3 * var(--gap));width:14px;height:calc(1 * var(--cell-size));background:#0000004d;border-top:2px solid #3e2723;border-bottom:2px solid #3e2723}.exit-arrow{position:absolute;right:-30px;top:calc(2 * var(--cell-size) + 3 * var(--gap) + var(--cell-size)/2 - 10px);color:#fff;font-size:20px;animation:pulse 1s infinite}@keyframes pulse{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}.info-bar{display:flex;justify-content:space-between;width:100%;max-width:350px;margin-top:15px;padding:10px;background:#0003;border-radius:10px}.info-item{text-align:center}.info-label{font-size:.8rem;color:#bcaaa4;text-transform:uppercase}.info-value{font-size:1.2rem;font-weight:700;color:#fff}.stars{color:gold;letter-spacing:2px}.controls{margin-top:20px;display:flex;gap:15px}.btn{background:#6d4c41;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:1rem;font-weight:700;box-shadow:0 4px #3e2723;cursor:pointer;transition:transform .1s,box-shadow .1s;display:flex;align-items:center;gap:8px}.btn:active{transform:translateY(4px);box-shadow:0 0 #3e2723}.btn.undo-btn{background:#ff9800}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#fff;color:#333;padding:30px;border-radius:15px;text-align:center;width:90%;max-width:320px;box-shadow:0 10px 25px #00000080;transform:scale(.8);transition:transform .3s}.modal-overlay.active .modal-content{transform:scale(1)}.modal-title{font-size:1.5rem;margin-bottom:10px;color:#2e7d32}.level-complete-stars{font-size:2rem;color:gold;margin:10px 0}#start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#3e2723f2;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s}#start-screen.hidden{opacity:0;pointer-events:none}.mode-card{background:#5d4037;border:2px solid #8d6e63;border-radius:15px;padding:20px;margin:10px;width:280px;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s;box-shadow:0 5px 15px #0000004d}.mode-card:hover{transform:scale(1.05);border-color:#d7ccc8}.mode-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:5px}.mode-desc{color:#bcaaa4;font-size:.9rem}.block.ice-theme{background-color:#b3e5fc!important;border-color:#81d4fa!important}.block.ice-theme.target{background-color:#e53935!important}.block.ice-theme:after{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 100%);opacity:.5}body.night-mode #start-screen{background:#0f0c29f2}body.night-mode .mode-card{background:#1e1e2899;border-color:#7b1fa2;box-shadow:0 0 15px #7b1fa266}body.night-mode .mode-card:hover{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff99}body.night-mode .mode-title{color:#e1bee7;text-shadow:0 0 5px #7b1fa2}.start-title{font-size:2.5rem;margin-bottom:30px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.next-level-btn{margin:15px auto 0}body.focus-mode{background:#3e2723!important;background-image:none!important}body.focus-mode #game-container{box-shadow:0 4px 12px #0000004d!important}body.focus-mode #board{background-image:none!important}body.focus-mode .exit-arrow{animation:none!important}body.focus-mode .block{background-image:none!important;box-shadow:0 2px 4px #0003!important}body.focus-mode .block.target{background:#d32f2f!important;box-shadow:none!important}@media (prefers-reduced-motion: reduce){.block,.exit-arrow,.modal-content,#start-screen{transition:none!important;animation:none!important}}@media (max-width: 600px){:root{--cell-size: 50px}.btn{min-height:48px;padding:12px 24px}header{padding:12px 10px}h1{font-size:1rem}}.block:focus-visible,.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}:root{--puzzle-bg: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--tile-bg: linear-gradient(145deg, #3b82f6, #1d4ed8);--tile-glow: rgba(59, 130, 246, .5);--tile-text: #fff;--empty-bg: rgba(0, 0, 0, .2);--header-bg: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .1)}[data-theme=dark]{--puzzle-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--tile-bg: linear-gradient(145deg, #3b82f6, #2563eb);--tile-glow: rgba(37, 99, 235, .6);--header-bg: rgba(0, 0, 0, .3);--card-bg: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Tajawal,sans-serif;background:var(--puzzle-bg);min-height:100vh;color:#fff;overflow-x:hidden}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.1) 0%,transparent 50%)}header{position:sticky;top:0;z-index:100;padding:1rem;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{width:44px;height:44px;border-radius:12px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translate(-2px)}.game-title{font-size:1.5rem;font-weight:700}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-stats{display:flex;align-items:center;gap:1rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:50px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.stat-val{font-size:1.25rem;font-weight:700}.stat-divider{width:1px;height:30px;background:#fff3}.restart-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.restart-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #f59e0b66}.game-board-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:calc(100vh - 200px)}.puzzle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:400px;width:100%;aspect-ratio:1;background:#0003;padding:12px;border-radius:20px;box-shadow:0 20px 60px #0000004d}.puzzle-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;background:var(--tile-bg);color:var(--tile-text);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003,inset 0 1px #fff3;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.puzzle-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:inherit}.puzzle-tile:hover:not(.empty){transform:scale(1.05);box-shadow:0 8px 25px var(--tile-glow),inset 0 1px #ffffff4d}.puzzle-tile:active:not(.empty){transform:scale(.95)}.puzzle-tile.empty{background:var(--empty-bg);cursor:default;box-shadow:inset 0 4px 10px #0003}.puzzle-tile.empty:before{display:none}.puzzle-tile.moving{animation:tileMove .2s ease-out}@keyframes tileMove{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.instructions-card{max-width:400px;margin:0 auto 2rem;padding:1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);text-align:center}.instructions-card h3{font-size:1.1rem;margin-bottom:.75rem;opacity:.9}.instructions-card p{font-size:.9rem;line-height:1.6;opacity:.7}.game-over-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.game-over-modal.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.go-content{background:linear-gradient(135deg,#3b82f6,#1e40af);padding:2.5rem;border-radius:24px;text-align:center;max-width:360px;width:100%;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.go-title{font-size:2rem;margin-bottom:1rem}.go-score{font-size:4rem;font-weight:900;margin-bottom:.5rem}.go-msg{opacity:.8;margin-bottom:1.5rem}.go-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.go-stat{display:flex;flex-direction:column;align-items:center}.go-stat-value{font-size:1.5rem;font-weight:700}.go-stat-label{font-size:.8rem;opacity:.7}body:not(.lang-ar):not(.lang-both) .ar-text{display:none}body.lang-ar .sv-text{display:none}body.lang-both .sv-text,body.lang-both .ar-text{display:inline}@media (max-width: 480px){.puzzle-grid{gap:6px;padding:10px}.puzzle-tile{font-size:1.5rem;border-radius:10px}.game-title{font-size:1.2rem}.header-stats{padding:.5rem 1rem;gap:.75rem}.stat-val{font-size:1rem}}.title-neon-glow{color:#fff;font-size:20px;font-weight:700;text-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8,0 0 40px #38bdf8,0 0 80px #0ea5e9;animation:neon-pulse 2s ease-in-out infinite alternate}@keyframes neon-pulse{0%{text-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8}to{text-shadow:0 0 20px #38bdf8,0 0 40px #0ea5e9,0 0 60px #0284c7}}.title-gradient-flow{font-size:20px;font-weight:700;background:linear-gradient(90deg,#f97316,#38bdf8,#22c55e,#f97316);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 4s linear infinite}@keyframes gradient-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}.title-3d-emboss{color:#f8fafc;font-size:22px;font-weight:700;letter-spacing:3px;text-shadow:2px 2px 0 #0f172a,4px 4px 0 #1e293b,6px 6px 10px rgba(0,0,0,.5)}.title-typewriter{color:#38bdf8;font-size:20px;font-weight:700;margin:0 auto;overflow:hidden;white-space:nowrap;border-right:3px solid #38bdf8;animation:typing 2s steps(20) 1,blink .5s step-end infinite;width:fit-content}@keyframes typing{0%{max-width:0}to{max-width:100%}}@keyframes blink{50%{border-color:transparent}}.title-floating-bounce{color:#38bdf8;font-size:22px;font-weight:700;text-shadow:0 4px 20px rgba(56,189,248,.5);animation:float-bounce 3s ease-in-out infinite}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-neon-search{font-family:Inter,sans-serif;font-size:1.2rem;color:#00f3ff;text-shadow:0 0 10px #00f3ff;margin:0;white-space:nowrap}.title-games-header{font-size:clamp(1.2rem,4vw,2.2rem);font-weight:700;white-space:nowrap;background:linear-gradient(45deg,#0ea5e9,#22d3ee,#0284c7);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{--primary: #dc2626;--primary-dark: #4f46e5;--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--error: #ef4444;--fire: #f59e0b;--gold: #fbbf24;--fever-glow: #0ea5e9;--boss-red: #dc2626}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation;transition:background-color 1s ease}body.iphone-view{max-width:430px;margin:0 auto;box-shadow:0 0 50px #00000080;position:relative;overflow-x:hidden}body.iphone-view .ambient-bg{position:absolute}.title-bar{background:#38bdf81a;padding:12px 20px;text-align:center;border-bottom:1px solid rgba(56,189,248,.2)}.game-title{color:var(--text-color);font-size:18px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ambient-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25;transition:all 1s ease}.orb-1{width:250px;height:250px;top:-50px;left:-50px;background:#3b82f6;animation:float 15s infinite alternate}.orb-2{width:300px;height:300px;bottom:-100px;right:-100px;background:#dc2626;animation:float 18s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(15px,15px)}}body.boss-mode .ambient-bg .orb-1{background:var(--boss-red);opacity:.35;animation-duration:4s}body.boss-mode .ambient-bg .orb-2{background:#7f1d1d;opacity:.4;animation-duration:5s}body.boss-mode .level-badge{background:var(--boss-red);color:#fff;box-shadow:0 0 8px var(--boss-red)}@keyframes pulse-red{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}header{padding:1rem;display:flex;gap:.25rem;align-items:center;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);height:70px}.stats-bar{margin-left:auto}.back-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:12px;display:flex;align-items:center;opacity:.8;transition:opacity .2s;min-width:44px;min-height:44px}.back-btn:hover{opacity:1;background:#ffffff0d;border-radius:50%}.stats-bar{display:flex;gap:.8rem;align-items:center}.level-badge{background:#2563eb33;color:#818cf8;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;transition:all .5s}.lives-container{display:flex;gap:4px;font-size:1.2rem}.heart{transition:transform .3s,opacity .3s,filter .3s}.heart.lost{opacity:.2;transform:scale(.8);filter:grayscale(100%)}.progress-container{height:4px;background:#ffffff1a;width:100%;position:relative}.progress-bar{height:100%;background:var(--success);width:0%;transition:width .3s ease;box-shadow:0 0 10px #10b98180}body.boss-mode .progress-bar{background:var(--boss-red);box-shadow:0 0 10px var(--boss-red)}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;max-width:600px;margin:0 auto;width:100%;perspective:1200px;position:relative}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.slide-in{animation:slideInUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.card-flipper{width:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);margin-bottom:2rem}.card-flipper.flipped{transform:rotateY(180deg)}.pair-card,.back-face{background:var(--card-bg);border-radius:24px;padding:1.5rem;width:100%;box-shadow:0 20px 40px -5px #0006;border:1px solid rgba(255,255,255,.05);position:relative;backface-visibility:hidden;overflow:hidden;transition:box-shadow .3s,border-color .3s}.pair-card:after,.back-face:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.05) 45%,transparent 50%);transform:translate(-100%,-100%);pointer-events:none;transition:transform .1s}body.skin-neon .pair-card{border:2px solid var(--fever-glow);background:#1e293bf2;box-shadow:0 0 20px #0ea5e933}body.skin-gold .pair-card{border:2px solid var(--gold);background:radial-gradient(circle at top right,#332d18,#1e293b);box-shadow:0 0 25px #fbbf244d}body.skin-gold .pair-card:after{background:linear-gradient(115deg,transparent 40%,rgba(251,191,36,.2) 45%,transparent 50%)}.back-face{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center}.word-row{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:1.5rem}.word-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.2rem .5rem;background:#0003;border-radius:18px;position:relative;transition:all .3s;cursor:default;opacity:.5;border:2px solid transparent}.word-item.active-target{opacity:1;border-color:#2563eb80;border-style:dashed;background:#2563eb0d;transform:translateY(-4px)}.word-item.solved{opacity:1;border-color:var(--success);background:#10b9811a;border-style:solid}.word-item.wrong{opacity:1;border-color:var(--error);background:#ef444426;border-style:solid;color:var(--error)}body.boss-mode .word-item.active-target{border-color:var(--boss-red);background:#dc26261a}body.boss-mode .missing-vowel{border-color:var(--boss-red);color:var(--boss-red)}.word-text{font-size:1.8rem;font-weight:800;margin:.5rem 0;letter-spacing:1px;display:flex;align-items:center;justify-content:center;min-height:3rem;pointer-events:none}.word-emoji{font-size:2rem;margin-bottom:.2rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.listen-btn{background:#ffffff1a;border:none;color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;margin-left:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto}.missing-vowel{display:inline-block;width:44px;height:44px;line-height:40px;border-bottom:4px solid var(--primary);margin:0 2px;text-align:center;color:var(--primary);background:#ffffff0d;border-radius:8px;transition:all .2s}.solved-text{animation:pop-in .4s;color:var(--success);display:inline-block}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.back-face .context-sv{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.2rem}.back-face em{color:var(--primary);font-style:normal;text-decoration:underline}.options-area{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;padding:0 1rem}.vowel-btn{background:linear-gradient(145deg,#2a384f,#1e293b);border:none;color:var(--text-color);font-size:2.2rem;font-weight:800;padding:1rem;border-radius:20px;cursor:grab;transition:all .1s;display:flex;align-items:center;justify-content:center;position:relative;top:0;z-index:2;touch-action:pan-y;box-shadow:0 6px #0f172a,0 10px 10px #0000004d;max-width:140px;margin:0 auto;width:100%}.vowel-btn:active{top:6px;box-shadow:0 0 #0f172a;cursor:grabbing}.boss-banner{background:var(--boss-red);color:#fff;padding:1rem;border-radius:12px;font-weight:900;font-size:1.5rem;text-align:center;width:100%;margin-bottom:1rem;animation:shake 2s infinite;display:none;text-transform:uppercase;letter-spacing:2px}.speed-badge{position:absolute;top:60px;left:50%;transform:translate(-50%) scale(0) rotate(10deg);background:#f59e0b;color:#fff;padding:.5rem 1.5rem;border-radius:12px;font-weight:900;box-shadow:0 4px 12px #f59e0b66;z-index:100;pointer-events:none;transition:transform .3s}.speed-badge.visible{transform:translate(-50%) scale(1) rotate(10deg)}.flying-clone{position:fixed;background:var(--primary);color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:2rem;font-weight:700;pointer-events:none;z-index:1000;transition:all .5s ease;box-shadow:0 10px 20px #0000004d}.particle{position:absolute;pointer-events:none;animation:fade-fall .8s forwards;border-radius:50%}@keyframes fade-fall{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.feedback-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172af2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:20px}.feedback-overlay.visible{opacity:1;pointer-events:auto}.feedback-icon{font-size:5rem;margin-bottom:.5rem;display:block;animation:pop-in .5s}.feedback-text{font-size:1.8rem;font-weight:800;margin-bottom:1rem;color:#fff}.end-screen{text-align:center;display:none;padding:2rem;animation:pop-in .5s;z-index:500;position:relative}.inline-countdown{position:absolute;top:20px;left:0;right:0;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.inline-countdown.visible{opacity:1}.countdown-number{font-size:2.5rem;font-weight:900;color:var(--primary-light)}.countdown-text{font-size:.9rem;opacity:.8;color:var(--text-color)}.restart-btn{background:var(--primary);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:1rem}.start-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s}.start-title{font-size:2.5rem;font-weight:900;margin-bottom:2rem;text-align:center}.start-btn{background:var(--primary);color:#fff;border:none;padding:1.2rem 4rem;border-radius:50px;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #2563eb66;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #2563eb99}.start-btn:active{transform:translateY(1px)}.combo-text{position:absolute;font-size:3rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(251,191,36,.5);pointer-events:none;z-index:100;animation:combo-float 1s forwards}.mobile-toggle-btn,#mobileToggle{background:linear-gradient(145deg,#1e1e2f,#151525)!important;border:none!important;border-radius:12px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#ffffffb3!important;padding:0!important;font-size:20px!important;box-shadow:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d,inset 0 0 0 1px #ffffff0d!important;transition:all .15s ease!important;position:relative!important;margin-left:.5rem!important}.mobile-toggle-btn svg,#mobileToggle svg{width:24px!important;height:24px!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}body.focus-mode .ambient-bg,body.focus-mode .orb,body.focus-mode .orb-1,body.focus-mode .orb-2,body.focus-mode .start-orb-large{display:none!important}body.focus-mode{background:#f8fafc!important}body.focus-mode[data-theme=dark]{background:#0f172a!important}body.focus-mode .pair-card,body.focus-mode .back-face{box-shadow:0 4px 12px #0000001a!important;border:1px solid #e2e8f0!important}body.focus-mode[data-theme=dark] .pair-card,body.focus-mode[data-theme=dark] .back-face{border:1px solid #334155!important}body.focus-mode .word-text{font-size:2rem!important;font-weight:800!important}body.focus-mode .vowel-btn{font-size:2.5rem!important;min-width:80px!important;min-height:80px!important}body.focus-mode.boss-mode .boss-banner,body.focus-mode .speed-badge,body.focus-mode .combo-text{display:none!important}body.focus-mode .feedback-icon{font-size:4rem!important}@media (prefers-reduced-motion: reduce){body .orb,body .particle{animation:none!important}}.vowel-intro{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1.25rem;margin:1.5rem 0;max-width:320px}.intro-text{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem;text-align:center}.vowel-comparison{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.vowel-demo{width:44px;height:44px;border-radius:12px;border:2px solid rgba(59,130,246,.3);background:#3b82f61a;color:var(--text-color);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease}.vowel-demo:hover{background:#3b82f633;transform:scale(1.1)}.vowel-demo:active{transform:scale(.95);background:var(--primary);color:#fff}.intro-hint{font-size:.8rem;color:var(--text-muted);margin:.75rem 0 0;text-align:center;opacity:.8}.secondary-btns{display:flex;gap:.75rem;margin-top:1rem}.secondary-btns .daily-btn,.secondary-btns .audio-btn{flex:1;padding:.75rem 1rem;font-size:.9rem}@media (max-width: 600px){.vowel-btn{min-width:70px!important;min-height:70px!important;font-size:2.5rem!important}.missing-vowel{width:52px;height:52px;line-height:48px}.word-text{font-size:1.6rem}.word-item{padding:1rem .5rem}.start-title{font-size:2rem}.vowel-demo{width:48px;height:48px}}.vowel-btn:active,.vowel-demo:active,.listen-btn:active{transform:scale(.9);transition:transform .1s}.vowel-btn,.word-item,.vowel-demo,.listen-btn{touch-action:manipulation}@keyframes haptic-pulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.word-item.wrong{animation:haptic-pulse .3s ease-out}:root{--primary: #dc2626;--primary-dark: #4f46e5;--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}[data-theme=light]{--bg-color: #f8fafc;--card-bg: #ffffff;--text-color: #1e293b;--text-muted: #64748b}body{font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;padding-bottom:80px}header{display:flex;align-items:center;padding:1rem;background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;gap:1rem}.back-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:50%;cursor:pointer}header h1{flex:1;font-size:1.1rem;text-align:center}.header-spacer{width:40px}.container{max-width:700px;margin:0 auto;padding:1rem}.profile-hero{background:linear-gradient(135deg,var(--primary) 0%,#1d4ed8 100%);border-radius:20px;padding:1.5rem;text-align:center;color:#fff;margin-bottom:1.5rem}.avatar{font-size:4rem;margin-bottom:.5rem}.level-badge{background:#fff3;padding:.3rem 1rem;border-radius:20px;font-size:.85rem;display:inline-block;margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--card-bg);border-radius:12px;padding:1rem;text-align:center;border:1px solid rgba(37,99,235,.1)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.section-card{background:var(--card-bg);border-radius:16px;padding:1.25rem;margin-bottom:1rem;border:1px solid rgba(37,99,235,.1)}.section-title{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-around;height:120px;padding:.5rem 0}.chart-bar{width:30px;background:linear-gradient(to top,var(--primary),#1d4ed8);border-radius:5px 5px 0 0;position:relative;transition:height .5s ease;min-height:4px}.chart-bar:after{content:attr(data-value);position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-muted)}.chart-labels{display:flex;justify-content:space-around;margin-top:.5rem}.chart-labels span{font-size:.7rem;color:var(--text-muted)}.leaderboard-item{display:flex;align-items:center;padding:.75rem;background:var(--bg-color);border-radius:10px;margin-bottom:.5rem}.leaderboard-item.you{background:#2563eb1a;border:1px solid var(--primary)}.rank{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:.75rem;font-size:.9rem}.rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank.bronze{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.rank.other{background:#ffffff1a;color:var(--text-muted)}.leaderboard-name{flex:1;font-weight:500}.leaderboard-score{color:var(--primary);font-weight:700}.achievement-count{color:var(--text-muted);font-size:.8rem}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.achievement{background:var(--bg-color);border-radius:12px;padding:.75rem;text-align:center;opacity:.4;filter:grayscale(1);transition:all .3s}.achievement.unlocked{opacity:1;filter:none;border:1px solid var(--success);background:#22c55e1a}.achievement-icon{font-size:1.5rem;margin-bottom:.25rem;display:block}.achievement-name{font-size:.65rem;color:var(--text-muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#1e293bfa;padding:.75rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}body.iphone-view .bottom-nav{max-width:430px;margin:0 auto;left:50%;transform:translate(-50%)}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-muted);font-size:.7rem;gap:.25rem}.nav-item.active{color:var(--primary)}.nav-item svg{width:20px;height:20px}.changelog-page{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background, #0a0a0a);display:flex;flex-direction:column;max-width:414px;margin:0 auto;overflow:hidden}.changelog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100;flex-shrink:0}.changelog-header-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;text-align:center;flex:1}.changelog-header-spacer{width:44px}.changelog-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.changelog-back-btn:hover{background:#ffffff26;border-color:#fff3}.changelog-back-btn:active{transform:scale(.97);background:#ffffff1a}.changelog-back-btn svg{width:18px;height:18px}.changelog-content{flex:1;overflow-y:scroll;overflow-x:hidden;padding:20px 20px 120px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.5) transparent}.changelog-content::-webkit-scrollbar{width:6px}.changelog-content::-webkit-scrollbar-track{background:transparent}.changelog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#1e40af);border-radius:3px}.changelog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.changelog-hero{text-align:center;padding:30px 20px;margin-bottom:30px;background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-radius:24px;border:1px solid rgba(59,130,246,.2);animation:fadeSlideIn .5s ease-out}.changelog-hero-icon{font-size:3rem;margin-bottom:15px;display:inline-block;animation:slowPulse 4s ease-in-out infinite}@keyframes slowPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.changelog-hero-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.changelog-hero-subtitle{color:#fff9;font-size:.95rem;margin:0 0 4px}.changelog-hero-subtitle-ar{color:#ffffff80;font-size:.9rem;margin:0;direction:rtl}.changelog-version-badge{display:inline-block;margin-top:16px;padding:8px 20px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:20px;font-weight:700;color:#fff;font-size:.95rem;box-shadow:0 4px 15px #3b82f666}.changelog-timeline{position:relative;padding-left:24px}.changelog-timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#3b82f6,#3b82f680,#3b82f633);border-radius:1px}.changelog-timeline-item{position:relative;margin-bottom:24px;animation:timelineSlideIn .5s ease-out backwards}@keyframes timelineSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.changelog-timeline-item:nth-child(1){animation-delay:.1s}.changelog-timeline-item:nth-child(2){animation-delay:.2s}.changelog-timeline-item:nth-child(3){animation-delay:.3s}.changelog-timeline-item:nth-child(4){animation-delay:.4s}.changelog-timeline-item:nth-child(5){animation-delay:.5s}.changelog-timeline-item:nth-child(n+6){animation-delay:.6s}.changelog-timeline-dot{position:absolute;left:-21px;top:24px;width:14px;height:14px;background:#3b82f6;border-radius:50%;border:3px solid #0a0a0a;box-shadow:0 0 12px #3b82f699;z-index:1}.changelog-timeline-card{background:#1e1e23cc;border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.changelog-timeline-card:hover{border-color:#3b82f64d;box-shadow:0 8px 30px #0000004d,0 0 20px #3b82f61a;transform:translateY(-2px)}.changelog-date{display:inline-block;padding:4px 12px;background:#3b82f626;color:#60a5fa;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:10px}.changelog-version{font-size:1.3rem;font-weight:700;color:#3b82f6;margin-bottom:6px}.changelog-title{margin-bottom:16px}.changelog-title-sv{display:block;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px}.changelog-title-ar{display:block;font-size:.95rem;color:#fff9;direction:rtl}.changelog-changes{list-style:none;padding:0;margin:0}.changelog-change-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.changelog-change-item:first-child{border-top:none;padding-top:0}.changelog-change-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}.changelog-change-content{flex:1;min-width:0}.changelog-change-label{display:block;font-size:.95rem;color:#fff;line-height:1.4}.changelog-change-label .ar-text{color:#ffffffb3}.changelog-change-detail{display:block;font-size:.85rem;color:#ffffff80;margin-top:4px;line-height:1.4}.changelog-safe-area{height:100px;flex-shrink:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .changelog-page{background:#f8fafc}[data-theme=light] .changelog-header{background:#f8fafce6;border-bottom-color:#00000014}[data-theme=light] .changelog-header-title{color:#1e293b}[data-theme=light] .changelog-back-btn{background:#0000000d;border-color:#0000001a;color:#1e293b}[data-theme=light] .changelog-hero{background:linear-gradient(135deg,#3b82f614,#1e40af14)}[data-theme=light] .changelog-hero-title{color:#1e293b}[data-theme=light] .changelog-hero-subtitle{color:#64748b}[data-theme=light] .changelog-timeline-card{background:#fff;border-color:#00000014}[data-theme=light] .changelog-timeline-dot{border-color:#f8fafc}[data-theme=light] .changelog-title-sv,[data-theme=light] .changelog-change-label{color:#1e293b}[data-theme=light] .changelog-title-ar,[data-theme=light] .changelog-change-detail{color:#64748b}:root{--primary: #dc2626;--primary-glow: rgba(37, 99, 235, .3);--bg-color: #0a0a0f;--card-bg: rgba(30, 41, 59, .8);--text-color: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--cyan: #06b6d4;--blue: #3b82f6;--pink: #3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-animation:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);top:-200px;right:-200px;animation:float 8s ease-in-out infinite}.bg-animation:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);bottom:-150px;left:-150px;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.back-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s}.back-btn:hover{background:#fff3;transform:scale(1.1)}header h1{flex:1;font-size:1.2rem;text-align:center;background:linear-gradient(135deg,#06b6d4,#0369a1,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}main{padding:1.5rem;max-width:600px;margin:0 auto}.device-visual{text-align:center;margin-bottom:2rem;position:relative}.device-icon{font-size:6rem;display:inline-block;animation:pulse-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--primary-glow))}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px var(--primary-glow))}50%{transform:scale(1.05);filter:drop-shadow(0 0 50px var(--primary-glow))}}.device-name{font-size:1.5rem;font-weight:700;margin-top:1rem;color:var(--cyan)}.device-type{color:var(--text-muted);font-size:.9rem}.stats-grid{display:grid;gap:1rem}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.25rem;position:relative;overflow:hidden;animation:slideUp .5s ease-out backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.stat-card:nth-child(7){animation-delay:.7s}.stat-card:nth-child(8){animation-delay:.8s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--cyan),var(--primary))}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stat-icon{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d433,#2563eb33);border-radius:12px}.stat-label{font-size:.85rem;color:var(--text-muted);flex:1}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-color);word-break:break-all}.stat-card.screen-card .stat-value{display:flex;align-items:center;gap:.5rem}.screen-visual{width:60px;height:40px;border:2px solid var(--cyan);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--cyan)}.battery-visual{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.battery-bar{flex:1;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative}.battery-fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#22c55e,#84cc16);transition:width 1s ease-out;position:relative;width:0}.battery-fill.low{background:linear-gradient(90deg,#ef4444,#f59e0b)}.battery-fill.medium{background:linear-gradient(90deg,#f59e0b,#eab308)}.battery-text{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battery-icon{font-size:1.5rem}.network-status{display:flex;align-items:center;gap:.5rem}.network-dot{width:12px;height:12px;border-radius:50%;background:var(--success);animation:blink 2s ease-in-out infinite}.network-dot.offline{background:var(--error);animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.section-divider{text-align:center;padding:1.5rem 0 .5rem;margin-top:1rem}.section-divider span{background:linear-gradient(135deg,var(--primary),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.1rem;letter-spacing:1px}.storage-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:.5rem}.storage-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--blue));border-radius:4px;width:0}.touch-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:20px;color:var(--success);font-weight:600}.touch-indicator.no-touch{background:#ef444433;border-color:#ef44444d;color:var(--error)}.footer-info{text-align:center;margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-info p{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.timestamp{font-family:Courier New,monospace;color:var(--cyan);font-size:.9rem}html.iphone-mode{background:var(--bg-color)}body.iphone-view{max-width:393px;margin:2rem auto;border:12px solid #333;border-radius:50px;min-height:calc(100vh - 4rem);box-shadow:0 0 50px #00000080;overflow-x:hidden;position:relative}body.iphone-view:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:35px;background-color:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:1000;pointer-events:none}.mobile-toggle-btn,#mobileToggle{background:linear-gradient(145deg,#1e1e2f,#151525)!important;border:none!important;border-radius:12px!important;padding:0!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#ffffffb3!important;box-shadow:5px 5px 10px #00000080,-2px -2px 6px #ffffff0d,inset 0 0 0 1px #ffffff0d!important;transition:all .15s ease!important;margin-left:.5rem!important;position:relative!important;transform:translateY(0)!important}.mobile-toggle-btn:hover,#mobileToggle:hover{color:#fff!important;transform:translateY(-1px)!important;box-shadow:6px 6px 12px #0009,-2px -2px 8px #ffffff14!important}.mobile-toggle-btn.active,#mobileToggle.active{background:linear-gradient(145deg,#151525,#1e1e2f)!important;color:#4ade80!important;box-shadow:inset 5px 5px 10px #0009,inset -2px -2px 6px #ffffff0d!important;transform:translateY(2px)!important}.mobile-toggle-btn svg,#mobileToggle svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.mobile-toggle-btn.active svg,#mobileToggle.active svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transform:scale(.95)}.refresh-btn{background:linear-gradient(135deg,var(--primary),var(--blue));border:none;padding:.75rem 1.5rem;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:1.5rem auto 0;transition:all .3s}.refresh-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #2563eb66}.refresh-btn:active{transform:scale(.95)}.refresh-icon{transition:transform .5s}.refresh-btn:hover .refresh-icon{transform:rotate(180deg)}.hidden{display:none!important}.text-sm{font-size:.9rem}.font-mono-sm,.stat-value-mono{font-family:monospace;font-size:.85rem}#connectionCard{display:none}body{margin:0;padding:0;overflow:hidden;background:#0f172a}.splash-screen{display:flex!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}