body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#667eea;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-color:#5865f2;--primary-hover:#4752c4;--accent-purple:#764ba2;--accent-pink:#f472b6;--accent-cyan:#22d3ee;--accent-orange:#f97316;--accent-color:#fee75c;--success:#10b981;--success-light:#34d399;--secondary-color:#57f287;--success-color:#57f287;--warning:#f59e0b;--warning-light:#fbbf24;--warning-color:#f26522;--danger:#ef4444;--danger-light:#f87171;--danger-color:#ed4245;--info:#3b82f6;--info-light:#60a5fa;--bg-darkest:#070714;--bg-dark:#0a0a1a;--bg-medium:#0f0f23;--bg-elevated:#14142b;--bg-surface:#1a1a35;--bg-light:#16213e;--bg-card:#1f1f3a;--bg-card-hover:#252550;--card-bg:#1f2937;--card-hover:#2d3748;--text-primary:#fff;--text-secondary:#a1a1c7;--text-tertiary:#6b6b8c;--text-muted:#4a4a6a;--text-disabled:#3a3a55;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--border-accent:#667eea4d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-primary-soft:linear-gradient(135deg,#667eea26,#764ba226);--gradient-gold:linear-gradient(135deg,gold,#ff9500 50%,gold);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-fire:linear-gradient(135deg,#f97316,#ea580c 50%,#dc2626);--gradient-cosmic:linear-gradient(135deg,#667eea,#764ba2 50%,#f97316);--gradient-surface:linear-gradient(165deg,#14142b,#1a1a35 50%,#0f0f20);--gradient-card:linear-gradient(145deg,#ffffff0f,#ffffff05);--gradient-glass:linear-gradient(135deg,#ffffff1a,#ffffff0d);--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-2xl:0 24px 64px #000000b3;--glow-primary:0 0 20px #667eea66;--glow-success:0 0 20px #10b98166;--glow-gold:0 0 20px #ffd70066;--glow-danger:0 0 20px #ef444466;--shadow-glow-primary:0 8px 24px #00000080,0 0 20px #667eea4d;--shadow-glow-success:0 8px 24px #00000080,0 0 20px #10b9814d;--shadow-glow-gold:0 8px 24px #00000080,0 0 20px #ffd7004d;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a1a;background:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:.05;position:fixed;top:0;width:100%;z-index:-1}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.btn:hover:before{transform:translateX(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#16213e;background:var(--bg-light);border:2px solid #5865f2;border:2px solid var(--primary-color);color:#fff}.btn-secondary:hover{background:#5865f2;background:var(--primary-color);box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-small{padding:.6rem 1.25rem}.btn-start{font-size:1.1rem;padding:1rem 2rem;width:100%}.quiz-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:900px}.quiz-header{align-items:center;background:#1f2937;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.quiz-header h3{font-size:1.4rem;font-weight:600}.quiz-stats{align-items:center;display:flex;gap:2rem}.stat-item{border-radius:8px;font-size:1.1rem;font-weight:600}.progress-bar{margin-bottom:3rem;position:relative}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 20px #667eea80}.question-card{animation:slideIn .5s ease-out;background:#1f2937;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:3rem}.question-card h2{font-size:1.6rem;line-height:1.5;margin-bottom:2rem}.options-list{display:flex;flex-direction:column;gap:1rem}.option-button{background:#16213e;background:var(--bg-light);border:2px solid #0000;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.1rem;overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.option-button:before{background:#ffffff0d;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.option-button:hover{border-color:#5865f2;border-color:var(--primary-color);box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);transform:translateX(10px)}.option-button:hover:before{width:100%}.option-button.correct{animation:correctPulse .5s ease;background:#57f287;background:var(--success-color);color:#0a0a1a;color:var(--bg-dark);font-weight:600}.option-button.incorrect{animation:shake .5s ease;background:#ed4245;background:var(--danger-color);color:#fff}.explanation-box{animation:fadeIn .5s ease-out;border-radius:12px;margin-top:2rem;padding:1.5rem}.explanation-box.correct{background:#57f2871a;border:1px solid #57f2874d}.explanation-box.incorrect{background:#ed42451a;border:1px solid #ed42454d}.quiz-complete{animation:fadeIn .6s ease-out;text-align:center}.quiz-complete h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:2rem}.final-score{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.flashcard-container{perspective:1000px}.flashcard{cursor:pointer;height:400px;margin-bottom:2rem;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#1f2937;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 16px 48px #0009;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem;position:absolute;width:100%}.flashcard-face h3{font-size:1.6rem;line-height:1.5;text-align:center}.flashcard-back{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);transform:rotateY(180deg)}.flashcard-back p{font-size:1.3rem;line-height:1.6;text-align:center}.progress-container{max-width:1000px}.progress-container h1{background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:1rem}.level-card{background:#1f2937;box-shadow:0 8px 24px #00000080}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#1f2937;box-shadow:0 4px 12px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 16px 48px #0009}.stat-value{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-label{color:#a1a1c7;font-size:1rem}.achievements-section{margin-top:4rem}.achievements-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.achievement-card{background:#1f2937;background:var(--card-bg);box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.achievement-card.unlocked{border:2px solid #5865f2;border:2px solid var(--primary-color)}.achievement-card.locked{filter:grayscale(100%);opacity:.5}.achievement-icon{font-size:3rem;margin-bottom:1rem}.achievement-card.unlocked .achievement-icon{animation:bounce 2s infinite}.spinner{border-top-color:#5865f2}.error-container{animation:shake .5s ease,fadeIn .6s ease-out;background:#1f2937;background:var(--card-bg);border:2px solid #ed4245;border:2px solid var(--danger-color);border-radius:20px;box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);margin:4rem auto;max-width:600px;padding:3rem}.error-container h2{color:#ed4245;color:var(--danger-color);font-size:2.5rem;margin-bottom:1rem}.error-container p{color:#a1a1c7;font-size:1.2rem;margin-bottom:2rem}.error-icon{animation:bounce 2s infinite}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .4s ease,transform .4s ease}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #5865f2;outline:3px solid var(--primary-color);outline-offset:2px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 16px 48px #0009;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.success-message{animation:fadeIn .5s ease,pulse 2s infinite;background:#57f2871a;border:2px solid #57f287;border:2px solid var(--success-color);border-radius:12px;color:#57f287;color:var(--success-color)}.success-message,.warning-message{font-weight:600;margin:2rem 0;padding:1.5rem;text-align:center}.warning-message{animation:fadeIn .5s ease;background:#f265221a;border:2px solid #f26522;border:2px solid var(--warning-color);border-radius:12px;color:#f26522;color:var(--warning-color)}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{cursor:help;position:relative}.tooltip:before{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.85rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-5px);transition:all .3s ease;white-space:nowrap}.tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-10px)}.toast-notification{animation:slideInRight .3s ease,fadeOut .3s ease 3s forwards;background:#1f2937;background:var(--card-bg);border-left:4px solid #5865f2;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 16px 48px #0009;box-shadow:var(--shadow-xl);padding:1.5rem 2rem;position:fixed;right:2rem;top:100px;z-index:1000}@media (max-width:768px){.nav-links{font-size:.9rem;gap:1rem}.hero-section h1{font-size:3rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.question-card{padding:2rem}.option-button{font-size:1rem;padding:1rem 1.5rem}}.toast{align-items:center;animation:slideInRight .3s ease,fadeOut .3s ease forwards;animation-delay:0s,2.7s;background:var(--card-bg);border-left:4px solid;border-radius:12px;box-shadow:0 12px 48px #0009;display:flex;gap:1rem;max-width:500px;min-width:300px;padding:1.25rem 1.5rem;position:fixed;right:2rem;top:100px;z-index:10000}.toast-success{background:linear-gradient(90deg,#57f28726,var(--card-bg));border-left-color:var(--success-color)}.toast-error{background:linear-gradient(90deg,#ed424526,var(--card-bg));border-left-color:var(--danger-color)}.toast-warning{background:linear-gradient(90deg,#f2652226,var(--card-bg));border-left-color:var(--warning-color)}.toast-info{background:linear-gradient(90deg,#667eea26,var(--card-bg));border-left-color:var(--primary-color)}.toast-icon{flex-shrink:0;font-size:1.5rem}.toast-message{color:#fff;flex:1 1;font-size:.95rem;font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#ffffff1a;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.toast{left:1rem;max-width:none;min-width:auto;right:1rem}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-content{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:3rem;text-align:center;width:100%}.error-icon{animation:pulse 2s ease-in-out infinite;margin-bottom:1rem}.error-content h1{color:var(--text-primary);margin-bottom:1rem}.error-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.error-actions{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.error-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;padding:1rem;text-align:left}.error-details summary{color:var(--danger-color);cursor:pointer;font-weight:700;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:var(--primary-color)}.error-stack{font-size:.85rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-help,.error-stack{color:var(--text-secondary)}.error-help{font-size:.9rem;margin-top:1rem}@media (max-width:768px){.error-content{padding:2rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.landing-page{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:100vw;overflow-x:hidden;width:100%}.hero-section{align-items:center;background:var(--bg-dark);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative}.hero-section:before{animation:heroGradientPulse 12s ease-in-out infinite;background:radial-gradient(ellipse at 15% 30%,#667eea40 0,#0000 50%),radial-gradient(ellipse at 85% 70%,#764ba240 0,#0000 50%),radial-gradient(ellipse at 50% 10%,#4facfe26 0,#0000 40%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes heroGradientPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.hero-section:after{background-image:linear-gradient(#667eea08 1px,#0000 0),linear-gradient(90deg,#667eea08 1px,#0000 0);background-size:60px 60px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero-content{max-width:1100px;position:relative;text-align:center;z-index:2}.hero-badge{animation:badgeFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:var(--radius-full);box-shadow:0 4px 20px #667eea33;color:#fffffff2;gap:.6rem;margin-bottom:2rem;padding:.6rem 1.25rem}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;animation:textShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#fff,#c7d2fe 40%,#a78bfa);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes textShimmer{0%,to{background-position:0}50%{background-position:100%}}.hero-subtitle{color:#fffc;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.75;margin:0 auto 2.5rem;max-width:700px}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-hero{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.01em;overflow:hidden;padding:1rem 2rem;position:relative;transition:var(--transition)}.btn-hero:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-hero:hover:before{left:100%}.btn-primary.btn-hero{background:var(--gradient-primary);box-shadow:0 4px 15px #667eea66,inset 0 1px 0 #ffffff1a;color:#fff}.btn-primary.btn-hero:hover{box-shadow:0 8px 25px #667eea80,inset 0 1px 0 #fff3;transform:translateY(-3px)}.btn-secondary.btn-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff40;color:#fff}.btn-secondary.btn-hero:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-3px)}.hero-stats{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:2rem;padding-top:2rem}.stat-number{background:linear-gradient(135deg,#fff,#a78bfa);font-weight:900;margin-bottom:.35rem}.stat-label{color:#fff9;font-size:.8rem;font-weight:600;letter-spacing:2px}.use-cases-section{background:linear-gradient(180deg,#fafbff,#f0f4ff);padding:6rem 2rem;position:relative}.section-title{color:#1a1a2e;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{color:#64748b;font-size:1.15rem;line-height:1.7;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.use-cases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.use-case-card{background:#fff;border:1px solid #0000000d;border-radius:var(--radius-2xl);box-shadow:0 4px 20px #0000000a;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:var(--transition)}.use-case-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.use-case-card:hover:before{transform:scaleX(1)}.use-case-card:hover{box-shadow:0 20px 50px #667eea26;transform:translateY(-8px)}.use-case-emoji{display:block;font-size:3.5rem;margin-bottom:1.25rem;transition:transform .3s ease}.use-case-card:hover .use-case-emoji{transform:scale(1.15) rotate(5deg)}.use-case-card h3{color:#1a1a2e;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.use-case-card p{color:#64748b;font-size:.95rem;line-height:1.6}.features-section{background:#fff;padding:6rem 2rem}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.feature-card-landing{background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #0000000f;border-radius:var(--radius-2xl);overflow:hidden;padding:2.5rem;position:relative;transition:var(--transition)}.feature-card-landing:after{background:radial-gradient(circle,#667eea14 0,#0000 60%);content:"";height:250%;opacity:0;pointer-events:none;position:absolute;right:-100%;top:-100%;transition:opacity .5s ease;width:250%}.feature-card-landing:hover:after{opacity:1}.feature-card-landing:hover{border-color:#667eea33;box-shadow:0 20px 50px #00000014;transform:translateY(-6px)}.feature-icon-large{display:block;font-size:3.5rem;margin-bottom:1.5rem}.feature-card-landing h3{color:#1a1a2e;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.feature-card-landing p{color:#64748b;font-size:1rem;line-height:1.7}.how-it-works-section{background:var(--bg-dark);color:#fff;overflow:hidden;padding:6rem 2rem;position:relative}.how-it-works-section:before{background:radial-gradient(ellipse at 25% 50%,#667eea1f 0,#0000 50%),radial-gradient(ellipse at 75% 80%,#764ba21f 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.how-it-works-section .section-subtitle,.how-it-works-section .section-title{color:#fff;position:relative;z-index:1}.how-it-works-section .section-subtitle{color:#ffffffb3}.steps-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.step{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-2xl);padding:2.5rem;text-align:center;transition:var(--transition)}.step:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-8px)}.step-number{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 8px 25px #667eea66;display:flex;font-size:2rem;font-weight:900;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.step-content h3{font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.step-content p{color:#fffc;font-size:1rem;line-height:1.7}.step-arrow{display:none}.testimonials-section{background:linear-gradient(180deg,#f8fafc,#fff);padding:6rem 2rem}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:#fff;border:1px solid #0000000d;border-radius:var(--radius-2xl);box-shadow:0 4px 20px #0000000a;padding:2.5rem;position:relative;transition:var(--transition)}.testimonial-card:before{color:#667eea14;content:'"';font-family:Georgia,serif;font-size:5rem;left:1.5rem;line-height:1;position:absolute;top:1.5rem}.testimonial-card:hover{box-shadow:0 15px 40px #00000014;transform:translateY(-5px)}.testimonial-stars{font-size:1.25rem;letter-spacing:2px;margin-bottom:1.25rem}.testimonial-text{color:#334155;font-size:1.05rem;font-style:italic;line-height:1.75;margin-bottom:1.5rem;position:relative;z-index:1}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:#1a1a2e;font-size:1rem;font-weight:700}.testimonial-author span{color:#64748b;font-size:.9rem}.final-cta-section{background:var(--bg-dark);color:#fff;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.final-cta-section:before{background:radial-gradient(ellipse at 50% 50%,#667eea33 0,#0000 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.final-cta-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.final-cta-content h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.25rem}.final-cta-content p{color:#fffc;font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem}.cta-subtext{color:#fff9;font-size:.9rem;margin-top:1.5rem}.landing-footer{background:#05050f;color:#fff;padding:4rem 2rem 2rem}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto 2.5rem;max-width:1200px}.footer-section h3,.footer-section h4{font-size:1.1rem;font-weight:700;margin-bottom:1.25rem}.footer-section p{color:#fff9;font-size:.95rem;line-height:1.7}.footer-section a{color:#fff9;display:block;font-size:.95rem;margin-bottom:.6rem;text-decoration:none;transition:var(--transition-fast)}.footer-section a:hover{color:#fff;transform:translateX(4px)}.footer-bottom{border-top:1px solid #ffffff14;color:#ffffff80;font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:968px){.hero-section{min-height:auto;padding:5rem 1.5rem 3rem}.hero-title{font-size:2.75rem}.hero-cta{align-items:center;flex-direction:column;gap:.75rem}.btn-hero{max-width:320px;width:100%}.hero-stats{gap:2rem}.stat-number{font-size:2rem}.features-grid,.steps-container,.testimonials-grid,.use-cases-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:3rem}}@media (max-width:640px){.hero-section{padding:4rem 1rem 2.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-badge{font-size:.75rem;padding:.5rem 1rem}.hero-stats{flex-direction:column;gap:1.5rem}.features-grid,.steps-container,.testimonials-grid,.use-cases-grid{grid-template-columns:1fr}.feature-card-landing,.step,.testimonial-card,.use-case-card{padding:2rem 1.5rem}.feature-icon-large,.use-case-emoji{font-size:2.75rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-section a:hover{transform:none}}html{scroll-behavior:smooth}::selection{background:#667eea4d;color:inherit}.auth-container{align-items:center;background:var(--bg-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1.5rem;position:relative}.auth-container:before{animation:authGradientPulse 10s ease-in-out infinite;background:radial-gradient(ellipse at 20% 30%,#667eea33 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#764ba233 0,#0000 50%),radial-gradient(ellipse at 50% 100%,#4facfe1a 0,#0000 40%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes authGradientPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.auth-container:after{background-image:linear-gradient(#667eea05 1px,#0000 0),linear-gradient(90deg,#667eea05 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.auth-card{animation:cardEnter .5s ease-out;background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:0 25px 60px #0006,0 10px 25px #0000004d,inset 0 1px 0 #ffffff0f;max-width:420px;padding:2.5rem;position:relative;width:100%;z-index:1}.auth-card:before{background:var(--gradient-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-title{color:var(--text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-error{align-items:center;animation:errorShake .4s ease;background:#ef44441a;border:1px solid #ef444440;border-radius:var(--radius-md);color:#f87171;display:flex;font-size:.9rem;gap:.6rem;margin-bottom:1.5rem;padding:.875rem 1rem}@keyframes errorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.error-icon{flex-shrink:0;font-size:1.1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input{background:#00000040;border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.9rem 1rem;transition:var(--transition-fast)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{background:#00000059;border-color:var(--primary);box-shadow:0 0 0 4px #667eea26;outline:none}.form-group input:disabled{background:#00000026;cursor:not-allowed;opacity:.6}.btn-auth{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #667eea59,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;overflow:hidden;padding:.95rem 1.5rem;position:relative;transition:var(--transition)}.btn-auth:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-auth:hover:not(:disabled):before{left:100%}.btn-auth:hover:not(:disabled){box-shadow:0 8px 25px #667eea73,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-auth:active:not(:disabled){transform:translateY(0)}.btn-auth:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{display:inline-block;margin-right:.5rem}.auth-divider{margin:1.75rem 0;position:relative;text-align:center}.auth-divider:before{background:var(--border-default);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.auth-divider span{background:var(--bg-elevated);color:var(--text-muted);font-size:.85rem;font-weight:500;padding:0 1rem;position:relative}.btn-google{align-items:center;background:#ffffff0a;border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.9rem 1rem;transition:var(--transition-fast);width:100%}.btn-google:hover:not(:disabled){background:#ffffff14;border-color:var(--border-strong);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.btn-google:disabled{cursor:not-allowed;opacity:.5}.google-icon{flex-shrink:0}.auth-toggle{color:var(--text-secondary);font-size:.9rem;margin-top:1.75rem;text-align:center}.toggle-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;margin-left:.25rem;padding:0;transition:color .2s ease}.toggle-btn:hover:not(:disabled){color:var(--primary-light);text-decoration:underline}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.auth-container{padding:1.5rem 1rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.form-group input{padding:.85rem .9rem}.btn-auth,.btn-google{padding:.85rem 1rem}}.home{min-height:100vh;overflow:hidden;position:relative}.home-bg{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,#667eea4d,#0000),radial-gradient(ellipse 60% 40% at 100% 100%,#764ba233,#0000),radial-gradient(ellipse 40% 30% at 0 100%,#10b98126,#0000),linear-gradient(180deg,#0a0a1a,#0f0f23)}.bg-gradient,.bg-grid{inset:0;position:absolute}.bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,#0000 70%);mask-image:radial-gradient(ellipse at center,#000 0,#0000 70%)}.bg-glow{animation:glowPulse 8s ease-in-out infinite;border-radius:50%;filter:blur(100px);position:absolute}.bg-glow-1{background:#667eea66;height:600px;left:-100px;top:-200px;width:600px}.bg-glow-2{animation-delay:-4s;background:#764ba24d;bottom:-150px;height:500px;right:-100px;width:500px}.hero{margin:0 auto;max-width:900px;padding:3rem 1.5rem 2rem;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;animation:fadeInDown .6s ease-out;background:#667eea26;border:1px solid #667eea4d;border-radius:100px;color:#a5b4fc;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.badge-icon{font-size:1rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeInUp .6s ease-out .1s both;color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem}.hero-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a78bfa 50%,#f472b6);-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-description{animation:fadeInUp .6s ease-out .2s both;color:#9ca3af;font-size:1.15rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.search-card{animation:fadeInUp .6s ease-out .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14142bcc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d;margin:0 auto 2rem;max-width:700px;padding:1.5rem;transition:all .3s ease}.search-card.focused{border-color:#667eea80;box-shadow:0 25px 50px -12px #00000080,0 0 30px #667eea33,inset 0 0 0 1px #667eea4d}.search-card-inner{align-items:center;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:.5rem .5rem .5rem 1rem}.search-icon{font-size:1.25rem;opacity:.5}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1.1rem;outline:none;padding:.75rem 0}.search-input::placeholder{color:#6b7280}.search-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease;white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.5}.btn-arrow{transition:transform .2s ease}.search-btn:hover .btn-arrow{transform:translateX(3px)}.quick-topics{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.quick-label{color:#6b7280;font-size:.85rem;font-weight:500}.quick-topic{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#d1d5db;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .75rem;transition:all .2s ease}.quick-topic:hover{background:rgba(var(--topic-color),.15);border-color:var(--topic-color);color:#fff;transform:translateY(-1px)}.topic-icon{font-size:.9rem}.features{margin:0 auto;max-width:1000px;padding:3rem 1.5rem;position:relative;z-index:1}.section-header{flex-direction:column;margin-bottom:2rem;text-align:center}.section-badge{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:100px;color:#a5b4fc;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;letter-spacing:.5px;margin-bottom:.75rem;padding:.4rem 1rem;text-transform:uppercase}.section-title{font-size:2rem;font-weight:700;margin:0}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14142b99;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:var(--feature-color);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover{border-color:#ffffff26;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{align-items:center;background:rgba(var(--feature-color),.15);border-radius:12px;display:flex;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.feature-icon{font-size:1.5rem}.feature-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-desc{color:#9ca3af;font-size:.85rem;line-height:1.5}.topics-section{margin:0 auto;max-width:1000px;padding:2rem 1.5rem 3rem;position:relative;z-index:1}.topics-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px}.topic-card{align-items:center;background:#14142b99;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .2s ease}.topic-card:hover{background:#1e1e3ccc;border-color:var(--topic-color);transform:translateX(5px)}.topic-icon-large{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.topic-name{color:#fff;flex:1 1;font-size:1rem;font-weight:600}.topic-arrow{color:#6b7280;font-size:1.25rem;transition:all .2s ease}.topic-card:hover .topic-arrow{color:var(--topic-color);transform:translateX(3px)}.cta-section{margin:0 auto;max-width:900px;padding:2rem 1.5rem 4rem;position:relative;z-index:1}.cta-card{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:20px;display:flex;gap:2rem;justify-content:space-between;padding:3rem}.cta-content h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.cta-content p{color:#9ca3af;font-size:1rem;margin:0}.cta-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .2s ease;white-space:nowrap}.cta-btn:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.cta-arrow{font-size:1.25rem;transition:transform .2s ease}.cta-btn:hover .cta-arrow{transform:translateX(5px)}@media (max-width:900px){.features-grid,.topics-grid{grid-template-columns:repeat(2,1fr)}.cta-card{flex-direction:column;text-align:center}}@media (max-width:768px){.hero{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.search-card-inner{flex-direction:column;padding:1rem}.search-btn{justify-content:center;width:100%}.quick-topics{display:none}}@media (max-width:600px){.features-grid,.topics-grid{grid-template-columns:1fr}.cta-card{padding:2rem 1.5rem}.cta-content h2{font-size:1.5rem}}.ai-mentor{bottom:2rem;font-family:inherit;position:fixed;right:2rem;z-index:1000}.ai-mentor-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:50%;box-shadow:0 8px 32px #667eea66,0 0 0 4px #667eea1a;cursor:pointer;display:flex;height:70px;justify-content:center;overflow:visible;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:70px}.ai-mentor-toggle:hover{box-shadow:0 12px 40px #667eea80,0 0 0 6px #667eea26;transform:scale(1.1) rotate(5deg)}.ai-mentor-toggle.active{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1) rotate(0deg)}.mentor-icon{animation:float 3s ease-in-out infinite;font-size:2.2rem}.ai-mentor-toggle.active .mentor-icon{animation:none;font-size:1.5rem}.mentor-pulse{animation:pulse-ring 2s ease-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:100%;position:absolute;width:100%;z-index:-1}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.mentor-hint{animation:slideIn .3s ease-out,pulse 2s infinite;background:var(--card-bg);border:1px solid #667eea4d;border-radius:20px;box-shadow:var(--shadow-md);color:var(--text-primary);font-size:.85rem;padding:.5rem 1rem;position:absolute;right:80px;white-space:nowrap}.mentor-hint:after{border:8px solid #0000;border-left:8px solid var(--card-bg);content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%)}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.ai-mentor-panel{animation:panelSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(180deg,var(--bg-medium) 0,var(--bg-dark) 100%);border-radius:24px;bottom:90px;box-shadow:0 25px 80px #00000080,0 0 0 1px #667eea33,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:650px;overflow:hidden;position:absolute;right:0;width:420px}.sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.sparkle{animation:sparkleFloat 1s ease-out forwards;font-size:1.5rem;position:absolute}.sparkle:first-child{animation-delay:0s;left:10%;top:20%}.sparkle:nth-child(2){animation-delay:.1s;right:15%;top:30%}.sparkle:nth-child(3){animation-delay:.2s;left:20%;top:50%}.sparkle:nth-child(4){animation-delay:.15s;right:25%;top:40%}.ai-mentor-header{align-items:center;background:linear-gradient(135deg,#667eea26,#f093fb26);border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:1.25rem 1.5rem}.mentor-avatar-container{position:relative}.mentor-avatar{align-items:center;animation:avatarBob 4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:50%;box-shadow:0 4px 15px #667eea66;display:flex;font-size:2rem;height:55px;justify-content:center;width:55px}@keyframes avatarBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mentor-status{border:3px solid var(--bg-medium);border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.mentor-status.excited{animation:statusPulse 1s infinite;background:#57f287}.mentor-status.encouraging{background:#57f287}.mentor-status.proud{background:#fee75c}.mentor-status.impressed{background:#f093fb}.mentor-status.celebrating{animation:rainbowPulse 2s infinite;background:linear-gradient(45deg,#f093fb,#667eea)}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes rainbowPulse{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(90deg)}}.mentor-info{flex:1 1}.mentor-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.mentor-status-text{color:var(--text-secondary);font-size:.85rem;margin:0}.mentor-actions{display:flex;gap:.5rem}.close-btn,.minimize-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover,.minimize-btn:hover{background:#fff3;color:var(--text-primary)}.topic-badge{align-items:center;background:#0003;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;padding:.75rem 1.5rem}.topic-icon{font-size:1.2rem}.topic-text{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-chip{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.8rem;font-weight:700;padding:.25rem .75rem}.ai-mentor-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:320px;overflow-y:auto;padding:1.5rem}.ai-mentor-messages::-webkit-scrollbar{width:6px}.ai-mentor-messages::-webkit-scrollbar-track{background:#0000}.ai-mentor-messages::-webkit-scrollbar-thumb{background:#667eea66;border-radius:3px}.welcome-section{padding:1rem;text-align:center}.welcome-avatar{animation:wave 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.welcome-section h4{color:var(--text-primary);font-size:1.3rem;margin-bottom:.75rem}.welcome-section>p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.welcome-section strong{color:#f093fb}.welcome-features{display:flex;flex-direction:column;gap:.5rem}.feature{align-items:center;background:#ffffff08;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.75rem;padding:.6rem 1rem}.feature span:first-child{font-size:1.1rem}.message{animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar.mentor{background:linear-gradient(135deg,#667eea,#764ba2)}.message-avatar.user{background:linear-gradient(135deg,#43e97b,#38f9d7)}.message-bubble{border-radius:18px;font-size:.95rem;line-height:1.5;max-width:280px;padding:1rem 1.25rem}.mentor-message .message-bubble{background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.user-message .message-bubble{background:linear-gradient(135deg,#667eea66,#764ba266);border:1px solid #667eea80;border-bottom-right-radius:4px}.message-content code{background:#0000004d;border-radius:4px;font-size:.85em;padding:.15rem .4rem}.message-content strong{color:#f093fb}.suggestion-btn{background:#667eea33;border:1px solid #667eea66;border-radius:20px;color:var(--text-primary);cursor:pointer;display:block;font-size:.8rem;margin-top:.75rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.suggestion-btn:hover{background:#667eea4d;transform:translateX(3px)}.typing-indicator{display:flex;gap:.35rem;padding:.5rem 0}.typing-indicator span{animation:typingBounce 1.4s infinite;background:linear-gradient(135deg,#667eea,#f093fb);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.quick-questions-section{padding:0 1.5rem 1rem}.quick-label{color:var(--text-muted);font-size:.8rem;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.quick-questions-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}.quick-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem;text-align:left;transition:all .2s ease}.quick-btn:hover:not(:disabled){background:#667eea26;border-color:#667eea4d;transform:translateY(-2px)}.quick-btn:disabled{cursor:not-allowed;opacity:.5}.quick-btn.guidance:hover{border-color:#667eea}.quick-btn.explain:hover{border-color:#f093fb}.quick-btn.context:hover{border-color:#fee75c}.quick-btn.tips:hover{border-color:#43e97b}.quick-btn.help:hover{border-color:#ed4245}.quick-btn.quiz:hover{border-color:#38f9d7}.quick-icon{flex-shrink:0;font-size:1.1rem}.quick-text{flex:1 1;line-height:1.3}.ai-mentor-input{background:#0003;border-top:1px solid #ffffff0d;padding:1rem 1.5rem 1.25rem}.input-container{align-items:flex-end;display:flex;gap:.75rem}.ai-mentor-input textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.4;max-height:120px;min-height:48px;padding:.875rem 1rem;resize:none;transition:all .3s ease}.ai-mentor-input textarea:focus{background:#ffffff14;border-color:#667eea99;box-shadow:0 0 0 4px #667eea26;outline:none}.ai-mentor-input textarea::placeholder{color:var(--text-muted)}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:14px;box-shadow:0 4px 15px #667eea66;font-size:1.3rem;height:48px;width:48px}.send-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px) scale(1.05)}.send-btn:disabled{transform:none}.send-icon{animation:sendPulse 2s infinite}@keyframes sendPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.input-hint{color:var(--text-muted);font-size:.7rem;margin-top:.5rem;text-align:center}.ai-mentor-minimized{align-items:center;animation:slideIn .3s ease;background:var(--card-bg);border:1px solid #667eea4d;border-radius:30px;bottom:90px;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1.25rem;position:absolute;right:0;transition:all .3s ease}.ai-mentor-minimized:hover{border-color:#667eea80;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.minimized-avatar{font-size:1.5rem}.minimized-text{color:var(--text-secondary);font-size:.85rem}.message-count{background:linear-gradient(135deg,#667eea,#f093fb);border-radius:20px;font-size:.75rem;font-weight:700;padding:.2rem .6rem}@media (max-width:768px){.ai-mentor{bottom:1rem;right:1rem}.ai-mentor-panel{bottom:85px;max-height:calc(100vh - 150px);max-width:420px;right:0;width:calc(100vw - 2rem)}.ai-mentor-toggle{height:60px;width:60px}.mentor-icon{font-size:1.8rem}.mentor-hint{display:none}.quick-questions-grid{grid-template-columns:1fr}.message-bubble{max-width:240px}}@media (max-width:480px){.ai-mentor-panel{bottom:80px;right:-.5rem;width:calc(100vw - 1rem)}.ai-mentor-header{padding:1rem}.mentor-avatar{font-size:1.6rem;height:45px;width:45px}.ai-mentor-messages{max-height:280px;padding:1rem}.welcome-avatar{font-size:3rem}.message-bubble{max-width:200px;padding:.75rem 1rem}}.learning-path-container{margin:0 auto;max-width:1000px;padding:1.5rem}.path-header{margin-bottom:2rem}.header-buttons{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.btn-back{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-back:hover{background:#667eea26;border-color:#667eea}.btn-delete-path{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all .2s}.btn-delete-path:hover{background:#ef444433}.path-title-section{text-align:center}.path-title{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:.5rem}.path-subtitle{color:#9ca3af;font-size:1rem;margin-bottom:1rem}.path-meta{flex-wrap:wrap;gap:1rem;justify-content:center}.meta-item{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:20px;color:#9ca3af;font-size:.85rem;padding:.4rem .8rem}.progress-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.progress-card{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem}.progress-stat{align-items:center;display:flex;flex-direction:column;margin-bottom:.75rem}.stat-value{color:#667eea;font-size:2rem}.stat-label{color:#9ca3af}.progress-bar-horizontal{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-horizontal .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%}.btn-adventure{background:linear-gradient(135deg,#667eea,#a78bfa 50%,#f472b6);border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem;width:100%}.adventure-hint{color:#9ca3af;font-size:.8rem;margin-top:.5rem;text-align:center}.skill-tree{margin-top:2rem}.skill-tree .section-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.levels-container{display:flex;flex-direction:column;gap:2rem}.level-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.level-header{border-bottom:1px solid #ffffff14;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.level-header,.level-number{align-items:center;display:flex}.level-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;height:50px;justify-content:center;min-width:50px}.level-info{flex:1 1}.level-title{color:#667eea;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.level-description{color:#9ca3af;font-size:.9rem}.modules-container{gap:1rem}.module-row,.modules-container{display:flex;flex-direction:column}.module-row{align-items:center}.connection-line{background:#ffffff26;height:20px;margin:.5rem 0;width:2px}.connection-line.completed{background:#10b981}.module-card{background:#1a1a2e;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;max-width:600px;padding:1.25rem;position:relative;transition:all .2s;width:100%}.module-card:hover:not(.locked){border-color:#667eea66;transform:translateY(-2px)}.module-card.locked{cursor:not-allowed;opacity:.5}.module-card.completed{border-color:#10b981}.module-status{position:absolute;right:1rem;top:1rem}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:.85rem;height:28px;justify-content:center;width:28px}.status-icon.completed{background:#10b981;color:#fff}.status-icon.unlocked{background:#667eea;color:#fff}.status-icon.locked{background:#ffffff1a;color:#9ca3af}.module-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.module-card.locked .module-number{background:#ffffff1a;color:#9ca3af}.module-content{flex:1 1;min-width:0}.module-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.35rem}.module-description{color:#9ca3af;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.module-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.difficulty-badge{border:1px solid;text-transform:uppercase}.difficulty-badge,.xp-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.xp-badge{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.prerequisites{background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;font-size:.8rem;margin-top:.5rem;padding:.5rem .75rem}.prereq-label{color:#f87171;font-weight:600}.prereq-tag{background:#ffffff1a;border-radius:4px;display:inline-block;font-size:.7rem;margin:.1rem;padding:.1rem .4rem}.btn-start-module{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px}.btn-review,.btn-start-module{color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.65rem;width:100%}.btn-review{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px}.locked-message{border-radius:6px;color:#9ca3af;font-size:.8rem;margin-top:.75rem;padding:.5rem}.boss-module-row{border-top:2px dashed #ef44444d;margin-top:1rem;padding-top:1rem}.boss-card{background:linear-gradient(135deg,#ef44441a,#fbbf241a)!important;border-color:#ef4444!important}.boss-icon-large{font-size:2rem;margin-bottom:.5rem;text-align:center}.boss-title{color:#f87171!important}.boss-xp{background:linear-gradient(135deg,#f97316,#fbbf24)!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important}.delete-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:#1a1a2e;border:1px solid #ef44444d;border-radius:16px;max-width:400px;padding:2rem;text-align:center;width:90%}.delete-modal-icon{font-size:2.5rem;margin-bottom:1rem}.delete-modal h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.delete-modal p{color:#9ca3af;font-size:.9rem;margin-bottom:.5rem}.delete-warning{background:#ef44441a;border-radius:6px;color:#f87171!important;margin-bottom:1rem!important;margin-top:.5rem!important;padding:.5rem .75rem}.delete-modal-buttons{display:flex;gap:.75rem;justify-content:center}.delete-modal-buttons .btn{border-radius:8px;cursor:pointer;font-weight:600;padding:.65rem 1.25rem}.delete-modal-buttons .btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.delete-modal-buttons .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff!important}.delete-modal-buttons .btn:disabled{cursor:not-allowed;opacity:.5}.loading{gap:1rem;min-height:300px}.loading .spinner{animation:spin .8s linear infinite;border:3px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.error-message{padding:3rem;text-align:center}.error-message h2{color:#f87171;margin-bottom:1rem}@media (max-width:768px){.learning-path-container{padding:1rem}.path-title{font-size:1.5rem}.progress-overview{grid-template-columns:1fr}.level-header,.module-card{flex-direction:column;text-align:center}.module-number{margin:0 auto .5rem}.module-meta{justify-content:center}.path-meta{gap:.5rem}.meta-item{font-size:.75rem;padding:.35rem .6rem}}.ai-assistant{bottom:2rem;position:fixed;right:2rem;z-index:1000}.ai-assistant-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 8px 24px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.ai-assistant-toggle:hover{box-shadow:0 12px 32px #667eea80;transform:scale(1.1) translateY(-2px)}.ai-assistant-toggle.active{background:linear-gradient(135deg,#764ba2,#667eea)}.ai-assistant-panel{animation:slideUp .3s ease;background:var(--card-bg);border:1px solid #667eea4d;border-radius:20px;bottom:80px;box-shadow:0 12px 48px #0009;display:flex;flex-direction:column;max-height:600px;position:absolute;right:0;width:380px}.ai-assistant-header{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-bottom:1px solid #ffffff1a;border-radius:20px 20px 0 0;display:flex;gap:1rem;padding:1.5rem}.assistant-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.8rem;height:50px;justify-content:center;width:50px}.assistant-info h3{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.assistant-info p{color:var(--text-secondary);font-size:.85rem;margin:0}.ai-assistant-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding:1.5rem}.ai-assistant-messages::-webkit-scrollbar{width:6px}.ai-assistant-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.ai-assistant-messages::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.welcome-message{padding:2rem 1rem;text-align:center}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-message h4{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.welcome-message p{color:var(--text-secondary);font-size:.95rem}.message{align-items:flex-start;animation:fadeIn .3s ease;display:flex;gap:.75rem}.user-message{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.message-avatar.user-avatar{background:linear-gradient(135deg,#43e97b,#38f9d7)}.message-content{background:#ffffff0d;border-radius:12px;color:var(--text-primary);font-size:.95rem;line-height:1.5;max-width:250px;padding:.875rem 1.125rem}.user-message .message-content{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea66}.message-content.typing{display:flex;gap:.4rem;padding:1rem 1.5rem}.message-content.typing span{animation:typing 1.4s infinite;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.quick-questions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;padding:0 1.5rem 1rem}.quick-question-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.75rem;transition:all .2s ease}.quick-question-btn:hover:not(:disabled){background:#667eea33;border-color:#667eea66;transform:translateY(-2px)}.quick-question-btn:disabled{cursor:not-allowed;opacity:.5}.quick-q-icon{font-size:1.1rem}.ai-assistant-input{align-items:flex-end;border-top:1px solid #ffffff1a;display:flex;gap:.75rem;padding:1rem 1.5rem}.ai-assistant-input textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:44px;padding:.875rem;resize:none;transition:all .3s ease}.ai-assistant-input textarea:focus{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33;outline:none}.ai-assistant-input textarea::placeholder{color:var(--text-muted)}.send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.send-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.ai-assistant{bottom:1rem;right:1rem}.ai-assistant-panel{bottom:70px;max-width:380px;right:0;width:calc(100vw - 2rem)}.ai-assistant-toggle{font-size:1.6rem;height:56px;width:56px}}@media (max-width:480px){.ai-assistant-panel{bottom:70px;right:-1rem;width:calc(100vw - 2rem)}.quick-questions{grid-template-columns:1fr}}.interactive-lesson{background:var(--bg-dark);min-height:100vh;padding-bottom:var(--space-12);position:relative}.lesson-top-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--gradient-surface);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-lg);justify-content:space-between;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.back-button,.lesson-top-bar{align-items:center;display:flex}.back-button{background:#ffffff0a;border:2px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:var(--transition)}.back-button:hover{background:#ffffff14;border-color:var(--primary);transform:translateX(-4px)}.stats-bar{gap:var(--space-3)}.stat-badge,.stats-bar{align-items:center;display:flex}.stat-badge{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:800;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition)}.stat-badge:hover{transform:translateY(-2px) scale(1.03)}.xp-badge{background:var(--gradient-success);color:#0a0e27}.streak-badge{animation:streakPulse 2.5s ease-in-out infinite;background:var(--gradient-fire);color:#fff}.badge-value{font-size:var(--text-base);font-weight:900}.xp-popup{align-items:center;animation:xpPopupAppear .6s cubic-bezier(.34,1.56,.64,1) forwards;background:var(--gradient-success);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #10b98180;color:#0a0e27;display:flex;font-size:var(--text-4xl);font-weight:900;gap:var(--space-4);left:50%;padding:var(--space-8) var(--space-10);position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);z-index:var(--z-modal)}@keyframes xpPopupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-180deg)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.xp-popup-icon{animation:xpIconSpin .8s ease-out;font-size:3.5rem}@keyframes xpIconSpin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.15)}}.lesson-content{animation:lessonFadeIn .6s ease-out;margin:0 auto;max-width:900px;padding:var(--space-10) var(--space-6)}@keyframes lessonFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lesson-intro{animation:lessonFadeIn .6s ease-out}.lesson-header-section{margin-bottom:var(--space-10);text-align:center}.lesson-title{-webkit-text-fill-color:#0000;animation:lessonTitleSlide .8s ease-out;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-5xl);font-weight:900;letter-spacing:-.02em;margin-bottom:var(--space-4)}@keyframes lessonTitleSlide{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.lesson-duration{color:var(--text-secondary);font-size:var(--text-lg);font-weight:600}.intro-content{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-10);position:relative}.intro-content:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.intro-text{margin-bottom:var(--space-8)}.intro-paragraph{animation:paragraphFadeIn .8s ease-out forwards;color:var(--text-primary);font-size:var(--text-lg);line-height:1.9;margin-bottom:var(--space-5);opacity:0;text-align:left}.intro-paragraph:first-child{animation-delay:.1s}.intro-paragraph:nth-child(2){animation-delay:.2s}.intro-paragraph:nth-child(3){animation-delay:.3s}.intro-paragraph:nth-child(4){animation-delay:.4s}.intro-paragraph:nth-child(5){animation-delay:.5s}.intro-paragraph:nth-child(6){animation-delay:.6s}@keyframes paragraphFadeIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.key-points-section{margin:var(--space-10) 0}.key-points-section h3{align-items:center;color:var(--primary);display:flex;font-size:var(--text-2xl);font-weight:800;gap:var(--space-3);margin-bottom:var(--space-5)}.key-points-grid{display:flex;flex-direction:column;gap:var(--space-4)}.key-point-card{align-items:flex-start;animation:keyPointSlide .6s ease-out forwards;background:linear-gradient(135deg,#667eea1a,#667eea0a);border-left:4px solid var(--primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);opacity:0;padding:var(--space-5);transition:var(--transition)}.key-point-card:first-child{animation-delay:.1s}.key-point-card:nth-child(2){animation-delay:.2s}.key-point-card:nth-child(3){animation-delay:.3s}.key-point-card:nth-child(4){animation-delay:.4s}@keyframes keyPointSlide{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.key-point-card:hover{background:linear-gradient(135deg,#667eea26,#667eea14);box-shadow:var(--shadow-glow-primary);transform:translateX(8px)}.key-point-icon{animation:checkPop .6s ease-out;color:var(--success);flex-shrink:0;font-size:1.6rem}@keyframes checkPop{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.key-point-text{color:var(--text-primary);font-size:var(--text-base);line-height:1.7}.teaching-section{animation:lessonFadeIn .8s ease-out;background:linear-gradient(165deg,#ffffff08,#ffffff03);border:1px solid var(--border-default);border-radius:var(--radius-2xl);margin:var(--space-12) 0;padding:var(--space-8)}.section-title{color:var(--primary);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:relative}.section-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.section-content{margin-bottom:var(--space-6)}.content-paragraph{color:var(--text-primary);font-size:var(--text-lg);line-height:1.9;margin-bottom:var(--space-5);text-align:left}.example-box{background:linear-gradient(135deg,#10b9811f,#10b9810a);border-left:4px solid var(--success);border-radius:var(--radius-xl);box-shadow:0 4px 20px #10b9811a;margin-top:var(--space-6);padding:var(--space-6)}.example-header{align-items:center;color:var(--success);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-3);margin-bottom:var(--space-4)}.example-icon{animation:exampleFloat 3s ease-in-out infinite;font-size:1.6rem}@keyframes exampleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.example-text{color:var(--text-primary);font-size:var(--text-base);line-height:1.8}.memory-trick-box{animation:memoryGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2426,#f59e0b14);border-left:4px solid var(--warning);border-radius:var(--radius-xl);box-shadow:0 4px 24px #fbbf2426;margin-top:var(--space-6);padding:var(--space-6)}@keyframes memoryGlow{0%,to{box-shadow:0 4px 24px #fbbf2426}50%{box-shadow:0 6px 32px #fbbf2440}}.memory-trick-header{align-items:center;color:var(--warning);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-3);margin-bottom:var(--space-4)}.memory-trick-icon{animation:streakPulse 2.5s ease-in-out infinite;font-size:1.75rem}.memory-trick-text{background:#fbbf240f;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:600;line-height:1.8;padding:var(--space-4)}.start-practice-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:0 8px 30px #667eea66,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-xl);font-weight:700;margin-top:var(--space-8);padding:var(--space-5);transition:var(--transition);width:100%}.start-practice-btn:hover{box-shadow:0 12px 40px #667eea80,inset 0 1px 0 #ffffff26;transform:translateY(-3px) scale(1.01)}.start-practice-btn:active{transform:translateY(-1px)}.question-section{animation:lessonFadeIn .6s ease-out}.question-progress-bar{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:var(--radius-full);height:10px;margin-bottom:var(--space-8);overflow:hidden}.progress-fill{box-shadow:0 0 16px #667eea66;overflow:hidden;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);inset:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-header{margin-bottom:var(--space-6);text-align:center}.question-number{color:var(--text-muted);font-size:var(--text-sm);font-weight:700;letter-spacing:2px;text-transform:uppercase}.challenge-banner{animation:bannerPulse 3.5s ease-in-out infinite;background:var(--gradient-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glow-primary);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative;text-align:center}.challenge-banner:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);content:"";inset:0;position:absolute}@keyframes bannerPulse{0%,to{box-shadow:var(--shadow-glow-primary)}50%{box-shadow:0 8px 40px #667eea80}}.challenge-banner h3{color:#fff;font-size:var(--text-3xl);font-weight:900;margin-bottom:var(--space-3);position:relative}.challenge-banner p{color:#ffffffe6;font-size:var(--text-base);line-height:1.6;position:relative}.question-card{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-10);position:relative}.question-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.question-text{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-8)}.options-container{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.option-btn{align-items:center;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:2px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-base);gap:var(--space-5);overflow:hidden;padding:var(--space-5);position:relative;text-align:left;transition:var(--transition)}.option-btn:before{background:linear-gradient(90deg,#667eea1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.option-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#667eea0a);border-color:var(--primary);transform:translateX(8px)}.option-btn:hover:not(:disabled):before{width:100%}.option-btn.correct{animation:optionCorrectPulse .6s ease;background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:var(--success)}@keyframes optionCorrectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.option-btn.incorrect{animation:optionShake .5s ease;background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:var(--danger)}@keyframes optionShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.option-letter{background:var(--primary);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-lg);font-weight:800;height:44px;transition:var(--transition);width:44px}.option-btn:hover:not(:disabled) .option-letter{transform:scale(1.08) rotate(4deg)}.option-btn.correct .option-letter{background:var(--success);box-shadow:0 4px 12px #10b98166}.option-btn.incorrect .option-letter{background:var(--danger);box-shadow:0 4px 12px #ef444466}.option-text{line-height:1.6}.feedback-card{animation:feedbackSlideUp .5s ease-out;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-top:var(--space-8);padding:var(--space-8)}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.correct-feedback{background:linear-gradient(135deg,#10b98126,#10b9810f);border:2px solid var(--success)}.incorrect-feedback{background:linear-gradient(135deg,#ef444426,#ef44440f);border:2px solid var(--danger)}.feedback-header{gap:var(--space-4);margin-bottom:var(--space-4)}.feedback-icon{animation:feedbackIconPop .6s ease;font-size:2.5rem}@keyframes feedbackIconPop{0%,to{transform:scale(1)}50%{transform:scale(1.25) rotate(8deg)}}.feedback-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:800}.feedback-text{color:var(--text-primary);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-5)}.xp-earned-display{align-items:center;animation:xpBounce .8s ease;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d;border-radius:var(--radius-xl);color:var(--success);display:flex;font-size:var(--text-lg);font-weight:800;gap:var(--space-3);padding:var(--space-4)}@keyframes xpBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}.xp-icon{font-size:1.5rem}.continue-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:0 8px 30px #667eea66,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-lg);font-weight:700;margin-top:var(--space-6);padding:var(--space-5);transition:var(--transition);width:100%}.continue-btn:hover{box-shadow:0 12px 40px #667eea80,inset 0 1px 0 #ffffff26;transform:translateY(-3px) scale(1.01)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);justify-content:center;min-height:80vh}.spinner{animation:lessonSpin .9s linear infinite;border:4px solid #667eea26;border-top:4px solid var(--primary);height:64px;width:64px}@keyframes lessonSpin{to{transform:rotate(1turn)}}.loading-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl);font-weight:800}.loading-subtext{color:var(--text-secondary);font-size:var(--text-base)}.error-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-5);justify-content:center;min-height:80vh}.error-container h2{color:var(--text-primary);font-size:var(--text-4xl)}.error-container p{color:var(--text-secondary);font-size:var(--text-lg)}@media (max-width:768px){.lesson-content{padding:var(--space-6) var(--space-4)}.lesson-title{font-size:var(--text-3xl)}.lesson-top-bar{padding:var(--space-3) var(--space-4)}.intro-content,.question-card,.teaching-section{padding:var(--space-6)}.question-text{font-size:var(--text-xl)}.option-btn{font-size:var(--text-sm);gap:var(--space-4);padding:var(--space-4)}.option-letter{font-size:var(--text-base);height:40px;width:40px}.stats-bar{gap:var(--space-2)}.stat-badge{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.badge-icon{font-size:1rem}.challenge-banner{padding:var(--space-6)}.challenge-banner h3{font-size:var(--text-2xl)}.feedback-card{padding:var(--space-6)}.section-title{font-size:var(--text-2xl)}}@media (max-width:480px){.lesson-title{font-size:var(--text-2xl)}.content-paragraph,.intro-paragraph{font-size:var(--text-base)}.intro-content,.question-card,.teaching-section{padding:var(--space-5)}.back-button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.option-btn{gap:var(--space-3);padding:var(--space-3)}.option-letter{font-size:var(--text-sm);height:36px;width:36px}.key-point-card{gap:var(--space-3);padding:var(--space-4)}.example-box,.memory-trick-box{padding:var(--space-5)}.xp-popup{font-size:var(--text-3xl);padding:var(--space-6) var(--space-8)}.xp-popup-icon{font-size:2.5rem}}.lesson-complete-container{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;position:relative;text-align:center}.confetti-piece{animation:confettiFall ease-out forwards;height:10px;pointer-events:none;position:fixed;top:-10px;width:10px;z-index:1000}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:.5;transform:translateY(110vh) rotate(2turn)}}.complete-content{max-width:700px;padding:3rem;position:relative;z-index:10}.trophy-icon{animation:trophyBounce 1s ease-out;font-size:6rem;margin-bottom:1rem}@keyframes trophyBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.complete-title{animation:slideDown .8s ease-out;background:var(--gradient-primary);font-size:3.5rem;margin-bottom:.5rem}.complete-subtitle{color:var(--text-secondary);font-size:1.3rem;margin-bottom:3rem}.stats-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.stat-card{animation:popIn .5s ease-out;animation-fill-mode:both;border-radius:20px;box-shadow:var(--shadow-lg);min-width:200px;padding:2rem 3rem}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:hover{transform:translateY(-10px) scale(1.05)}.xp-card{border:2px solid;border-image:var(--gradient-primary) 1;overflow:hidden;position:relative}.xp-card:before{animation:rotate 4s linear infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.streak-card{border:2px solid var(--warning-color);overflow:hidden;position:relative}.streak-card:before{animation:rotate 4s linear infinite reverse;background:radial-gradient(circle,#f265221a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.stat-icon{display:block;font-size:3rem}.stat-icon,.stat-label,.stat-value{position:relative;z-index:1}.achievements-earned{animation:fadeIn .8s ease-out;animation-delay:.4s;animation-fill-mode:both;margin-bottom:3rem}.achievements-earned h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.achievement-badges{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.achievement-badge{align-items:center;animation:achievementPop .6s ease-out;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 0 20px #5865f24d;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1.5rem;transition:var(--transition)}.achievement-badge:nth-child(2){animation-delay:.2s}.achievement-badge:nth-child(3){animation-delay:.4s}@keyframes achievementPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.achievement-badge:hover{box-shadow:0 0 30px #5865f280;transform:translateY(-5px) scale(1.05)}.badge-icon{animation:pulse 2s infinite;font-size:2.5rem}.badge-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.action-buttons{flex-direction:column;margin:0 auto 2rem;max-width:400px}.btn-large{padding:1.2rem 2.5rem}.motivational-message{background:#5865f21a;border-left:4px solid var(--primary-color);border-radius:16px;margin-top:2rem;padding:1.5rem}.motivational-message p{color:var(--text-secondary);font-size:1.1rem;margin:0}.animate-pop-in{animation:popIn .8s ease-out}@media (max-width:768px){.complete-content{padding:2rem 1rem}.trophy-icon{font-size:4rem}.complete-title{font-size:2.5rem}.stats-row{flex-direction:column;gap:1rem}.stat-card{margin:0 auto;max-width:300px;min-width:0;min-width:auto;width:100%}.achievement-badges{gap:1rem}.achievement-badge{min-width:100px;padding:1rem}.badge-icon{font-size:2rem}.action-buttons{width:100%}}.boss-battle-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem;position:relative}.boss-battle-loading{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);display:flex;justify-content:center;min-height:100vh}.boss-intro{animation:pulse 2s infinite;text-align:center}.boss-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#f06595);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1rem;text-shadow:0 0 30px #ff6b6b80}.boss-subtitle{color:var(--text-secondary);font-size:1.5rem;margin-bottom:2rem}.battle-arena{background:var(--card-bg);border:2px solid #ff6b6b4d;border-radius:20px;box-shadow:var(--shadow-xl);margin-bottom:2rem;padding:2rem}.boss-section,.player-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem}.boss-character,.player-character{animation:float 3s ease-in-out infinite;font-size:5rem}.boss-character{animation:bossFloat 2s ease-in-out infinite}@keyframes bossFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.vs-divider{animation:rotate 4s linear infinite;font-size:3rem;opacity:.5}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.health-container{max-width:300px;width:100%}.health-label{color:var(--text-secondary);font-weight:700;margin-bottom:.5rem;text-align:center}.health-bar{border:2px solid #fff3;border-radius:12px;height:24px;position:relative;width:100%}.health-fill{overflow:hidden;position:relative}.boss-health{background:linear-gradient(90deg,#ff6b6b,#ee5a6f);box-shadow:0 0 20px #ff6b6b99}.player-health{background:linear-gradient(90deg,#51cf66,#37b24d);box-shadow:0 0 20px #51cf6699}.health-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.health-text{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-top:.5rem;text-align:center}.hearts-display{display:flex;gap:.5rem;margin-top:.5rem}.heart{font-size:1.5rem;transition:var(--transition)}.heart.active{animation:heartbeat 1s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(.9)}}.battle-progress{margin-bottom:2rem}.progress-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:var(--gradient-primary)}.progress-text{color:var(--text-secondary);font-size:.95rem;font-weight:600;text-align:center}.battle-question-card{background:var(--card-bg);border:2px solid #ffffff1a;border-radius:20px;box-shadow:var(--shadow-xl);margin-bottom:2rem;padding:3rem}.question-text{font-size:1.8rem;line-height:1.4;margin-bottom:2rem}.battle-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.battle-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;padding:1.5rem;transition:var(--transition)}.battle-option:hover:not(:disabled){background:#ffffff1a;border-color:var(--primary-color);transform:translateX(10px)}.battle-option.correct{animation:correctPulse .5s;background:#51cf6633;border-color:var(--success-color)}.battle-option.incorrect{animation:shake .5s;background:#ed424533;border-color:var(--danger-color)}.option-letter{background:var(--primary-color);border-radius:50%}.option-text{text-align:left}.battle-feedback{animation:slideUp .3s ease;border-radius:12px;margin-top:2rem;padding:2rem}.battle-feedback.correct{background:#51cf6633;border:2px solid var(--success-color)}.battle-feedback.incorrect{background:#ed424533;border:2px solid var(--danger-color)}.feedback-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.feedback-icon{font-size:2rem}.feedback-header h3{font-size:1.5rem;margin:0}.feedback-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.battle-score{background:var(--card-bg);border:2px solid #ffffff1a;border-radius:12px;box-shadow:var(--shadow-lg);padding:1rem 1.5rem;position:fixed;right:2rem;top:100px}.score-label{color:var(--text-secondary);margin-right:.5rem}.score-value{background:var(--gradient-primary);font-size:1.5rem;font-weight:700}.boss-battle-complete{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.battle-result{animation:scaleIn .5s ease;background:var(--card-bg);border:2px solid #ffffff1a;border-radius:24px;box-shadow:var(--shadow-xl);max-width:800px;padding:4rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.defeat-badge,.victory-badge{animation:bounce 2s infinite;font-size:6rem;margin-bottom:1rem}.result-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1rem}.rank-title{font-size:2.5rem;font-weight:900;margin-bottom:3rem;text-shadow:0 0 20px currentColor}.defeat-message{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem}.battle-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:3rem 0}.stat-box{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:var(--transition)}.stat-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-box.highlight{background:#667eea33;border-color:var(--primary-color)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2.5rem}.xp-breakdown{background:#667eea1a;border:2px solid #667eea4d;border-radius:12px;margin:2rem 0;padding:2rem}.xp-breakdown h3{font-size:1.3rem;margin-bottom:1rem}.xp-item{color:var(--text-secondary);font-size:1.1rem;padding:.5rem 0}.battle-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.battle-next-btn{animation:pulse 2s infinite}@media (max-width:768px){.boss-battle-container{padding:1rem}.battle-arena{flex-direction:column;gap:2rem;padding:1.5rem}.vs-divider{transform:rotate(90deg)}.boss-character,.player-character{font-size:4rem}.boss-title{font-size:2.5rem}.question-text{font-size:1.3rem}.battle-question-card{padding:2rem}.battle-score{margin-bottom:1rem;position:static}.battle-result{padding:2rem}.result-title{font-size:2.5rem}.rank-title{font-size:1.8rem}.battle-stats{grid-template-columns:repeat(2,1fr)}}.dashboard-container{margin:0 auto;max-width:1200px;padding:1.5rem}.dashboard-header{margin-bottom:2rem;text-align:center}.greeting{color:#667eea;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.greeting-subtitle{color:#9ca3af;font-size:1rem}.continue-learning-section{margin-bottom:2rem}.continue-learning-section .section-header{margin-bottom:1rem}.continue-learning-section .section-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.continue-learning-section .section-header p{color:#9ca3af;font-size:.9rem}.continue-learning-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.continue-card{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .2s}.continue-card:hover{border-color:#667eea66;transform:translateY(-2px)}.continue-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.continue-icon{font-size:1.25rem}.continue-badge{background:#10b98126;border-radius:12px;color:#10b981;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.continue-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.75rem}.continue-progress{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden}.continue-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%}.continue-card .continue-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:block;font-size:.9rem;font-weight:600;padding:.75rem;text-align:center;width:100%}.continue-card .continue-btn:hover{opacity:.9}.new-path-card{align-items:center;background:#667eea0d;border-color:#667eea4d;border-style:dashed;display:flex;flex-direction:column;justify-content:center;text-align:center}.new-path-card:hover{background:#667eea1a;border-color:#667eea}.new-path-icon{font-size:2rem;margin-bottom:.5rem}.new-path-card h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.new-path-card p{color:#9ca3af;font-size:.85rem}.quick-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.quick-stat-card{align-items:center;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.stat-icon-large{font-size:2rem}.stat-content{flex:1 1}.stat-value-large{color:#667eea;font-size:1.5rem;font-weight:700}.stat-label-small{color:#9ca3af;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.daily-goal-section{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:#fff;font-size:1.1rem;font-weight:600}.goal-status{color:#10b981;font-weight:600}.goal-progress-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:.75rem;overflow:hidden;width:100%}.goal-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;height:100%}.goal-details{color:#9ca3af;display:flex;font-size:.9rem;justify-content:space-between}.goal-remaining{color:#667eea;font-weight:600}.streak-calendar-section{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.section-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.streak-subtitle{color:#9ca3af;font-size:.9rem;margin-bottom:1rem;text-align:center}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(10,1fr);margin:0 auto;max-width:500px}.calendar-day{align-items:center;aspect-ratio:1;background:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;font-size:.7rem;justify-content:center}.calendar-day.active{background:linear-gradient(135deg,#f97316,#ea580c)}.calendar-day.today{border:2px solid #10b981}.day-number{font-weight:600;opacity:.7}.calendar-day.active .day-number{color:#fff;opacity:1}.day-indicator{font-size:.9rem}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.dashboard-section{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-card{align-items:center;background:#ffffff08;border-left:3px solid;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.recommendation-card:hover{background:#667eea1a}.rec-icon{align-items:center;border-radius:8px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.rec-content{flex:1 1}.rec-content h3{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.2rem}.rec-content p{color:#9ca3af;font-size:.8rem}.rec-arrow{color:#9ca3af;font-size:1rem}.tasks-list{display:flex;flex-direction:column;gap:.5rem}.task-item{align-items:center;background:#ffffff08;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.task-item:hover{background:#667eea1a}.task-icon{font-size:1rem}.task-title{color:#fff;flex:1 1;font-size:.85rem}.task-action{color:#9ca3af}.learning-paths-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.learning-path-card{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .2s}.learning-path-card:hover{border-color:#667eea66;transform:translateY(-2px)}.learning-path-card h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:1rem}.path-progress{margin-bottom:.75rem}.path-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.path-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%}.path-progress-text{color:#9ca3af;font-size:.8rem}.path-meta{align-items:center;color:#9ca3af;display:flex;font-size:.85rem;justify-content:space-between}.path-meta .continue-btn{color:#667eea;font-weight:600}.learning-path-card:hover .continue-btn{color:#818cf8}.empty-state{color:#9ca3af}.empty-state p{margin-bottom:1rem}.empty-state-small{color:#9ca3af;padding:2rem;text-align:center}.empty-state-small p{font-size:.9rem;margin-bottom:.75rem}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.spinner{animation:spin .8s linear infinite;border:3px solid #667eea33;border-top-color:#667eea;height:40px;width:40px}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:1rem}.greeting{font-size:1.5rem}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(7,1fr)}.learning-paths-grid{grid-template-columns:1fr}}@media (max-width:480px){.quick-stats-grid{grid-template-columns:1fr}}.analytics-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.analytics-header{margin-bottom:3rem;text-align:center}.analytics-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:.5rem}.analytics-subtitle{color:var(--text-secondary);font-size:1.2rem}.timeframe-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.timeframe-btn{background:var(--card-bg);border:2px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.timeframe-btn:hover{background:#ffffff0d;border-color:var(--primary-color)}.timeframe-btn.active{background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.metric-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:16px;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.metric-icon{font-size:2.5rem;margin-bottom:1rem}.metric-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.metric-label{color:var(--text-secondary);font-size:1rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.metric-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.metric-bar-fill{animation:fillBar 1.5s ease-out;border-radius:4px;height:100%}.metric-bar-fill.accuracy{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.metric-bar-fill.completion{background:linear-gradient(90deg,#10b981,#34d399)}.metric-bar-fill.time{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-bar-fill.streak{background:linear-gradient(90deg,#f5576c,#f093fb)}.chart-section{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:20px;box-shadow:var(--shadow-md);margin-bottom:3rem;padding:2rem}.chart-section h2{font-size:1.8rem;margin-bottom:.5rem}.chart-subtitle{color:var(--text-secondary);margin-bottom:2rem}.xp-chart{display:flex;gap:1rem;height:300px;margin-bottom:1.5rem}.chart-y-axis{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;font-weight:600;justify-content:space-between;padding-right:1rem}.chart-content{flex:1 1;position:relative}.chart-grid{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0}.grid-line{background:#ffffff1a;height:1px}.chart-bars{gap:4px;z-index:1}.bar-container,.chart-bars{align-items:flex-end;display:flex;height:100%;position:relative}.bar-container{flex:1 1}.bar{animation:growBar .8s ease-out;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;position:relative;transition:all .3s ease;width:100%}.bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}.bar:hover .bar-tooltip{opacity:1;transform:translateY(-5px)}.bar-tooltip{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;font-size:.75rem;font-weight:600;left:50%;opacity:0;padding:.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.chart-total{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1.5rem}.total-label{color:var(--text-secondary);font-size:1rem}.total-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.subject-performance-list{display:flex;flex-direction:column;gap:1.5rem}.subject-performance-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem}.subject-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.subject-name{font-size:1.1rem;font-weight:600}.subject-stats{color:var(--text-secondary);font-size:.9rem}.subject-progress-bar{background:#ffffff1a;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.subject-progress-fill{animation:fillBar 1.5s ease-out;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;height:100%;position:relative}.subject-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.subject-percentage{color:#fff;font-size:.75rem;font-weight:700;position:absolute;right:8px;text-shadow:0 1px 3px #00000080;top:50%;transform:translateY(-50%)}.insights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:16px;box-shadow:var(--shadow-md);padding:2rem}.insight-card h3{font-size:1.3rem;margin-bottom:1.5rem}.insight-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.insight-stat{background:#ffffff0d;border-radius:12px;padding:1.5rem;text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:800}.trend-list{display:flex;flex-direction:column;gap:1rem}.trend-item{align-items:center;background:#ffffff0d;border-left:3px solid;border-radius:8px;display:flex;gap:1rem;padding:1rem}.trend-item.positive{border-left-color:#10b981}.trend-icon{font-size:1.5rem}.goal-list{display:flex;flex-direction:column;gap:1rem}.goal-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:1rem}.goal-icon{font-size:1.5rem}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:400px}@keyframes fillBar{0%{width:0}to{width:100%}}@keyframes growBar{0%{height:0}}@media (max-width:768px){.analytics-container{padding:1rem}.analytics-header h1{font-size:2rem}.timeframe-selector{flex-direction:column}.timeframe-btn{width:100%}.metrics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.metric-value{font-size:2rem}.xp-chart{height:200px}.chart-y-axis{font-size:.7rem}.insight-stats,.insights-grid{grid-template-columns:1fr}}.profile-container{animation:profileFadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-header{margin-bottom:var(--space-8);position:relative}.profile-banner{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;height:180px;overflow:hidden;position:relative}.banner-gradient{animation:bannerGradientShift 12s ease infinite;background:var(--gradient-primary);background-size:200% 200%;height:100%;position:relative;width:100%}.banner-gradient:after{background:radial-gradient(ellipse at 30% 50%,#ffffff26 0,#0000 50%),radial-gradient(ellipse at 70% 60%,#764ba24d 0,#0000 40%);content:"";inset:0;position:absolute}@keyframes bannerGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.profile-info-section{align-items:flex-end;background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:none;box-shadow:var(--shadow-xl);display:flex;gap:var(--space-6);padding:0 var(--space-8) var(--space-8) var(--space-8);position:relative}.profile-avatar-large{align-items:center;background:var(--gradient-primary);border:5px solid var(--bg-elevated);border-radius:50%;box-shadow:0 8px 30px #667eea80,inset 0 1px 0 #fff3;color:#fff;display:flex;flex-shrink:0;font-size:3rem;font-weight:900;height:120px;justify-content:center;margin-top:-55px;position:relative;width:120px}.profile-avatar-large:after{background:var(--gradient-primary);border-radius:50%;content:"";filter:blur(8px);inset:-3px;opacity:.3;position:absolute;z-index:-1}.profile-details{flex:1 1;min-width:0;padding-top:var(--space-4)}.profile-name{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-4xl);font-weight:900;letter-spacing:-.02em;margin-bottom:var(--space-2)}.profile-email{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-level-badge{align-items:center;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:2px solid #fbbf244d;border-radius:var(--radius-full);color:#fbbf24;display:inline-flex;font-size:var(--text-sm);font-weight:800;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.badge-icon{font-size:1.2rem}.btn-edit-profile{align-items:center;background:linear-gradient(135deg,#667eea26,#667eea14);border:2px solid #667eea4d;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:var(--transition)}.btn-edit-profile:hover{background:linear-gradient(135deg,#667eea40,#667eea26);border-color:#667eea80;box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.level-progress-section{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-8);position:relative}.level-progress-section:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.level-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.level-current,.level-next{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-base);font-weight:700;gap:var(--space-2)}.level-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.4rem}.level-xp{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-lg);font-weight:800}.level-progress-bar{background:#ffffff0f;border:1px solid #ffffff0d;border-radius:var(--radius-full);height:28px;margin-bottom:var(--space-3);overflow:hidden;position:relative;width:100%}.level-progress-fill{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 0 24px #667eea66;display:flex;justify-content:flex-end;padding-right:var(--space-4);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.level-progress-fill:after{animation:levelShimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);inset:0}@keyframes levelShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percent{color:#fff;font-size:var(--text-sm);font-weight:800;position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}.level-next-message{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-align:center}.profile-tabs{border-bottom:2px solid var(--border-default);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-1)}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:600;margin-bottom:-3px;padding:var(--space-4) var(--space-6);position:relative;transition:var(--transition-fast)}.tab-button:hover{background:#667eea14;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--primary);color:var(--text-primary)}.tab-panel{animation:tabPanelFade .4s ease}@keyframes tabPanelFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-heading{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--space-6)}.stats-grid-profile{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-10)}.stat-card-profile{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:var(--transition)}.stat-card-profile:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card-profile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-glow-primary);transform:translateY(-4px)}.stat-icon-profile{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:2.75rem;margin-bottom:var(--space-3)}.stat-value-profile{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-4xl);font-weight:900;letter-spacing:-.02em;margin-bottom:var(--space-2)}.stat-label-profile{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.info-cards-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-10)}.info-card{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-6);position:relative}.info-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--space-5)}.info-card-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-5)}.accuracy-circle{height:140px;position:relative;width:140px}.accuracy-circle svg{transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff0f;stroke-width:10}.circle-progress{fill:none;stroke:url(#gradient);stroke-width:10;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;animation:circleProgressFill 1.5s cubic-bezier(.4,0,.2,1) forwards;filter:drop-shadow(0 0 8px rgba(102,126,234,.4))}@keyframes circleProgressFill{to{stroke-dashoffset:283;stroke-dashoffset:var(--progress,283)}}.accuracy-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-3xl);font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.accuracy-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.accuracy-label,.time-display{text-align:center}.time-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-4xl);font-weight:900;margin-bottom:var(--space-2)}.time-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.time-breakdown{flex-direction:column;width:100%}.time-breakdown,.time-item{display:flex;gap:var(--space-3)}.time-item{align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-3)}.time-icon{font-size:1.2rem}.quick-actions-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:linear-gradient(135deg,#667eea1a,#667eea0a);border:2px solid #667eea33;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--space-4);padding:var(--space-5);text-decoration:none;transition:var(--transition)}.action-card:hover{background:linear-gradient(135deg,#667eea33,#667eea1a);border-color:#667eea66;box-shadow:var(--shadow-glow-primary);transform:translateY(-3px)}.action-icon{font-size:1.4rem}.action-text{flex:1 1;font-size:var(--text-sm)}.action-arrow{font-size:1.2rem;opacity:.5;transition:var(--transition-fast)}.action-card:hover .action-arrow{opacity:1;transform:translateX(4px)}.detailed-stats-grid{display:flex;flex-direction:column;gap:var(--space-5)}.detailed-stat{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);position:relative}.detailed-stat-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;letter-spacing:1.5px;margin-bottom:var(--space-2);text-transform:uppercase}.detailed-stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-3xl);font-weight:900;margin-bottom:var(--space-4)}.detailed-stat-bar{background:#ffffff0f;border-radius:var(--radius-full);height:10px;overflow:hidden;width:100%}.detailed-stat-fill{animation:detailedBarFill 1.5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);height:100%}@keyframes detailedBarFill{0%{width:0}}.detailed-stat-fill.xp{background:var(--gradient-success);box-shadow:0 0 12px #10b98166}.detailed-stat-fill.streak{background:linear-gradient(90deg,#f5576c,#f093fb);box-shadow:0 0 12px #f5576c66}.detailed-stat-fill.modules{background:var(--gradient-primary);box-shadow:0 0 12px #667eea66}.detailed-stat-fill.accuracy{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 12px #3b82f666}.achievements-grid-profile{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.achievement-badge-profile{background:var(--gradient-surface);border:2px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);position:relative;text-align:center;transition:var(--transition)}.achievement-badge-profile.unlocked{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.achievement-badge-profile.locked{filter:grayscale(90%);opacity:.35}.achievement-badge-profile:hover{transform:translateY(-5px)}.achievement-badge-profile.unlocked:hover{box-shadow:0 8px 30px #667eea66,inset 0 1px 0 #ffffff1a}.achievement-icon-profile{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3.25rem;margin-bottom:var(--space-3)}.achievement-badge-profile.unlocked .achievement-icon-profile{animation:achievementBounce 2.5s ease-in-out infinite}@keyframes achievementBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.achievement-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.achievement-desc{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4}.profile-loading{align-items:center;justify-content:center;min-height:400px}.profile-loading,.settings-section{display:flex;flex-direction:column;gap:var(--space-6)}.settings-card{background:var(--gradient-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative;transition:var(--transition)}.settings-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.settings-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.settings-card-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--space-2)}.settings-card-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-5)}.settings-form{gap:var(--space-5)}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.form-input{background:#00000040;border:2px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-4) var(--space-5);transition:var(--transition-fast)}.form-input:focus{background:#00000059;border-color:var(--primary);box-shadow:0 0 0 4px #667eea26;outline:none}.form-input::placeholder{color:var(--text-muted)}.btn-settings{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 15px #667eea59,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:700;margin-top:var(--space-2);padding:var(--space-4) var(--space-6);transition:var(--transition)}.btn-settings:hover:not(:disabled){box-shadow:0 8px 25px #667eea73,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-settings:disabled{cursor:not-allowed;opacity:.5}.message{animation:messageFade .3s ease;border-radius:var(--radius-lg);font-weight:600;padding:var(--space-4) var(--space-5);text-align:center}@keyframes messageFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#10b98126;border:2px solid #10b9814d;color:var(--success)}.message.error{background:#ef444426;border:2px solid #ef44444d;color:var(--danger)}@media (max-width:900px){.profile-info-section{padding:0 var(--space-6) var(--space-6) var(--space-6)}.profile-name{font-size:var(--text-3xl)}.stats-grid-profile{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-container{padding:var(--space-4)}.profile-banner{height:140px}.profile-info-section{align-items:center;flex-direction:column;gap:var(--space-4);padding:0 var(--space-5) var(--space-5) var(--space-5);text-align:center}.profile-avatar-large{font-size:2.5rem;height:100px;margin-top:-50px;width:100px}.profile-details{padding-top:0}.profile-name{font-size:var(--text-2xl)}.profile-tabs{flex-wrap:wrap;gap:0}.tab-button{flex:1 1;font-size:var(--text-sm);min-width:100px;padding:var(--space-3) var(--space-4);text-align:center}.stats-grid-profile{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.stat-card-profile{padding:var(--space-5)}.stat-value-profile{font-size:var(--text-3xl)}.info-cards-grid,.quick-actions-grid{grid-template-columns:1fr}.achievements-grid-profile{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.achievement-badge-profile{padding:var(--space-5)}.achievement-icon-profile{font-size:2.5rem}.settings-card{padding:var(--space-6)}}@media (max-width:480px){.profile-container{padding:var(--space-3)}.profile-banner{height:120px}.profile-avatar-large{font-size:2.25rem;height:90px;margin-top:-45px;width:90px}.profile-name{font-size:var(--text-xl)}.profile-email{font-size:var(--text-sm)}.level-progress-section{padding:var(--space-5)}.level-progress-bar{height:22px}.stats-grid-profile{gap:var(--space-2)}.stat-card-profile{padding:var(--space-4)}.stat-icon-profile{font-size:2.25rem}.stat-value-profile{font-size:var(--text-2xl)}.achievements-grid-profile{gap:var(--space-2)}.achievement-badge-profile{padding:var(--space-4)}}.flashcard-container{margin:0 auto;max-width:700px;padding:2rem}.flashcard-wrapper{cursor:pointer;height:400px;margin:2rem 0;perspective:1000px;width:100%}.flashcard-content{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard-content.is-flipped{transform:rotateY(180deg)}.flashcard-back-side,.flashcard-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;box-shadow:0 10px 30px #00000080;height:100%;position:absolute;width:100%}.flashcard-front{background:var(--card-bg);border:1px solid #ffffff1a}.flashcard-back-side{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:2px solid #667eea80;transform:rotateY(180deg)}.card-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.card-inner h3,.card-inner p{word-wrap:break-word;margin:0;text-align:center}.spaced-repetition-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.sr-btn{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;min-width:120px;padding:1rem;transition:all .3s ease}.sr-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.sr-time{font-size:.85rem;font-weight:700;margin-bottom:.5rem;opacity:.8}.sr-label{font-size:1rem;font-weight:600}.sr-again{background:#fee;border-color:#fcc;color:#c00}.sr-again:hover{background:#fcc}.sr-hard{background:#ffe;border-color:#ffc;color:#c70}.sr-hard:hover{background:#ffc}.sr-good{background:#efe;border-color:#cfc;color:#070}.sr-good:hover{background:#cfc}.sr-easy{background:#eff;border-color:#cff;color:#07c}.sr-easy:hover{background:#cff}.session-complete{padding:2rem;text-align:center}.complete-icon{animation:bounce 1s ease-in-out;font-size:4rem;margin-bottom:1rem}.session-stats{background:#f8f9fa;border-radius:10px;margin:2rem 0;padding:1.5rem}.stat-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 0}.stat-row:last-child{border-bottom:none}.stat-label{font-weight:500}.stat-value{color:var(--primary-color)}.deck-stats{margin:2rem 0}.deck-stats h3{color:var(--text-primary);margin-bottom:1rem}.deck-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem}.deck-stat-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:1.5rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-description{font-size:.9rem;opacity:.9}@media (max-width:768px){.flashcard-container{padding:1rem}.flashcard{height:350px}.spaced-repetition-buttons{gap:.5rem}.sr-btn{font-size:.9rem;min-width:80px;padding:.75rem}.deck-stats-grid{grid-template-columns:repeat(2,1fr)}}.flashcard-topics-container{margin:0 auto;max-width:1200px;padding:2rem}.header-section{margin-bottom:3rem;text-align:center}.header-section h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:1.1rem}.topics-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.topic-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 6px #0000004d;cursor:pointer;padding:1.5rem;transition:all .3s ease}.topic-card:hover{border-color:#667eea80;box-shadow:0 8px 15px #0006;transform:translateY(-5px)}.topic-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.topic-header h3{color:var(--text-primary);flex:1 1;font-size:1.3rem;margin:0}.due-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.3rem .8rem;white-space:nowrap}.topic-stats{grid-gap:1rem;background:#0003;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem}.stat-item{text-align:center}.stat-label{font-size:.85rem;margin-bottom:.3rem}.stat-value{font-size:1.5rem}.stat-new{color:#667eea}.stat-learning{color:gold}.stat-mature{color:#4ade80}.no-cards-message{color:var(--text-secondary);font-style:italic;grid-column:1/-1;padding:.5rem;text-align:center}.topic-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.topic-modules{color:var(--text-secondary);font-size:.9rem}.btn-small{font-size:.9rem;padding:.5rem 1rem}.empty-state{padding:4rem 2rem}.empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.empty-state h2{color:var(--text-primary);margin-bottom:1rem}.empty-state p{margin-bottom:2rem}.loading{min-height:60vh}.spinner{height:50px;margin-bottom:1rem;width:50px}@media (max-width:768px){.flashcard-topics-container{padding:1rem}.header-section h1{font-size:2rem}.topics-grid{gap:1rem;grid-template-columns:1fr}.topic-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.topic-header{align-items:flex-start;flex-direction:column}.due-badge{align-self:flex-start}.topic-footer{align-items:stretch;flex-direction:column;gap:1rem}.topic-footer .btn{width:100%}}.progress-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.progress-container h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:.5rem;text-align:center}.subtitle{color:var(--text-secondary);font-size:1.2rem}.level-card,.subtitle{margin-bottom:3rem;text-align:center}.level-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:20px;box-shadow:var(--shadow-lg);padding:3rem}.level-icon{animation:bounce 2s infinite;font-size:5rem;margin-bottom:1rem}.level-card h2{font-size:2.5rem;margin-bottom:.5rem}.level-card p{color:var(--text-secondary);margin-bottom:1rem}.level-text{font-size:1.2rem;margin:.5rem 0}.xp-text{color:var(--text-secondary);margin-bottom:1rem}.level-progress{background:#ffffff1a;height:16px;margin-top:1rem;width:100%}.level-progress,.level-progress-fill{border-radius:8px;overflow:hidden;position:relative}.level-progress-fill{height:100%;transition:width .8s ease}.level-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:var(--transition)}.stat-card:before{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .5s ease;width:200%}.stat-card:hover:before{transform:scale(1)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px)}.stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;letter-spacing:1px}.topics-section{margin:3rem 0}.topics-section h2{font-size:2rem;margin-bottom:2rem}.empty-state{background:var(--card-bg);border:2px dashed #fff3;border-radius:20px;padding:3rem;text-align:center}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.topics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.topic-progress-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:16px;box-shadow:var(--shadow-md);padding:2rem;transition:var(--transition)}.topic-progress-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.topic-progress-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.topic-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden;width:100%}.topic-progress-fill{background:var(--gradient-success);border-radius:4px;height:100%;transition:width .8s ease}.topic-stats{color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.topic-stats span{font-size:.95rem}.achievements-section{margin:3rem 0}.achievements-section h2{font-size:2rem;margin-bottom:2rem}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.achievement-card{border:2px solid #ffffff1a;border-radius:16px;padding:1.5rem;text-align:center;transition:var(--transition)}.achievement-card.unlocked{background:var(--card-bg);box-shadow:var(--shadow-md)}.achievement-card.locked{background:#ffffff0d;opacity:.6}.achievement-card.unlocked:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px) scale(1.05)}.achievement-icon{font-size:2.5rem;margin-bottom:.5rem}.achievement-card h4{font-size:1.1rem;margin-bottom:.5rem}.achievement-card p{color:var(--text-secondary);font-size:.85rem}.quick-actions{margin-top:3rem;padding:2rem;text-align:center}.quick-actions h2{font-size:2rem;margin-bottom:2rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-small{font-size:.95rem;padding:.7rem 1.5rem}.btn-large{font-size:1.2rem;padding:1.2rem 3rem}.loading{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--primary-color);height:60px;width:60px}@media (max-width:768px){.progress-container{padding:1rem}.progress-container h1{font-size:2.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:2rem}.level-card{padding:2rem}.level-icon{font-size:4rem}.topics-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.action-buttons{flex-direction:column}.btn-large{width:100%}}.navigation{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0a0a1af2;box-shadow:0 1px 0 #ffffff0d,0 4px 20px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.5rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{border-radius:var(--radius-md);flex-shrink:0;gap:.5rem;padding:.4rem .6rem;text-decoration:none;transition:var(--transition-fast)}.nav-logo:hover{background:#667eea1a}.logo-icon{font-size:1.35rem;line-height:1}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.nav-links{align-items:center;display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.nav-links a,.nav-links li{position:relative}.nav-links a{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem .85rem;text-decoration:none;transition:var(--transition-fast);white-space:nowrap}.nav-icon{font-size:1.1rem;line-height:1;transition:transform .2s ease}.nav-links a:hover{background:#667eea1a;color:var(--text-primary)}.nav-links a:hover .nav-icon{transform:scale(1.1)}.nav-links a.active{background:var(--gradient-primary-soft);box-shadow:0 2px 10px #667eea40;color:#fff}.nav-links a.active .nav-icon{transform:scale(1.1)}.nav-right{gap:.75rem}.nav-right,.quick-stats{align-items:center;display:flex;flex-shrink:0}.quick-stats{gap:.35rem}.stat-pill{align-items:center;border:1px solid;border-radius:var(--radius-full);cursor:default;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.35rem .6rem;transition:var(--transition-fast);white-space:nowrap}.stat-pill .stat-icon{font-size:.8rem;line-height:1}.stat-pill .stat-value{font-feature-settings:"tnum";font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.xp-pill{background:#10b9811a;border-color:#10b98140;color:#34d399}.xp-pill:hover{background:#10b98126;border-color:#10b98166}.streak-pill{background:#f973161a;border-color:#f9731640;color:#fb923c}.streak-pill:hover{background:#f9731626;border-color:#f9731666}.level-pill{background:#fbbf241a;border-color:#fbbf2440;color:#fbbf24}.level-pill:hover{background:#fbbf2426;border-color:#fbbf2466}.profile-dropdown{position:relative}.profile-button{align-items:center;background:#667eea14;border:1px solid #667eea33;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.25rem .7rem .25rem .25rem;transition:var(--transition-fast)}.profile-button:hover{background:#667eea26;border-color:#667eea59}.profile-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:30px;justify-content:center;width:30px}.profile-name{font-size:.85rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--text-tertiary);font-size:.65rem;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-menu{animation:menuOpen .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14142bfa;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 15px 40px #00000080;overflow:hidden;position:fixed;right:1rem;top:60px;width:260px;z-index:1001}@keyframes menuOpen{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{background:var(--gradient-primary-soft);gap:.85rem;padding:1.25rem}.menu-avatar,.menu-header{align-items:center;display:flex}.menu-avatar{background:var(--gradient-primary);border-radius:50%;box-shadow:0 4px 12px #667eea66;color:#fff;flex-shrink:0;font-size:1.15rem;font-weight:800;height:44px;justify-content:center;width:44px}.menu-info{flex:1 1;min-width:0}.menu-name{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.15rem}.menu-email,.menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-email{color:var(--text-secondary);font-size:.8rem}.menu-divider{background:var(--border-subtle);height:1px;margin:.4rem 0}.menu-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.7rem;padding:.75rem 1.25rem;text-align:left;text-decoration:none;transition:var(--transition-fast);width:100%}.menu-item:hover{background:#667eea1a;color:#fff}.menu-icon{font-size:1.1rem;text-align:center;width:1.35rem}.logout-item{color:#f87171}.logout-item:hover{background:#ef44441a;color:#f87171}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px;width:22px}.hamburger span{background:#fff;border-radius:2px;height:2.5px;transition:var(--transition-fast);width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{animation:slideDown .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a1afa;border-top:1px solid var(--border-subtle);display:none;flex-direction:column;padding:.75rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.85rem;padding:.85rem 1rem;text-decoration:none;transition:var(--transition-fast)}.mobile-nav-item.active,.mobile-nav-item:hover{background:#667eea26;color:#fff}.mobile-nav-item.active{box-shadow:0 2px 10px #667eea4d}.nav-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1300px){.nav-container{gap:.75rem;padding:.6rem 1rem}.nav-links{gap:.25rem}.nav-links a{font-size:.85rem;padding:.55rem .8rem}.logo-text{font-size:1rem}.stat-pill{font-size:.75rem;padding:.35rem .55rem}.stat-pill .stat-icon{font-size:.85rem}}@media (max-width:1100px){.profile-name{display:none}.profile-button{padding:.35rem}.stat-pill .stat-value{font-size:.75rem}}@media (max-width:1000px){.logo-text{display:none}}@media (max-width:900px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.quick-stats{display:none}}@media (max-width:768px){.nav-container{padding:.6rem .9rem}.logo-text{display:none}.logo-icon{font-size:1.25rem}.mobile-nav{display:flex}.profile-menu{max-width:300px;right:.75rem;width:calc(100vw - 1.5rem)}}@media (max-width:480px){.nav-container{gap:.75rem}.profile-avatar{font-size:.9rem;height:32px;width:32px}.dropdown-arrow{display:none}}.world-node{cursor:pointer;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;z-index:10}.world-node:hover{z-index:20}.world-node.locked{cursor:not-allowed}.world-node.locked:hover .node-circle{transform:scale(1)}.node-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#667eea66 0,#0000 70%);border-radius:50%;height:90px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.node-circle{align-items:center;border-radius:50%;box-shadow:0 8px 24px #0006,inset 0 2px 0 #fff3;display:flex;height:70px;justify-content:center;position:relative;transition:all .3s ease;width:70px}.world-node:hover .node-circle{transform:scale(1.15)}.world-node.selected .node-circle{box-shadow:0 12px 32px #00000080,0 0 0 4px #ffffff4d;transform:scale(1.2)}.lesson-node .node-circle{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffff4d}.game-node .node-circle{background:linear-gradient(135deg,#f093fb,#f5576c);border:3px solid #ffffff4d}.boss-node .node-circle{animation:bossPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff512f,#f09819);border:4px solid #fff6;height:85px;width:85px}@keyframes bossPulse{0%,to{box-shadow:0 8px 24px #ff512f66}50%{box-shadow:0 8px 40px #ff512fb3}}.world-node.locked .node-circle{background:linear-gradient(135deg,#3a3a4a,#2a2a3a);border:3px solid #ffffff1a;filter:grayscale(1)}.world-node.completed .node-circle{border-color:#57f287;box-shadow:0 8px 24px #57f2874d,inset 0 2px 0 #fff3}.node-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.boss-node .node-icon{font-size:2.5rem}.world-node.locked .node-icon{opacity:.4}.completion-badge{align-items:center;animation:popIn .3s ease;background:#57f287;border-radius:50%;box-shadow:0 4px 12px #57f28780;color:#0f0f23;display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lock-overlay{font-size:1.5rem;opacity:.7;top:50%;transform:translate(-50%,-50%)}.lock-overlay,.node-stars{left:50%;position:absolute}.node-stars{background:#0009;border-radius:10px;bottom:-20px;gap:2px;padding:2px 6px;transform:translateX(-50%)}.mini-star{color:#555;font-size:.8rem;transition:all .3s ease}.mini-star.earned{color:#fee75c;text-shadow:0 0 8px #fee75c80}.node-label{left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 25px);transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.world-node.selected .node-label,.world-node:hover .node-label{opacity:1}.node-title{background:#000000b3;border-radius:12px;color:var(--text-primary);display:block;font-size:.85rem;font-weight:600;max-width:150px;overflow:hidden;padding:.25rem .75rem;text-overflow:ellipsis}.node-xp{color:#57f287;display:block;font-size:.75rem;margin-top:4px}.pulse-ring{animation:pulseRing 2s ease-out infinite;border:3px solid #667eeacc;border-radius:50%;height:70px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px}.boss-node .pulse-ring{border-color:#ff512fcc;height:85px;width:85px}@keyframes pulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media (max-width:768px){.node-circle{height:55px;width:55px}.boss-node .node-circle{height:70px;width:70px}.node-icon{font-size:1.5rem}.boss-node .node-icon{font-size:2rem}.node-glow{height:70px;width:70px}.pulse-ring{height:55px;width:55px}.boss-node .pulse-ring{height:70px;width:70px}.node-title{font-size:.75rem;max-width:100px}.completion-badge{font-size:.75rem;height:20px;width:20px}}.world-path{transition:all .3s ease}.path-track{stroke:#ffffff1a}.world-path.locked .path-track{stroke:#ffffff0d}.world-path.locked .path-dots{stroke:#ffffff26}.world-path.unlocked .path-track{stroke:#667eea33}.world-path.unlocked .path-progress{stroke:url(#pathGradient);stroke:#667eea80;animation:pathPulse 2s ease-in-out infinite}@keyframes pathPulse{0%,to{stroke-opacity:.5}50%{stroke-opacity:.8}}.world-path.completed .path-track{stroke:#57f28733}.world-path.completed .path-progress{stroke:#57f287;stroke-opacity:.8;transition:stroke-dashoffset 1s ease-out}.path-particle{fill:#667eea;filter:drop-shadow(0 0 6px rgba(102,126,234,.8))}.world-path.completed .path-progress{filter:drop-shadow(0 0 4px rgba(87,242,135,.6))}.world-selector{background:#0003;padding:.5rem 2rem}.world-tabs{-ms-overflow-style:none;display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.world-tabs::-webkit-scrollbar{display:none}.world-tab{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-width:80px;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.world-tab:hover:not(.locked){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.world-tab.active{background:linear-gradient(135deg,#667eea4d,#f093fb4d);border-color:#667eea80;box-shadow:0 4px 20px #667eea4d}.world-tab.locked{cursor:not-allowed;filter:grayscale(.8);opacity:.5}.world-tab.completed{border-color:#57f28780}.world-tab.completed:not(.active){background:#57f2871a}.tab-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.world-tab.locked .tab-emoji{filter:grayscale(1)}.tab-number{color:var(--text-secondary);font-size:.75rem;font-weight:700}.world-tab.active .tab-number{color:var(--text-primary)}.tab-complete{align-items:center;background:#57f287;border-radius:50%;box-shadow:0 2px 8px #57f28780;color:#0f0f23;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.tab-lock{font-size:1.2rem;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.tab-progress{background:#ffffff1a;border-radius:2px;bottom:4px;height:3px;left:8px;overflow:hidden;position:absolute;right:8px}.tab-progress-fill{background:linear-gradient(90deg,#667eea,#f093fb);border-radius:2px;height:100%;transition:width .5s ease}@media (max-width:768px){.world-selector,.world-tab{padding:.5rem 1rem}.world-tab{min-width:65px}.tab-emoji{font-size:1.2rem}.tab-number{font-size:.65rem}}.map-character{pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .6s cubic-bezier(.34,1.56,.64,1),top .6s cubic-bezier(.34,1.56,.64,1);z-index:100}.character-shadow{animation:shadowPulse 1s ease-in-out infinite;background:radial-gradient(ellipse,#0006 0,#0000 70%);border-radius:50%;bottom:-20px;height:12px;left:50%;position:absolute;transform:translateX(-50%);width:40px}@keyframes shadowPulse{0%,to{opacity:.4;transform:translateX(-50%) scaleX(1)}50%{opacity:.3;transform:translateX(-50%) scaleX(.8)}}.character-body{align-items:center;animation:characterBounce 1s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #667eea80,0 0 0 4px #ffffff4d,inset 0 2px 0 #ffffff4d;display:flex;height:60px;justify-content:center;position:relative;width:60px}.map-character.moving .character-body{animation:characterMove .3s ease-in-out infinite}@keyframes characterBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes characterMove{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.character-avatar{animation:avatarWiggle 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem}.map-character.moving .character-avatar{animation:avatarExcited .2s ease-in-out infinite}@keyframes avatarWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes avatarExcited{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.1)}}.movement-trail{bottom:0;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.trail-particle{animation:trailFade .6s ease-out infinite;font-size:1rem;opacity:0}.trail-particle:first-child{animation-delay:0s}.trail-particle:nth-child(2){animation-delay:.1s}.trail-particle:nth-child(3){animation-delay:.2s}@keyframes trailFade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.5)}}.idle-particles{left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.idle-particle{animation:idleFloat 2s ease-in-out infinite;font-size:1rem;opacity:0}@keyframes idleFloat{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.5)}}.map-character.moving .character-body:after{animation:moveGlow .3s ease-in-out infinite alternate;background:radial-gradient(circle,#667eea66 0,#0000 70%);border-radius:50%;content:"";inset:-10px;position:absolute}@keyframes moveGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.character-body{height:50px;width:50px}.character-avatar{font-size:2rem}.character-shadow{bottom:-15px;height:10px;width:30px}}.wizard-dialogue-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.wizard-dialogue-container{max-width:900px;position:relative;width:100%}.dialogue-skip-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;position:absolute;right:0;top:-50px;transition:all .2s ease}.dialogue-skip-btn:hover{background:#fff3;color:#fff}.dialogue-characters{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:-20px;padding:0 2rem;position:relative;z-index:1}.dialogue-character{align-items:center;display:flex;filter:grayscale(30%);flex-direction:column;opacity:.6;transition:all .3s ease}.dialogue-character.speaking{filter:grayscale(0);opacity:1}.character-avatar{animation:characterBob 2s ease-in-out infinite;font-size:4rem;position:relative}.dialogue-character.player .character-avatar{animation-delay:-.5s}@keyframes characterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dialogue-character.speaking .character-avatar{animation:characterSpeak .5s ease-in-out infinite}@keyframes characterSpeak{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.wizard-avatar{position:relative}.celebration-sparkles{animation:sparkleFloat 1s ease-in-out infinite;font-size:1.5rem;position:absolute;right:-10px;top:-10px}@keyframes sparkleFloat{0%,to{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.5;transform:translateY(-10px) rotate(180deg)}}.character-name{background:#00000080;border-radius:12px;color:#fffc;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.dialogue-character.speaking .character-name{background:linear-gradient(135deg,#667eeacc,#764ba2cc);color:#fff}.dialogue-box{background:linear-gradient(180deg,#1e1e3cfa,#14142dfa);border:2px solid #667eea66;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;padding:1.5rem 2rem;position:relative}.dialogue-box:before{background:linear-gradient(135deg,#1e1e3cfa 50%,#0000 0);border-left:2px solid #667eea66;border-top:2px solid #667eea66;content:"";height:20px;position:absolute;top:-10px;transform:rotate(45deg);width:20px}.dialogue-box.wizard-speaking:before{right:80px}.dialogue-box.player-speaking:before{left:80px}.dialogue-speaker{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.speaker-avatar{font-size:1.5rem}.speaker-name{color:#667eea;font-size:1.1rem;font-weight:700}.dialogue-box.player-speaking .speaker-name{color:#4ade80}.dialogue-text{color:#fff;color:var(--text-primary,#fff);font-size:1.15rem;line-height:1.7;margin-bottom:1rem;min-height:60px}.typing-cursor{animation:cursorBlink .8s ease-in-out infinite;color:#667eea;display:inline-block;font-weight:700}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.dialogue-footer{align-items:center;display:flex;justify-content:space-between}.dialogue-progress{display:flex;gap:.5rem}.progress-dot{background:#fff3;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.progress-dot.active{background:#667eea;box-shadow:0 0 10px #667eea80;transform:scale(1.2)}.progress-dot.completed{background:#4ade80}.dialogue-continue-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.dialogue-continue-btn:hover{box-shadow:0 6px 20px #667eea99}@media (max-width:768px){.wizard-dialogue-overlay{padding:1rem}.dialogue-characters{padding:0 1rem}.character-avatar{font-size:3rem}.dialogue-box{padding:1.25rem 1.5rem}.dialogue-text{font-size:1rem;min-height:50px}.dialogue-box:before{display:none}.character-name{font-size:.75rem}}@media (max-width:480px){.character-avatar{font-size:2.5rem}.dialogue-text{font-size:.95rem}.dialogue-continue-btn{font-size:.9rem;padding:.6rem 1.2rem}.speaker-name{font-size:1rem}}.world-map-container{flex-direction:column;padding-bottom:2rem}.world-map-container,.world-map-loading{background:var(--bg-dark);display:flex;min-height:100vh}.world-map-loading{align-items:center;justify-content:center}.loading-content{text-align:center}.loading-character{animation:bounce 1s ease-in-out infinite;font-size:5rem;margin-bottom:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top:4px solid var(--primary-color);height:50px;margin:1rem auto;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-content p{color:var(--text-secondary);font-size:1.1rem}.world-map-error{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.world-map-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 2rem}.back-btn{background:#ffffff1a;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translateX(-3px)}.header-center{text-align:center}.header-center h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin:0}.adventure-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.master-badge{-webkit-text-fill-color:#0000;animation:masterGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb700 50%,gold);-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes masterGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.header-stats{display:flex;gap:1.5rem}.stat-item{background:#ffffff1a;border-radius:20px;gap:.5rem;padding:.5rem 1rem}.stat-icon{font-size:1.2rem}.stat-value{color:var(--text-primary)}.world-map-area{border:2px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff1a;flex:1 1;margin:1rem 2rem;min-height:500px;overflow:hidden;position:relative}.floating-background-layer{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-bg-element{animation:floatAround ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));opacity:.4;pointer-events:none;position:absolute;z-index:1}@keyframes floatAround{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(15px,-25px) rotate(5deg)}50%{transform:translate(-10px,15px) rotate(-5deg)}75%{transform:translate(20px,10px) rotate(3deg)}}.ambient-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.ambient-particle{animation:particleRise 8s ease-in-out infinite;border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}@keyframes particleRise{0%{opacity:0;transform:translateY(100%) scale(.5)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-100%) scale(1)}}.ambient-stars .ambient-particle{animation:twinkle 3s ease-in-out infinite;border-radius:50%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.ambient-bubbles .ambient-particle{animation:bubbleRise 6s ease-in-out infinite;background:#0000;border:1px solid #ffffff4d;border-radius:50%}@keyframes bubbleRise{0%{opacity:0;transform:translateY(100%) translateX(0) scale(.5)}50%{opacity:.6;transform:translateY(0) translateX(10px) scale(1)}to{opacity:0;transform:translateY(-100%) translateX(-10px) scale(.8)}}.ambient-embers .ambient-particle{animation:emberRise 4s ease-out infinite;background:tomato;box-shadow:0 0 6px tomato}@keyframes emberRise{0%{opacity:1;transform:translateY(0) translateX(0)}to{opacity:0;transform:translateY(-200px) translateX(calc(-50px + 100px*var(--random)))}}.ambient-fireflies .ambient-particle{animation:fireflyFloat 6s ease-in-out infinite;background:#90ee90;box-shadow:0 0 8px #90ee90}@keyframes fireflyFloat{0%,to{opacity:.2;transform:translate(0)}25%{opacity:1;transform:translate(30px,-20px)}50%{opacity:.5;transform:translate(-20px,10px)}75%{opacity:1;transform:translate(10px,30px)}}.ambient-snow .ambient-particle{animation:snowFall 8s linear infinite;background:#fff}@keyframes snowFall{0%{opacity:1;transform:translateY(-10px) translateX(0)}to{opacity:.3;transform:translateY(500px) translateX(100px)}}.ambient-sparkle .ambient-particle{animation:sparkleEffect 2s ease-in-out infinite;background:#e6e6fa;box-shadow:0 0 10px #e6e6fa}@keyframes sparkleEffect{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.ambient-waves .ambient-particle{animation:waveFloat 5s ease-in-out infinite;background:#ffffff80;border-radius:50%;height:3px;width:8px}@keyframes waveFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0) scaleX(1)}25%{opacity:.7;transform:translateY(-10px) translateX(20px) scaleX(1.5)}50%{opacity:.5;transform:translateY(5px) translateX(-15px) scaleX(.8)}75%{opacity:.8;transform:translateY(-5px) translateX(10px) scaleX(1.2)}}.ambient-heat .ambient-particle{animation:heatShimmer 3s ease-in-out infinite;background:#ffd7004d;border-radius:0;height:60px;width:20px}@keyframes heatShimmer{0%,to{opacity:.1;transform:translateY(0) scaleY(1) skewX(0deg)}50%{opacity:.3;transform:translateY(-30px) scaleY(1.2) skewX(5deg)}}.world-title-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:30px;display:flex;gap:1rem;left:50%;padding:.75rem 1.5rem;position:absolute;top:1rem;transform:translateX(-50%);z-index:100}.world-emoji{font-size:2rem}.world-title-text{text-align:center}.world-number{color:var(--text-muted);font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.world-title-text h2{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0}.world-difficulty{background:#ffffff26;border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .75rem;text-transform:capitalize}.decoration{animation:sway 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));pointer-events:none;position:absolute}.decoration:nth-child(odd){animation-delay:-2s}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.collectible{animation:float 2s ease-in-out infinite,sparkle 1s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:1.8rem;position:absolute;transition:transform .2s ease;z-index:50}.collectible:hover{transform:scale(1.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}}.paths-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.world-progress-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:0 2rem;padding:1rem 1.5rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-label{color:var(--text-primary);font-weight:600}.progress-stats{color:var(--text-secondary);font-size:.9rem}.progress-track{background:#ffffff1a;border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#f093fb);border-radius:6px;height:100%;position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.node-details-panel{animation:slideUp .3s ease;background:var(--card-bg);border:1px solid #ffffff26;border-radius:20px;bottom:2rem;box-shadow:0 20px 60px #00000080;left:50%;max-width:500px;padding:1.5rem;position:fixed;transform:translateX(-50%);width:90%;z-index:200}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.node-details-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.node-icon{background:#667eea33;border-radius:12px;font-size:2.5rem;padding:.5rem}.node-info{flex:1 1}.node-info h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 .25rem}.node-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.node-details-panel .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.node-details-panel .close-btn:hover{background:#fff3;color:var(--text-primary)}.node-details-body{align-items:center;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 0}.node-reward{color:var(--text-primary);font-size:1.2rem;font-weight:700}.node-stars{display:flex;gap:.25rem}.star{filter:grayscale(1);font-size:1.5rem;opacity:.3;transition:all .3s ease}.star.earned{animation:starPop .3s ease;filter:grayscale(0);opacity:1}@keyframes starPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.replay-btn,.start-btn{font-size:1.1rem;padding:1rem;width:100%}.locked-message{background:#ffffff0d;border-radius:12px;color:var(--text-muted);padding:1rem;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:768px){.world-map-header{flex-wrap:wrap;gap:.5rem;padding:1rem}.header-center h1{font-size:1.3rem}.header-stats{gap:.75rem}.stat-item{font-size:.9rem;padding:.4rem .75rem}.world-map-area{margin:.5rem 1rem;min-height:400px}.world-title-banner{padding:.5rem 1rem}.world-emoji{font-size:1.5rem}.world-title-text h2{font-size:1rem}.world-progress-bar{margin:0 1rem}.node-details-panel{bottom:1rem;padding:1rem}.node-icon{font-size:2rem}.node-info h3{font-size:1.1rem}}@media (max-width:480px){.world-map-header{flex-direction:column;text-align:center}.back-btn{align-self:flex-start}.header-stats{justify-content:center;width:100%}}.game-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f0f23f2,#191937f2);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px 0 #ffffff14;justify-content:space-between;margin:0 auto 20px;max-width:1000px;padding:14px 24px}.game-hud,.hud-left{align-items:center;display:flex}.hud-left{gap:20px}.hud-game-name{align-items:center;display:flex;gap:10px}.game-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.75rem}.game-title{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.3px;text-shadow:0 2px 4px #0000004d}.hud-lives{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;display:flex;gap:6px;padding:6px 12px}.life-heart{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.life-heart.active{animation:heartPulse 1.5s ease-in-out infinite}.life-heart.lost{filter:grayscale(100%) brightness(.5);opacity:.3;transform:scale(.9)}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hud-center{gap:16px}.hud-center,.hud-timer{align-items:center;display:flex}.hud-timer{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:14px;gap:10px;padding:10px 20px;transition:all .3s ease}.timer-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.3rem}.timer-value{color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1.6rem;font-weight:800;letter-spacing:2px;min-width:70px;text-align:center;text-shadow:0 2px 8px #fff3}.hud-timer.timer-warning{animation:timerWarning 1s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2440,#f59e0b26);border-color:#fbbf2466}.hud-timer.timer-warning .timer-value{color:#fbbf24;text-shadow:0 0 15px #fbbf2480}.hud-timer.timer-critical{animation:timerCritical .5s ease-in-out infinite;background:linear-gradient(135deg,#ef444459,#dc262640);border-color:#ef444480}.hud-timer.timer-critical .timer-value{color:#ef4444;text-shadow:0 0 20px #ef444499}@keyframes timerWarning{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes timerCritical{0%,to{box-shadow:0 0 0 0 #ef444400;transform:scale(1)}50%{box-shadow:0 0 20px 5px #ef44444d;transform:scale(1.05)}}.hud-combo{align-items:center;animation:comboPopIn .3s ease-out,comboPulse .8s ease-in-out infinite;background:linear-gradient(135deg,#f97316,#ea580c 50%,#dc2626);border-radius:14px;box-shadow:0 4px 15px #f9731666,inset 0 1px 0 #fff3;display:flex;flex-direction:column;padding:8px 18px}.combo-value{color:#fff;font-size:1.5rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #0000004d}.combo-label{color:#fffffff2;font-size:.6rem;font-weight:700;letter-spacing:1.5px;margin-top:2px;text-transform:uppercase}@keyframes comboPopIn{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{transform:scale(1.2) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hud-right{align-items:center;display:flex;gap:16px}.hud-score{align-items:flex-end;background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid #ffd70033;border-radius:12px;display:flex;flex-direction:column;padding:6px 16px}.score-label{color:#ffd700cc;font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffb700 50%,gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));font-size:1.6rem;font-weight:900;line-height:1.1}.hud-rewards{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px 14px}.reward-coins,.reward-xp{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:6px}.reward-xp{color:#a78bfa}.reward-coins{color:#fbbf24}.hud-pause-btn{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff26;border-radius:14px;color:#fffc;cursor:pointer;display:flex;font-size:1.4rem;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:48px}.hud-pause-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#ffffff40;color:#fff;transform:scale(1.08)}.hud-pause-btn:active{transform:scale(.95)}@media (max-width:900px){.game-hud{gap:12px;padding:12px 16px}.hud-center,.hud-left,.hud-right{gap:12px}.game-title{display:none}.timer-value{min-width:60px}.score-value,.timer-value{font-size:1.4rem}}@media (max-width:768px){.game-hud{flex-wrap:wrap;gap:10px;justify-content:center;padding:12px 14px}.hud-left{order:1}.hud-center{justify-content:center;margin-top:4px;order:3;width:100%}.hud-right{order:2}.game-icon{font-size:1.5rem}.life-heart{font-size:1.2rem}.hud-timer{padding:8px 14px}.timer-value{font-size:1.3rem;min-width:55px}.hud-combo{padding:6px 14px}.combo-value{font-size:1.3rem}.hud-score{padding:4px 12px}.score-value{font-size:1.3rem}.hud-rewards{padding:6px 10px}.reward-coins,.reward-xp{font-size:.8rem}.hud-pause-btn{font-size:1.2rem;height:42px;width:42px}}@media (max-width:480px){.game-hud{padding:10px 12px}.hud-lives{padding:4px 8px}.life-heart{font-size:1.1rem}.hud-timer{padding:6px 12px}.combo-value,.score-value,.timer-value{font-size:1.2rem}.hud-pause-btn{border-radius:10px;font-size:1.1rem;height:38px;width:38px}}.question-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.question-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(165deg,#14142b,#1a1a35 50%,#0f0f20);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 30px 80px #00000080,0 10px 30px #0000004d,inset 0 1px 0 #ffffff14;max-width:580px;overflow:hidden;padding:36px;position:relative;width:100%}.question-modal:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);border-radius:28px 28px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.question-header{margin-bottom:24px}.question-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66,inset 0 1px 0 #fff3;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px}.question-badge,.xp-reward{border-radius:24px;padding:10px 20px}.xp-reward{align-items:center;animation:xpGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff9500);box-shadow:0 6px 20px #ffd70066,inset 0 1px 0 #ffffff4d;color:#1a1a2e;display:flex;font-size:.95rem;font-weight:800;gap:6px}@keyframes xpGlow{0%,to{box-shadow:0 6px 20px #ffd70066;transform:scale(1)}50%{box-shadow:0 8px 28px #ffd70080;transform:scale(1.05)}}.question-timer{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:28px;overflow:hidden;position:relative}.timer-bar{border-radius:3px;box-shadow:0 0 10px currentColor;height:100%;transition:width 1s linear,background .3s ease}.timer-text{color:#ffffffbf;font-family:SF Mono,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;position:absolute;right:0;top:-28px}.question-text{font-size:1.35rem;line-height:1.6;margin-bottom:32px;text-shadow:0 2px 4px #0003}.question-options{display:flex;flex-direction:column;gap:14px}.question-option{align-items:center;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:18px;padding:18px 22px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.question-option:hover:not(:disabled):not(.correct):not(.incorrect){background:linear-gradient(135deg,#667eea26,#667eea14);border-color:#667eea80;transform:translateX(8px)}.question-option.selected{background:linear-gradient(135deg,#667eea33,#667eea1a);border-color:#667eea;transform:translateX(6px)}.question-option.correct{animation:correctPulse .5s ease-out;background:linear-gradient(135deg,#10b98140,#10b98126);border-color:#10b981}.question-option.incorrect{animation:incorrectShake .5s ease-out;background:linear-gradient(135deg,#ef444440,#ef444426);border-color:#ef4444}.question-option.dimmed{opacity:.35;pointer-events:none}@keyframes correctPulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}15%{transform:translateX(-10px)}30%{transform:translateX(10px)}45%{transform:translateX(-8px)}60%{transform:translateX(8px)}75%{transform:translateX(-4px)}}.option-letter{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;color:#fffc;font-size:1rem;transition:all .25s ease}.question-option.correct .option-letter{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 12px #10b98166;color:#fff}.question-option.incorrect .option-letter{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 12px #ef444466;color:#fff}.option-text{font-size:1.05rem;font-weight:500;line-height:1.45}.question-option.correct .option-icon{color:#10b981;filter:drop-shadow(0 2px 4px rgba(16,185,129,.4))}.question-option.incorrect .option-icon{color:#ef4444;filter:drop-shadow(0 2px 4px rgba(239,68,68,.4))}.question-result{animation:resultSlideIn .4s ease-out;border-radius:18px;margin-top:28px;padding:22px 24px}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-result.correct{background:linear-gradient(145deg,#10b98133,#10b9811a);border:1px solid #10b9814d}.question-result.incorrect{background:linear-gradient(145deg,#ef444433,#ef44441a);border:1px solid #ef44444d}.result-header{align-items:center;display:flex;gap:14px;margin-bottom:14px}.result-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));font-size:2.2rem}.result-text{color:#fff;font-size:1.25rem;font-weight:700}.result-explanation{color:#fffc;font-size:1rem;line-height:1.6;margin:0}@media (max-width:600px){.question-overlay{padding:16px}.question-modal{border-radius:22px;padding:28px 22px}.question-header{flex-direction:column;gap:14px}.question-badge,.xp-reward{font-size:.85rem;padding:8px 16px}.question-text{font-size:1.15rem;margin-bottom:26px}.question-option{border-radius:14px;gap:14px;padding:16px 18px}.option-letter{border-radius:10px;font-size:.9rem;height:36px;width:36px}.option-text{font-size:.95rem}.question-result{padding:18px 20px}.result-text{font-size:1.1rem}.result-explanation{font-size:.9rem}}@media (max-width:400px){.question-modal{padding:22px 16px}.question-text{font-size:1.05rem}.question-option{gap:12px;padding:14px}.option-letter{font-size:.85rem;height:32px;width:32px}.option-text{font-size:.9rem}}.pause-overlay{align-items:center;animation:pauseFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes pauseFadeIn{0%{opacity:0}to{opacity:1}}.pause-modal{animation:pauseSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1e1e3f,#2d2d5a);border-radius:24px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;max-width:420px;padding:40px;text-align:center;width:90%}@keyframes pauseSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pause-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.pause-icon{animation:pauseIconPulse 2s ease-in-out infinite;font-size:3.5rem}@keyframes pauseIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pause-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0000004d}.pause-game-info{align-items:center;background:#ffffff0d;border-radius:14px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.pause-game-name{color:#ffffffe6;font-size:1.1rem;font-weight:600}.pause-score{color:gold;font-size:1.2rem;font-weight:700}.pause-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.stat-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:14px}.stat-icon{font-size:1.5rem}.stat-label{color:#ffffff80;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#fff;font-size:1.2rem;font-weight:700}.pause-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.pause-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease}.pause-btn .btn-icon{font-size:1.3rem}.pause-btn.resume{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 20px #4caf5066;color:#fff}.pause-btn.resume:hover{box-shadow:0 6px 25px #4caf5080;transform:translateY(-2px)}.pause-btn.restart{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea66;color:#fff}.pause-btn.restart:hover{box-shadow:0 6px 25px #667eea80;transform:translateY(-2px)}.pause-btn.quit{background:#ffffff1a;border:2px solid #fff3;color:#fffc}.pause-btn.quit:hover{background:#f4433633;border-color:#f4433680;color:#f44336}.pause-tip{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.9rem;margin:0;padding-top:16px}@media (max-width:480px){.pause-modal{padding:28px 20px}.pause-icon{font-size:2.8rem}.pause-header h2{font-size:1.5rem}.pause-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:10px}.stat-icon{font-size:1.2rem}.pause-btn,.stat-value{font-size:1rem}.pause-btn{padding:14px 20px}}.game-complete-overlay{align-items:center;animation:completeOverlayFade .4s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes completeOverlayFade{0%{opacity:0}to{opacity:1}}.game-complete-modal{animation:completeModalPop .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(165deg,#14142b,#1a1a35 50%,#0f0f20);border-radius:32px;box-shadow:0 40px 100px #0009,0 15px 40px #0006,inset 0 1px 0 #ffffff14;max-width:500px;overflow:hidden;padding:48px 44px;position:relative;text-align:center;width:92%}.game-complete-modal:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f97316);border-radius:32px 32px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.game-complete-modal.victory{border:1px solid #ffd70033}.game-complete-modal.victory:before{background:linear-gradient(90deg,gold,#ff9500 50%,gold)}.game-complete-modal.defeat{border:1px solid #667eea33}@keyframes completeModalPop{0%{opacity:0;transform:scale(.6) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.victory-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle{animation:particleFall var(--duration) ease-in infinite;animation-delay:var(--delay);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.8rem;left:var(--x);opacity:0;position:absolute;top:-30px}@keyframes particleFall{0%{opacity:0;transform:translateY(0) rotate(0deg) scale(.8)}10%{opacity:1;transform:scale(1)}90%{opacity:.8}to{opacity:0;transform:translateY(650px) rotate(2turn) scale(.6)}}.complete-header{margin-bottom:32px}.complete-icon{animation:iconFloat 2s ease-in-out infinite;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3));font-size:5.5rem;margin-bottom:20px}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}.complete-title{-webkit-text-fill-color:#0000;animation:goldShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff9500 30%,gold 60%,#ffb700);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:2.75rem;font-weight:900;letter-spacing:-.5px;margin:0 0 10px}@keyframes goldShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.game-complete-modal.defeat .complete-title{animation:purpleShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}@keyframes purpleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.complete-subtitle{color:#ffffffa6;font-size:1.15rem;font-weight:500;margin:0}.complete-stars{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.star{animation:starReveal .7s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay);filter:drop-shadow(0 4px 12px rgba(255,215,0,.4));font-size:3.5rem;opacity:0;transform:scale(0) rotate(-180deg)}.star.empty{filter:grayscale(100%) brightness(.4);opacity:.25}@keyframes starReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}70%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.complete-score{align-items:center;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;margin-bottom:28px;padding:24px 32px}.complete-score .score-label{color:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}.complete-score .score-value{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-1px;line-height:1;text-shadow:0 0 40px #ffffff40}.complete-rewards{animation:rewardsSlideIn .5s ease-out .7s both;display:flex;gap:16px;justify-content:center;margin-bottom:28px}@keyframes rewardsSlideIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.reward-item{align-items:center;border-radius:18px;display:flex;flex-direction:column;gap:6px;min-width:95px;padding:18px 24px;transition:transform .3s ease}.reward-item:hover{transform:translateY(-3px)}.reward-item.xp{background:linear-gradient(145deg,#a78bfa33,#8b5cf61a);border:1px solid #a78bfa4d}.reward-item.coins{background:linear-gradient(145deg,#fbbf2433,#f59e0b1a);border:1px solid #fbbf244d}.reward-item.accuracy{background:linear-gradient(145deg,#34d39933,#10b9811a);border:1px solid #34d3994d}.reward-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));font-size:2rem}.reward-value{color:#fff;font-size:1.5rem;font-weight:800;line-height:1}.reward-label{color:#ffffff8c;font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.complete-stats{animation:statsReveal .4s ease-out .9s both;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}@keyframes statsReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stat-chip{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:24px;color:#ffffffbf;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 18px}.complete-actions{animation:actionsReveal .4s ease-out 1s both;display:flex;flex-direction:column;gap:14px}@keyframes actionsReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.complete-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.3px;padding:18px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.complete-btn span:first-child{font-size:1.4rem}.complete-btn.play-again{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px #667eea66,inset 0 1px 0 #ffffff26;color:#fff}.complete-btn.play-again:hover{box-shadow:0 12px 32px #667eea80,inset 0 1px 0 #fff3;transform:translateY(-3px)}.complete-btn.play-again:active{transform:translateY(-1px)}.complete-btn.next-level{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166,inset 0 1px 0 #ffffff26;color:#fff}.complete-btn.next-level:hover{box-shadow:0 12px 32px #10b98180,inset 0 1px 0 #fff3;transform:translateY(-3px)}.complete-btn.back-to-map{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px solid #ffffff26;color:#ffffffe6}.complete-btn.back-to-map:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff40;transform:translateY(-2px)}@media (max-width:520px){.game-complete-modal{border-radius:24px;padding:36px 24px}.complete-icon{font-size:4.5rem}.complete-title{font-size:2.2rem}.complete-subtitle{font-size:1rem}.complete-stars{gap:12px}.star{font-size:2.8rem}.complete-score{padding:20px 24px}.complete-score .score-value{font-size:2.8rem}.complete-rewards{gap:10px}.reward-item{min-width:80px;padding:14px 18px}.reward-icon{font-size:1.6rem}.reward-value{font-size:1.25rem}.complete-btn{border-radius:14px;font-size:1rem;padding:16px 24px}.complete-btn span:first-child{font-size:1.25rem}}@media (max-width:380px){.game-complete-modal{padding:28px 18px}.complete-icon{font-size:3.5rem}.complete-title{font-size:1.9rem}.star{font-size:2.4rem}.reward-item{min-width:70px;padding:12px 14px}}.match3-game{background:radial-gradient(ellipse at 20% 20%,#667eea26 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#764ba226 0,#0000 50%),linear-gradient(180deg,#0a0a1a,#12122a 50%,#0a0a1a);min-height:100vh;padding:20px}.match3-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-spinner{animation:spinFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(102,126,234,.5));font-size:5rem}@keyframes spinFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-15px) rotate(5deg) scale(1.05)}50%{transform:translateY(-25px) rotate(0deg) scale(1.1)}75%{transform:translateY(-15px) rotate(-5deg) scale(1.05)}}.match3-loading p{color:#ffffffb3;font-size:1.25rem;font-weight:500;letter-spacing:.5px}.match3-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;margin:0 auto 20px;max-width:1000px;padding:16px 24px}.match3-info,.match3-topic{align-items:center;display:flex}.match3-topic{color:#ffffffe6;font-size:1rem;font-weight:600;gap:8px}.match3-progress{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.match3-board{background:linear-gradient(145deg,#14142df2,#1e1e3cf2);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #00000080,0 10px 30px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;margin:0 auto;max-width:1000px;padding:32px}.tiles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.match3-tile{background:linear-gradient(145deg,#1c2444,#151c35);border:2px solid #ffffff14;border-radius:16px;box-shadow:0 4px 16px #0000004d,inset 0 1px 0 #ffffff0d;cursor:pointer;display:flex;flex-direction:column;min-height:140px;overflow:visible;padding:20px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.match3-tile:hover:not(:disabled):not(.matched){box-shadow:0 16px 40px #667eea40,0 8px 20px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(-6px) scale(1.02)}.match3-tile:active:not(:disabled):not(.matched){transform:translateY(-3px) scale(1.01)}.match3-tile.selected{background:linear-gradient(145deg,#252d52,#1e2746);border-color:#667eea;box-shadow:0 0 0 4px #667eea4d,0 16px 40px #667eea4d,inset 0 1px 0 #ffffff1a;transform:translateY(-6px) scale(1.03)}.match3-tile.concept{background:linear-gradient(145deg,#1a2550,#141d3d);border-left:4px solid #667eea}.match3-tile.concept:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.match3-tile.concept:hover:not(:disabled):not(.matched){border-color:#667eea99}.match3-tile.definition{background:linear-gradient(145deg,#142d2a,#0f2422);border-left:4px solid #10b981}.match3-tile.definition:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0;content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.match3-tile.definition:hover:not(:disabled):not(.matched){border-color:#10b98199}.match3-tile.matched{background:#4caf501a;border-color:#4caf5066;cursor:default;opacity:.4;pointer-events:none;transform:scale(.96)}.match3-tile.match-success{animation:matchSuccess .7s ease-out}@keyframes matchSuccess{0%{box-shadow:0 4px 16px #0000004d;transform:scale(1)}30%{background:#4caf504d;box-shadow:0 0 30px #4caf5080;transform:scale(1.08)}to{opacity:.4;transform:scale(.96)}}.match3-tile.shake{animation:tileShake .6s ease-out}@keyframes tileShake{0%,to{transform:translateX(0)}15%{background:#ef444433;transform:translateX(-12px)}30%{transform:translateX(10px)}45%{transform:translateX(-8px)}60%{transform:translateX(6px)}75%{transform:translateX(-4px)}}.tile-content{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;text-align:center}.tile-type-indicator{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;opacity:.9}.tile-text{word-wrap:break-word;color:#fff;display:block;font-size:.95rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.01em;line-height:1.5;max-width:100%;overflow-wrap:break-word;text-align:center;text-shadow:0 2px 4px #0006}.tile-type-label{border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.8px;opacity:.9;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:8px}.match3-tile.concept .tile-type-label{background:#667eea4d;border:1px solid #667eea4d;color:#a5b4fc}.match3-tile.definition .tile-type-label{background:#10b9814d;border:1px solid #10b9814d;color:#6ee7b7}.tile-matched-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#4caf5026;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tile-matched-overlay span{color:#4ade80;filter:drop-shadow(0 0 10px rgba(74,222,128,.5));font-size:2.5rem}.match3-hint{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea33;border-radius:50px;color:#fffc;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;margin:24px auto 0;max-width:-webkit-fit-content;max-width:fit-content;padding:14px 28px;text-align:center}@media (min-width:1400px){.tiles-grid{gap:18px;grid-template-columns:repeat(6,1fr)}.match3-board{max-width:1200px;padding:40px}}@media (min-width:1200px) and (max-width:1399px){.tiles-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px) and (min-width:769px){.tiles-grid{gap:14px;grid-template-columns:repeat(3,1fr)}.match3-tile{min-height:130px;padding:18px 14px}.tile-text{font-size:.9rem}}@media (max-width:768px){.match3-game{padding:12px}.match3-board{border-radius:20px;padding:20px}.tiles-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.match3-tile{border-radius:14px;min-height:120px;padding:16px 12px}.tile-type-indicator{font-size:1.3rem}.tile-text{font-size:.85rem;line-height:1.45}.match3-info{flex-direction:column;gap:10px;padding:14px 20px;text-align:center}.match3-hint{font-size:.9rem;padding:12px 20px}}@media (max-width:480px){.match3-game{padding:8px}.match3-board{border-radius:16px;padding:14px}.tiles-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.match3-tile{border-radius:12px;min-height:110px;padding:14px 10px}.tile-type-indicator{font-size:1.2rem}.tile-text{font-size:.8rem;line-height:1.4}.tile-type-label{font-size:.55rem;padding:3px 6px;right:6px;top:6px}.match3-info{margin-bottom:12px;padding:12px 16px}.match3-progress,.match3-topic{font-size:.9rem}.match3-hint{border-radius:30px;font-size:.85rem;padding:10px 16px}}@media (max-width:360px){.match3-tile{min-height:100px;padding:12px 8px}.tile-text{font-size:.75rem}.tile-type-indicator{font-size:1rem}}.match3-board:before{background:radial-gradient(ellipse at center,#667eea14 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}.trivia-game{background:linear-gradient(135deg,#1a0a2e,#2d1b4e 50%,#1a0a2e);min-height:100vh;padding:20px}.trivia-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.trivia-loading .loading-spinner{animation:zap .5s ease-in-out infinite;font-size:4rem}@keyframes zap{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.trivia-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.trivia-topic{color:#fffc;font-size:1rem}.trivia-progress{color:gold;font-size:.95rem;font-weight:600}.round-transition{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.round-transition-content{animation:roundPopIn .5s cubic-bezier(.34,1.56,.64,1);text-align:center}@keyframes roundPopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.round-icon{animation:pulse 1s ease-in-out infinite;display:block;font-size:5rem;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.round-transition h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 12px}.round-transition p{color:#ffffffb3;font-size:1.2rem}.trivia-question-area{margin:0 auto;max-width:700px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.round-indicator{background:#ffffff1a;color:#fffc;font-size:.9rem;padding:8px 16px}.streak-indicator{animation:streakPulse .5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:8px 16px}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:24px;overflow:hidden}.timer-fill{border-radius:4px;height:100%;transition:width 1s linear,background-color .3s ease}.question-card{background:linear-gradient(135deg,#2d2d50e6,#3c3c64e6);border-radius:24px;box-shadow:0 10px 40px #0006,inset 0 1px 0 #ffffff1a;padding:32px}.question-text{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.5;margin:0 0 32px;text-align:center}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.trivia-option{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;gap:14px;padding:18px 20px;text-align:left;transition:all .2s ease}.trivia-option:hover:not(:disabled){background:#ffffff1f;border-color:#667eea80;transform:translateY(-2px)}.trivia-option.selected{background:#667eea40;border-color:#667eea}.trivia-option.correct{animation:correctFlash .5s ease-out;background:#4caf5040;border-color:#4caf50}.trivia-option.incorrect{animation:shake .5s ease-out;background:#f4433640;border-color:#f44336}.trivia-option.dimmed{opacity:.4}@keyframes correctFlash{0%{transform:scale(1)}50%{box-shadow:0 0 30px #4caf5080;transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-8px)}80%{transform:translateX(8px)}}.option-letter{align-items:center;background:#ffffff26;border-radius:12px;color:#ffffffe6;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.trivia-option.correct .option-letter{background:#4caf50}.trivia-option.incorrect .option-letter{background:#f44336}.option-text{color:#fff;flex:1 1;font-size:1rem;line-height:1.4}.option-icon{font-size:1.5rem;font-weight:700}.answer-feedback{align-items:flex-start;animation:feedbackSlide .4s ease-out;border-radius:16px;display:flex;gap:14px;margin-top:24px;padding:20px}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.answer-feedback.correct{background:linear-gradient(135deg,#4caf5033,#81c78433);border:1px solid #4caf504d}.answer-feedback.incorrect{background:linear-gradient(135deg,#f4433633,#ef9a9a33);border:1px solid #f443364d}.feedback-icon{font-size:1.8rem}.answer-feedback p{color:#ffffffe6;line-height:1.5;margin:0}.points-display{color:#fff9;display:flex;font-size:.95rem;gap:20px;justify-content:center;margin-top:20px}.streak-bonus{animation:bonusPop .3s ease-out;color:gold;font-weight:600}@keyframes bonusPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.trivia-game{padding:12px}.question-card{padding:24px 16px}.question-text{font-size:1.2rem;margin-bottom:24px}.options-grid{gap:12px;grid-template-columns:1fr}.trivia-option{padding:14px 16px}.option-letter{font-size:1rem;height:36px;width:36px}.option-text{font-size:.95rem}.round-transition h2{font-size:2rem}.round-icon{font-size:4rem}}.memory-game{background:linear-gradient(135deg,#0a192f,#172a45 50%,#0a192f);min-height:100vh;padding:20px}.memory-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.memory-loading .loading-spinner{animation:brainPulse 1s ease-in-out infinite;font-size:4rem}@keyframes brainPulse{0%,to{transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.15)}}.memory-loading p{color:#ffffffb3;font-size:1.2rem}.memory-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.memory-topic{color:#fffc;font-size:1rem}.memory-stats{display:flex;gap:16px}.memory-stats .stat{color:#ffffffb3;font-size:.95rem}.connection-toast{animation:toastPop .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#4caf50f2,#388e3cf2);border-radius:20px;box-shadow:0 10px 40px #4caf5080;left:50%;max-width:400px;padding:24px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.connection-emoji{display:block;font-size:2.5rem;margin-bottom:12px}.connection-text{color:#fff;font-size:1.1rem;line-height:1.5;margin:0}.memory-board{background:linear-gradient(135deg,#14283ccc,#1e3246cc);border-radius:24px;box-shadow:0 10px 40px #0006,inset 0 1px 0 #ffffff1a;margin:0 auto;max-width:900px;padding:24px}.cards-grid{grid-gap:12px;display:grid;gap:12px;perspective:1000px}.cards-grid.cards-12,.cards-grid.cards-16{grid-template-columns:repeat(4,1fr)}.cards-grid.cards-20{grid-template-columns:repeat(5,1fr)}.cards-grid.cards-24{grid-template-columns:repeat(6,1fr)}.memory-card{aspect-ratio:1;cursor:pointer}.card-inner,.memory-card{position:relative;transform-style:preserve-3d}.card-inner{height:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.memory-card.flipped .card-inner,.memory-card.matched .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid #ffffff1a}.card-front:hover{border-color:#667eea80;box-shadow:0 0 20px #667eea4d}.card-back-icon{font-size:2.5rem;opacity:.6}.card-back{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;gap:8px;transform:rotateY(180deg)}.card-emoji{font-size:2rem}.card-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.8rem;line-height:1.3;overflow:hidden;text-align:center}.memory-card.matched{opacity:.6}.card-matched-overlay{align-items:center;background:#4caf504d;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.card-matched-overlay span{color:#4caf50;font-size:2.5rem;text-shadow:0 2px 10px #4caf5080}.memory-hint{background:#ffffff0d;border-radius:30px;color:#fff9;display:inline-block;font-size:.95rem;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;padding:12px 24px;text-align:center;width:100%}@media (max-width:768px){.memory-game{padding:12px}.memory-board{padding:16px}.cards-grid{gap:8px}.cards-grid.cards-12,.cards-grid.cards-16{grid-template-columns:repeat(3,1fr)}.cards-grid.cards-20,.cards-grid.cards-24{grid-template-columns:repeat(4,1fr)}.card-back,.card-front{border-radius:12px;padding:8px}.card-back-icon{font-size:2rem}.card-emoji{font-size:1.5rem}.card-content{-webkit-line-clamp:2;font-size:.7rem}.connection-toast{max-width:90%;padding:20px 24px}.connection-emoji{font-size:2rem}.connection-text{font-size:.95rem}.memory-info{flex-direction:column;gap:8px;text-align:center}}@media (max-width:480px){.cards-grid.cards-12,.cards-grid.cards-16,.cards-grid.cards-20,.cards-grid.cards-24{grid-template-columns:repeat(3,1fr)}.card-content{display:none}.card-emoji{font-size:2rem}}.wordpuzzle-game{background:linear-gradient(135deg,#2c1810,#4a2c2a 50%,#2c1810);min-height:100vh;padding:20px}.wordpuzzle-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.wordpuzzle-loading .loading-spinner{animation:pencilWrite 1s ease-in-out infinite;font-size:4rem}@keyframes pencilWrite{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.wordpuzzle-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.wordpuzzle-topic{color:#fffc;font-size:1rem}.wordpuzzle-progress{color:gold;font-size:.95rem;font-weight:600}.wordpuzzle-content{margin:0 auto;max-width:700px}.word-category{background:#ffffff14;border-radius:20px;display:inline-block;margin-bottom:16px;padding:8px 16px;text-align:center;width:100%}.category-label{color:#fff9;font-size:.9rem;margin-right:8px}.category-value{color:gold;font-weight:600}.word-hint{align-items:center;animation:hintSlide .4s ease-out;background:linear-gradient(135deg,#ffc10733,#ff980033);border:1px solid #ffc1074d;border-radius:14px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}@keyframes hintSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-icon{font-size:1.5rem}.hint-text{color:#fff;font-size:1rem;line-height:1.4}.word-display{background:#ffffff0d;border-radius:20px;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:24px}.word-display,.word-letter{display:flex;justify-content:center}.word-letter{align-items:center;border-bottom:4px solid #ffffff4d;color:#ffffff4d;font-size:2rem;font-weight:700;height:60px;transition:all .3s ease;width:50px}.word-letter.revealed{animation:letterReveal .4s ease-out;border-bottom-color:#4caf50;color:#fff}@keyframes letterReveal{0%{opacity:0;transform:scale(.5) rotateX(90deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.word-letter.space{border:none;width:30px}.wrong-guesses{display:flex;justify-content:center;margin-bottom:32px}.hangman-figure{height:120px;position:relative;width:100px}.hangman-part{animation:partAppear .3s ease-out;background:#fffc;border-radius:4px;position:absolute}@keyframes partAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.hangman-part.head{align-items:center;background:#0000;border-radius:50%;display:flex;font-size:2rem;justify-content:center;top:0;width:40px}.hangman-part.body,.hangman-part.head{height:40px;left:50%;transform:translateX(-50%)}.hangman-part.body{top:40px;width:4px}.hangman-part.arm-left{height:30px;left:50%;margin-left:-15px;top:50px;transform:translateX(-50%) rotate(-45deg);transform-origin:top center;width:4px}.hangman-part.arm-right{height:30px;left:50%;margin-left:15px;top:50px;transform:translateX(-50%) rotate(45deg);transform-origin:top center;width:4px}.hangman-part.leg-left{height:35px;left:50%;margin-left:-10px;top:75px;transform:translateX(-50%) rotate(-20deg);transform-origin:top center;width:4px}.hangman-part.leg-right{height:35px;left:50%;margin-left:10px;top:75px;transform:translateX(-50%) rotate(20deg);transform-origin:top center;width:4px}.keyboard{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.key{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;transition:all .2s ease;width:44px}.key:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.key.used{cursor:not-allowed}.key.correct{background:#4caf5066;border-color:#4caf50;color:#4caf50}.key.incorrect{background:#f443364d;border-color:#f44336;color:#f44336;opacity:.6}.hint-button{background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:0 auto 24px;max-width:250px;padding:14px 24px;transition:all .2s ease;width:100%}.hint-button:hover:not(:disabled){box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.hint-button:disabled{cursor:not-allowed;opacity:.5}.definition-panel{animation:panelSlideUp .5s ease-out;background:linear-gradient(135deg,#2d2d50f2,#3c3c64f2);border-radius:20px;padding:32px;text-align:center}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-badge{border-radius:20px;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:16px;padding:8px 20px}.result-badge.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.result-badge.failed{background:#ffffff1a;color:#fffc}.revealed-word{color:gold;font-size:2.5rem;font-weight:800;letter-spacing:4px;margin:0 0 16px}.word-definition{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:0 0 20px}.fun-fact{align-items:flex-start;background:#ffffff14;border-radius:12px;display:flex;gap:10px;margin-bottom:24px;padding:16px;text-align:left}.fact-icon{flex-shrink:0;font-size:1.3rem}.fun-fact span:last-child{color:#fffc;font-size:.95rem;line-height:1.5}.next-word-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .2s ease}.next-word-btn:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.wordpuzzle-game{padding:12px}.word-display{gap:6px;padding:16px}.word-letter{font-size:1.6rem;height:50px;width:40px}.keyboard{gap:6px}.key{font-size:1rem;height:44px;width:36px}.definition-panel{padding:24px 16px}.revealed-word{font-size:2rem}}@media (max-width:480px){.word-letter{border-bottom-width:3px;font-size:1.3rem;height:42px;width:32px}.key{border-radius:8px;font-size:.9rem;height:38px;width:30px}}.speedquiz-game{background:linear-gradient(135deg,#1a1a2e,#0f3460 50%,#1a1a2e);min-height:100vh;padding:20px}.speedquiz-loading{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.speedquiz-loading .loading-spinner{animation:carZoom .8s ease-in-out infinite;font-size:5rem}@keyframes carZoom{0%,to{transform:translateX(-10px)}50%{transform:translateX(10px)}}.speedquiz-countdown{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);display:flex;justify-content:center;min-height:100vh}.countdown-content{text-align:center}.countdown-content h2{color:#fffc;font-size:2rem;margin-bottom:20px}.countdown-number{animation:countPulse 1s ease-in-out infinite;color:#fff;font-size:8rem;font-weight:800;text-shadow:0 0 50px #ffd70099}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.countdown-content p{color:#fff9;font-size:1.2rem;margin-top:20px}.race-track{align-items:center;background:linear-gradient(135deg,#282850cc,#3c3c64cc);border-radius:20px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.track-progress{flex:1 1}.track-line{background:linear-gradient(90deg,#333,#555 50%,#333);border:3px solid #666;border-radius:20px;height:40px;overflow:visible;position:relative}.checkpoints{display:flex;justify-content:space-around;padding:0 5%;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.checkpoint{font-size:1.2rem;opacity:.3;transition:all .3s ease}.checkpoint.passed{animation:checkpointPop .3s ease-out;opacity:1}@keyframes checkpointPop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.racer{animation:carBounce .2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.6));font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease-out}@keyframes carBounce{0%,to{transform:translateY(-50%) rotate(-2deg)}50%{transform:translateY(-50%) rotate(2deg)}}.speed-display{align-items:center;background:#0000004d;border:2px solid #ffd7004d;border-radius:12px;display:flex;flex-direction:column;padding:12px 20px}.speed-value{color:gold;font-family:Courier New,monospace;font-size:2rem;font-weight:800}.speed-unit{color:#ffffff80;font-size:.8rem}.speedquiz-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 20px}.speedquiz-topic{color:#fffc;font-size:1rem}.speedquiz-progress{color:#4caf50;font-size:.95rem;font-weight:600}.speed-timer{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:24px;overflow:hidden}.speed-timer .timer-fill{border-radius:4px;height:100%;transition:width 1s linear,background-color .3s ease}.speedquiz-question{margin:0 auto;max-width:800px;text-align:center}.speedquiz-question .question-text{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 32px}.options-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.speed-option{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;gap:14px;padding:20px 24px;text-align:left;transition:all .15s ease}.speed-option:hover:not(:disabled){background:#ffffff1f;border-color:#667eea80;transform:scale(1.02)}.speed-option.selected{background:#667eea40;border-color:#667eea}.speed-option.correct{animation:correctZoom .3s ease-out;background:#4caf504d;border-color:#4caf50}.speed-option.incorrect{animation:shake .3s ease-out;background:#f443364d;border-color:#f44336}.speed-option.dimmed{opacity:.4}@keyframes correctZoom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.option-key{align-items:center;background:#ffffff26;border-radius:10px;color:#ffffffe6;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.speed-option.correct .option-key{background:#4caf50}.speed-option.incorrect .option-key{background:#f44336}.speed-option .option-text{color:#fff;flex:1 1;font-size:1.05rem;line-height:1.4}.result-flash{animation:flashIn .3s ease-out;border-radius:14px;font-size:1.2rem;font-weight:700;margin-top:24px;padding:16px 24px}@keyframes flashIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-flash.correct{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:1px solid #4caf5080;color:#4caf50}.result-flash.incorrect{background:linear-gradient(135deg,#f443364d,#d32f2f4d);border:1px solid #f4433680;color:#f44336}.streak-display{align-items:center;animation:streakPop .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ff6b6be6,#feca57e6);border-radius:16px;display:flex;flex-direction:column;padding:16px 20px;position:fixed;right:20px;top:50%;transform:translateY(-50%)}@keyframes streakPop{0%{transform:translateY(-50%) scale(0)}to{transform:translateY(-50%) scale(1)}}.streak-fire{animation:fireWiggle .3s ease-in-out infinite;font-size:2rem}@keyframes fireWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.streak-count{color:#fff;font-size:1.2rem;font-weight:800}.streak-bonus{color:#ffffffe6;font-size:.85rem}@media (max-width:768px){.speedquiz-game{padding:12px}.race-track{flex-direction:column;padding:16px}.track-line{height:30px}.racer{font-size:1.5rem}.speedquiz-question .question-text{font-size:1.2rem}.options-row{gap:12px;grid-template-columns:1fr}.speed-option{padding:16px 18px}.option-key{font-size:1rem;height:36px;width:36px}.speed-option .option-text{font-size:.95rem}.streak-display{flex-direction:row;gap:12px;margin-top:20px;position:static;transform:none}.countdown-number{font-size:6rem}}.cardbattle-game{background:linear-gradient(135deg,#1a0a30,#2d1b4a 50%,#1a0a30);min-height:100vh;padding:20px}.cardbattle-loading{align-items:center;background:linear-gradient(135deg,#1a0a30,#2d1b4a);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.cardbattle-loading .loading-spinner{animation:cardSpin 1s ease-in-out infinite;font-size:5rem}@keyframes cardSpin{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.cardbattle-intro{align-items:center;background:linear-gradient(135deg,#1a0a30,#2d1b4a);display:flex;justify-content:center;min-height:100vh}.intro-content{text-align:center}.vs-display{align-items:center;display:flex;gap:40px;justify-content:center;margin-bottom:32px}.enemy-side,.player-side{align-items:center;display:flex;flex-direction:column;gap:8px}.side-icon{animation:sideFloat 2s ease-in-out infinite;font-size:4rem}.player-side .side-icon{animation-delay:0s}.enemy-side .side-icon{animation-delay:1s}@keyframes sideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.side-label{color:#fffc;font-size:1.2rem;font-weight:700}.vs-text{animation:vsPulse 1s ease-in-out infinite;color:gold;font-size:2.5rem;font-weight:800;text-shadow:0 0 20px #ffd70080}@keyframes vsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.intro-content h2{color:#fff;font-size:2rem;margin:0 0 12px}.intro-content p{color:#fff9;font-size:1.1rem}.battle-arena{align-items:center;background:#ffffff0d;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.health-display{display:flex;flex:1 1;flex-direction:column;gap:6px;max-width:250px}.health-label{color:#fffc;font-size:.9rem;font-weight:600}.health-bar{background:#ffffff1a;border-radius:8px;height:16px;overflow:hidden}.health-fill{border-radius:8px;height:100%;transition:width .5s ease}.health-fill.player{background:linear-gradient(90deg,#4caf50,#8bc34a)}.health-fill.enemy{background:linear-gradient(90deg,#f44336,#ff5722)}.health-value{color:#fff9;font-size:.85rem}.round-indicator{background:#ffd70033;border:2px solid #ffd7004d;border-radius:20px;color:gold;font-size:1.1rem;font-weight:700;padding:12px 24px}.battle-zone{flex-direction:column;margin-bottom:24px;min-height:250px}.battle-cards,.battle-zone{align-items:center;display:flex;justify-content:center}.battle-cards{animation:battleEnter .5s ease-out;gap:40px}@keyframes battleEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.battle-card{background:linear-gradient(135deg,#3c3c64e6,#505078e6);border:3px solid #fff3;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease;width:140px}.battle-card.winner{animation:winnerGlow .5s ease-out;border-color:#4caf50;box-shadow:0 0 30px #4caf5080}.battle-card.loser{animation:loserShake .5s ease-out;border-color:#f44336;opacity:.7}@keyframes winnerGlow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes loserShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.battle-card .card-emoji{display:block;font-size:2.5rem;margin-bottom:8px}.battle-card .card-title{color:#fff;display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.battle-card .card-stats{color:#fffc;display:flex;font-size:1rem;gap:16px;justify-content:center}.vs-indicator{animation:vsClash 1s ease-in-out infinite;font-size:2.5rem}@keyframes vsClash{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.battle-result{animation:resultPop .4s cubic-bezier(.34,1.56,.64,1);border-radius:16px;margin-top:20px;padding:20px 32px;text-align:center}@keyframes resultPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.battle-result.win{background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:2px solid #4caf5080}.battle-result.lose{background:linear-gradient(135deg,#f443364d,#d32f2f4d);border:2px solid #f4433680}.battle-result.draw{background:linear-gradient(135deg,#ffc1074d,#ff98004d);border:2px solid #ffc10780}.result-icon{display:block;font-size:2rem;margin-bottom:8px}.result-message{color:#fff;display:block;font-size:1.1rem;margin-bottom:16px}.next-turn-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .2s ease}.next-turn-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.player-hand{background:linear-gradient(135deg,#1e1e3ccc,#323250cc);border-radius:20px;padding:20px}.hand-label{color:#fff9;font-size:.95rem;margin-bottom:16px;text-align:center}.hand-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.hand-card{background:linear-gradient(135deg,#505078cc,#64648ccc);border:2px solid #ffffff26;border-radius:14px;cursor:pointer;padding:14px;text-align:center;transition:all .2s ease;width:130px}.hand-card:hover{border-color:#667eea80;box-shadow:0 8px 25px #667eea4d;transform:translateY(-8px)}.hand-card.selected{border-color:gold;box-shadow:0 0 20px #ffd70066;transform:translateY(-12px)}.hand-card .card-emoji{display:block;font-size:2rem;margin-bottom:6px}.hand-card .card-title{color:#fff;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.hand-card .card-desc,.hand-card .card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hand-card .card-desc{color:#ffffff80;font-size:.7rem;margin:0 0 8px}.hand-card .card-stats{display:flex;font-size:.85rem;justify-content:space-between}.hand-card .stat{background:#ffffff1a;border-radius:6px;padding:4px 8px}.hand-card .stat.attack{color:#ff6b6b}.hand-card .stat.defense{color:#4ecdc4}.play-card-btn{background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:14px;color:#1a1a2e;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin:0 auto;max-width:250px;padding:16px 32px;transition:all .2s ease;width:100%}.play-card-btn:hover{box-shadow:0 6px 25px #ffd70080;transform:translateY(-2px)}@media (max-width:768px){.cardbattle-game{padding:12px}.battle-arena{flex-direction:column;gap:12px}.health-display{max-width:none;width:100%}.battle-cards{gap:20px}.battle-card{padding:14px;width:110px}.battle-card .card-emoji{font-size:2rem}.hand-cards{gap:8px}.hand-card{padding:10px;width:100px}.hand-card .card-emoji{font-size:1.5rem}.hand-card .card-title{font-size:.7rem}.hand-card .card-desc{display:none}.vs-display{gap:20px}.side-icon{font-size:3rem}}.td-game{background:linear-gradient(135deg,#0d1b2a,#1b263b 50%,#0d1b2a);min-height:100vh;padding:20px}.td-tutorial{align-items:center;background:linear-gradient(135deg,#0d1b2a,#1b263b);display:flex;justify-content:center;min-height:100vh}.tutorial-content{animation:tutorialFade .5s ease-out;text-align:center}@keyframes tutorialFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-content h2{color:#fff;font-size:2.5rem;margin-bottom:16px}.tutorial-content p{color:#ffffffb3;font-size:1.2rem;margin-bottom:32px}.tutorial-steps{display:flex;flex-direction:column;gap:16px}.tutorial-steps .step{background:#ffffff1a;border-radius:12px;color:#fff;font-size:1.1rem;padding:16px 32px}.td-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 20px}.td-topic{color:#fffc;font-size:1rem}.td-gold{color:gold;font-size:1.2rem;font-weight:700}.td-wave{color:#4caf50;font-size:1rem;font-weight:600}.tower-selection{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.tower-btn{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:100px;padding:12px 16px;transition:all .2s ease}.tower-btn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-2px)}.tower-btn.selected{background:#ffd70026;border-color:gold;box-shadow:0 0 20px #ffd7004d}.tower-btn.disabled{cursor:not-allowed;opacity:.5}.tower-emoji{font-size:2rem}.tower-name{color:#fff;font-size:.8rem;font-weight:600}.tower-cost{color:gold;font-size:.75rem}.tower-stats{color:#fff9;font-size:.7rem}.td-battlefield{background:linear-gradient(135deg,#14283ccc,#1e3246cc);border-radius:20px;height:400px;margin-bottom:16px;overflow:hidden;position:relative}.grid-cell{align-items:center;background:#ffffff0d;border:2px dashed #ffffff26;border-radius:12px;display:flex;height:70px;justify-content:center;position:absolute;transition:all .2s ease;width:70px}.grid-cell.placeable{background:#4caf501a;border-color:#4caf5080;cursor:pointer}.grid-cell.placeable:hover{background:#4caf5033;transform:scale(1.05)}.placed-tower{animation:towerPlace .3s ease-out;font-size:2.5rem}@keyframes towerPlace{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.enemy-path{background:linear-gradient(90deg,#8b451366,#a0522d4d 50%,#8b451366);border-bottom:3px dashed #fff3;border-top:3px dashed #fff3;height:60px;left:0;position:absolute;right:80px;top:150px}.td-enemy{align-items:center;display:flex;flex-direction:column;position:absolute;transition:left .05s linear}.enemy-health-bar{background:#00000080;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:40px}.enemy-health-fill{background:linear-gradient(90deg,#f44336,#ff5722);border-radius:3px;height:100%;transition:width .2s ease}.enemy-emoji{animation:enemyBounce .5s ease-in-out infinite;font-size:2rem}@keyframes enemyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.td-base{align-items:center;display:flex;flex-direction:column;font-size:3rem;gap:8px;position:absolute;right:10px;top:140px}.base-lives{color:#f44336;font-size:1rem;font-weight:700}.wave-controls{text-align:center}.start-wave-btn{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:16px 40px;transition:all .2s ease}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #4caf5066}50%{box-shadow:0 0 40px #4caf5099}}.start-wave-btn:hover{box-shadow:0 6px 30px #4caf5080;transform:translateY(-2px)}.wave-status{align-items:center;background:#ff980033;border:1px solid #ff98004d;border-radius:12px;color:#ff9800;display:flex;font-size:1.1rem;gap:12px;justify-content:center;padding:16px 24px}.wave-icon{animation:swordSlash 1s ease-in-out infinite;font-size:1.5rem}@keyframes swordSlash{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.wave-complete{animation:completeSlide .5s ease-out;background:#4caf5033;border:1px solid #4caf504d;border-radius:12px;color:#4caf50;font-size:1.1rem;padding:16px 24px}@keyframes completeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.td-game{padding:12px}.tower-selection{gap:8px}.tower-btn{min-width:80px;padding:10px 12px}.tower-emoji{font-size:1.5rem}.tower-name{font-size:.7rem}.td-battlefield{height:300px}.grid-cell{height:50px;width:50px}.placed-tower{font-size:1.8rem}.enemy-emoji{font-size:1.5rem}.td-base{font-size:2rem}.tutorial-content h2{font-size:1.8rem}}@media (max-width:480px){.tower-selection{flex-wrap:wrap}.tower-btn{flex:1 1;min-width:70px}.tower-stats{display:none}}.game-engine{min-height:100vh}.game-engine-loading{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e 50%,#2d1f4e);display:flex;justify-content:center;min-height:100vh;padding:20px}.loading-container{max-width:400px;text-align:center}.loading-icon{animation:loadingBounce 1s ease-in-out infinite;font-size:5rem;margin-bottom:24px}@keyframes loadingBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.loading-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 12px}.loading-message{color:#ffffffb3;font-size:1.1rem;margin:0 0 28px}.loading-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:24px;overflow:hidden}.loading-progress{animation:loadingProgress 2s ease-in-out infinite,loadingShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;border-radius:3px;height:100%;width:0}@keyframes loadingProgress{0%{width:0}50%{width:70%}to{width:100%}}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-topic{align-items:center;background:#ffffff0d;border-radius:20px;color:#fff9;display:inline-flex;font-size:.95rem;gap:8px;padding:10px 20px}.game-engine-error{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:400px;padding:40px;text-align:center}.error-icon{display:block;font-size:4rem;margin-bottom:20px}.error-container h2{color:#fff;font-size:1.8rem;margin:0 0 12px}.error-container p{color:#ffffffb3;font-size:1rem;margin:0 0 28px}.error-actions{display:flex;flex-direction:column;gap:12px}.btn-back,.btn-retry{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.btn-retry{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-retry:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-back{background:#ffffff1a;border:2px solid #fff3;color:#fffc}.btn-back:hover{background:#ffffff26}.game-coming-soon{color:#ffffffb3}.game-coming-soon,.game-error{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e);display:flex;font-size:1.5rem;justify-content:center;min-height:100vh}.game-error{color:#f44336}@media (max-width:480px){.loading-icon{font-size:4rem}.loading-title{font-size:1.6rem}.loading-message{font-size:1rem}.error-container{padding:28px 20px}.error-icon{font-size:3rem}.error-container h2{font-size:1.5rem}}
/*# sourceMappingURL=main.f3ab3b91.css.map*/