@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Nunito:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Nunito:wght@400;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Orbitron:wght@700;900&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#018eea;--secondary:#221a8a;--accent:#b2009c;--game-gold:#ffd966;--game-purple:#9b59b6;--game-cyan:#00d2ff;--gradient-1:linear-gradient(135deg, #018eea 0%, #221a8a 100%);--gradient-2:linear-gradient(135deg, #018eea 0%, #b2009c 100%);--gradient-3:linear-gradient(135deg, #221a8a 0%, #b2009c 100%);--gradient-game:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--light-bg:#0a0a2a;--dark-text:#fff;--card-bg:#ffffff1a}body{background:var(--light-bg);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.hero-section{align-items:center;min-height:100vh;transition:all .3s;display:flex;position:relative;overflow:hidden}.hero-section.game-arena{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.hero-background{background:var(--gradient-1);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.gradient-overlay{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.particle-effect{background-image:radial-gradient(circle at 20% 40%,#ffffff1a 1px,#0000 1px),radial-gradient(circle at 80% 70%,#ffffff1a 1px,#0000 1px);background-size:50px 50px,30px 30px;width:100%;height:100%;animation:20s linear infinite particleMove;position:absolute}@keyframes particleMove{0%{background-position:0 0,0 0}to{background-position:100px 100px,-60px -60px}}.floating-shapes{width:100%;height:100%;position:absolute;overflow:hidden}.shape{opacity:.2;filter:drop-shadow(0 0 10px #ffffff80);font-size:60px;animation:20s ease-in-out infinite float;position:absolute}.shape-1{animation-delay:0s;top:10%;left:10%}.shape-2{animation-delay:2s;top:20%;right:15%}.shape-3{animation-delay:4s;bottom:20%;left:20%}.shape-4{animation-delay:6s;top:60%;right:10%}.shape-5{animation-delay:8s;top:40%;left:50%}.shape-6{animation-delay:10s;bottom:10%;right:30%}.shape-7{animation-delay:12s;top:70%;left:80%}.shape-8{animation-delay:14s;bottom:60%;right:70%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-content{z-index:1;width:100%;padding:80px 0;position:relative}.hero-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 40px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-left{max-width:650px}.hero-text{color:#fff}.badge-welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:8px;margin-bottom:30px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex}.game-badge{animation:2s ease-in-out infinite badgeGlow}@keyframes badgeGlow{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 20px 5px #fff9}}.badge-pulse{background:#f44;border-radius:20px;padding:4px 8px;font-size:12px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hero-title{color:#fff;text-shadow:0 5px 20px #0000004d;margin-bottom:30px;font-size:68px;font-weight:900;line-height:1.1}.typed-text{display:inline-block}.gradient-text{background:linear-gradient(135deg,gold 0%,#ffed4e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.game-gradient{animation:2s ease-in-out infinite textGlow}@keyframes textGlow{0%,to{text-shadow:0 0 20px #ffd70080}50%{text-shadow:0 0 40px #ffd700cc}}.hero-description{opacity:.95;color:#fffffff2;margin-bottom:40px;font-size:22px;line-height:1.7}.game-description{font-weight:500}.hero-actions{gap:20px;margin-bottom:35px;display:flex}.btn-primary-hero{max-width:300px;color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px 40px;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0003}.game-btn-primary{color:#221a8a;background:linear-gradient(135deg,gold,#ffed4e)}.game-btn-primary:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 20px 50px #0000004d}.btn-primary-hero .btn-glow{background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary-hero:hover .btn-glow{left:100%}.btn-secondary-hero{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:3px solid #ffffff4d;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:12px;max-width:300px;padding:20px 40px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.game-btn-secondary:hover{background:#ffffff26;border-color:#fff;transform:translateY(-3px)scale(1.05)}.btn-icon{font-size:24px}.trust-badges{gap:30px;display:flex}.trust-item{color:#fff;opacity:.9;align-items:center;gap:10px;font-size:15px;transition:transform .3s;display:flex}.trust-item:hover{opacity:1;transform:translateY(-3px)}.hero-right{justify-content:center;align-items:center;display:flex}.image-stats-container{justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.game-character{position:relative}.hero-main-image{filter:drop-shadow(0 25px 50px #0000004d);width:auto;max-width:100%;height:400px;animation:6s ease-in-out infinite float-image}.game-character-img{animation:3s ease-in-out infinite characterFloat}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.character-glow{background:radial-gradient(circle,#ffd7004d 0%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1);box-shadow:0 0 #00d4ff66}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 10px #00d4ff00}}.vertical-stats{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0009;border:2px solid #ffd7004d;border-radius:25px;flex-direction:column;gap:25px;width:280px;padding:40px 30px;display:flex;box-shadow:0 10px 40px #0000004d}.game-stats-card{animation:3s ease-in-out infinite cardGlow}@keyframes cardGlow{0%,to{border-color:#ffd7004d;box-shadow:0 10px 40px #0000004d}50%{border-color:#ffd700cc;box-shadow:0 10px 50px #ffd70033}}.vertical-stat-item{text-align:center;padding:15px 0}.vertical-stat-number{color:gold;text-shadow:0 0 10px #ffd70080;margin-bottom:8px;font-size:42px;font-weight:800}.game-stat-number{animation:.5s ease-out numberPop}@keyframes numberPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.vertical-stat-label{color:#fff;opacity:.95;margin-bottom:10px;font-size:16px;font-weight:600}.stat-bar{background:#fff3;border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.stat-fill{background:linear-gradient(90deg,gold,#ffed4e);border-radius:3px;height:100%;transition:width 1s;animation:1s ease-out fillBar}@keyframes fillBar{0%{width:0}}.star-rating{color:gold;letter-spacing:2px;margin-top:5px;font-size:20px}.vertical-stat-divider{background:linear-gradient(90deg,#0000 0%,#ffd70099 50%,#0000 100%);width:80%;height:2px;margin:0 auto}.typed-cursor{background:linear-gradient(135deg,gold 0%,#ffed4e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.feature-cards-section{background:linear-gradient(135deg,#0f0c29,#1a1a3a);padding:80px 0}.game-feature-section{background:linear-gradient(135deg,#0f0c29 0%,#1a1a3a 100%)}.feature-cards-grid{grid-template-columns:repeat(4,1fr);gap:25px;max-width:1400px;margin:0 auto;padding:0 20px;display:grid}.game-card-grid{gap:30px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:35px 25px;transition:all .3s}.game-card{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffd7004d}.game-card:hover{border-color:#ffd700cc;transform:translateY(-15px)scale(1.05);box-shadow:0 20px 50px #00000080}.feature-icon{margin-bottom:20px;font-size:50px;animation:2s ease-in-out infinite iconBounce;display:inline-block}.game-icon{filter:drop-shadow(0 5px 15px #ffd7004d);font-size:60px}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feature-content h3{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700}.feature-content p{color:#fffc;font-size:14px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.game-header{margin-bottom:70px}.section-badge{color:gold;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:50px;align-items:center;gap:8px;margin-bottom:25px;padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex}.game-badge-header{background:#ffd70033;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 20px 5px #ffd70099}}.section-title{color:#fff;text-shadow:0 5px 20px #0000004d;margin-bottom:20px;font-size:52px;font-weight:900}.game-title{background:linear-gradient(135deg,#fff,gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-description{color:#fffc;max-width:600px;margin:0 auto;font-size:20px}.game-desc{color:#ffffffe6}.features-section{background:linear-gradient(135deg,#1a1a3a,#0f0c29);padding:100px 0}.game-features{background:linear-gradient(135deg,#0a0a2a,#1a1a3a)}.features-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.game-features-grid{gap:40px}.feature-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:45px 30px;transition:all .3s}.game-feature{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.game-feature:hover{border-color:#ffd70099;transform:translateY(-12px)rotateX(5deg);box-shadow:0 20px 40px #0006}.feature-box-icon{color:#221a8a;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 25px;font-size:36px;transition:transform .3s;display:flex}.game-feature-icon{animation:3s linear infinite iconSpin}@keyframes iconSpin{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}.feature-box:hover .feature-box-icon{transform:scale(1.1)rotate(10deg)}.feature-box h4{color:#fff;margin-bottom:15px;font-size:24px;font-weight:800}.feature-box p{color:#fffc;font-size:16px}.how-it-works-section{background:linear-gradient(135deg,#1a1a3a,#0a0a2a);padding:100px 0}.game-levels{background:linear-gradient(135deg,#0f0c29,#1a1a3a)}.steps-container{justify-content:center;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.game-steps{gap:50px}.step-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;flex:1;padding:50px 30px;transition:all .3s;position:relative}.game-step{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.game-step:hover{border-color:#ffd70080;transform:translateY(-10px)scale(1.02)}.step-number{color:#221a8a;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:800;animation:2s ease-in-out infinite numberBounce;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.game-step-number{animation:2s ease-in-out infinite numberBounce}@keyframes numberBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.step-icon{margin:25px 0;font-size:70px;animation:3s ease-in-out infinite stepIconFloat;display:inline-block}.game-step-icon{filter:drop-shadow(0 5px 15px #ffd7004d)}@keyframes stepIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.step-item h4{color:#fff;margin-bottom:15px;font-size:26px;font-weight:800}.step-item p{color:#fffc;font-size:16px}.step-arrow{color:gold;font-size:50px;font-weight:800;animation:1.5s ease-in-out infinite arrowPulse}.game-arrow{animation:1s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}.cta-section{background:linear-gradient(135deg,#018eea 0%,#221a8a 100%);padding:120px 0;position:relative;overflow:hidden}.game-cta{background:linear-gradient(135deg,#018eea 0%,#221a8a 100%)}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite ctaShine;position:absolute;top:-50%;left:-50%}@keyframes ctaShine{0%{transform:translate(0)translateY(0)}to{transform:translate(100px)translateY(100px)}}.cta-content{text-align:center;color:#fff;z-index:1;position:relative}.cta-title{text-shadow:0 5px 20px #0000004d;margin-bottom:25px;font-size:56px;font-weight:900}.game-cta-title{animation:2s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 5px 20px #0000004d}50%{text-shadow:0 0 30px #ffffff80}}.cta-description{opacity:.95;max-width:700px;margin-bottom:45px;margin-left:auto;margin-right:auto;font-size:22px}.btn-cta-large{color:#018eea;cursor:pointer;background:#fff;border:none;border-radius:15px;align-items:center;gap:15px;padding:25px 55px;font-size:22px;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.game-cta-btn{color:#018eea;background:#fff;padding:28px 60px;font-size:24px;box-shadow:0 10px 30px #0003}.game-cta-btn:hover{color:#018eea;background:#fff;transform:translateY(-8px)scale(1.05);box-shadow:0 20px 40px #0000004d}.btn-cta-large .btn-glow{background:linear-gradient(90deg,#0000,#018eea4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-cta-large:hover .btn-glow{left:100%}.cta-note{opacity:.9;margin-top:30px;font-size:16px}.game-cta-note{font-size:18px}@media (width<=768px){.cta-title{font-size:32px}.btn-cta-large{padding:18px 35px;font-size:18px}.game-cta-btn{padding:20px 40px;font-size:20px}}.feature-card,.step-item,.feature-box,.game-card{transition:all .6s cubic-bezier(.34,1.2,.64,1)}html,body{min-height:100vh;overflow-x:hidden;height:auto!important;overflow-y:auto!important}.hero-section,.feature-cards-section,.features-section,.how-it-works-section,.cta-section{width:100%;position:relative;overflow:hidden}.container{width:100%;overflow:visible}body{min-height:100vh;margin:0;padding:0;display:block}.hero-section{height:auto;min-height:100vh}.feature-cards-section,.features-section,.how-it-works-section,.cta-section{height:auto;min-height:auto;overflow:visible}.gamified-login-world{background:linear-gradient(135deg,#0f0c1f 0%,#1a1530 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.particle-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:#ffd70066;border-radius:50%;width:3px;height:3px;animation:linear infinite floatUp;position:absolute;bottom:-10px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}.login-container{z-index:10;width:100%;max-width:1200px;margin:0 auto;position:relative}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140f2df2;border:1px solid #ffc8464d;border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 20px #ffc8461a}.game-card:hover{transform:translateY(-5px);box-shadow:0 25px 45px #00000080,0 0 25px #ffc84633}.card-header-gamified{text-align:center;background:linear-gradient(135deg,#2a1e4a,#1a1235);border-bottom:2px solid #ffc857;padding:25px 20px}.game-badge{color:#ffc857;letter-spacing:2px;background:#00000080;border-radius:40px;align-items:center;gap:10px;margin-bottom:15px;padding:6px 16px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;display:inline-flex}.game-badge i{font-size:12px}.card-header-gamified h2{background:linear-gradient(135deg,#ffd966,#fa3);color:#0000;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Orbitron,monospace;font-size:26px;font-weight:800}.card-header-gamified p{color:#a99bdf;margin:0;font-size:13px;font-weight:500}.card-body-gamified{padding:30px}.game-alert{color:#ffaeae;background:#dc354526;border-left:4px solid #dc3545;border-radius:12px;align-items:center;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.game-alert i{font-size:16px}.input-group-game{margin-bottom:20px}.input-group-game label{color:#c9bdff;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-group-game label i{color:#ffc857;margin-right:8px}.input-group-game input{color:#fff;background:#0c0920;border:2px solid #2a2350;border-radius:12px;width:100%;padding:12px 16px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}.input-group-game input:focus{background:#120e28;border-color:#ffc857;outline:none;box-shadow:0 0 8px #ffc8464d}.input-group-game input::placeholder{color:#c0b5ee}.password-wrapper{position:relative}.password-wrapper input{padding-right:45px}.password-wrapper button{color:#8b7bc2;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-wrapper button:hover{color:#ffc857}.options-row{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.checkbox-game{cursor:pointer;color:#b3a5e6;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-game input{cursor:pointer;accent-color:#ffc857;width:16px;height:16px}.forgot-link{color:#ffb347;font-size:12px;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#ffd966}.login-btn-game{color:#1a0f2e;letter-spacing:1px;cursor:pointer;background:linear-gradient(95deg,#fa3,#ff8c1a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-family:Orbitron,monospace;font-size:16px;font-weight:700;transition:all .3s;display:flex}.login-btn-game:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #ff8c1a66}.login-btn-game:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #0000004d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.signup-link{text-align:center;color:#8b7bc2;margin-top:20px;font-size:13px}.signup-link a{color:#ffc857;margin-left:5px;font-weight:600;text-decoration:none;transition:color .2s}.signup-link a:hover{color:#fa3}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes victoryGlow{0%{box-shadow:0 0 #ffc857}to{box-shadow:0 0 30px #fa3}}@media (width<=576px){.card-header-gamified{padding:20px}.card-header-gamified h2{font-size:22px}.card-body-gamified{padding:20px}.login-btn-game{padding:12px;font-size:14px}.input-group-game input{padding:10px 14px}}.school-gamified-world{background:linear-gradient(135deg,#0f0c1f 0%,#1a1530 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.particle-bg-school{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particle-school{background:#ffd70066;border-radius:50%;width:3px;height:3px;animation:linear infinite floatUpSchool;position:absolute;bottom:-10px}@keyframes floatUpSchool{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)}}.school-container-gamified{z-index:10;width:100%;max-width:1350px;margin:0 auto;position:relative}.school-card-gamified{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140f2df2;border:1px solid #ffc8464d;border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 20px #ffc8461a}.school-card-gamified:hover{transform:translateY(-5px);box-shadow:0 25px 45px #00000080,0 0 25px #ffc84633}.school-header-gamified{text-align:center;background:linear-gradient(135deg,#2a1e4a,#1a1235);border-bottom:2px solid #ffc857;padding:25px 20px}.game-badge-school{color:#ffc857;letter-spacing:2px;background:#00000080;border-radius:40px;align-items:center;gap:10px;margin-bottom:15px;padding:6px 16px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;display:inline-flex}.game-badge-school i{font-size:12px}.header-avatar{margin-bottom:15px;display:inline-block;position:relative}.avatar-icon{font-size:55px;animation:2s ease-in-out infinite bounce;display:inline-block}.sparkle{font-size:20px;animation:1.5s infinite sparkle;position:absolute;top:-5px;right:-10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.school-header-gamified h2{background:linear-gradient(135deg,#ffd966,#fa3);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Orbitron,monospace;font-size:26px;font-weight:800}.school-header-gamified p{color:#a99bdf;margin:0 0 15px;font-size:13px}.xp-bar-school{background:#2a2340;border-radius:30px;width:80%;height:8px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.xp-fill-school{background:linear-gradient(90deg,#ffd966,#fa3);border-radius:30px;height:100%;transition:width .5s;animation:2s infinite alternate xpPulse}@keyframes xpPulse{0%{box-shadow:0 0 2px gold}to{box-shadow:0 0 8px gold}}.xp-text{color:#ffd966;font-size:9px;font-weight:700;position:absolute;top:-20px;right:0}.school-body-gamified{padding:30px}.game-alert-school{color:#ffaeae;background:#dc354526;border-left:4px solid #dc3545;border-radius:12px;align-items:center;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.input-group-school{margin-bottom:24px}.input-group-school label{color:#c9bdff;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.input-group-school label i{color:#ffc857;font-size:14px}.required-badge{color:#fc7;background:#3a2c5a;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:9px}.input-wrapper-school{align-items:center;display:flex;position:relative}.input-wrapper-school input{color:#fff;background:#0c0920;border:2px solid #2a2350;border-radius:12px;width:100%;padding:12px 45px 12px 16px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}.input-wrapper-school input:focus{background:#120e28;border-color:#ffc857;outline:none;box-shadow:0 0 8px #ffc8464d}.input-wrapper-school input::placeholder{color:#5a4e8a}.input-decoration-school{color:#ffc857;pointer-events:none;font-size:16px;position:absolute;right:16px}.input-hint-school{color:#7b6eae;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.city-wrapper{position:relative}.city-suggestions-gamified{z-index:1000;background:#1a1530;border:1px solid #ffc85733;border-radius:12px;max-height:200px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000004d}.city-suggestion-gamified{cursor:pointer;color:#e2d9ff;align-items:center;gap:10px;padding:10px 15px;font-size:13px;transition:all .2s;display:flex}.city-suggestion-gamified:hover{color:#ffc857;background:#2a2350}.city-suggestion-gamified i{color:#ffc857;font-size:12px}.quest-progress{margin:25px 0}.quest-steps{justify-content:space-between;margin-bottom:12px;padding:0 5px;display:flex}.step{background:#0c0920;border:2px solid #2a2350;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;transition:all .3s;display:flex}.step.active{background:linear-gradient(135deg,#fa3,#ff8c1a);border-color:#ffc857;transform:scale(1.05);box-shadow:0 0 10px #ffc84680}.progress-bar-school{background:#2a2350;border-radius:10px;height:6px;margin:15px 0 10px;overflow:hidden}.progress-fill-school{background:linear-gradient(90deg,#ffd966,#fa3);border-radius:10px;height:100%;transition:width .5s}.progress-text-school{text-align:center;color:#a99bdf;margin:0;font-size:11px;font-weight:500}.continue-btn-gamified{color:#1a0f2e;letter-spacing:1px;cursor:pointer;background:linear-gradient(95deg,#fa3,#ff8c1a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;font-family:Orbitron,monospace;font-size:15px;font-weight:700;transition:all .3s;display:flex}.continue-btn-gamified:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #ff8c1a66}.continue-btn-gamified:disabled{opacity:.7;cursor:not-allowed}.spinner-school{border:2px solid #0000004d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.back-link{text-align:center;color:#8b7bc2;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.login-link-gamified{color:#ffc857;font-weight:600;text-decoration:none;transition:color .2s}.login-link-gamified:hover{color:#fa3}@media (width<=576px){.school-header-gamified{padding:20px}.school-header-gamified h2{font-size:22px}.school-body-gamified{padding:20px}.continue-btn-gamified{padding:12px;font-size:13px}.quest-steps{padding:0}.step{width:30px;height:30px;font-size:14px}}.username-container{background:radial-gradient(at 50% 40%,#0a0f2c,#030617);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;inset:0;overflow:hidden}@keyframes floatParticle{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}25%{opacity:.6}75%{opacity:.8}to{opacity:0;transform:translateY(-150px)translate(50px)rotate(360deg)}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.2)}}@keyframes pulseOrb{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.3)}}.xp-toast{color:#1e293b;z-index:1000;pointer-events:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50px;padding:12px 24px;font-size:16px;font-weight:700;animation:.3s slideIn,.5s 1.5s forwards fadeOut;position:fixed;top:30px;right:30px;box-shadow:0 5px 20px #f59e0b66}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}.username-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0f192df2;border:1px solid #667eea4d;border-radius:48px;width:750px;max-width:90vw;position:relative;overflow:visible;box-shadow:0 25px 60px #00000080,0 0 0 2px #667eea33}.username-header{text-align:center;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-bottom:2px solid #ffd70080;border-radius:48px 48px 0 0;padding:25px 30px}.level-badge{color:#1e293b;white-space:nowrap;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:-8px;right:-35px;box-shadow:0 2px 10px #0000004d}.username-header h2{background:linear-gradient(135deg,#fff,#ffd966);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:28px;font-weight:800}.username-header p{color:#ffffffe6;font-size:13px}.username-body{max-height:none;padding:28px 32px;overflow:visible}.hero-intro{text-align:center;margin-bottom:20px}.hero-avatar{margin-bottom:8px;font-size:55px;animation:2s infinite bounce}.hero-text{color:#cbd5e1;font-size:14px;font-style:italic}.floating-label{color:#ffd966;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.floating-label i{margin-right:6px}.name-input-wrapper{position:relative}.gamified-input{color:#e2e8f0;background:#0a1428cc;border:2px solid #667eea80;border-radius:18px;width:100%;padding:14px 45px 14px 18px;font-size:15px;transition:all .3s}.gamified-input:focus{border-color:#ffd966;outline:none;box-shadow:0 0 0 3px #ffd96633}.name-input-wrapper i{color:#94a3b8;position:absolute;top:50%;right:18px;transform:translateY(-50%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.generate-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:22px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.selection-header{text-align:center;margin-bottom:20px}.selection-icon{color:#ffd966;margin-bottom:8px;font-size:45px}.selection-header h5{background:linear-gradient(135deg,#fff,#ffd966);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:22px;font-weight:800}.selection-header p{color:#94a3b8;font-size:12px}.suggestions-grid{flex-direction:column;gap:10px;max-height:none;margin-bottom:20px;display:flex;overflow:visible}.suggestion-card{cursor:pointer;background:#0a142899;border:2px solid #667eea4d;border-radius:18px;align-items:center;gap:12px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.suggestion-card:hover{background:#667eea1a;border-color:#ffd966;transform:translate(5px)}.suggestion-card.selected{background:#22c55e1a;border-color:#22c55e;box-shadow:0 0 12px #22c55e33}.suggestion-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.suggestion-text{color:#e2e8f0;flex:1;font-size:16px;font-weight:600}.suggestion-rarity{margin-right:35px}.rarity{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.rarity.legendary{color:#1e293b;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rarity.epic{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed)}.rarity.rare{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.rarity.common{color:#94a3b8;background:#64748b80}.check-mark{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex;position:absolute;right:12px}.custom-section{background:#0000004d;border:1px solid #667eea33;border-radius:22px;margin-bottom:18px;padding:18px 20px}.divider{text-align:center;margin-bottom:18px;position:relative}.divider:before{content:"";background:#667eea4d;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#ffd966;background:#0000004d;padding:0 12px;font-size:11px;font-weight:700;position:relative}.custom-label{color:#ffd966;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.custom-label i{margin-right:6px}.custom-input-wrapper{gap:10px;display:flex}.custom-input{color:#e2e8f0;background:#0a1428cc;border:2px solid #667eea80;border-radius:16px;flex:1;padding:12px 15px;font-size:14px}.custom-input:focus{border-color:#ffd966;outline:none}.check-btn{color:#48bb78;cursor:pointer;background:#48bb784d;border:2px solid #48bb78;border-radius:16px;padding:0 20px;font-size:13px;font-weight:700;transition:all .3s}.check-btn.active{color:#fff;background:#48bb78}.check-btn:hover:not(:disabled){color:#fff;background:#48bb78;transform:scale(1.02)}.check-btn:disabled{opacity:.4;cursor:not-allowed}.username-feedback{margin-top:8px;font-size:11px;font-weight:500}.username-feedback.available{color:#48bb78}.username-feedback.unavailable{color:#ef4444}.username-rules{flex-wrap:wrap;gap:15px;margin-top:12px;display:flex}.rule{color:#94a3b8;align-items:center;gap:5px;font-size:10px;display:flex}.rule i{color:#48bb78;font-size:9px}.action-buttons{flex-direction:column;gap:10px;display:flex}.continue-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:22px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.continue-btn.ready{animation:1.5s infinite pulse}.continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #48bb7866}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.back-btn{cursor:pointer;color:#94a3b8;background:0 0;border:2px solid #667eea80;border-radius:18px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .3s}.back-btn:hover{color:#ffd966;border-color:#ffd966}.selected-badge{text-align:center;color:#48bb78;background:linear-gradient(135deg,#48bb7833,#38a1691a);border:1px solid #48bb784d;border-radius:14px;margin-top:15px;padding:10px;font-size:11px}.selected-badge i{margin-right:6px}.selected-badge strong{font-size:12px}.error-message{color:#fecaca;background:#ef444433;border-left:3px solid #ef4444;border-radius:12px;margin-bottom:15px;padding:10px 14px;font-size:12px}@media (width<=768px){.username-card{width:95vw}.username-body{padding:20px}.username-header h2{font-size:22px}.suggestion-text{font-size:13px}.suggestion-rarity{display:none}.username-rules{gap:10px}.selection-header h5{font-size:18px}}.email-gamified-world{background:linear-gradient(135deg,#0f0c1f 0%,#1a1530 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.particle-bg-email{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particle-email{background:#ffd70066;border-radius:50%;width:3px;height:3px;animation:linear infinite floatUpEmail;position:absolute;bottom:-10px}@keyframes floatUpEmail{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)}}.email-container-gamified{z-index:10;width:100%;max-width:950px;margin:0 auto;position:relative}.email-card-gamified{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140f2df2;border:1px solid #ffc8464d;border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 20px #ffc8461a}.email-card-gamified:hover{transform:translateY(-5px);box-shadow:0 25px 45px #00000080,0 0 25px #ffc84633}.email-header-gamified{text-align:center;background:linear-gradient(135deg,#2a1e4a,#1a1235);border-bottom:2px solid #ffc857;padding:25px 20px}.game-badge-email{color:#ffc857;letter-spacing:2px;background:#00000080;border-radius:40px;align-items:center;gap:10px;margin-bottom:15px;padding:6px 16px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;display:inline-flex}.header-avatar-email{margin-bottom:15px;display:inline-block;position:relative}.avatar-icon-email{font-size:55px;animation:2s ease-in-out infinite bounce;display:inline-block}.magic-sparkle{font-size:20px;animation:1.5s infinite sparkle;position:absolute;top:-5px;right:-10px}.email-header-gamified h2{background:linear-gradient(135deg,#ffd966,#fa3);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Orbitron,monospace;font-size:26px;font-weight:800}.email-header-gamified p{color:#a99bdf;margin:0 0 15px;font-size:13px}.xp-bar-email{background:#2a2340;border-radius:30px;width:80%;height:8px;margin:0 auto;position:relative;overflow:hidden}.xp-fill-email{background:linear-gradient(90deg,#ffd966,#fa3);border-radius:30px;height:100%;transition:width .5s;animation:2s infinite alternate xpPulse}.xp-text-email{color:#ffd966;font-size:9px;font-weight:700;position:absolute;top:-20px;right:0}.email-body-gamified{padding:30px}.game-alert-email{color:#ffaeae;background:#dc354526;border-left:4px solid #dc3545;border-radius:12px;align-items:center;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.input-group-email{margin-bottom:24px}.input-group-email label{color:#c9bdff;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.input-group-email label i{color:#ffc857;font-size:14px}.required-badge-email{color:#fc7;background:#3a2c5a;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:9px}.required-badge-email.legendary{color:#fff;background:linear-gradient(45deg,#6a1b9a,#d4af37)}.input-wrapper-email{align-items:center;display:flex;position:relative}.input-wrapper-email input{color:#fff;background:#0c0920;border:2px solid #2a2350;border-radius:12px;width:100%;padding:12px 45px 12px 16px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}.input-wrapper-email input:focus{background:#120e28;border-color:#ffc857;outline:none;box-shadow:0 0 8px #ffc8464d}.input-wrapper-email input::placeholder{color:#5a4e8a}.code-input{text-align:center;letter-spacing:4px;font-weight:700;font-size:20px!important}.input-decoration-email{color:#ffc857;pointer-events:none;font-size:16px;position:absolute;right:16px}.input-hint-email{color:#7b6eae;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.info-box-gamified{text-align:center;background:linear-gradient(135deg,#ffc8461a,#764ba233);border:1px solid #ffc8464d;border-radius:16px;margin-bottom:25px;padding:20px}.magic-envelope i{color:#ffc857;margin-bottom:12px;font-size:45px;animation:2s ease-in-out infinite float}.info-box-gamified p{color:#c9bdff;margin:0 0 5px;font-size:13px}.email-highlight{color:#ffc857;margin:5px 0;font-size:14px;display:block}.info-box-gamified small{color:#8b7bc2;font-size:11px}.quest-progress-email{margin:25px 0}.quest-steps-email{justify-content:space-between;margin-bottom:12px;padding:0 5px;display:flex}.step-email{background:#0c0920;border:2px solid #2a2350;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;transition:all .3s;display:flex}.step-email.completed{background:#4caf5033;border-color:#4caf50}.step-email.active{background:linear-gradient(135deg,#fa3,#ff8c1a);border-color:#ffc857;transform:scale(1.05);box-shadow:0 0 10px #ffc84680}.progress-bar-email{background:#2a2350;border-radius:10px;height:6px;margin:15px 0 10px;overflow:hidden}.progress-fill-email{background:linear-gradient(90deg,#ffd966,#fa3);border-radius:10px;height:100%;transition:width .5s}.progress-text-email{text-align:center;color:#a99bdf;margin:0;font-size:11px;font-weight:500}.send-btn-gamified,.verify-btn-gamified{color:#1a0f2e;letter-spacing:1px;cursor:pointer;background:linear-gradient(95deg,#fa3,#ff8c1a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;font-family:Orbitron,monospace;font-size:15px;font-weight:700;transition:all .3s;display:flex}.send-btn-gamified:hover:not(:disabled),.verify-btn-gamified:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #ff8c1a66}.send-btn-gamified:disabled,.verify-btn-gamified:disabled{opacity:.7;cursor:not-allowed}.spinner-email{border:2px solid #0000004d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.resend-section-gamified{text-align:center;margin-top:20px}.resend-btn-gamified{color:#ffc857;cursor:pointer;background:0 0;border:1px solid #ffc857;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.resend-btn-gamified:hover{background:#ffc84633;transform:scale(1.02)}.btn-pulse{animation:.3s ease-out pulse}.timer-gamified{color:#8b7bc2;align-items:center;gap:8px;font-size:13px;display:inline-flex}.back-link-email{text-align:center;margin-top:20px}.back-btn-email{color:#8b7bc2;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:12px;transition:color .2s;display:inline-flex}.back-btn-email:hover{color:#ffc857}.success-flash{animation:.5s ease-out successFlash}@keyframes successFlash{0%{box-shadow:0 0 #4caf50}to{box-shadow:0 0 20px #4caf50}}@media (width<=768px){.email-body-gamified{padding:20px}.email-header-gamified h2{font-size:22px}.send-btn-gamified,.verify-btn-gamified{padding:12px;font-size:13px}.quest-steps-email{padding:0}.step-email{width:30px;height:30px;font-size:14px}}.student-container{background:radial-gradient(at 50% 40%,#0a0f2c,#030617);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.particle-field{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute}.particle{filter:blur(3px);background:radial-gradient(circle,#ffd966,#fa3);border-radius:50%;animation:linear infinite floatParticle;position:absolute;box-shadow:0 0 10px #ffc86499}.glow-orb{filter:blur(80px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb-1{background:#667eea;width:400px;height:400px;animation:12s infinite alternate floatOrb;top:-150px;left:-100px}.orb-2{background:#764ba2;width:500px;height:500px;animation:15s infinite alternate-reverse floatOrb;bottom:-200px;right:-150px}.orb-3{background:#f59e0b;width:300px;height:300px;animation:8s infinite pulseOrb;top:50%;left:50%;transform:translate(-50%,-50%)}.student-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0f192df2;border:1px solid #667eea4d;border-radius:48px;width:90%;max-width:750px;max-height:90vh;position:relative;overflow:hidden auto;box-shadow:0 25px 60px #00000080,0 0 0 2px #667eea33,inset 0 1px #ffffff1a}.student-card::-webkit-scrollbar{width:6px}.student-card::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.student-card::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.student-header{text-align:center;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-bottom:2px solid #ffd70080;border-radius:48px 48px 0 0;padding:35px 30px;position:relative}.header-icon{margin-bottom:15px;font-size:70px;display:inline-block;position:relative}.xp-badge{color:#1e293b;white-space:nowrap;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-10px;right:-40px;box-shadow:0 0 15px #fbbf2499}.student-header h2{background:linear-gradient(135deg,#fff,#ffd966);color:#0000;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:34px;font-weight:800}.student-header p{color:#ffffffe6;font-size:16px}.quest-progress{background:#0000004d;border-radius:50px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:10px 20px;display:flex}.quest-step{color:#ffd966;font-size:14px;font-weight:700}.mini-progress{background:#fff3;border-radius:10px;flex:1;height:6px;overflow:hidden}.mini-progress-fill{background:linear-gradient(90deg,#ffd966,#fbbf24);border-radius:10px;height:100%;transition:width .5s}.student-body{padding:35px}.floating-label{color:#ffd966;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:16px;font-weight:700;display:block}.floating-label i{color:#a78bfa;margin-right:8px}.gamified-group{position:relative}.gamified-select{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1428cc;border:2px solid #667eea80;border-radius:20px;width:100%;padding:16px 20px;font-size:16px;font-weight:500;transition:all .3s}.gamified-select:focus{border-color:#ffd966;outline:none;box-shadow:0 0 0 3px #ffd96633}.select-glow{opacity:0;background:linear-gradient(90deg,#0000,#ffd966,#0000);height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.gamified-select:focus+.select-glow{opacity:1}.hint-text{color:#94a3b8;margin-top:8px;font-size:12px;display:block}.hint-text i{color:#a78bfa;margin-right:5px}.stream-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.stream-card{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid #667eea4d;border-radius:24px;padding:25px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.stream-card:hover{border-color:#ffd966;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 30px #0000004d}.stream-card.selected{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.stream-icon{border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:32px;transition:transform .3s;display:flex}.stream-card:hover .stream-icon{transform:scale(1.1)}.stream-icon.cbse{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 5px 15px #3b82f666}.stream-icon.icse{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 5px 15px #10b98166}.stream-card h6{color:#f1f5f9;margin-bottom:8px;font-size:20px;font-weight:800}.stream-card p{color:#94a3b8;margin:0 0 10px;font-size:12px}.stream-badge{color:#ffd966;background:#ffd96633;border-radius:20px;padding:3px 10px;font-size:10px;display:inline-block}.check-mark{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 0 10px #22c55e80}.password-section{background:#0000004d;border:1px solid #667eea4d;border-radius:28px;margin:25px 0;padding:25px}.section-header{border-bottom:2px solid #667eea4d;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;display:flex}.section-icon{font-size:32px}.section-header h5{color:#ffd966;margin:0;font-size:18px;font-weight:700}.legendary-tag{color:#1e293b;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:700}.password-input-wrapper{position:relative}.password-input-wrapper input{color:#e2e8f0;background:#0a1428cc;border:2px solid #667eea80;border-radius:18px;width:100%;padding:14px 45px 14px 18px;font-size:16px;transition:all .3s}.password-input-wrapper input:focus{border-color:#ffd966;outline:none}.password-input-wrapper i{color:#94a3b8;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.password-strength{margin-top:10px;font-size:13px;font-weight:500}.strength-bar{background:#ffffff1a;border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.strength-fill{height:100%;transition:width .3s}.password-match{margin-top:10px;font-size:13px;font-weight:500}.password-match.match{color:#22c55e}.password-match.no-match{color:#ef4444}.password-requirements{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.requirement{color:#94a3b8;align-items:center;gap:8px;font-size:11px;transition:all .3s;display:flex}.requirement.met{color:#22c55e}.requirement i{font-size:11px}.progress-section{margin:30px 0}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ffd966,#f59e0b);border-radius:10px;height:100%;transition:width .5s;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.progress-text{text-align:center;color:#94a3b8;margin:0;font-size:13px}.progress-text i{color:#ffd966;margin-right:5px}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:24px;width:100%;padding:16px;font-size:18px;font-weight:800;transition:all .3s;position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #f59e0b66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#fecaca;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ef444433;border-left:4px solid #ef4444;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px}.error-message i{margin-right:8px}@media (width<=768px){.student-body{padding:25px}.student-header h2{font-size:26px}.stream-grid{grid-template-columns:1fr}.password-requirements{flex-direction:column;gap:8px}.student-card{width:95%;max-height:85vh}}.avatar-gamified-world{background:linear-gradient(135deg,#0f0c1f 0%,#1a1530 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.particle-bg-avatar{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particle-avatar{background:#ffd70066;border-radius:50%;width:3px;height:3px;animation:linear infinite floatUpAvatar;position:absolute;bottom:-10px}@keyframes floatUpAvatar{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)}}.avatar-container-gamified{z-index:10;width:100%;max-width:900px;margin:0 auto;position:relative}.avatar-card-gamified{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140f2df2;border:1px solid #ffc8464d;border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 20px #ffc8461a}.avatar-card-gamified:hover{transform:translateY(-5px);box-shadow:0 25px 45px #00000080,0 0 25px #ffc84633}.avatar-header-gamified{text-align:center;background:linear-gradient(135deg,#2a1e4a,#1a1235);border-bottom:2px solid #ffc857;padding:25px 20px}.game-badge-avatar{color:#ffc857;letter-spacing:2px;background:#00000080;border-radius:40px;align-items:center;gap:10px;margin-bottom:15px;padding:6px 16px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;display:inline-flex}.header-avatar-gamified{margin-bottom:15px;display:inline-block;position:relative}.avatar-icon-gamified{font-size:55px;animation:2s ease-in-out infinite bounce;display:inline-block}.final-sparkle{font-size:20px;animation:1.5s infinite sparkle;position:absolute;top:-5px;right:-10px}.avatar-header-gamified h2{background:linear-gradient(135deg,#ffd966,#fa3);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Orbitron,monospace;font-size:28px;font-weight:800}.avatar-header-gamified p{color:#a99bdf;margin:0 0 15px;font-size:13px}.xp-bar-avatar{background:#2a2340;border-radius:30px;width:80%;height:8px;margin:0 auto;position:relative;overflow:hidden}.xp-fill-avatar{background:linear-gradient(90deg,#ffd966,#fa3);border-radius:30px;height:100%;transition:width .5s;animation:2s infinite alternate xpPulse}.xp-text-avatar{color:#ffd966;font-size:9px;font-weight:700;position:absolute;top:-20px;right:0}.avatar-body-gamified{padding:30px}.game-alert-avatar{color:#ffaeae;background:#dc354526;border-left:4px solid #dc3545;border-radius:12px;align-items:center;margin-bottom:20px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.gender-section-gamified{text-align:center}.quest-title{justify-content:center;align-items:center;gap:12px;margin-bottom:30px;display:flex}.quest-title i{color:#ffc857;font-size:24px}.quest-title h4{color:#e2d9ff;margin:0;font-weight:600}.gender-grid-gamified{grid-template-columns:repeat(2,1fr);gap:30px;max-width:550px;margin:0 auto 30px;display:grid}.gender-card-gamified{cursor:pointer;text-align:center;background:linear-gradient(135deg,#0c0920,#120e28);border:2px solid #2a2350;border-radius:20px;padding:35px 20px;transition:all .3s}.gender-card-gamified:hover{border-color:#ffc857;transform:translateY(-8px);box-shadow:0 10px 30px #ffc84633}.gender-icon-wrapper i{color:#ffc857;margin-bottom:15px}.gender-card-gamified h5{color:#ffd966;margin:10px 0 5px;font-size:20px;font-weight:700}.gender-card-gamified p{color:#8b7bc2;margin:0 0 15px;font-size:12px}.select-hint{color:#fa3;letter-spacing:1px;font-size:10px}.quest-progress-avatar{margin-top:30px}.quest-steps-avatar{justify-content:space-between;margin-bottom:12px;padding:0 5px;display:flex}.step-avatar{background:#0c0920;border:2px solid #2a2350;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .3s;display:flex}.step-avatar.completed{background:#4caf5033;border-color:#4caf50}.step-avatar.active{background:linear-gradient(135deg,#fa3,#ff8c1a);border-color:#ffc857;transform:scale(1.05);box-shadow:0 0 10px #ffc84680}.progress-bar-avatar{background:#2a2350;border-radius:10px;height:6px;margin:15px 0 10px;overflow:hidden}.progress-fill-avatar{background:linear-gradient(90deg,#ffd966,#fa3);border-radius:10px;height:100%;transition:width .5s}.progress-text-avatar{text-align:center;color:#a99bdf;margin:0;font-size:11px;font-weight:500}.avatar-selection-header-gamified{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.header-left i{color:#ffc857;font-size:20px}.header-left h4{color:#e2d9ff;margin:0;font-weight:600}.back-btn-gamified{color:#ffc857;cursor:pointer;background:#ffc8461a;border:1px solid #ffc857;border-radius:40px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .3s}.back-btn-gamified:hover{background:#ffc8464d;transform:translate(-2px)}.selected-preview-gamified{text-align:center;background:linear-gradient(135deg,#ffc8461a,#764ba21a);border:1px solid #ffc84633;border-radius:20px;margin-bottom:30px;padding:20px}.preview-circle-gamified{background:linear-gradient(135deg,#2a1e4a,#1a1235);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 15px;display:flex;position:relative;box-shadow:0 0 20px #ffc8464d}.preview-emoji-gamified{font-size:55px}.preview-glow{background:radial-gradient(circle,#ffc84699,#0000);border-radius:50%;animation:1.5s infinite pulse;position:absolute;inset:-5px}.preview-name{color:#ffd966;margin:0;font-size:14px;font-weight:600}.avatars-grid-gamified{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;max-height:380px;margin-bottom:30px;padding:5px;display:grid;overflow-y:auto}.avatars-grid-gamified::-webkit-scrollbar{width:6px}.avatars-grid-gamified::-webkit-scrollbar-track{background:#2a2350;border-radius:10px}.avatars-grid-gamified::-webkit-scrollbar-thumb{background:#ffc857;border-radius:10px}.avatar-option-gamified{cursor:pointer;text-align:center;background:#0c0920;border:2px solid #2a2350;border-radius:15px;padding:12px 8px;transition:all .3s;position:relative}.avatar-option-gamified:hover{border-color:#ffc857;transform:translateY(-4px);box-shadow:0 5px 15px #ffc84633}.avatar-option-gamified.selected-avatar{background:linear-gradient(135deg,#2a1e4a,#1a1235);border-color:#ffc857;transform:scale(1.02);box-shadow:0 0 15px #ffc8464d}.avatar-emoji-gamified{margin-bottom:6px;font-size:38px;display:block}.avatar-name-gamified{color:#a99bdf;font-size:10px;display:block}.check-mark{background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-8px;right:-8px}.check-mark i{color:#fff;font-size:12px}.confirm-btn-gamified{color:#1a0f2e;letter-spacing:1px;cursor:pointer;background:linear-gradient(95deg,#fa3,#ff8c1a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-family:Orbitron,monospace;font-size:16px;font-weight:700;transition:all .3s;display:flex}.confirm-btn-gamified:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #ff8c1a66}.confirm-btn-gamified:disabled{opacity:.6;cursor:not-allowed}.spinner-avatar{border:2px solid #0000004d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.game-shake{animation:.4s ease-in-out shake}.victory-glow{animation:.5s ease-out victoryGlow}.gender-flash{animation:.3s ease-out genderFlash}@keyframes genderFlash{0%{box-shadow:0 0 #ffc857}to{box-shadow:0 0 20px #fa3}}@media (width<=768px){.avatar-body-gamified{padding:20px}.avatar-header-gamified h2{font-size:24px}.avatars-grid-gamified{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));max-height:300px}.avatar-emoji-gamified{font-size:30px}.gender-grid-gamified{gap:15px}.gender-card-gamified{padding:25px 15px}.step-avatar{width:32px;height:32px;font-size:14px}}:root{--bg-deep:#060812;--bg-mid:#0d1117;--bg-card:#111827;--bg-card2:#e8eaee;--border:#ffffff14;--border-glow:#fff3;--text:#e2e8f0;--text-dim:#f4f1f1e9;--text-xdim:#f5e3e3c7;--accent:gold;--green:#39ff14;--red:#f45;--purple:#a855f7;--cyan:#00d4ff;--pixel-font:"Press Start 2P", monospace;--body-font:"Rajdhani", sans-serif;--radius:8px;--shadow:0 0 30px #0009}.cs-wrapper{min-height:100vh;font-family:var(--body-font);padding:24px 20px 60px;position:relative;overflow-x:hidden}.cs-junior{background:var(--bg-deep);color:#fff!important}.cs-junior .grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.cs-junior .scanlines{z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}.glow-orb{pointer-events:none;z-index:0;filter:blur(80px);opacity:.15;border-radius:50%;position:fixed}.glow-orb-1{background:#a855f7;width:400px;height:400px;animation:8s ease-in-out infinite orbFloat1;top:-100px;left:-100px}.glow-orb-2{background:#00d4ff;width:300px;height:300px;animation:10s ease-in-out infinite orbFloat2;bottom:10%;right:-80px}.glow-orb-3{background:gold;width:250px;height:250px;animation:12s ease-in-out infinite orbFloat3;top:50%;left:30%}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(40px,60px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-30px,-40px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}.screen-flash{z-index:9999;pointer-events:none;background:#ffffff1f;animation:.15s forwards flashOut;position:fixed;inset:0}@keyframes flashOut{to{opacity:0}}.float-particle{border-radius:50%;width:8px;height:8px;animation:.8s ease-out forwards particlePop}@keyframes particlePop{0%{opacity:1;transform:scale(0)translate(0)}to{transform:scale(1) translate(var(--tx,20px), var(--ty,-60px));opacity:0}}.cs-container{z-index:2;flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;display:flex;position:relative}.hud-header{border:1px solid var(--border-glow);border-top:3px solid var(--accent);background:linear-gradient(135deg,#0d1117 0%,#161d2e 100%);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ffd70014,inset 0 1px #ffffff0d}.hud-header:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.hud-emblem{border:2px solid var(--accent);background:linear-gradient(135deg,#1a1030,#2d1b60);border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;animation:3s ease-in-out infinite emblemPulse;display:flex;box-shadow:0 0 16px #ffd7004d}.hud-emblem i{color:var(--accent);font-size:24px}@keyframes emblemPulse{0%,to{box-shadow:0 0 16px #ffd7004d}50%{box-shadow:0 0 30px #ffd7008c}}.hud-game-title{font-family:var(--pixel-font);color:var(--accent);text-shadow:0 0 10px #ffd70099;letter-spacing:2px;font-size:14px}.hud-sub{letter-spacing:1px;margin-top:4px;font-size:12px;color:#e0d8d8!important}.hud-right{border:1px solid var(--border);background:#0000004d;border-radius:8px;align-items:center;gap:16px;padding:10px 20px;display:flex}.hud-stat{text-align:center}.stat-label{font-family:var(--pixel-font);color:var(--text-xdim);letter-spacing:1px;font-size:7px}.stat-val{font-family:var(--pixel-font);margin-top:4px;font-size:12px;color:#fff!important}.level-val{color:var(--accent);text-shadow:0 0 8px #ffd70080}.xp-val{color:var(--cyan);text-shadow:0 0 8px #00d4ff66;align-items:center;gap:4px;display:flex}.xp-val i{font-size:9px}.hud-divider{background:var(--border-glow);width:1px;height:32px}.welcome-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--purple);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:20px;padding:18px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #a855f70a}.welcome-card:after{content:"PLAYER ONE";font-family:var(--pixel-font);color:var(--text-xdim);letter-spacing:2px;font-size:7px;position:absolute;top:8px;right:24px}.player-sprite{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.player-sprite i{color:var(--purple);z-index:1;font-size:32px;position:relative}.sprite-ring{border:2px solid var(--purple);opacity:.6;border-radius:50%;animation:2s ease-in-out infinite ringPulse;position:absolute;inset:0}@keyframes ringPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}}.player-info{flex:1}.player-name{font-family:var(--pixel-font);margin-bottom:6px;font-size:11px;color:#fff!important}.player-class{color:#e0d8d8;letter-spacing:1px;font-size:13px}.player-stats-mini{align-items:center;gap:16px;display:flex}.mini-stat{text-align:center}.mini-label{font-family:var(--pixel-font);color:var(--text-xdim);margin-bottom:4px;font-size:7px;display:block}.mini-val{font-family:var(--pixel-font);color:var(--accent);font-size:18px}.level-ring-wrap{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.level-ring-svg{width:48px;height:48px;position:absolute;top:0;left:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff14;stroke-width:4px}.ring-fill{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffd70099);transition:stroke-dashoffset .5s}.ring-label{font-family:var(--pixel-font);color:var(--accent);z-index:1;font-size:8px;position:relative}.progress-card{background:var(--bg-card);border:1px solid var(--border);border-bottom:3px solid var(--green);border-radius:var(--radius);padding:18px 24px;box-shadow:inset 0 0 40px #39ff1408}.exp-label-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.exp-icon{font-size:18px}.exp-title{font-family:var(--pixel-font);letter-spacing:1px;flex:1;font-size:9px;color:#fff!important}.exp-count{font-family:var(--pixel-font);color:var(--green);font-size:10px}.exp-bar-outer{margin-bottom:12px}.exp-bar-track{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;height:20px;position:relative;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,#1a7a0a,#39ff14,#a8ff78);height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);position:relative}.exp-bar-shine{pointer-events:none;background:#fff3;height:40%;position:absolute;top:0;left:0}.exp-mark{z-index:1;background:#00000080;width:2px;position:absolute;top:0;bottom:0}.exp-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.exp-next{letter-spacing:.5px;font-size:12px;color:#e0d8d8!important}.start-btn{font-family:var(--pixel-font);cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:2px solid #ffffff26;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:9px;transition:all .2s;display:flex;position:relative;overflow:hidden;color:#e0d8d8!important}.start-btn.active{border-color:var(--green);color:var(--green);text-shadow:0 0 8px #39ff1499;background:#39ff1414;box-shadow:0 0 20px #39ff1433,inset 0 0 20px #39ff140a}.start-btn.active:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #39ff1466}.btn-glow{background:linear-gradient(90deg,#0000,#39ff141a,#0000);animation:2s linear infinite btnSweep;position:absolute;inset:0}@keyframes btnSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.summary-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid #39ff1433;padding:16px 20px}.summary-header{font-family:var(--pixel-font);color:var(--green);border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;font-size:9px;display:flex}.summary-header i{font-size:14px}.summary-badge{color:var(--green);background:#39ff141a;border:1px solid #39ff144d;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:8px}.summary-list{flex-direction:column;gap:10px;display:flex}.summary-item{background:#ffffff08;border-radius:6px;padding:10px 12px}.si-name{letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.si-tags{flex-wrap:wrap;gap:6px;display:flex}.si-tag{border:1px solid var(--border);background:#ffffff12;border-radius:4px;padding:2px 8px;font-size:11px;color:#e0d8d8!important}.si-more{color:var(--text-xdim);background:#ffffff0a;border-radius:4px;padding:2px 8px;font-size:11px}.section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sh-icon{font-size:20px}.sh-title{font-family:var(--pixel-font);letter-spacing:2px;font-size:11px;color:#fff!important}.sh-hint{color:var(--text-xdim);letter-spacing:1px;margin-left:auto;font-size:11px}.concepts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.concept-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:10px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.concept-card:before{content:"";background:var(--card-color,#667eea);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.concept-card:hover{border-color:var(--card-color,#667eea);box-shadow:0 8px 32px #0006, 0 0 20px color-mix(in srgb, var(--card-color,#667eea) 15%, transparent);transform:translateY(-4px)}.concept-card.has-selection{border-color:color-mix(in srgb, var(--card-color,#667eea) 40%, transparent);background:color-mix(in srgb, var(--card-color,#667eea) 4%, var(--bg-card))}.concept-card.glowing{box-shadow:0 0 40px color-mix(in srgb, var(--card-color,#667eea) 30%, transparent)}.card-corner{border-color:var(--card-color,#667eea);opacity:.6;border-style:solid;width:8px;height:8px;position:absolute}.card-corner.tl{border-width:2px 0 0 2px;top:4px;left:4px}.card-corner.tr{border-width:2px 2px 0 0;top:4px;right:4px}.card-corner.bl{border-width:0 0 2px 2px;bottom:4px;left:4px}.card-corner.br{border-width:0 2px 2px 0;bottom:4px;right:4px}.card-scanline{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000008 3px 4px);position:absolute;inset:0}.concept-icon-wrap{border:1px solid var(--border);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.concept-icon-wrap i{font-size:22px}.selection-bubble{background:var(--green);color:#000;font-family:var(--pixel-font);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:7px;animation:.3s cubic-bezier(.34,1.56,.64,1) bubblePop;display:flex;position:absolute;top:-6px;right:-6px}@keyframes bubblePop{0%{transform:scale(0)}to{transform:scale(1)}}.concept-name{font-family:var(--pixel-font);letter-spacing:1px;font-size:9px;color:#fff!important}.concept-desc{font-size:12px;line-height:1.4;color:#e0d8d8!important}.card-progress-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.card-progress-fill{border-radius:2px;height:100%;transition:width .4s}.card-footer-row{justify-content:space-between;align-items:center;display:flex}.card-topic-count,.card-sel-count{color:var(--text-xdim);align-items:center;gap:4px;font-size:11px;display:flex}.card-sel-count{font-weight:700}.card-enter-hint{font-family:var(--pixel-font);color:var(--text-xdim);letter-spacing:2px;text-align:right;opacity:0;font-size:7px;transition:opacity .2s}.concept-card:hover .card-enter-hint{opacity:1}.loading-placeholder{text-align:center;padding:60px}.pixel-loader{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.pixel-loader span{background:var(--accent);border-radius:2px;width:12px;height:12px;animation:.6s ease-in-out infinite pixelBounce}.pixel-loader span:nth-child(2){background:var(--purple);animation-delay:.1s}.pixel-loader span:nth-child(3){background:var(--cyan);animation-delay:.2s}@keyframes pixelBounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.4)}}.loading-placeholder p{font-family:var(--pixel-font);font-size:9px;color:#e0d8d8!important}.back-btn{font-family:var(--pixel-font);border:1px solid var(--border);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:10px 20px;font-size:9px;transition:all .2s;display:inline-flex;color:#e0d8d8!important}.back-btn:hover{border-color:var(--accent);color:var(--accent);transform:translate(-4px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card2);border:1px solid var(--border-glow);border-top:3px solid var(--modal-color,#667eea);width:100%;max-width:800px;max-height:88vh;box-shadow:0 0 60px #000c, 0 0 30px color-mix(in srgb, var(--modal-color,#667eea) 10%, transparent);border-radius:12px;flex-direction:column;animation:.25s cubic-bezier(.34,1.56,.64,1) modalSlide;display:flex;position:relative;overflow:hidden}@keyframes modalSlide{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-scanline{pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000008 3px 4px);position:absolute;inset:0}.modal-corner{border-color:var(--modal-color,#667eea);z-index:2;border-style:solid;width:12px;height:12px;position:absolute}.mc-tl{border-width:2px 0 0 2px;top:8px;left:8px}.mc-tr{border-width:2px 2px 0 0;top:8px;right:8px}.modal-header{border-bottom:1px solid var(--border);z-index:1;background:#0006;flex-shrink:0;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative}.modal-icon-wrap{background:color-mix(in srgb, var(--modal-color,#667eea) 15%, transparent);border:1px solid color-mix(in srgb, var(--modal-color,#667eea) 40%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-icon-wrap i{color:var(--modal-color,#667eea);font-size:24px}.modal-titles{flex:1}.modal-titles h2{font-family:var(--pixel-font);margin-bottom:6px;font-size:12px;color:#fff!important}.modal-titles p{font-size:12px;color:#e0d8d8!important}.modal-close{border:1px solid var(--border);cursor:pointer;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex;color:#e0d8d8!important}.modal-close:hover{border-color:var(--red);color:var(--red);background:#ff505026;transform:rotate(90deg)}.modal-body{z-index:1;flex:1;min-height:200px;padding:20px 24px;position:relative;overflow-y:auto}.select-all-row{border:1px solid var(--border);background:#ffffff08;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.select-all{cursor:pointer;font-family:var(--pixel-font);letter-spacing:1px;align-items:center;gap:10px;font-size:8px;display:flex;color:#fff!important}.select-all input{display:none}.pixel-check{border:2px solid var(--border-glow);background:0 0;border-radius:2px;flex-shrink:0;width:16px;height:16px;transition:all .15s;display:inline-block;position:relative}.select-all input:checked+.pixel-check{background:var(--green);border-color:var(--green)}.select-all input:checked+.pixel-check:after{content:"";border:2px solid #000;border-top:none;border-left:none;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.sel-count-badge{font-family:var(--pixel-font);color:var(--green);background:#39ff141a;border:1px solid #39ff144d;border-radius:4px;padding:4px 10px;font-size:8px}.subconcepts-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.subconcept-card{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex;position:relative;overflow:hidden}.subconcept-card:hover{border-color:var(--accent,#667eea);background:#ffffff12;transform:translateY(-1px)}.subconcept-card.selected{background:color-mix(in srgb, var(--accent,#667eea) 12%, transparent);border-color:var(--accent,#667eea);box-shadow:0 0 12px color-mix(in srgb, var(--accent,#667eea) 20%, transparent)}.sub-check-icon{color:var(--text-xdim);flex-shrink:0;font-family:monospace;font-size:16px;transition:color .15s}.subconcept-card.selected .sub-check-icon{color:var(--accent,#667eea)}.sub-info{flex:1;min-width:0}.sub-name{word-break:break-word;margin-bottom:3px;font-size:13px;font-weight:600;color:#fff!important}.sub-meta{color:var(--text-xdim);align-items:center;gap:4px;font-size:11px;display:flex}.mastery-badge{font-family:var(--pixel-font);text-align:center;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:7px;display:flex}.mastery-badge.high{color:var(--green);background:#39ff1426;border:1px solid #39ff144d}.mastery-badge.mid{color:#ffc800;background:#ffc80026;border:1px solid #ffc8004d}.mastery-badge.low{color:var(--red);background:#ff445526;border:1px solid #ff44554d}.modal-footer{border-top:1px solid var(--border);z-index:1;background:#0006;flex-shrink:0;justify-content:flex-end;gap:12px;padding:14px 24px;display:flex;position:relative}.cancel-btn{font-family:var(--pixel-font);border:1px solid var(--border);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:6px;padding:10px 18px;font-size:8px;transition:all .15s;color:#e0d8d8!important}.cancel-btn:hover{color:#fff!important;border-color:#e0d8d8!important}.confirm-btn{font-family:var(--pixel-font);background:color-mix(in srgb, var(--modal-color,#667eea) 15%, transparent);border:2px solid var(--modal-color,#667eea);color:var(--modal-color,#667eea);cursor:pointer;letter-spacing:1px;box-shadow:0 0 16px color-mix(in srgb, var(--modal-color,#667eea) 20%, transparent);border-radius:6px;padding:10px 20px;font-size:8px;transition:all .2s}.confirm-btn:hover{background:color-mix(in srgb, var(--modal-color,#667eea) 25%, transparent);transform:translateY(-2px)}.modal-loading,.error-state{text-align:center;padding:60px 20px}.modal-loading p,.error-state p{font-family:var(--pixel-font);margin-top:12px;font-size:8px;color:#e0d8d8!important}.error-state i{color:var(--red);margin-bottom:12px;font-size:40px;display:block}.error-state button{font-family:var(--pixel-font);border:1px solid var(--red);color:var(--red);cursor:pointer;background:#ff44551a;border-radius:4px;margin-top:12px;padding:8px 16px;font-size:8px;transition:all .15s}.error-state button:hover{background:#f453}.toast-xp{z-index:9000;border:2px solid var(--accent);font-family:var(--pixel-font);color:var(--accent);background:linear-gradient(135deg,#7c5300,#b07c00);border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:10px;animation:.3s cubic-bezier(.34,1.56,.64,1) toastIn,.3s 1.7s forwards toastOut;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 0 20px #ffd7004d}.toast-icon{font-size:16px}.toast-sub{color:#ffd700b3;margin-left:4px;font-size:7px}.toast-achievement{z-index:9000;border:2px solid var(--purple);white-space:nowrap;background:linear-gradient(135deg,#1a0a3a,#2d1060);border-radius:8px;align-items:center;gap:14px;padding:14px 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) achIn,.3s 2.7s forwards toastOut;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 0 40px #a855f766}.ach-glow{background:radial-gradient(#a855f726,#0000 70%);border-radius:8px;animation:1s ease-in-out infinite achPulse;position:absolute;inset:0}@keyframes achPulse{0%,to{opacity:.5}50%{opacity:1}}.ach-icon{z-index:1;font-size:28px;position:relative}.ach-title{font-family:var(--pixel-font);color:var(--accent);letter-spacing:2px;z-index:1;margin-bottom:4px;font-size:9px;position:relative}.ach-sub{z-index:1;font-size:12px;position:relative;color:#e0d8d8!important}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;visibility:hidden}}@keyframes achIn{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.combo-badge{border:2px solid var(--accent);font-family:var(--pixel-font);z-index:9000;pointer-events:none;background:#000000d9;border-radius:8px;flex-direction:column;align-items:center;padding:10px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) comboAnim;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.combo-badge span{letter-spacing:2px;font-size:8px;color:#e0d8d8!important}.combo-badge strong{color:var(--accent);text-shadow:0 0 12px #ffd700cc;font-size:24px}@keyframes comboAnim{0%{transform:translate(-50%,-50%)scale(.6)}to{transform:translate(-50%,-50%)scale(1)}}.help-btn{z-index:500;background:var(--bg-card);border:2px solid var(--accent);cursor:pointer;width:44px;height:44px;font-family:var(--pixel-font);color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 0 16px #ffd70033}.help-btn:hover{transform:scale(1.1);box-shadow:0 0 24px #ffd70066}.help-tip{font-family:var(--pixel-font);background:var(--bg-card2);border:1px solid var(--border-glow);white-space:nowrap;border-radius:4px;padding:6px 10px;font-size:7px;position:absolute;top:50%;right:110%;transform:translateY(-50%);color:#fff!important}.tour-backdrop{position:fixed}.tour-highlight{pointer-events:none;z-index:9997;border:3px solid gold;border-radius:16px;transition:all .3s;position:fixed;box-shadow:0 0 0 9999px #0009,0 0 30px #ffd70066}.tour-card{background:var(--bg-card2);border:2px solid var(--accent);z-index:10000;width:calc(100% - 40px);max-width:300px;box-shadow:0 0 40px #ffd70033, var(--shadow);border-radius:10px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) tourIn;position:fixed;bottom:50%;right:50%;transform:translate(50%,50%)}@keyframes tourIn{0%{opacity:0;transform:translate(50%,50%)scale(.8)}to{opacity:1;transform:translate(50%,50%)scale(1)}}.tour-step-num{font-family:var(--pixel-font);color:var(--text-xdim);letter-spacing:2px;margin-bottom:10px;font-size:7px}.tour-title{font-family:var(--pixel-font);color:var(--accent);margin-bottom:10px;font-size:11px;line-height:1.6}.tour-desc{margin-bottom:20px;font-size:13px;line-height:1.5;color:#e0d8d8!important}.tour-btns{gap:8px;display:flex}.tour-btns button{font-family:var(--pixel-font);cursor:pointer;letter-spacing:1px;border:none;border-radius:4px;padding:8px 12px;font-size:7px;transition:all .15s}.tb-prev{background:#ffffff12;color:#e0d8d8!important}.tb-prev:hover{background:#ffffff1f}.tb-next{background:var(--accent);color:#000;flex:1;box-shadow:0 0 12px #ffd7004d}.tb-next:hover{transform:translateY(-1px);box-shadow:0 0 20px #ffd70080}.tb-skip{color:var(--text-xdim);background:0 0}.tb-skip:hover{color:#e0d8d8!important}.cs-senior{color:#1e293b;background:#f5f6fa}.sn-navbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.sn-nav-inner{align-items:center;gap:16px;max-width:1100px;height:56px;margin:0 auto;padding:0 24px;display:flex}.sn-back-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sn-back-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.sn-nav-title{color:#1e293b;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sn-nav-title i{color:#6366f1;font-size:14px}.sn-nav-right{align-items:center;display:flex}.sn-grade-badge{color:#5b21b6;background:#ede9fe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.sn-container{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:32px 24px 80px;display:flex}.sn-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sn-header-left{flex:1}.sn-page-title{color:#0f172a;margin-bottom:6px;font-size:26px;font-weight:700}.sn-page-subtitle{color:#64748b;max-width:480px;font-size:14px;line-height:1.5}.sn-header-actions{flex-shrink:0;padding-top:4px}.sn-start-btn{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sn-start-active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 16px #4f46e540}.sn-start-active:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.sn-topic-count{background:#fff3;border-radius:12px;padding:2px 8px;font-size:12px}.sn-start-btn i{font-size:13px}.sn-progress-strip{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.sn-progress-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sn-progress-label{color:#475569;font-size:13px;font-weight:500}.sn-progress-fraction{color:#6366f1;font-size:13px;font-weight:600}.sn-progress-bar{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:28px;position:relative;overflow:visible}.sn-progress-fill{background:linear-gradient(90deg,#818cf8,#6366f1);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.34,1.2,.64,1)}.sn-progress-milestones{height:0;position:relative}.sn-milestone{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:-24px;transform:translate(-50%)}.sn-milestone-dot{background:#e2e8f0;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #e2e8f0}.sn-milestone-reached .sn-milestone-dot{background:#6366f1;border-color:#fff;box-shadow:0 0 0 1px #6366f1}.sn-milestone-label{color:#94a3b8;white-space:nowrap;font-size:10px;font-weight:500}.sn-milestone-reached .sn-milestone-label{color:#6366f1}.sn-selected-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.sn-ss-label{color:#16a34a;flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.sn-ss-pills{flex-wrap:wrap;gap:6px;display:flex}.sn-pill{border:1px solid color-mix(in srgb, var(--pill-color,#6366f1) 30%, transparent);color:var(--pill-color,#6366f1);background:#fff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.sn-pill-more{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.sn-loading{color:#64748b;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;font-size:14px;display:flex}.sn-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite sn-spin}@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-subjects-area{flex-direction:column;gap:28px;display:flex}.sn-group-label{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.sn-subject-grid{flex-direction:column;gap:8px;display:flex}.sn-subject-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .15s;display:flex}.sn-subject-card:hover{border-left-color:var(--subject-color,#6366f1);transform:translate(2px);box-shadow:0 2px 12px #0000000f}.sn-card-active{border-left-color:var(--subject-color,#6366f1);background:color-mix(in srgb, var(--subject-color,#6366f1) 4%, #fff)}.sn-card-open{box-shadow:0 4px 20px #0000001a}.sn-card-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.sn-subject-icon{background:color-mix(in srgb, var(--subject-color,#6366f1) 12%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sn-subject-icon i{color:var(--subject-color,#6366f1);font-size:16px}.sn-card-info{min-width:0}.sn-subject-name{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:600}.sn-subject-desc{color:#64748b;font-size:13px}.sn-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.sn-sel-info{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sn-sel-count{font-size:13px;font-weight:700}.sn-mini-bar{background:#f1f5f9;border-radius:2px;width:60px;height:4px;overflow:hidden}.sn-mini-fill{border-radius:2px;height:100%;transition:width .3s}.sn-topic-hint{color:#94a3b8;font-size:12px}.sn-chevron{color:#cbd5e1;font-size:12px;transition:transform .15s}.sn-subject-card:hover .sn-chevron{color:#94a3b8;transform:translate(3px)}.sn-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sn-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.2s snModalIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d}@keyframes snModalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sn-modal-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:20px 24px;display:flex}.sn-modal-icon{background:color-mix(in srgb, var(--modal-color,#6366f1) 12%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sn-modal-icon i{color:var(--modal-color,#6366f1);font-size:18px}.sn-modal-title-area{flex:1}.sn-modal-title-area h2{color:#0f172a;margin-bottom:3px;font-size:17px;font-weight:700}.sn-modal-title-area p{color:#64748b;font-size:13px}.sn-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.sn-modal-close:hover{color:#ef4444;background:#fee2e2}.sn-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.sn-select-all-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.sn-select-all-label{cursor:pointer;color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.sn-select-all-label input{accent-color:#6366f1;cursor:pointer;width:15px;height:15px}.sn-sel-fraction{color:#6366f1;font-size:12px;font-weight:600}.sn-topics-list{flex-direction:column;gap:4px;display:flex}.sn-topic-row{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:background .1s;display:flex}.sn-topic-row:hover{background:#f8fafc}.sn-topic-selected{background:color-mix(in srgb, var(--modal-color,#6366f1) 5%, #fff);border-color:color-mix(in srgb, var(--modal-color,#6366f1) 20%, transparent)}.sn-topic-check i{color:#cbd5e1;font-size:16px}.sn-topic-selected .sn-topic-check i{color:var(--modal-color,#6366f1)}.sn-topic-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.sn-topic-name{color:#1e293b;font-size:14px;font-weight:500}.sn-topic-meta{color:#94a3b8;font-size:12px}.sn-mastery-chip{border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.sn-mastery-chip[data-level=high]{color:#16a34a;background:#dcfce7}.sn-mastery-chip[data-level=mid]{color:#a16207;background:#fef9c3}.sn-mastery-chip[data-level=low]{color:#dc2626;background:#fee2e2}.sn-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;font-size:14px;display:flex}.sn-empty i{font-size:32px}.sn-retry-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.sn-retry-btn:hover{background:#e2e8f0}.sn-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.sn-btn-secondary{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.sn-btn-secondary:hover{background:#f1f5f9}.sn-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.sn-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.sn-help-btn{z-index:500;cursor:pointer;color:#6366f1;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 12px #0000001a}.sn-help-btn:hover{border-color:#a5b4fc;transform:scale(1.05);box-shadow:0 4px 16px #6366f133}.sn-help-tip{color:#1e293b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:500;position:absolute;top:50%;right:110%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.sn-tour-backdrop{position:fixed}.sn-tour-highlight{pointer-events:none;z-index:9997;border:2px solid #6366f1;border-radius:12px;transition:all .3s;position:fixed;box-shadow:0 0 0 9999px #0f172a80}.sn-tour-card{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:calc(100% - 40px);max-width:320px;padding:24px;animation:.25s snTourIn;position:fixed;bottom:50%;right:50%;transform:translate(50%,50%);box-shadow:0 16px 48px #0000001f}@keyframes snTourIn{0%{opacity:0;transform:translate(50%,50%)scale(.92)}to{opacity:1;transform:translate(50%,50%)scale(1)}}.sn-tour-step{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600}.sn-tour-title{color:#0f172a;margin-bottom:8px;font-size:17px;font-weight:700}.sn-tour-desc{color:#475569;margin-bottom:20px;font-size:14px;line-height:1.55}.sn-tour-btns{align-items:center;gap:8px;display:flex}.sn-tb-prev{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.sn-tb-prev:hover{background:#f1f5f9}.sn-tb-next{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex:1;padding:8px 18px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.sn-tb-next:hover{background:#4f46e5;transform:translateY(-1px)}.sn-tb-skip{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-family:Rajdhani,sans-serif;font-size:13px;transition:color .15s}.sn-tb-skip:hover{color:#64748b}@media (width<=768px){.cs-junior{padding:14px}.hud-header{padding:12px 16px}.hud-game-title{font-size:10px}.hud-right{gap:10px;padding:8px 12px}.concepts-grid,.subconcepts-grid{grid-template-columns:1fr}.modal{max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:14px 16px}.toast-achievement{white-space:normal;text-align:left;width:calc(100% - 40px)}.tour-card{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sn-container{padding:20px 16px 60px}.sn-page-header{flex-direction:column}.sn-nav-title{font-size:14px}.sn-modal{max-height:90vh}.sn-modal-header,.sn-modal-body,.sn-modal-footer{padding:14px 16px}.sn-progress-milestones{display:none}.sn-progress-bar{margin-bottom:8px}.sn-tour-card{inset:50% auto auto 50%;transform:translate(-50%,-50%)}}:root{--white:#fff;--bg:#f8f9fb;--bg2:#f1f3f7;--border:#e4e7ec;--border-md:#d0d5dd;--green:#059669;--green-lt:#ecfdf5;--green-md:#a7f3d0;--green-dark:#065f46;--amber:#d97706;--amber-lt:#fffbeb;--amber-md:#fde68a;--amber-dark:#92400e;--blue:#2563eb;--blue-lt:#eff6ff;--blue-md:#bfdbfe;--blue-dark:#1d4ed8;--red:#dc2626;--red-lt:#fef2f2;--red-md:#fecaca;--text:#111827;--text-md:#374151;--text-lt:#6b7280;--text-xs:#9ca3af;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #00000017, 0 4px 8px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font:"DM Sans", sans-serif;--font-serif:"DM Serif Display", serif;--nav-h:64px;--transition:.2s ease}body,html{min-height:100vh}.db-root{background:var(--bg);width:100%;min-height:100vh;font-family:var(--font);color:var(--text);opacity:0;transition:opacity .4s}.db-root.db-mounted{opacity:1}.db-toast{z-index:9000;box-shadow:var(--shadow-md);border-radius:30px;align-items:center;gap:10px;padding:11px 18px;font-size:.83rem;font-weight:500;animation:.3s dbToastIn;display:flex;position:fixed;top:80px;right:24px}@keyframes dbToastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.db-toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.db-toast--success{background:var(--green-lt);color:var(--green-dark);border:1px solid var(--green-md)}.db-toast--success .db-toast-dot{background:var(--green)}.db-toast--error{background:var(--red-lt);color:var(--red);border:1px solid var(--red-md)}.db-toast--error .db-toast-dot{background:var(--red)}.db-toast--info{background:var(--blue-lt);color:var(--blue-dark);border:1px solid var(--blue-md)}.db-toast--info .db-toast-dot{background:var(--blue)}.db-nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:var(--nav-h);background:#fffffff2;position:sticky;top:0}.db-nav-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:100%;height:100%;padding:0 40px;display:flex}.db-nav-brand{align-items:center;gap:12px;display:flex}.db-brand-mark{background:var(--green-lt);border:1px solid var(--green-md);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.db-brand-name{font-family:var(--font-serif);color:var(--text);font-size:1.05rem;line-height:1.1}.db-brand-sub{color:var(--text-lt);font-size:.72rem;font-weight:400}.db-nav-links{align-items:center;gap:10px;display:flex}.db-nav-btn{font-family:var(--font);border-radius:var(--radius-sm);border:1px solid var(--border-md);background:var(--white);color:var(--text-md);cursor:pointer;transition:all var(--transition);padding:8px 16px;font-size:.83rem;font-weight:500}.db-nav-btn:hover{background:var(--bg2)}.db-nav-btn--primary{background:var(--green);color:#fff;border-color:var(--green)}.db-nav-btn--primary:hover{background:#047857;border-color:#047857;box-shadow:0 4px 12px #05966940}.db-body{flex-direction:column;gap:28px;width:100%;padding:32px 40px 48px;display:flex}.db-hero{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:.5s both dbSlideUp;overflow:hidden}@keyframes dbSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.db-hero-content{justify-content:space-between;align-items:center;gap:24px;padding:36px 44px;display:flex}.db-hero-text{flex:1}.db-hero-eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.72rem;font-weight:600}.db-hero-title{font-family:var(--font-serif);color:var(--text);margin-bottom:10px;font-size:2.1rem;line-height:1.15}.db-hero-accent{color:var(--green)}.db-hero-desc{color:var(--text-lt);margin-bottom:20px;font-size:.92rem;line-height:1.5}.db-hero-desc strong{color:var(--text-md);font-weight:600}.db-hero-pills{flex-wrap:wrap;gap:10px;display:flex}.db-pill{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:500;display:flex}.db-pill-dot{border-radius:50%;width:7px;height:7px}.db-pill--green{background:var(--green-lt);color:var(--green-dark);border:1px solid var(--green-md)}.db-pill--amber{background:var(--amber-lt);color:var(--amber-dark);border:1px solid var(--amber-md)}.db-pill--blue{background:var(--blue-lt);color:var(--blue-dark);border:1px solid var(--blue-md)}.db-hero-avatar{flex-shrink:0;position:relative}.db-avatar-ring{border:2px dashed var(--green-md);border-radius:50%;animation:20s linear infinite dbRotate;position:absolute;inset:-8px}@keyframes dbRotate{to{transform:rotate(360deg)}}.db-avatar-circle{background:var(--green-lt);border:2px solid var(--green-md);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:2.8rem;display:flex}.db-hero-action{background:var(--bg);border-top:1px solid var(--border);cursor:pointer;transition:background var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:16px 44px;display:flex}.db-hero-action:hover{background:var(--bg2)}.db-hero-action-left{align-items:center;gap:14px;display:flex}.db-hero-action-icon{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.db-hero-action-title{color:var(--text);margin-bottom:2px;font-size:.9rem;font-weight:600}.db-hero-action-desc{color:var(--text-lt);font-size:.77rem}.db-hero-action-arrow{color:var(--text-lt);transition:transform var(--transition);font-size:1.1rem}.db-hero-action:hover .db-hero-action-arrow{color:var(--green);transform:translate(4px)}.db-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.db-stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:16px;padding:20px;animation:.5s both dbSlideUp;display:flex}.db-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-stat-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.db-stat-body{flex:1}.db-stat-label{color:var(--text-lt);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;font-size:.72rem;font-weight:600}.db-stat-value{font-family:var(--font-serif);margin-bottom:8px;font-size:1.7rem;line-height:1}.db-stat-prog-track{background:var(--bg2);border-radius:2px;height:4px;overflow:hidden}.db-stat-prog-fill{border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.db-two-col{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.db-col-main,.db-col-side{flex-direction:column;gap:20px;display:flex}.db-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;animation:.5s both dbSlideUp}.db-card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.db-card-header--stacked{flex-direction:column}.db-card-title{font-family:var(--font-serif);color:var(--text);margin-bottom:4px;font-size:1.15rem}.db-card-desc{color:var(--text-lt);font-size:.8rem}.db-tabs{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.db-tab{font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--text-lt);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:500}.db-tab:hover{border-color:var(--green);color:var(--green)}.db-tab--active{background:var(--green);color:#fff;border-color:var(--green)}.db-summary-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.db-summary-chip{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--transition);padding:12px 8px}.db-summary-chip:hover{background:var(--bg2)}.db-summary-val{font-family:var(--font-serif);color:var(--green);margin-bottom:3px;font-size:1.2rem}.db-summary-lbl{color:var(--text-xs);text-transform:uppercase;letter-spacing:.6px;font-size:.68rem;font-weight:600}.db-bars-list{scrollbar-width:thin;scrollbar-color:var(--border-md) var(--bg);flex-direction:column;gap:10px;max-height:440px;padding-right:4px;display:flex;overflow-y:auto}.db-bar-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition);padding:14px;animation:.4s both dbFadeRight}.db-bar-item:hover{border-color:var(--border-md)}@keyframes dbFadeRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.db-bar-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.db-bar-name{color:var(--text);font-size:.87rem;font-weight:600}.db-bar-right{align-items:center;gap:8px;display:flex}.db-bar-pct{font-size:.85rem;font-weight:700}.db-needs-badge{background:var(--amber-lt);color:var(--amber-dark);border:1px solid var(--amber-md);border-radius:10px;padding:2px 7px;font-size:.68rem;font-weight:600}.db-bar-track{background:var(--bg2);border:1px solid var(--border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.db-bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.db-bar-meta{color:var(--text-lt);gap:16px;font-size:.73rem;display:flex}.db-timeline{justify-content:space-around;align-items:flex-end;gap:20px;min-height:260px;padding:12px 0;display:flex;position:relative;overflow-x:auto}.db-timeline-col{flex-direction:column;flex:1;align-items:center;min-width:72px;display:flex}.db-timeline-bars{align-items:flex-end;gap:4px;height:200px;margin-bottom:10px;display:flex}.db-tbar{color:#fff;border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:32px;padding-top:6px;font-size:.62rem;font-weight:600;transition:height 1s cubic-bezier(.4,0,.2,1);display:flex}.db-tbar--blue{background:linear-gradient(to top, var(--blue), #60a5fa)}.db-tbar--green{background:linear-gradient(to top, var(--green), #34d399)}.db-timeline-label{color:var(--text-lt);font-size:.73rem;font-weight:500}.db-timeline-legend{color:var(--text-lt);gap:14px;font-size:.72rem;font-weight:500;display:flex;position:absolute;top:8px;right:0}.db-legend-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.db-comparison{align-items:flex-end;gap:12px;min-height:260px;padding:12px 0;display:flex;position:relative;overflow-x:auto}.db-cmp-col{flex-direction:column;flex:1;align-items:center;min-width:60px;display:flex}.db-cmp-bars{align-items:flex-end;gap:3px;height:200px;margin-bottom:8px;display:flex}.db-cbar{border-radius:3px 3px 0 0;width:20px;min-height:4px;transition:height 1s cubic-bezier(.4,0,.2,1)}.db-cbar--blue{background:linear-gradient(to top, var(--blue), #93c5fd)}.db-cbar--green{background:linear-gradient(to top, var(--green), #6ee7b7)}.db-cmp-name{color:var(--text-lt);text-align:center;max-width:60px;font-size:.64rem;font-weight:500;line-height:1.3}.db-overview-tiles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.db-overview-tile{text-align:center;border:1px solid var(--border);border-top:3px solid var(--tc);border-radius:var(--radius-sm);transition:all var(--transition);padding:14px 10px}.db-overview-tile:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.db-tile-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 8px;font-size:1.1rem;display:flex}.db-tile-count{font-family:var(--font-serif);margin-bottom:3px;font-size:1.4rem}.db-tile-label{color:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.db-concept-list{flex-direction:column;gap:8px;display:flex}.db-concept-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);overflow:hidden}.db-concept-item:hover{border-color:var(--border-md)}.db-concept-item--open{border-color:var(--green)}.db-concept-header{cursor:pointer;transition:background var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.db-concept-header:hover{background:var(--white)}.db-concept-left{flex:1;align-items:center;gap:12px;display:flex}.db-concept-stripe{border-radius:2px;flex-shrink:0;width:3px;height:36px}.db-concept-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.db-concept-name{color:var(--text);margin-bottom:3px;font-size:.9rem;font-weight:600}.db-concept-meta{color:var(--text-lt);font-size:.73rem}.db-concept-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.db-tier-badge{border:1px solid;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:700}.db-chevron{color:var(--text-lt);transition:transform var(--transition);font-size:.9rem}.db-chevron--up{transform:rotate(180deg)}.db-concept-body{border-top:1px solid var(--border);background:var(--white);padding:16px;animation:.25s dbExpand}@keyframes dbExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.db-subtopic-mini-stats{gap:10px;margin-bottom:16px;display:flex}.db-mini-stat{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:10px}.db-mini-stat-val{font-family:var(--font-serif);margin-bottom:2px;font-size:1.2rem}.db-mini-stat-lbl{color:var(--text-xs);text-transform:uppercase;font-size:.68rem;font-weight:600}.db-subtopic-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.db-subtopic-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);border-left:3px solid;padding:11px 13px}.db-subtopic-card:hover{background:var(--white);box-shadow:var(--shadow-sm)}.db-subtopic-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.db-subtopic-name{color:var(--text);flex:1;font-size:.83rem;font-weight:600}.db-subtopic-pct{border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.db-subtopic-stats{color:var(--text-lt);gap:12px;font-size:.72rem;display:flex}.db-subtopic-warn{background:var(--amber-lt);color:var(--amber-dark);border:1px solid var(--amber-md);border-radius:8px;margin-top:6px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-block}.db-concept-notice{background:var(--red-lt);border:1px solid var(--red-md);border-radius:var(--radius-sm);color:var(--red);margin-top:12px;padding:10px 14px;font-size:.8rem;font-weight:500}.db-outline-btn{font-family:var(--font);border-radius:var(--radius-sm);border:1px solid var(--border-md);background:var(--white);color:var(--text-md);cursor:pointer;transition:all var(--transition);flex-shrink:0;padding:7px 14px;font-size:.8rem;font-weight:500}.db-outline-btn:hover{background:var(--bg2)}.db-recs-list{flex-direction:column;gap:12px;display:flex}.db-rec-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition);padding:16px}.db-rec-item:hover{border-color:var(--border-md)}.db-rec-header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.db-rec-icon{background:var(--green-lt);border:1px solid var(--green-md);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.db-rec-name{color:var(--text);margin-bottom:3px;font-size:.88rem;font-weight:600}.db-rec-gap{color:var(--amber-dark);background:var(--amber-lt);border:1px solid var(--amber-md);border-radius:8px;padding:1px 7px;font-size:.72rem;display:inline-block}.db-rec-stats{gap:8px;margin-bottom:12px;display:flex}.db-rec-stat{text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:8px}.db-rec-stat-val{font-family:var(--font-serif);color:var(--green);margin-bottom:2px;font-size:1rem}.db-rec-stat-lbl{color:var(--text-xs);text-transform:uppercase;font-size:.65rem;font-weight:600}.db-train-btn{background:var(--green);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;padding:9px;font-size:.8rem;font-weight:600}.db-train-btn:hover{background:#047857;box-shadow:0 4px 12px #05966940}.db-rec-info-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px}.db-rec-info-title{color:var(--text);margin-bottom:8px;font-size:.83rem;font-weight:600}.db-rec-info-body p{color:var(--text-lt);font-size:.8rem;line-height:1.6}.db-insights-list{flex-direction:column;gap:10px;display:flex}.db-insight-card{border-radius:var(--radius-sm);transition:all var(--transition);border:1px solid;align-items:flex-start;gap:12px;padding:14px;display:flex}.db-insight-card:hover{box-shadow:var(--shadow-sm)}.db-insight-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.db-insight-title{margin-bottom:4px;font-size:.85rem;font-weight:600}.db-insight-body{color:var(--text-lt);font-size:.78rem;line-height:1.5}.db-empty{text-align:center;color:var(--text-lt);border:1px dashed var(--border-md);border-radius:var(--radius-sm);padding:32px;font-size:.83rem}.db-loading{background:var(--bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.db-loading-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:16px;padding:40px 56px;display:flex}.db-spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite dbSpin}@keyframes dbSpin{to{transform:rotate(360deg)}}.db-loading-text{color:var(--text-lt);font-size:.88rem}@media (width<=1200px){.db-two-col{grid-template-columns:1fr}.db-col-side{flex-flow:wrap}.db-col-side .db-card{flex:1;min-width:300px}.db-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.db-body{padding:20px 20px 40px}.db-nav-inner{padding:0 20px}.db-hero-content{padding:28px}.db-hero-action{padding:14px 28px}.db-hero-avatar{display:none}.db-overview-tiles,.db-summary-row,.db-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.db-body{gap:16px;padding:16px 12px 32px}.db-nav-inner{padding:0 16px}.db-stats{grid-template-columns:1fr}.db-hero-title{font-size:1.6rem}.db-hero-content{padding:22px 20px}.db-hero-action{padding:12px 20px}.db-card{padding:18px}.db-overview-tiles{grid-template-columns:repeat(2,1fr)}.db-tabs{width:100%}.db-tab{text-align:center;flex:1;font-size:.72rem}.db-col-side{flex-direction:column}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-xs)}:root{--bg-deep:#07091a;--bg-card:#0e1230;--bg-panel:#111836;--border-dim:#6478ff26;--border-glow:#6478ff80;--gold:gold;--purple:#7c6fff;--cyan:#00e5ff;--pink:#ff4da6;--green:#00e676;--orange:#ff9800;--red:#ff5252;--text-hi:#eef2ff;--text-mid:#8892b0;--text-dim:#4a5578;--glow-gold:0 0 20px #ffd70080;--glow-purple:0 0 20px #7c6fff80;--glow-cyan:0 0 20px #00e5ff66;--glow-green:0 0 15px #00e67666;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-game:"Orbitron", sans-serif;--font-body:"Nunito", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg-deep);font-family:var(--font-body);color:var(--text-hi);overflow-x:hidden}.sd-theme-pro{--bg-deep:#f0f4f8;--bg-card:#fff;--bg-panel:#f8fafc;--border-dim:#0f172a14;--border-glow:#3b82f64d;--gold:#d97706;--purple:#6366f1;--cyan:#0ea5e9;--pink:#ec4899;--green:#059669;--orange:#ea580c;--red:#dc2626;--text-hi:#0f172a;--text-mid:#475569;--text-dim:#94a3b8;--glow-gold:0 2px 12px #d9770626;--glow-purple:0 2px 16px #6366f126;--glow-cyan:0 2px 12px #0ea5e91f;--glow-green:0 2px 12px #0596691f;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-game:"Inter", sans-serif;--font-body:"Inter", sans-serif;color:#0f172a;background:#f0f4f8;font-family:Inter,sans-serif}.sd-loading{background:var(--bg-deep);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.sd-loading.pro{background:#f0f4f8}.sd-loader-rings{width:80px;height:80px;position:relative}.sd-loader-rings div{border:3px solid #0000;border-radius:50%;animation:1.2s linear infinite sd-spin;position:absolute}.sd-loader-rings div:first-child{border-top-color:var(--purple);inset:0}.sd-loader-rings div:nth-child(2){border-top-color:var(--cyan);animation-delay:.2s;inset:10px}.sd-loader-rings div:nth-child(3){border-top-color:var(--gold);animation-delay:.4s;inset:20px}@keyframes sd-spin{to{transform:rotate(360deg)}}.sd-loader-emoji{font-size:1.4rem;animation:1.5s ease-in-out infinite sd-pulse-scale;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sd-pulse-scale{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.25)}}.sd-loading p{font-family:var(--font-game);color:var(--purple);letter-spacing:2px;font-size:.75rem;animation:1.5s ease-in-out infinite sd-blink}.sd-theme-pro .sd-loading p,.sd-loading.pro p{letter-spacing:.5px;font-size:.8rem}@keyframes sd-blink{0%,to{opacity:.4}50%{opacity:1}}.sd-root{background:radial-gradient(ellipse 80% 60% at 20% -10%, #7c6fff2e 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 85% 90%, #00e5ff1f 0%, transparent 60%), var(--bg-deep);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sd-theme-pro{background:linear-gradient(135deg,#eef2ff 0%,#f0f9ff 50%,#f0fdf4 100%);width:100%;min-height:100vh}.sd-particles{pointer-events:none;z-index:0;position:fixed;inset:0}.sd-particle{background:radial-gradient(circle, var(--purple), transparent);opacity:.25;animation:sd-float-particle var(--dur,6s) ease-in-out infinite alternate;border-radius:50%;position:absolute}.sd-particle:nth-child(odd){background:radial-gradient(circle, var(--cyan), transparent)}.sd-particle:nth-child(3n){background:radial-gradient(circle, var(--gold), transparent)}@keyframes sd-float-particle{0%{opacity:.15;transform:translate(0)scale(1)}to{opacity:.3;transform:translate(20px,-30px)scale(1.4)}}.sd-topbar{z-index:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dim);background:#07091aeb;justify-content:space-between;align-items:center;width:100%;padding:.65rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #7c6fff26}.sd-theme-pro .sd-topbar{background:#fffffff2;border-bottom:1px solid #0f172a14;box-shadow:0 1px 12px #0f172a0f}.sd-topbar-left{align-items:center;gap:.75rem;display:flex}.sd-avatar-mini{background:linear-gradient(135deg, var(--purple), var(--cyan));width:40px;height:40px;box-shadow:var(--glow-purple);border:2px solid #7c6fff80;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;animation:3s ease-in-out infinite sd-avatar-float;display:flex}.sd-theme-pro .sd-avatar-mini{background:linear-gradient(135deg,#6366f1,#0ea5e9);border-color:#6366f140;animation:none;box-shadow:0 2px 10px #6366f126}@keyframes sd-avatar-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}.sd-topbar-name{font-family:var(--font-game);color:var(--text-hi);letter-spacing:.5px;font-size:.75rem;font-weight:700}.sd-theme-pro .sd-topbar-name{letter-spacing:0;color:#0f172a;font-size:.85rem;font-weight:600}.sd-topbar-grade{color:var(--purple);margin-top:1px;font-size:.65rem;font-weight:600}.sd-theme-pro .sd-topbar-grade{color:#6366f1;font-size:.72rem;font-weight:500}.sd-parent-btn{color:var(--purple);font-family:var(--font-body);cursor:pointer;letter-spacing:.3px;background:#7c6fff1f;border:1px solid #7c6fff59;border-radius:30px;padding:.4rem 1rem;font-size:.72rem;font-weight:800;transition:all .25s}.sd-theme-pro .sd-parent-btn{color:#4f46e5;letter-spacing:0;background:#eef2ff;border-color:#6366f140;border-radius:8px;font-weight:600}.sd-parent-btn:hover{border-color:var(--purple);box-shadow:var(--glow-purple);background:#7c6fff40;transform:translateY(-2px)}.sd-theme-pro .sd-parent-btn:hover{background:#e0e7ff;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 2px 12px #6366f126}.sd-content{z-index:1;flex-direction:column;flex:1;gap:1.75rem;width:100%;max-width:100%;margin:0;padding:1.75rem 2rem 4rem;display:flex;position:relative}.sd-theme-pro .sd-content{gap:1.5rem;padding:2rem 2.5rem 4rem}.sd-section{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);width:100%;padding:1.5rem;animation:.5s both sd-fadein-up;position:relative;overflow:hidden}.sd-theme-pro .sd-section{background:#fff;border:1px solid #0f172a12;border-radius:14px;padding:1.75rem 2rem;box-shadow:0 1px 6px #0f172a0a,0 4px 20px #0f172a0a}@keyframes sd-fadein-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sd-section-title{font-family:var(--font-game);letter-spacing:1px;color:var(--text-hi);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.sd-theme-pro .sd-section-title{letter-spacing:0;color:#0f172a;border-bottom-color:#0f172a12;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.sd-badges-section{animation-delay:50ms}.sd-badge-score{color:var(--gold);font-size:.72rem}.sd-theme-pro .sd-badge-score{color:#d97706;font-weight:600}.sd-badge-score-label{color:var(--text-mid);font-size:.65rem}.sd-badges-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;margin-bottom:1.25rem;overflow:hidden}.sd-theme-pro .sd-badges-progress-bar{background:#f1f5f9;height:6px}.sd-badges-progress-fill{background:linear-gradient(90deg, var(--gold), var(--orange));border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 10px #ffd70080}.sd-theme-pro .sd-badges-progress-fill{box-shadow:none;background:linear-gradient(90deg,#f59e0b,#ef4444)}.sd-badges-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:2s infinite sd-shimmer;position:absolute;inset:0}@keyframes sd-shimmer{0%{left:-100%}to{left:200%}}.sd-badges-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:1rem;display:grid}.sd-theme-pro .sd-badges-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1.25rem}.badge-coin-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.badge-coin-inner{width:70px;height:70px;transform-style:preserve-3d;transition:transform .1s;position:relative}.badge-coin-wrap:hover .badge-coin-inner{transform:rotateY(15deg)scale(1.07)}.sd-theme-pro .badge-coin-wrap:hover .badge-coin-inner{transform:scale(1.05)}.badge-coin-wrap.flipping .badge-coin-inner{animation:1.1s cubic-bezier(.4,0,.2,1) forwards sd-coin-flip}@keyframes sd-coin-flip{0%{transform:rotateY(0)scale(1)}25%{transform:rotateY(90deg)scale(.85)translateY(-12px)}50%{transform:rotateY(180deg)scale(.7)translateY(-20px)}75%{transform:rotateY(270deg)scale(.85)translateY(-10px)}to{transform:rotateY(360deg)scale(1)translateY(0)}}.badge-coin-front,.badge-coin-back{backface-visibility:hidden;border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.badge-coin-front{background:var(--bg-panel);border-color:var(--border-dim);flex-direction:column}.sd-theme-pro .badge-coin-front{background:#f8fafc;border-color:#0f172a1a}.badge-coin-back{transform:rotateY(180deg)}.badge-coin-icon{font-size:1.8rem;line-height:1}.badge-coin-shine{pointer-events:none;background:#ffffff2e;border-radius:50%;width:30%;height:25%;position:absolute;top:8%;left:15%;transform:rotate(-30deg)}.sd-theme-pro .badge-coin-shine{background:#ffffff80}.badge-coin-wrap.earned .badge-coin-front{border-width:2px}.badge-coin-wrap.locked .badge-coin-front{opacity:.35;filter:grayscale()brightness(.6)}.sd-theme-pro .badge-coin-wrap.locked .badge-coin-front{filter:grayscale()brightness(.85);opacity:.5}.badge-lock-overlay{opacity:.6;pointer-events:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;inset:0}.badge-coin-label{color:var(--text-mid);text-align:center;font-size:.6rem;font-weight:800;line-height:1.2}.sd-theme-pro .badge-coin-label{color:#64748b;font-size:.62rem;font-weight:500}.badge-rarity{text-transform:uppercase;letter-spacing:.8px;border-radius:10px;padding:1px 6px;font-size:.5rem;font-weight:800}.badge-rarity.common{color:#8b9bb4;background:#8b9bb426}.badge-rarity.rare{color:#4a90e2;background:#4a90e226}.badge-rarity.epic{color:#9b6fd8;background:#9b6fd833}.badge-rarity.legendary{color:var(--gold);background:#ffd70026}.sd-theme-pro .badge-rarity.common{color:#64748b;background:#f1f5f9}.sd-theme-pro .badge-rarity.rare{color:#2563eb;background:#eff6ff}.sd-theme-pro .badge-rarity.epic{color:#7c3aed;background:#f5f3ff}.sd-theme-pro .badge-rarity.legendary{color:#b45309;background:#fffbeb}@keyframes autoFlip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.achievement-overlay{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;animation:.3s sd-fadein;display:flex;position:fixed;inset:0}.achievement-popup{border-radius:var(--radius-lg);text-align:center;width:340px;max-width:90vw;box-shadow:var(--glow-gold),0 30px 60px #0009;background:linear-gradient(135deg,#12183a,#0e1230);border:2px solid #ffd70066;padding:2.5rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) sd-popup-spring;position:relative;overflow:hidden}.sd-theme-pro .achievement-popup{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#d9770680}@keyframes sd-popup-spring{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.achievement-rays{pointer-events:none;background:conic-gradient(#0000 0deg,#ffd7000a 10deg,#0000 20deg);animation:8s linear infinite sd-rotate;position:absolute;inset:0}@keyframes sd-rotate{to{transform:rotate(360deg)}}.achievement-coin-anim{margin-bottom:.75rem;font-size:4rem;animation:.8s cubic-bezier(.34,1.56,.64,1) sd-coin-bounce,4s linear 1s infinite sd-coin-spin;display:block}@keyframes sd-coin-bounce{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sd-coin-spin{50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.achievement-title{font-family:var(--font-game);letter-spacing:2px;color:var(--gold);margin-bottom:.5rem;font-size:.8rem}.achievement-name{font-family:var(--font-game);color:#fff;margin-bottom:.4rem;font-size:1.1rem;font-weight:900}.achievement-desc{color:#fff9;margin-bottom:.75rem;font-size:.85rem}.achievement-rarity{text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:1rem;padding:3px 12px;font-size:.6rem;font-weight:800;display:inline-block}.achievement-rarity.legendary{color:var(--gold);background:#ffd70026}.achievement-rarity.epic{color:#9b6fd8;background:#9b6fd833}.achievement-rarity.rare{color:#4a90e2;background:#4a90e226}.achievement-rarity.common{color:#8b9bb4;background:#8b9bb426}.achievement-close{background:linear-gradient(135deg,var(--gold),var(--orange));font-family:var(--font-body);color:#1a1206;cursor:pointer;box-shadow:var(--glow-gold);border:none;border-radius:30px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:900;transition:all .25s}.achievement-close:hover{transform:scale(1.06)translateY(-2px)}.sd-ranks-section{animation-delay:.1s}.sd-ranks-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.sd-rank-card{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:var(--radius-md);text-align:center;cursor:pointer;border-top:3px solid var(--rc);padding:1.25rem 1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.4s both sd-fadein-up;position:relative;overflow:hidden}.sd-rank-card:hover{border-color:var(--rc);box-shadow:0 0 25px color-mix(in srgb,var(--rc) 40%,transparent);transform:translateY(-8px)scale(1.03)}.sd-theme-pro .sd-rank-card{border:1px solid #0f172a12;border-top:3px solid var(--rc);background:#fff;border-radius:12px;box-shadow:0 1px 6px #0f172a0a}.sd-theme-pro .sd-rank-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a14}.sd-rank-glow{background:radial-gradient(circle,color-mix(in srgb,var(--rc) 15%,transparent) 0%,transparent 70%);pointer-events:none;width:120%;height:120%;position:absolute;top:-50%;right:-30%}.sd-theme-pro .sd-rank-glow{display:none}.sd-rank-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sd-rank-icon{font-size:1.4rem}.sd-rank-pct{color:var(--rc);background:color-mix(in srgb,var(--rc) 12%,transparent);border-radius:20px;padding:2px 8px;font-size:.6rem;font-weight:800}.sd-theme-pro .sd-rank-pct{background:color-mix(in srgb,var(--rc) 10%,#fff);border-radius:6px;font-size:.65rem;font-weight:600}.sd-rank-num{font-family:var(--font-game);color:var(--rc);text-shadow:0 0 20px color-mix(in srgb,var(--rc) 60%,transparent);font-size:2rem;font-weight:900;line-height:1}.sd-theme-pro .sd-rank-num{text-shadow:none;font-size:1.8rem;font-weight:700}.sd-rank-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-mid);margin:.3rem 0 .2rem;font-size:.6rem;font-weight:800}.sd-theme-pro .sd-rank-label{letter-spacing:.3px;color:#64748b;font-size:.65rem;font-weight:600}.sd-rank-sub{color:var(--text-dim);font-size:.65rem}.sd-theme-pro .sd-rank-sub{color:#94a3b8}.sd-modes-section{animation-delay:.15s}.sd-modes-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}.sd-mode-card{border:1px solid var(--border-dim);border-radius:var(--radius-lg);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2rem 1.5rem 1.5rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:.4s both sd-fadein-up;position:relative;overflow:hidden}.sd-mode-card:hover,.sd-mode-card.selected{transform:translateY(-10px)scale(1.03)}.sd-mode-card.selected{animation:.3s sd-select-pop}@keyframes sd-select-pop{0%{transform:scale(1)}50%{transform:scale(1.08)translateY(-6px)}to{transform:scale(1.03)translateY(-10px)}}.sd-mode-daily{background:linear-gradient(160deg,var(--bg-panel),#ff4da614)}.sd-mode-assess{background:linear-gradient(160deg,var(--bg-panel),#00e5ff14)}.sd-mode-practice{background:linear-gradient(160deg,var(--bg-panel),#00e67614)}.sd-mode-daily:hover{border-color:var(--pink);box-shadow:0 20px 40px #0006,0 0 30px #ff4da64d}.sd-mode-assess:hover{border-color:var(--cyan);box-shadow:0 20px 40px #0006,0 0 30px #00e5ff4d}.sd-mode-practice:hover{border-color:var(--green);box-shadow:0 20px 40px #0006,0 0 30px #00e6764d}.sd-mode-daily.selected{border-color:var(--pink);box-shadow:0 0 30px #ff4da666}.sd-mode-assess.selected{border-color:var(--cyan);box-shadow:0 0 30px #00e5ff66}.sd-mode-practice.selected{border-color:var(--green);box-shadow:0 0 30px #00e67666}.sd-theme-pro .sd-mode-card{background:#fff;border:1px solid #0f172a12;border-radius:12px;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 1px 6px #0f172a0a}.sd-theme-pro .sd-mode-daily{border-top:3px solid #ec4899}.sd-theme-pro .sd-mode-assess{border-top:3px solid #0ea5e9}.sd-theme-pro .sd-mode-practice{border-top:3px solid #059669}.sd-theme-pro .sd-mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a14}.sd-theme-pro .sd-mode-card.selected{transform:translateY(-4px)}.sd-theme-pro .sd-mode-daily:hover{border-color:#ec489966}.sd-theme-pro .sd-mode-assess:hover{border-color:#0ea5e966}.sd-theme-pro .sd-mode-practice:hover{border-color:#05966966}.sd-mode-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:60%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.sd-theme-pro .sd-mode-shine{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}.sd-mode-card:hover .sd-mode-shine{left:130%}.sd-mode-gfx{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.25rem;display:flex;position:relative}.sd-mode-orb{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.2rem;animation:3s ease-in-out infinite sd-orb-float;display:flex;position:relative}.sd-mode-daily .sd-mode-orb{background:#ff4da626;animation-delay:0s;box-shadow:0 0 20px #ff4da666}.sd-mode-assess .sd-mode-orb{background:#00e5ff1f;animation-delay:.5s;box-shadow:0 0 20px #00e5ff59}.sd-mode-practice .sd-mode-orb{background:#00e6761f;animation-delay:1s;box-shadow:0 0 20px #00e67659}.sd-theme-pro .sd-mode-daily .sd-mode-orb{background:#fdf2f8;animation:none;box-shadow:0 4px 12px #ec489926}.sd-theme-pro .sd-mode-assess .sd-mode-orb{background:#f0f9ff;animation:none;box-shadow:0 4px 12px #0ea5e926}.sd-theme-pro .sd-mode-practice .sd-mode-orb{background:#f0fdf4;animation:none;box-shadow:0 4px 12px #05966926}@keyframes sd-orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.05)}}.sd-mode-rings{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sd-mode-rings div{opacity:0;border:1px solid;border-radius:50%;animation:2.5s ease-out infinite sd-ring-expand;position:absolute}.sd-mode-rings div:first-child{width:72px;height:72px;animation-delay:0s}.sd-mode-rings div:nth-child(2){width:84px;height:84px;animation-delay:.5s}.sd-mode-rings div:nth-child(3){width:96px;height:96px;animation-delay:1s}.sd-mode-daily .sd-mode-rings div{border-color:#ff4da666}.sd-mode-assess .sd-mode-rings div{border-color:#00e5ff59}.sd-mode-practice .sd-mode-rings div{border-color:#00e67659}.sd-theme-pro .sd-mode-rings div{display:none}@keyframes sd-ring-expand{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.sd-mode-title{font-family:var(--font-game);letter-spacing:.5px;color:var(--text-hi);margin-bottom:.4rem;font-size:.82rem;font-weight:700}.sd-theme-pro .sd-mode-title{letter-spacing:0;color:#0f172a;font-family:Inter,sans-serif;font-size:.92rem;font-weight:600}.sd-mode-desc{color:var(--text-mid);margin-bottom:.9rem;font-size:.75rem}.sd-theme-pro .sd-mode-desc{color:#64748b;margin-bottom:1rem;font-size:.8rem}.sd-mode-chip{letter-spacing:.3px;border-radius:30px;padding:.35rem .9rem;font-size:.68rem;font-weight:800;display:inline-block}.sd-chip-daily{color:var(--pink);background:#ff4da61f;border:1px solid #ff4da64d}.sd-chip-assess{color:var(--cyan);background:#00e5ff1a;border:1px solid #00e5ff4d}.sd-chip-practice{color:var(--green);background:#00e6761a;border:1px solid #00e6764d}.sd-theme-pro .sd-mode-chip{letter-spacing:0;border-radius:6px;font-size:.72rem;font-weight:500}.sd-theme-pro .sd-chip-daily{color:#db2777;background:#fdf2f8;border:1px solid #ec489933}.sd-theme-pro .sd-chip-assess{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e933}.sd-theme-pro .sd-chip-practice{color:#047857;background:#f0fdf4;border:1px solid #05966933}.sd-show-progress-btn{border-radius:var(--radius-md);width:100%;color:var(--text-hi);font-family:var(--font-game);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#7c6fff26,#00e5ff1a);border:1px dashed #7c6fff66;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.78rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.sd-show-progress-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#7c6fff33,#00e5ff26);transition:opacity .3s;position:absolute;inset:0}.sd-show-progress-btn:hover:before{opacity:1}.sd-show-progress-btn:hover{border-style:solid;border-color:var(--purple);box-shadow:var(--glow-purple);transform:translateY(-2px)}.sd-theme-pro .sd-show-progress-btn{letter-spacing:0;color:#4f46e5;background:#f8faff;border:1px solid #6366f133;border-radius:10px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600}.sd-theme-pro .sd-show-progress-btn:hover{background:#eef2ff;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 16px #6366f11f}.sd-spb-icon{font-size:1.2rem}.sd-spb-arrow{color:var(--purple);font-size:1rem;transition:transform .3s}.sd-theme-pro .sd-spb-arrow{color:#6366f1}.sd-show-progress-btn:hover .sd-spb-arrow{transform:translate(6px)}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.25s sd-fadein;display:flex;position:fixed;inset:0}.sd-theme-pro~.modal-backdrop,.sd-theme-pro .modal-backdrop{background:#0f172a80}@keyframes sd-fadein{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg-card);border-radius:var(--radius-lg);width:min(1060px,100vw);max-height:100vh;box-shadow:var(--glow-purple),0 40px 80px #000000b3;border:1px solid #7c6fff59;flex-direction:column;animation:.35s cubic-bezier(.34,1.56,.64,1) sd-modal-in;display:flex;overflow:hidden}@keyframes sd-modal-in{0%{opacity:0;transform:scale(.88)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{font-family:var(--font-game);letter-spacing:1px;color:var(--cyan);font-size:.82rem;font-weight:700}.sd-theme-pro .modal-title{letter-spacing:0;color:#0ea5e9;font-family:Inter,sans-serif;font-size:.9rem}.modal-close-btn{width:36px;height:36px;color:var(--red);cursor:pointer;background:#ff52521f;border:1px solid #ff52524d;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:900;transition:all .2s;display:flex}.modal-close-btn:hover{background:#ff525240;transform:scale(1.1)rotate(90deg)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--purple) var(--bg-panel);flex:1;padding:1.25rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:var(--bg-panel)}.modal-body::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}.modal-empty{text-align:center;color:var(--text-mid);padding:3rem 1rem;font-size:.9rem}.modal-concept{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:var(--radius-md);margin-bottom:.75rem;transition:border-color .2s;overflow:hidden}.modal-concept.open{border-color:#7c6fff66}.modal-concept-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.modal-concept-header:hover{background:#7c6fff12}.modal-concept-left{align-items:center;gap:.75rem;display:flex}.modal-concept-icon{font-size:1.1rem}.modal-concept-name{font-size:.9rem;font-weight:800}.modal-concept-count{color:var(--purple);background:#7c6fff26;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700}.modal-chevron{color:var(--text-dim);font-size:.7rem;transition:transform .3s}.modal-chevron.open{color:var(--purple);transform:rotate(180deg)}.modal-subconcepts{border-top:1px solid var(--border-dim);flex-flow:wrap;gap:1.5rem 1rem;padding:1rem;animation:.3s sd-fadein-up;display:flex}.modal-subconcepts>*{width:calc(20% - .8rem)}@media (width<=768px){.modal-subconcepts>*{flex:0 0 calc(33.3333% - .5rem)}}@media (width<=480px){.modal-subconcepts>*{flex:0 0 calc(50% - .375rem)}}.modal-sub-card{border:1px solid var(--border-dim);border-left:3px solid var(--purple);border-radius:var(--radius-sm);background:#0003;padding:1rem;transition:all .2s}.modal-sub-card.needs-work{border-left-color:var(--red)}.modal-sub-card:hover{border-color:#7c6fff66;transform:translate(3px)}.modal-sub-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-sub-name{color:var(--text-hi);font-size:.85rem;font-weight:800}.modal-sub-pct{font-family:var(--font-game);font-size:.9rem;font-weight:700}.modal-sub-warn{color:var(--red);background:#ff52521a;border-radius:6px;margin-bottom:.6rem;padding:.3rem .6rem;font-size:.7rem}.modal-progress-grid{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.modal-progress-row{grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;display:grid}.modal-progress-label{color:var(--text-mid);white-space:nowrap;font-size:.65rem;font-weight:700}.modal-progress-bar{background:#ffffff0f;border-radius:3px;flex:1;height:5px;overflow:hidden}.modal-progress-fill{border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite sd-shimmer;position:absolute;inset:0}.bar-am{background:linear-gradient(90deg,#4ecdc4,#00e5ff);box-shadow:0 0 6px #00e5ff66}.bar-aa{background:linear-gradient(90deg,#ff5252,#ff8e8e);box-shadow:0 0 6px #ff525266}.bar-pm{background:linear-gradient(90deg,gold,#ff9800);box-shadow:0 0 6px #ffd70066}.bar-pa{background:linear-gradient(90deg,#00e676,#69f0ae);box-shadow:0 0 6px #00e67666}.modal-progress-val{color:var(--text-hi);text-align:right;width:28px;font-size:.65rem;font-weight:800}.modal-session-row{color:var(--text-mid);flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-size:.65rem;display:flex}.modal-session-bar{background:#ffffff0f;border-radius:3px;height:4px;overflow:hidden}.modal-session-fill{background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:3px;height:100%;transition:width 1s}.modal-practice-btn{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;box-shadow:var(--glow-purple);border:none;border-radius:30px;padding:.6rem;font-size:.78rem;font-weight:900;transition:all .25s}.modal-practice-btn.urgent{background:linear-gradient(135deg,var(--red),#ff7043);box-shadow:0 0 15px #ff525266}.modal-practice-btn:hover{transform:scale(1.04)translateY(-2px)}.sd-help-btn{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;width:54px;height:54px;font-family:var(--font-game);cursor:pointer;z-index:900;box-shadow:var(--glow-purple);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;transition:transform .3s;animation:3s ease-in-out infinite sd-help-pulse;display:flex;position:fixed;bottom:2rem;right:2rem}.sd-help-btn:hover{transform:scale(1.15)rotate(20deg)}.sd-theme-pro .sd-help-btn{background:#6366f1;width:48px;height:48px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;animation:none;box-shadow:0 4px 16px #6366f140}.sd-theme-pro .sd-help-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #6366f14d}@keyframes sd-help-pulse{0%,to{box-shadow:var(--glow-purple),0 0 0 0 #7c6fff00}50%{box-shadow:var(--glow-purple),0 0 0 14px #7c6fff00}}.sd-help-label{background:var(--bg-panel);color:var(--text-hi);font-size:.65rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;pointer-events:none;border:1px solid #7c6fff4d;border-radius:10px;padding:.4rem .8rem;animation:.2s sd-fadein-up;position:absolute;bottom:60px;right:0;box-shadow:0 4px 16px #0006}.sd-theme-pro .sd-help-label{color:#0f172a;background:#fff;border-color:#6366f133;font-family:Inter,sans-serif;font-weight:500;box-shadow:0 4px 16px #0f172a14}.sd-tour-overlay{z-index:4000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;animation:.3s sd-fadein;display:flex;position:fixed;inset:0}.sd-tour-box{background:linear-gradient(135deg,var(--bg-panel),var(--bg-card));border-radius:var(--radius-lg);text-align:center;width:360px;max-width:90vw;box-shadow:var(--glow-purple),0 30px 60px #0009;border:2px solid #7c6fff80;padding:2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) sd-popup-spring}.sd-theme-pro .sd-tour-box{color:#0f172a;background:#fff;border:1px solid #6366f133;border-radius:16px;box-shadow:0 20px 60px #0f172a26}.sd-tour-step-dots{justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.sd-tour-dot{background:var(--border-dim);border-radius:50%;width:7px;height:7px;transition:all .3s}.sd-tour-dot.active{background:var(--purple);border-radius:4px;width:20px;box-shadow:0 0 8px #7c6fff99}.sd-tour-dot.done{background:var(--cyan)}.sd-theme-pro .sd-tour-dot.active{box-shadow:none;background:#6366f1}.sd-theme-pro .sd-tour-dot.done{background:#0ea5e9}.sd-tour-emoji{margin-bottom:.75rem;font-size:2.5rem;animation:2s ease-in-out infinite sd-orb-float;display:block}.sd-theme-pro .sd-tour-emoji{font-size:2rem;animation:none}.sd-tour-title{font-family:var(--font-game);color:var(--gold);letter-spacing:.5px;margin-bottom:.6rem;font-size:.85rem}.sd-theme-pro .sd-tour-title{color:#0f172a;letter-spacing:0;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.sd-tour-body{color:var(--text-mid);margin-bottom:1.25rem;font-size:.82rem;line-height:1.7}.sd-theme-pro .sd-tour-body{color:#475569;font-size:.85rem}.sd-tour-actions{gap:.6rem;display:flex}.sd-tour-skip{color:var(--text-mid);font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:30px;flex:1;padding:.55rem;font-size:.78rem;font-weight:700;transition:all .2s}.sd-theme-pro .sd-tour-skip{color:#64748b;background:#f8fafc;border-color:#0f172a1a;border-radius:8px;font-weight:500}.sd-tour-skip:hover{border-color:var(--red);color:var(--red);background:#ff52521f}.sd-theme-pro .sd-tour-skip:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.sd-tour-next{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-family:var(--font-body);cursor:pointer;box-shadow:var(--glow-purple);border:none;border-radius:30px;flex:2;padding:.55rem;font-size:.78rem;font-weight:900;transition:all .25s}.sd-theme-pro .sd-tour-next{background:#6366f1;border-radius:8px;font-weight:600;box-shadow:0 4px 16px #6366f140}.sd-tour-next:hover{transform:scale(1.04)}.sd-theme-pro .sd-tour-next:hover{background:#4f46e5;transform:translateY(-1px)}@media (width<=1200px){.sd-content,.sd-theme-pro .sd-content{padding:1.5rem 1.5rem 4rem}}@media (width<=900px){.sd-ranks-grid{grid-template-columns:repeat(2,1fr)}.sd-modes-grid{grid-template-columns:1fr}.sd-topbar{padding:.6rem 1.25rem}}@media (width<=600px){.sd-content{padding:1rem 1rem 5rem}.sd-badges-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.sd-ranks-grid{grid-template-columns:repeat(2,1fr)}.sd-topbar{padding:.5rem 1rem}.sd-topbar-grade{display:none}.modal-progress-row{grid-template-columns:1fr auto}.modal-progress-label{display:none}}@media (width<=400px){.sd-badges-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.badge-coin-inner{width:58px;height:58px}.badge-coin-icon{font-size:1.4rem}}html,body,#root{width:100%;height:100%;font-family:Nunito,sans-serif;overflow:hidden}:root{--bg-card:#101628eb;--bg-card2:#141c34f2;--neon-blue:#00d4ff;--neon-purple:#b44fff;--neon-green:#0f8;--neon-gold:gold;--neon-pink:#ff6bff;--neon-orange:#ff8c42;--text-primary:#f0f4ff;--text-secondary:#8892b0;--border-glow:#00d4ff4d;--shadow-neon:0 0 30px #00d4ff26;--radius-card:24px;--radius-btn:50px;--bg-deep:#0a0e1a!important}.gp-root{color:var(--text-primary);font-family:Nunito,sans-serif;position:fixed;inset:0;overflow:hidden;background:var(--bg-deep)!important}.gp-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.bg-orb{filter:blur(80px);opacity:.12;border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.orb1{background:var(--neon-blue);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.orb2{background:var(--neon-purple);width:500px;height:500px;animation-delay:-5s;bottom:-200px;right:-100px}.orb3{background:var(--neon-green);width:400px;height:400px;animation-delay:-10s;top:40%;left:40%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.05)}66%{transform:translate(-30px,30px)scale(.95)}}.bg-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.gp-layout{z-index:1;height:100vh;display:flex;position:relative;overflow:hidden}.gp-main{scrollbar-width:thin;scrollbar-color:var(--neon-blue) transparent;flex:1;padding:20px 24px;overflow:hidden auto}.gp-main::-webkit-scrollbar{width:6px}.gp-main::-webkit-scrollbar-track{background:0 0}.gp-main::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:3px}.gp-chatbot-col{flex-shrink:0;width:380px;padding:20px 20px 20px 0;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInRight}.gp-particles{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.gp-particle{pointer-events:none;animation:1s ease-out forwards particleFly;position:absolute}@keyframes particleFly{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(var(--dx,50px), -120px) scale(0) rotate(720deg)}}.gp-level-selection{max-width:1200px;margin:0 auto;animation:.6s fadeInUp}.gp-level-header{text-align:center;border-radius:var(--radius-card);margin-bottom:32px;padding:50px 20px 40px;position:relative;overflow:hidden}.gp-level-header-bg{border-radius:var(--radius-card);background:linear-gradient(135deg,#00d4ff1a 0%,#b44fff1a 100%);border:1px solid #00d4ff33;position:absolute;inset:0}.gp-level-header-bg:before{content:"";background:conic-gradient(#0000,#00d4ff0d,#0000 60%);width:200%;height:200%;animation:10s linear infinite rotateBg;position:absolute;top:-50%;left:-50%}@keyframes rotateBg{to{transform:rotate(360deg)}}.gp-level-header-content{z-index:1;position:relative}.gp-title-badge{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));letter-spacing:3px;text-transform:uppercase;color:#fff;border-radius:50px;margin-bottom:16px;padding:6px 20px;font-family:Orbitron,sans-serif;font-size:.75rem;display:inline-block}.gp-main-title{background:linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 50%, var(--neon-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.gp-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:600}.gp-level-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=600px){.gp-level-grid{grid-template-columns:1fr}}.gp-level-card{background:var(--bg-card);border-radius:var(--radius-card);cursor:pointer;text-align:center;border:1px solid #ffffff14;padding:32px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.level-card-glow{border-radius:var(--radius-card);opacity:0;transition:opacity .3s;position:absolute;inset:0}.gp-level-card.adaptive .level-card-glow{background:radial-gradient(circle,#ffd70026,#0000 70%)}.gp-level-card.simple .level-card-glow{background:radial-gradient(circle,#00ff8826,#0000 70%)}.gp-level-card.medium .level-card-glow{background:radial-gradient(circle,#ff8c4226,#0000 70%)}.gp-level-card.hard .level-card-glow{background:radial-gradient(circle,#ff6b6b26,#0000 70%)}.gp-level-card:hover .level-card-glow{opacity:1}.gp-level-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 24px 48px #0006}.gp-level-card.adaptive{border-color:#ffd70066}.gp-level-card.adaptive:hover{border-color:var(--neon-gold);box-shadow:0 24px 48px #ffd70033}.gp-level-card.simple{border-color:#0f83}.gp-level-card.simple:hover{border-color:var(--neon-green);box-shadow:0 24px 48px #00ff8826}.gp-level-card.medium{border-color:#ff8c4233}.gp-level-card.medium:hover{border-color:var(--neon-orange);box-shadow:0 24px 48px #ff8c4226}.gp-level-card.hard{border-color:#ff6b6b33}.gp-level-card.hard:hover{border-color:#ff6b6b;box-shadow:0 24px 48px #ff6b6b26}.level-card-badge{letter-spacing:1px;background:linear-gradient(135deg, var(--neon-gold), #ffb300);color:#000;border-radius:50px;padding:4px 10px;font-size:.65rem;font-weight:800;position:absolute;top:14px;right:14px}.gp-level-card.medium .level-card-badge{background:linear-gradient(135deg, var(--neon-orange), #ff6b00);color:#fff}.level-card-icon{filter:drop-shadow(0 4px 12px #0000004d);margin-bottom:14px;font-size:3.5rem;animation:3s ease-in-out infinite iconFloat;display:block}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gp-level-card h3{color:var(--text-primary);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.gp-level-card p{color:var(--text-secondary);margin-bottom:14px;font-size:.9rem;line-height:1.5}.level-card-pts{color:var(--text-primary);background:#ffffff12;border:1px solid #ffffff1a;border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.gp-back-btn-wrap{text-align:center;margin-top:8px}.gp-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;padding:10px 24px;font-family:Nunito,sans-serif;font-weight:600;transition:all .3s}.gp-back-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.gp-loading{flex-direction:column;justify-content:center;align-items:center;height:70vh;animation:.5s fadeIn;display:flex;position:relative}.gp-loading-orb{background:radial-gradient(circle,#00d4ff1a,#0000 70%);border-radius:50%;width:300px;height:300px;animation:2s ease-in-out infinite pulse;position:absolute}.gp-loading-content{text-align:center;z-index:1;position:relative}.gp-loading-robot{margin-bottom:20px;font-size:4rem;animation:1s ease-in-out infinite robotBounce;display:block}@keyframes robotBounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(5deg)}}.gp-loading-content h2{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.6rem}.gp-loading-content p{color:var(--text-secondary);margin-bottom:28px;font-size:.95rem}.gp-progress-bar{background:#ffffff1a;border-radius:50px;width:280px;height:8px;margin:0 auto 16px;overflow:hidden}.gp-progress-fill{background:linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-pink));height:100%;box-shadow:0 0 12px var(--neon-blue);border-radius:50px;transition:width .5s}.gp-loading-text{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.gp-loading-dots{justify-content:center;gap:8px;display:flex}.gp-loading-dots span{background:var(--neon-blue);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dotBounce}.gp-loading-dots span:nth-child(2){background:var(--neon-purple);animation-delay:.2s}.gp-loading-dots span:nth-child(3){background:var(--neon-pink);animation-delay:.4s}@keyframes dotBounce{0%,to{transform:translateY(0)}50%{opacity:.4;transform:translateY(-12px)}}.gp-error{text-align:center;background:var(--bg-card);border-radius:var(--radius-card);border:1px solid #ff50504d;max-width:520px;margin:60px auto;padding:48px 32px;animation:.5s fadeInUp}.gp-error-icon{margin-bottom:16px;font-size:4rem}.gp-error h2{color:#ff6b6b;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:1.5rem}.gp-error p{color:var(--text-secondary);margin-bottom:20px}.gp-error-tips{text-align:left;background:#ff505014;border-radius:12px;margin-bottom:24px;padding:16px 20px}.gp-error-tips p{color:var(--text-secondary);margin-bottom:8px;font-weight:700}.gp-error-tips ul{color:var(--text-secondary);padding-left:20px;font-size:.9rem;line-height:2}.gp-error-btns{justify-content:center;gap:12px;display:flex}.gp-btn-primary{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;transition:all .3s;box-shadow:0 8px 24px #00d4ff4d}.gp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00d4ff66}.gp-btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.gp-btn-ghost:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.gp-game-wrap{max-width:780px;margin:0 auto;animation:.5s fadeInUp}.gp-hud{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #00d4ff26;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 22px;display:flex}.gp-hud-left,.gp-hud-right{align-items:center;gap:16px;display:flex}.gp-hud-center{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.hud-label{letter-spacing:2px;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.65rem;display:block}.hud-value{color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;display:block}.score-value{color:var(--neon-gold)!important}.gp-hud-score{position:relative}.score-popup{background:linear-gradient(135deg, var(--neon-green), #00c96b);color:#000;white-space:nowrap;pointer-events:none;z-index:50;border-radius:50px;padding:4px 12px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:900;animation:1.2s forwards scorePopAnim;position:absolute;top:-28px;left:50%;transform:translate(-50%)}@keyframes scorePopAnim{0%{opacity:1;transform:translate(-50%)translateY(0)scale(.8)}50%{opacity:1;transform:translate(-50%)translateY(-20px)scale(1.1)}to{opacity:0;transform:translate(-50%)translateY(-40px)scale(.9)}}.gp-progress-track{background:#ffffff14;border-radius:50px;width:100%;height:8px;overflow:hidden}.gp-progress-track .gp-progress-fill{background:linear-gradient(90deg, var(--neon-green), var(--neon-blue));height:100%;box-shadow:0 0 8px var(--neon-green);transition:width .6s}.gp-q-counter{color:var(--text-secondary);letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:.7rem}.gp-hud-lives{align-items:center;gap:4px;display:flex}.life-heart{font-size:1.1rem;transition:all .3s}.life-heart.dead{filter:grayscale()opacity(.3);transform:scale(.8)}.life-heart.alive{filter:drop-shadow(0 0 5px #ff505099)}.gp-hud-timer{text-align:center}.gp-hud-timer .hud-value{color:var(--neon-blue)!important}.gp-quit-btn{color:#ff6b6b;cursor:pointer;background:#ff505026;border:1px solid #ff50504d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .3s;display:flex}.gp-quit-btn:hover{background:#ff50504d;transform:scale(1.1)}.gp-streak-banner{text-align:center;color:var(--neon-gold);letter-spacing:2px;background:linear-gradient(135deg,#ff8c4233,#ffd70033);border:1px solid #ffd70066;border-radius:14px;margin-bottom:12px;padding:10px;font-family:Orbitron,sans-serif;font-size:1rem;animation:.5s cubic-bezier(.34,1.56,.64,1) streakPop}@keyframes streakPop{0%{opacity:0;transform:scale(.8)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.gp-mastery-strip{background:var(--bg-card);border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 18px;display:flex}.mastery-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-size:.75rem;font-weight:800}.mastery-track{background:#ffffff14;border-radius:50px;flex:1;height:8px;overflow:hidden}.mastery-fill{background:linear-gradient(90deg,#ff6b6b,gold,#0f8);border-radius:50px;height:100%;transition:width .8s}.mastery-pct{color:var(--neon-gold);white-space:nowrap;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700}.mastery-status{color:var(--text-secondary);white-space:nowrap;background:#ffffff0f;border-radius:50px;padding:4px 10px;font-size:.75rem;font-weight:700}.mastery-status.ready{color:var(--neon-green);background:#00ff8826;border:1px solid #00ff884d}.gp-question-card{background:var(--bg-card2);border-radius:var(--radius-card);box-shadow:var(--shadow-neon), inset 0 1px 0 #ffffff0d;border:1px solid #00d4ff26;margin-bottom:14px;padding:28px;transition:border-color .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) cardEntry}@keyframes cardEntry{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.gp-q-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.gp-q-num{letter-spacing:2px;color:var(--neon-blue);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.7rem}.gp-validated-badge{color:var(--neon-green);background:#00ff8826;border:1px solid #00ff884d;border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:700}.gp-pts-badge{color:var(--neon-gold);background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:1px solid #ffd7004d;border-radius:50px;margin-left:auto;padding:4px 14px;font-family:Orbitron,sans-serif;font-size:.75rem}.gp-q-concept{color:var(--neon-purple);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;font-size:.8rem;font-weight:700}.gp-q-text{color:var(--text-primary);margin-bottom:24px;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.5}.gp-options{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.gp-option{cursor:pointer;text-align:left;background:#ffffff0a;border:2px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;min-height:72px;padding:16px 20px;font-family:Nunito,sans-serif;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.gp-option:before{content:"";background:linear-gradient(135deg, var(--option-color,#fff), transparent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.gp-option:hover:not(:disabled){border-color:var(--option-color,#fff);box-shadow:0 12px 28px #0000004d, 0 0 0 1px var(--option-color);transform:translateY(-4px)scale(1.02)}.gp-option:hover:before{opacity:.07}.gp-option.selected{border-color:var(--option-color,var(--neon-green));background:#ffffff14;transform:scale(1.02)}.gp-option.selected:before{opacity:.12}.gp-option:disabled{cursor:not-allowed;opacity:.7}.gp-opt-letter{background:var(--option-color,#ffffff1a);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0003}.gp-opt-text{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.35}.gp-attempts{border-top:1px solid #ffffff0f;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.attempt-dot{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;width:12px;height:12px;transition:all .3s}.attempt-dot.used{background:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 8px #ff6b6b80}.attempts-label{color:var(--text-secondary);margin-left:4px;font-size:.8rem;font-weight:700}.gp-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gp-voice-btn,.gp-help-btn{cursor:pointer;color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50px;padding:10px 22px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s}.gp-voice-btn:hover,.gp-help-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue);background:#00d4ff14;transform:translateY(-2px)}.gp-voice-btn.off{color:#ff6b6b;border-color:#ff6b6b4d}.gp-help-btn{color:var(--neon-blue);background:#00d4ff14;border-color:#00d4ff4d}.gp-help-btn:hover{background:#00d4ff26;box-shadow:0 0 20px #00d4ff33}.gp-gameover{text-align:center;max-width:600px;margin:40px auto;animation:.6s fadeInUp;position:relative;overflow:hidden}.gameover-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:10px;height:10px;animation:3s ease-in forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.gameover-content{background:var(--bg-card2);border-radius:var(--radius-card);box-shadow:var(--shadow-neon);z-index:1;border:1px solid #00d4ff33;padding:48px 40px;position:relative}.gameover-emoji{margin-bottom:16px;font-size:5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) emojiPop;display:block}@keyframes emojiPop{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}.gameover-content h2{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:2rem}.gameover-grade{color:var(--neon-gold);margin-bottom:32px;font-size:1.2rem;font-weight:800}.gameover-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}@media (width<=500px){.gameover-stats{grid-template-columns:repeat(2,1fr)}}.stat-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:16px 12px}.stat-number{margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:900}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.gameover-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gp-chatbot{background:var(--bg-card2);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-neon);border:1px solid #00d4ff26;flex-direction:column;display:flex;overflow:hidden}.chatbot-header{background:linear-gradient(135deg,#00d4ff1f,#b44fff1f);border-bottom:1px solid #00d4ff26;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-avatar-mini{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;box-shadow:0 4px 12px #00d4ff4d}.chatbot-name{color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700}.chatbot-status{color:var(--neon-green);font-size:.75rem;font-weight:600}.chatbot-close{color:#ff6b6b;cursor:pointer;background:#ff50501f;border:1px solid #ff505040;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .3s;display:flex}.chatbot-close:hover{background:#ff505040;transform:scale(1.1)}.chatbot-messages{scrollbar-width:thin;scrollbar-color:#00d4ff4d transparent;flex-direction:column;flex:1;gap:14px;padding:20px 16px;display:flex;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.chat-msg{align-items:flex-end;gap:8px;animation:.3s chatSlide;display:flex}.user-msg{flex-direction:row-reverse}@keyframes chatSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.user-msg .msg-avatar{background:linear-gradient(135deg, var(--neon-pink), #ff4a8e)}.msg-bubble{border-radius:14px;max-width:78%;padding:10px 14px;font-size:.9rem;font-weight:600;line-height:1.5}.bot-bubble{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.user-bubble{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));color:#fff;border-bottom-right-radius:4px}.options-header{color:var(--text-primary);margin-bottom:10px;font-size:.9rem;font-weight:700}.explanation-options-grid{flex-direction:column;gap:8px;display:flex}.explain-option-btn{cursor:pointer;color:var(--text-primary);text-align:left;background:#00d4ff0f;border:1px solid #00d4ff33;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.explain-option-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue);background:#00d4ff26;transform:translate(4px);box-shadow:0 4px 16px #00d4ff26}.explain-opt-emoji{flex-shrink:0;font-size:1.1rem}.explain-opt-text{flex:1}.understand-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.understand-yes,.understand-more{cursor:pointer;border:none;border-radius:50px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;transition:all .25s}.understand-yes{background:linear-gradient(135deg, var(--neon-green), #00c96b);color:#000}.understand-yes:hover{transform:scale(1.04);box-shadow:0 4px 14px #0f86}.understand-more{color:var(--neon-orange);background:#ff8c4226;border:1px solid #ff8c424d}.understand-more:hover{background:#ff8c4240;transform:scale(1.04)}.typing-dots{gap:5px;padding:4px 2px;display:flex}.typing-dots span{background:var(--neon-blue);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){background:var(--neon-purple);animation-delay:.2s}.typing-dots span:nth-child(3){background:var(--neon-pink);animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chatbot-input-area{background:#0003;border-top:1px solid #ffffff12;flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.chatbot-input{color:var(--text-primary);background:#ffffff12;border:1px solid #ffffff1f;border-radius:50px;outline:none;flex:1;padding:10px 18px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;transition:border-color .3s}.chatbot-input::placeholder{color:var(--text-secondary)}.chatbot-input:focus{border-color:var(--neon-blue);box-shadow:0 0 0 3px #00d4ff1a}.chatbot-send{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;box-shadow:0 4px 14px #00d4ff4d}.chatbot-send:hover{transform:scale(1.08);box-shadow:0 6px 20px #00d4ff66}.gp-help-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.gp-help-popup{background:var(--bg-card2);text-align:center;border:1px solid #00d4ff33;border-radius:28px;width:90%;max-width:420px;padding:44px 40px;animation:.5s cubic-bezier(.34,1.56,.64,1) popupBounceIn;position:relative;overflow:hidden;box-shadow:0 0 60px #00d4ff26}.help-popup-glow{pointer-events:none;background:radial-gradient(circle,#00d4ff26,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.help-popup-robot{z-index:1;margin-bottom:16px;font-size:4.5rem;animation:1.5s ease-in-out infinite robotBounce;display:block;position:relative}.gp-help-popup h3{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:1.4rem;position:relative}.gp-help-popup p{color:var(--text-secondary);z-index:1;margin-bottom:28px;font-weight:600;line-height:1.6;position:relative}.help-popup-btns{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.help-yes-btn{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;transition:all .3s;box-shadow:0 8px 24px #00d4ff4d}.help-yes-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00d4ff66}.help-no-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.help-no-btn:hover{border-color:var(--neon-green);color:var(--neon-green)}@keyframes popupBounceIn{0%{opacity:0;transform:scale(.3)translateY(-50px)}50%{opacity:1;transform:scale(1.05)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.avatar-wrapper{z-index:1000;cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:24px;right:24px}.buddy-avatar{filter:drop-shadow(0 8px 24px #00d4ff66);flex-direction:column;align-items:center;width:72px;transition:transform .3s;display:flex;position:relative}.buddy-avatar:hover{transform:scale(1.08)}.avatar-glow-ring{pointer-events:none;border:2px solid #00d4ff66;border-radius:50%;width:80px;height:80px;animation:2.5s ease-in-out infinite glowPulse;position:absolute;top:2px;left:-4px}.buddy-antenna{z-index:2;flex-direction:column;align-items:center;margin-bottom:-2px;display:flex;position:relative}.buddy-antenna:before{content:"";background:linear-gradient(to top, #4a90e2, var(--neon-blue));border-radius:2px;width:3px;height:12px}.antenna-ball{background:var(--neon-blue);width:8px;height:8px;box-shadow:0 0 8px var(--neon-blue);border-radius:50%;animation:2s ease-in-out infinite antennaBlink;position:absolute;top:-6px}@keyframes antennaBlink{0%,70%,to{opacity:1;box-shadow:0 0 8px var(--neon-blue)}85%{opacity:.3;box-shadow:0 0 2px var(--neon-blue)}}.buddy-head{background:linear-gradient(160deg,#1a2a4a,#0e1a32);border:2px solid #00d4ff80;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:0 0 20px #00d4ff33,inset 0 1px #ffffff1a}.buddy-ear{background:linear-gradient(#1a3060,#0e1a32);border:2px solid #00d4ff66;border-radius:6px;width:10px;height:20px;position:absolute;top:16px}.left-ear{border-right:none;border-top-left-radius:8px;border-bottom-left-radius:8px;left:-10px}.right-ear{border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;right:-10px}.ear-inner{background:#00d4ff4d;border-radius:3px;width:4px;height:12px;margin:2px auto}.buddy-face{flex-direction:column;align-items:center;gap:5px;display:flex}.buddy-eyes{align-items:center;gap:10px;display:flex}.buddy-eye{background:#0a0e1a;border:1.5px solid #00d4ff99;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s;display:flex;position:relative;overflow:visible}.buddy-eye.happy{border-color:var(--neon-green);border-radius:50% 50% 8px 8px;height:14px}.buddy-eye.thinking{border-color:var(--neon-gold);transform:translateY(-2px)}.buddy-eye.excited{box-shadow:0 0 10px var(--neon-pink);border-color:var(--neon-pink)}.buddy-eye.sad{border-color:#8892b0;border-radius:8px 8px 50% 50%}.eye-pupil{background:radial-gradient(circle, var(--neon-blue) 0%, #0050a0 100%);border-radius:50%;width:10px;height:10px;animation:5s ease-in-out infinite eyeBlink;position:relative}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.eye-shine{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:1px}.eye-sparkle{color:var(--neon-gold);font-size:.55rem;animation:1s linear infinite sparkleRotate;position:absolute;top:-8px;right:-6px}@keyframes sparkleRotate{to{transform:rotate(360deg)}}.buddy-nose{background:#00d4ff66;border-radius:3px;width:6px;height:4px}.buddy-mouth{justify-content:center;align-items:center;width:26px;height:14px;display:flex;position:relative}.buddy-mouth.normal:before{content:"";border:2px solid #00d4ff99;border-top:none;border-radius:0 0 12px 12px;width:20px;height:9px;position:absolute}.buddy-mouth.happy:before{content:"";border:2.5px solid var(--neon-green);border-top:none;border-radius:0 0 14px 14px;width:22px;height:10px;position:absolute;box-shadow:0 0 6px #0f86}.buddy-mouth.sad:before{content:"";border:2px solid #8892b0;border-bottom:none;border-radius:12px 12px 0 0;width:18px;height:8px;position:absolute;top:4px}.buddy-mouth.excited:before{content:"";border:2.5px solid var(--neon-pink);border-top:none;border-radius:0 0 14px 14px;width:22px;height:11px;position:absolute;box-shadow:0 0 8px #ff6bff66}.buddy-mouth.thinking:before{content:"";background:var(--neon-gold);border:none;border-radius:2px;width:14px;height:3px;position:absolute;top:5px;left:4px}.buddy-mouth.talking{animation:.25s ease-in-out infinite alternate mouthTalk}.buddy-mouth.talking:before{content:"";width:20px;height:var(--mouth-h,10px);border:2px solid var(--neon-blue);border-top:none;border-radius:0 0 14px 14px;position:absolute;box-shadow:0 0 6px #00d4ff4d}@keyframes mouthTalk{0%{--mouth-h:5px}to{--mouth-h:14px}}.mouth-inner{display:none}.buddy-body{background:linear-gradient(160deg,#1a2a4a,#0e1a32);border:2px solid #00d4ff59;border-top:none;border-radius:12px 12px 10px 10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:52px;height:40px;display:flex;box-shadow:0 4px 12px #0000004d}.body-badge{color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:900}.body-buttons{gap:5px;display:flex}.body-btn{background:var(--neon-purple);width:6px;height:6px;box-shadow:0 0 5px var(--neon-purple);border-radius:50%;animation:2s ease-in-out infinite buttonBlink}.body-btn:nth-child(2){background:var(--neon-green);box-shadow:0 0 5px var(--neon-green);animation-delay:.5s}@keyframes buttonBlink{0%,to{opacity:1}50%{opacity:.4}}.buddy-arm{background:linear-gradient(#1a3060,#0e1a32);border:1.5px solid #00d4ff4d;border-radius:8px;justify-content:center;align-items:flex-end;width:10px;height:30px;padding-bottom:2px;font-size:.7rem;display:flex;position:absolute;top:68px}.left-arm{transform-origin:top;left:2px;transform:rotate(-15deg)}.right-arm{transform-origin:top;right:2px;transform:rotate(15deg)}.buddy-avatar.speaking .left-arm{animation:.4s ease-in-out infinite alternate armWave}@keyframes armWave{0%{transform:rotate(-15deg)}to{transform:rotate(-35deg)}}.arm-hand{font-size:.75rem}.buddy-feet{gap:6px;margin-top:-2px;display:flex}.buddy-foot{background:linear-gradient(#1a2a4a,#0e1a32);border:1.5px solid #00d4ff4d;border-top:none;border-radius:0 0 8px 8px;width:18px;height:10px}.buddy-avatar{animation:4s ease-in-out infinite buddyIdle}@keyframes buddyIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.avatar-speech-bubble{background:var(--bg-card2);border:1.5px solid #00d4ff4d;border-radius:16px 16px 4px;min-width:120px;max-width:220px;padding:10px 14px;animation:.4s cubic-bezier(.34,1.56,.64,1) bubbleFadeIn;position:absolute;bottom:140px;right:0;box-shadow:0 8px 24px #0000004d,0 0 20px #00d4ff1a}.speech-bubble-content{color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.4}.speech-bubble-tail{border-top:9px solid #00d4ff4d;border-left:8px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:-9px;right:20px}.speech-bubble-tail:after{content:"";border-left:7px solid #0000;border-right:0 solid #0000;border-top:8px solid var(--bg-card2);width:0;height:0;position:absolute;top:-10px;right:1px}@keyframes bubbleFadeIn{0%{opacity:0;transform-origin:100% 100%;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.avatar-label{color:var(--neon-blue);letter-spacing:1px;text-align:center;text-shadow:0 0 8px #00d4ff66;font-family:Orbitron,sans-serif;font-size:.68rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.gp-root.primary-grade .gp-q-text{font-size:1.5rem}.gp-root.primary-grade .gp-option{min-height:90px;padding:20px}.gp-root.primary-grade .gp-opt-text{font-size:1.1rem}.gp-root.primary-grade .explain-option-btn{padding:12px 16px;font-size:1rem}@media (width<=960px){.gp-chatbot-col{width:320px}}@media (width<=768px){.gp-layout{flex-direction:column}.gp-chatbot-col{width:100%;height:50vh;padding:0 12px 12px}.gp-options{grid-template-columns:1fr}.gp-hud{flex-wrap:wrap;gap:8px}.gp-hud-center{order:3;width:100%}.avatar-wrapper{bottom:16px;right:16px}.buddy-avatar,.buddy-head{width:56px;height:56px}.gameover-stats{grid-template-columns:repeat(2,1fr)}.gp-mastery-strip{flex-wrap:wrap}}@media (width<=480px){.gp-main{padding:12px 14px}.gp-question-card{padding:20px 16px}.gp-level-grid{grid-template-columns:1fr}.gp-hud{padding:10px 14px}}.level-stats{color:var(--neon-green);background:#00ff881a;border-radius:8px;margin-top:12px;padding:4px 8px;font-size:.7rem;display:inline-block}.gp-level-badge{text-align:center;color:var(--neon-blue);background:linear-gradient(135deg,#00d4ff26,#b44fff26);border:1px solid #00d4ff4d;border-radius:50px;margin-bottom:12px;padding:8px 16px;font-size:.9rem;font-weight:700}.level-progress{color:var(--neon-orange);margin-left:8px;font-size:.8rem}.gp-workbook-section{text-align:center;border-radius:var(--radius-card);background:linear-gradient(135deg,#ffd7000d,#ff6b6b0d);border:1px dashed #ffd7004d;margin:32px 0 16px;padding:24px}.gp-workbook-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c42,#ff6b6b);border:none;border-radius:50px;padding:14px 32px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;transition:all .3s;box-shadow:0 8px 24px #ff8c424d}.gp-workbook-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff8c4266}.workbook-hint{color:var(--text-secondary);margin-top:12px;font-size:.8rem}.workbook-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10002;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.workbook-popup{background:var(--bg-card2);border:2px solid #ff8c424d;border-radius:32px;width:90%;max-width:500px;max-height:85vh;padding:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) popupBounceIn;position:relative;overflow-y:auto;box-shadow:0 0 60px #ff8c4233}.workbook-close{color:#ff6b6b;cursor:pointer;background:#ff505026;border:1px solid #ff50504d;border-radius:50%;width:32px;height:32px;font-size:1rem;transition:all .3s;position:absolute;top:16px;right:16px}.workbook-close:hover{background:#ff50504d;transform:scale(1.1)}.workbook-header{text-align:center;margin-bottom:28px}.workbook-icon{margin-bottom:12px;font-size:3rem;display:block}.workbook-header h2{background:linear-gradient(135deg,#ff8c42,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1.5rem}.workbook-header p{color:var(--text-secondary);font-size:.85rem}.workbook-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:700}.form-group input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#ff8c42,#ff6b6b);border-radius:3px;outline:none;width:100%;height:6px}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ff8c42}.workbook-stats-preview{background:linear-gradient(135deg,#00d4ff1a,#b44fff1a);border-radius:20px;gap:16px;margin:20px 0;padding:16px;display:flex}.stat-card{background:#ffffff0d;border-radius:12px;flex:1;align-items:center;gap:12px;padding:12px;display:flex}.stat-emoji{font-size:2rem}.stat-number{color:var(--neon-blue);font-size:1.2rem;font-weight:800}.workbook-options{background:#ffffff08;border-radius:16px;margin:20px 0;padding:16px}.workbook-options h3{color:var(--text-primary);margin-bottom:12px;font-size:1rem}.workbook-checkbox{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px;transition:all .3s;display:flex}.workbook-checkbox:hover{background:#ffffff0d}.workbook-checkbox input{cursor:pointer;width:18px;height:18px;accent-color:var(--neon-blue)}.workbook-preview-questions{background:#ffffff08;border-radius:16px;margin:20px 0;padding:16px}.workbook-preview-questions h3{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.preview-list{flex-direction:column;gap:8px;display:flex}.preview-question{background:#ffffff05;border-radius:8px;gap:12px;padding:8px;font-size:.85rem;display:flex}.preview-q-num{color:var(--neon-blue);min-width:35px;font-weight:800}.preview-q-text{color:var(--text-primary)}.preview-more{text-align:center;color:var(--neon-orange);padding:8px;font-size:.8rem}.workbook-download-btn{background:linear-gradient(135deg, var(--neon-green), #00c96b);color:#000;cursor:pointer;border:none;border-radius:50px;flex:2;padding:14px;font-weight:800;transition:all .3s}.workbook-cancel-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;flex:1;padding:14px;font-weight:700}.workbook-note{color:var(--text-secondary);text-align:center;margin-top:16px;font-size:.7rem}.range-value{text-align:center;color:var(--neon-orange);font-weight:700}.difficulty-buttons{gap:12px;display:flex}.difficulty-btn{cursor:pointer;color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:10px;font-weight:700;transition:all .3s}.difficulty-btn.active{color:#fff;background:linear-gradient(135deg,#ff8c42,#ff6b6b);border-color:#0000;box-shadow:0 4px 12px #ff8c424d}.checkbox-group{flex-flow:wrap;justify-content:space-around}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.video-modal-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;width:90%;max-width:800px;padding:20px;animation:.3s slideUp;box-shadow:0 25px 50px -12px #00000080}.video-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;display:flex}.video-modal-header h3{color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:1.3rem;font-weight:600}.video-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.video-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.video-modal-body{background:#000;border-radius:16px;height:0;margin-bottom:20px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-modal-body iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-error{color:#fff;text-align:center;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.video-error a{color:gold;margin-top:10px;font-weight:700;text-decoration:none}.video-modal-footer{text-align:center;padding:10px}.video-watch-btn{color:#333;cursor:pointer;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0003}.video-watch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.video-modal-content{width:95%;padding:15px}.video-modal-header h3{font-size:1rem}.video-watch-btn{padding:10px 20px;font-size:.9rem}}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#ff8c42;width:18px;height:18px}.workbook-actions{gap:12px;margin-top:24px;display:flex}.workbook-generate-btn,.workbook-download-btn,.workbook-new-btn{cursor:pointer;border:none;border-radius:50px;flex:1;padding:12px;font-weight:800;transition:all .3s}.workbook-generate-btn{color:#fff;background:linear-gradient(135deg,#ff8c42,#ff6b6b)}.workbook-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c4266}.workbook-download-btn{background:linear-gradient(135deg, var(--neon-green), #00c96b);color:#000}.workbook-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f86}.workbook-new-btn{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a}.workbook-new-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.workbook-preview{background:#ffffff0d;border-radius:20px;margin-bottom:20px;padding:20px}.preview-stats{border-bottom:1px solid #ffffff1a;justify-content:space-around;margin-bottom:20px;padding-bottom:16px;display:flex}.preview-stats .stat{text-align:center}.preview-sample h4{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem}.preview-sample p{margin-bottom:8px;font-size:.85rem;line-height:1.4}.preview-sample small{color:var(--neon-blue);font-size:.7rem}@media (width<=600px){.difficulty-buttons{flex-direction:column}.checkbox-group{flex-direction:column;gap:10px}.workbook-actions{flex-direction:column}.workbook-popup{padding:24px}}:root{--bg-root:#07080d;--bg-card:#0f1120;--bg-card2:#0b0d18;--bg-glass:#ffffff0a;--border:#ffffff12;--border-hi:#ffffff26;--purple:#a78bfa;--blue:#60a5fa;--teal:#34d399;--pink:#f472b6;--amber:#fbbf24;--red:#f87171;--gold:gold;--easy-color:#34d399;--medium-color:#fbbf24;--hard-color:#f87171;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--pro-bg:#f8f7f4;--pro-bg-card:#fff;--pro-bg-soft:#f2f0ec;--pro-border:#e5e2db;--pro-border-hi:#c9c5bc;--pro-text:#1a1917;--pro-text-sub:#6b6760;--pro-text-muted:#9c9890;--pro-accent:#2563eb;--pro-accent-lt:#eff6ff;--pro-easy:#059669;--pro-medium:#d97706;--pro-hard:#dc2626;--pro-correct:#16a34a;--pro-wrong:#dc2626;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font:"Rajdhani", sans-serif;--display:"Orbitron", sans-serif;--mono:"DM Mono", monospace;--pro-font:"DM Sans", sans-serif;--pro-serif:"Instrument Serif", serif;--pro-mono:"DM Mono", monospace;--transition:.2s cubic-bezier(.4, 0, .2, 1)}.asm-root{background:var(--bg-root);font-family:var(--font);color:var(--text-primary);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.pro-root{background:var(--pro-bg);font-family:var(--pro-font);color:var(--pro-text)}.particle-canvas{pointer-events:none;z-index:0;opacity:.5;position:fixed;inset:0}.asm-layout{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:900px;height:100vh;margin:0 auto;padding:0 12px 8px;display:flex;position:relative;overflow:hidden}.top-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:8px 0 6px;display:flex}.top-bar-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{align-items:center;gap:7px;display:flex}.brand-icon{color:var(--purple);font-size:18px;animation:6s linear infinite spinHue}@keyframes spinHue{0%{color:var(--purple)}33%{color:var(--blue)}66%{color:var(--teal)}to{color:var(--purple)}}.brand-name{font-family:var(--display);background:linear-gradient(90deg, var(--purple), var(--blue));-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}.grade-chip{color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;font-size:10px;font-weight:600}.top-bar-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.stat-pill{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;display:flex}.stat-pill .mono{font-family:var(--mono);color:var(--text-primary);font-size:11px}.diff-pill{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;transition:var(--transition);border:1px solid #0000;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;display:flex}.diff-easy{color:var(--easy-color);background:#34d3991a;border-color:#34d3994d}.diff-medium{color:var(--medium-color);background:#fbbf241a;border-color:#fbbf244d}.diff-hard{color:var(--hard-color);background:#f871711a;border-color:#f871714d}.icon-btn{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;transition:var(--transition);color:#fff;justify-content:center;align-items:center;font-size:14px;display:flex}.icon-btn:hover{background:var(--border);border-color:var(--border-hi);transform:scale(1.1)}.xp-bar-wrap{flex:1;min-width:120px}.xp-label{color:var(--text-secondary);font-size:11px;font-family:var(--mono);justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.xp-score{color:var(--purple);font-weight:600}.xp-track{border-radius:var(--radius-full);background:#ffffff0f;height:5px;position:relative;overflow:visible}.xp-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--purple), var(--blue));height:100%;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.xp-glow{background:#fff;border-radius:50%;width:10px;height:10px;transition:left .7s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #a78bfa66,0 0 14px #a78bfab3}.accuracy-display{flex-direction:column;align-items:center;gap:2px;display:flex}.accuracy-circle{background:#ffffff0a;border:2.5px solid;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.accuracy-value{font-family:var(--mono);font-size:10px;font-weight:600}.accuracy-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.streak-badge{border-radius:var(--radius-full);color:var(--amber);background:#fbbf241a;border:1px solid #fbbf244d;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite streakPulse;display:flex}.streak-fire{animation:.5s ease-in-out infinite alternate streakFire}@keyframes streakPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #fbbf2466}}@keyframes streakFire{0%{box-shadow:0 0 8px #ff780080}to{box-shadow:0 0 20px #ff5000cc}}.nav-dots-bar{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:5px;width:100%;margin-bottom:8px;padding:7px 12px;display:flex}.ndot{cursor:default;border-radius:50%;width:9px;height:9px;transition:all .3s}.ndot-pending{background:#ffffff1a}.ndot-done{background:#fff3}.ndot-correct{background:var(--easy-color);box-shadow:0 0 5px #34d39999}.ndot-wrong{background:var(--red);box-shadow:0 0 5px #f8717199}.ndot-current{background:var(--purple);transform:scale(1.6);box-shadow:0 0 10px #a78bfae6}.question-area{flex:1;width:100%;padding-right:2px;animation:.4s cubic-bezier(.34,1.2,.64,1) both slideUpFade;overflow:hidden auto}.question-area::-webkit-scrollbar{width:4px}.question-area::-webkit-scrollbar-track{background:0 0}.question-area::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:4px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.q-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);margin-bottom:10px;padding:20px 24px;position:relative;overflow:hidden}.q-card:hover{border-color:var(--border-hi)}.q-card-loading{opacity:.75;pointer-events:none}.q-card-glow{opacity:.07;pointer-events:none;filter:blur(32px);border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-50px}.q-card-glow.diff-easy{background:var(--easy-color)}.q-card-glow.diff-medium{background:var(--medium-color)}.q-card-glow.diff-hard{background:var(--hard-color)}.q-next-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-xl);color:var(--text-secondary);background:#07080db3;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.q-next-spinner{border:2px solid #a78bfa33;border-top-color:var(--purple);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.q-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.q-num-badge{background:linear-gradient(135deg, var(--purple), var(--blue));width:36px;height:36px;font-size:14px;font-weight:700;font-family:var(--display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #a78bfa59}.q-tags{flex-wrap:wrap;flex:1;align-items:center;gap:5px;display:flex}.q-concept{color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:600}.q-sep{color:var(--text-secondary);font-size:12px}.q-subconcept{color:var(--text-secondary);font-size:11px;font-family:var(--mono);text-transform:capitalize}.q-diff-badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.val-dot{background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:2px}.q-text{color:var(--text-primary);border:1px solid var(--border);border-left:3px solid var(--purple);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:20px;padding:16px 18px;font-size:1.15rem;font-weight:600;line-height:1.55}.options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=580px){.options-grid{grid-template-columns:1fr}}.opt-btn{background:var(--bg-card2);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font);color:var(--text-primary);text-align:left;align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.opt-btn:after{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#0000,#a78bfa0a);position:absolute;inset:0}.opt-btn.opt-idle:hover{border-color:var(--purple);background:#a78bfa0f;transform:translateY(-2px)scale(1.01);box-shadow:0 6px 20px #0006,0 0 0 1px #a78bfa33}.opt-btn.opt-idle:hover:after{opacity:1}.opt-btn.opt-idle:active{transform:scale(.98)}.opt-btn.opt-correct{border-color:var(--easy-color);background:#34d39914;animation:.4s cubic-bezier(.34,1.56,.64,1) correctPop;box-shadow:0 0 0 1px #34d39966,0 0 28px #34d39933}.opt-btn.opt-wrong{border-color:var(--red);background:#f8717114;animation:.45s wrongShake;box-shadow:0 0 0 1px #f871714d,0 0 20px #f871711f}.opt-btn.opt-dim{opacity:.28;pointer-events:none}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}60%{transform:translate(8px)}}.opt-letter{width:32px;height:32px;color:var(--purple);font-size:12px;font-weight:700;font-family:var(--mono);transition:var(--transition);background:linear-gradient(135deg,#a78bfa33,#60a5fa33);border:1px solid #a78bfa4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.opt-btn.opt-correct .opt-letter{color:var(--easy-color);background:#34d39933;border-color:#34d39980}.opt-btn.opt-wrong .opt-letter{color:var(--red);background:#f8717133;border-color:#f8717180}.opt-text{flex:1;line-height:1.35}.opt-result-icon{flex-shrink:0;font-size:16px;font-weight:700}.correct-icon{color:var(--easy-color);animation:.3s cubic-bezier(.34,1.56,.64,1) iconPop}.wrong-icon{color:var(--red)}@keyframes iconPop{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.feedback-banner{border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-top:14px;padding:12px 16px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) bannerIn;display:flex}@keyframes bannerIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fb-correct{color:var(--easy-color);background:#34d39914;border:1px solid #34d3994d}.fb-wrong{color:var(--red);background:#f8717114;border:1px solid #f871714d}.fb-xp{color:var(--gold);font-size:12px;font-weight:800;font-family:var(--mono);border-radius:var(--radius-full);background:#ffd7001f;padding:3px 9px;animation:.4s cubic-bezier(.34,1.56,.64,1) xpPop}@keyframes xpPop{0%{transform:scale(0)}to{transform:scale(1)}}.stats-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid;background-color:#000!important}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.stat-card:hover{border-color:var(--border-hi)}.sc-icon{font-size:14px}.sc-val{font-size:18px;font-weight:700;font-family:var(--mono);color:var(--text-primary)}.sc-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:600}.badges-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.badge-chip{border:1px solid var(--bc,var(--border));cursor:default;width:36px;height:36px;box-shadow:0 0 10px color-mix(in srgb, var(--bc,transparent) 25%, transparent);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:transform .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) badgeIn;display:inline-flex;position:relative}@keyframes badgeIn{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.badge-chip:hover{transform:scale(1.2)rotate(-5deg)}.badge-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border:1px solid var(--border);background:#1a1a2e;border-radius:6px;padding:4px 8px;font-size:10px;transition:all .2s;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.badge-chip:hover .badge-tooltip{opacity:1;visibility:visible}.submit-btn{background:linear-gradient(135deg, var(--purple), var(--blue));border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--display);cursor:pointer;transition:all var(--transition);letter-spacing:1px;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 24px #a78bfa59}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #a78bfa80}.submit-btn:active{transform:translateY(0)}.submit-arrow{transition:transform var(--transition);font-size:16px}.submit-btn:hover .submit-arrow{transform:translate(5px)}.coin-rain-wrap{pointer-events:none;z-index:8000;position:fixed;inset:0;overflow:hidden}.coin-fall{transform-origin:50%;animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards coinFall;position:absolute;top:-60px}@keyframes coinFall{0%{opacity:1;top:-60px;transform:rotate(0)scale(1)}70%{opacity:1}to{transform:rotate(var(--rot,360deg)) scale(.5);opacity:0;top:110vh}}.xp-popups{pointer-events:none;z-index:7000;position:fixed;inset:0}.xp-popup{font-family:var(--display);color:var(--gold);text-shadow:0 0 20px #ffd700cc;white-space:nowrap;font-size:22px;font-weight:700;animation:1.2s ease-out forwards xpFloat;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes xpFloat{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.5)}20%{opacity:1;transform:translate(-50%)translateY(-10px)scale(1.2)}to{opacity:0;transform:translate(-50%)translateY(-80px)scale(.8)}}.encouragement-pop{color:#fff;font-family:var(--display);z-index:9000;pointer-events:none;white-space:nowrap;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50px;padding:12px 28px;font-size:1.4rem;font-weight:700;animation:1.8s ease-out forwards encourageFloat;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #28a74580}@keyframes encourageFloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(.85)}}.diff-notif{z-index:9100;font-family:var(--font);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;animation:.4s slideInRight;display:flex;position:fixed;top:80px;right:16px;box-shadow:0 8px 24px #0006}.diff-notif-up{background:linear-gradient(135deg,#764ba2,#667eea)}.diff-notif-down{background:linear-gradient(135deg,#f093fb,#f5576c)}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.ach-toast{background:var(--bg-card);border:1px solid var(--ach-color,var(--purple));border-radius:var(--radius-lg);min-width:240px;max-width:300px;box-shadow:0 8px 28px #000000b3, 0 0 20px color-mix(in srgb, var(--ach-color,#a78bfa) 20%, transparent);pointer-events:auto;align-items:center;gap:12px;padding:12px 16px;animation:.5s cubic-bezier(.34,1.56,.64,1) both toastIn;display:flex;position:relative;overflow:hidden}.ach-coin-burst{pointer-events:none;border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ach-coin{--angle:calc(var(--i) * 60deg);transform-origin:0 0;font-size:14px;animation:.7s cubic-bezier(.25,.46,.45,.94) both coinBurst;position:absolute;top:50%;left:50%}@keyframes coinBurst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(0px) scale(0);opacity:1}60%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(35px) scale(.5);opacity:0}}.ach-icon{flex-shrink:0;font-size:26px;animation:.5s cubic-bezier(.34,1.56,.64,1) iconSpin}.ach-info{flex:1}.ach-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:1px;font-size:9px;font-weight:600}.ach-name{color:var(--ach-color,var(--text-primary));font-size:13px;font-weight:700;font-family:var(--display)}.ach-desc{color:var(--text-secondary);margin-top:1px;font-size:10px}.ach-xp-pop{font-family:var(--display);color:var(--gold);border-radius:var(--radius-full);background:#ffd7001a;border:1px solid #ffd7004d;padding:3px 8px;font-size:11px;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) .2s both xpPop}.boot-screen{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}.boot-logo{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:8px;display:flex;position:relative}.boot-ring{border:1.5px solid #0000;border-radius:50%;position:absolute}.boot-ring.r1{border-top-color:var(--purple);animation:1.1s linear infinite orbit;inset:0}.boot-ring.r2{border-right-color:var(--blue);animation:1.7s linear infinite reverse orbit;inset:10px}.boot-ring.r3{border-bottom-color:var(--teal);animation:2.3s linear infinite orbit;inset:20px}@keyframes orbit{to{transform:rotate(360deg)}}.boot-icon{font-size:30px;animation:2s ease-in-out infinite pulse}.boot-title{font-family:var(--display);background:linear-gradient(90deg, var(--purple), var(--blue), var(--teal));-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.boot-sub{color:var(--text-secondary);font-size:12px;font-family:var(--mono)}.boot-track{border-radius:var(--radius-full);background:#ffffff12;width:220px;height:4px;overflow:hidden}.boot-fill{background:linear-gradient(90deg, var(--purple), var(--blue));border-radius:var(--radius-full);height:100%;transition:width .5s}.boot-dots{gap:7px;display:flex}.boot-dots span{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotPulse}.boot-dots span:nth-child(2){animation-delay:.2s}.boot-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;background:var(--purple);transform:scale(1.2)}}.boot-tagline{color:var(--text-secondary);letter-spacing:1px;font-size:10px;font-family:var(--mono)}.error-screen{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:fixed;inset:0}.error-icon{font-size:48px;animation:2s ease-in-out infinite pulse}.error-screen h3{font-size:20px;font-weight:700;font-family:var(--display)}.error-screen p{color:var(--text-secondary);max-width:300px;font-size:13px;font-family:var(--mono)}.btn-primary{background:linear-gradient(135deg, var(--purple), var(--blue));border-radius:var(--radius-md);color:#fff;font-family:var(--display);cursor:pointer;transition:var(--transition);letter-spacing:.5px;border:none;padding:11px 26px;font-size:13px;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a78bfa59}.tour-overlay{z-index:20000;background:#000000e0;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.tour-modal{width:100%;max-width:520px;max-height:90vh;box-shadow:0 30px 80px #000c, 0 0 0 1px var(--tour-color,var(--purple)), 0 0 60px color-mix(in srgb, var(--tour-color,#a78bfa) 15%, transparent);background:linear-gradient(145deg,#0d0f1a,#12102b);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;animation:.5s cubic-bezier(.34,1.2,.64,1) modalIn;display:flex;position:relative;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tour-stars{pointer-events:none;border-radius:24px;position:absolute;inset:0;overflow:hidden}.tour-star{background:#fff;border-radius:50%;width:2px;height:2px;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}.tour-content{text-align:center;flex:1;padding:28px 28px 20px;overflow-y:auto}.tour-content::-webkit-scrollbar{width:3px}.tour-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tour-enter{animation:.25s tourEnter}.tour-exit{animation:.2s tourExit}@keyframes tourEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes tourExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.tour-dots{justify-content:center;gap:8px;margin-bottom:22px;display:flex}.tour-dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.tour-dot.active{background:var(--tour-color,var(--purple));border-radius:4px;width:24px}.tour-dot.done{background:var(--teal)}.tour-icon-wrap{margin-bottom:14px;display:inline-block;position:relative}.tour-icon-ring{border:2px solid var(--tour-color,var(--purple));opacity:.4;border-radius:50%;animation:1.5s ease-in-out infinite ringPulse;position:absolute;inset:-8px}.tour-icon{font-size:52px;animation:1.5s ease-in-out infinite iconBounce;display:block}.tour-badge-label{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.tour-title{font-family:var(--display);color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:700}.tour-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:11px}.tour-desc{color:#fffc;margin-bottom:18px;font-size:13px;line-height:1.55}.tour-features{text-align:left;flex-direction:column;gap:8px;display:flex}.tour-feature{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;animation:.3s both featureIn;display:flex}@keyframes featureIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.tour-feature-check{color:var(--tour-color,var(--teal));flex-shrink:0;font-weight:700}.tour-footer{background:#0000004d;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.tour-skip{color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:var(--transition);background:0 0;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600}.tour-skip:hover{color:#fff;background:#ffffff0f}.tour-next{color:#111;cursor:pointer;font-family:var(--display);letter-spacing:.5px;transition:all var(--transition);border:none;border-radius:20px;padding:10px 24px;font-size:12px;font-weight:700;box-shadow:0 4px 16px #0006}.tour-next:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.03)}.tour-next:active{transform:scale(.97)}.tour-progress-bar{background:#ffffff12;flex-shrink:0;height:3px}.tour-progress-fill{height:100%;transition:width .4s,background .4s}.submit-overlay{z-index:15000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#000000e6;justify-content:center;align-items:center;padding:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}.submit-overlay.visible{opacity:1}.submit-modal{text-align:center;background:linear-gradient(145deg,#0f1020,#1a0d2e);border:1px solid #a78bfa66;border-radius:28px;width:100%;max-width:440px;padding:36px 32px;animation:.6s cubic-bezier(.34,1.2,.64,1) modalIn;position:relative;overflow:hidden;box-shadow:0 30px 80px #000c,0 0 60px #a78bfa33}.submit-grade-ring{border:4px solid var(--grade-color,var(--gold));width:90px;height:90px;box-shadow:0 0 0 8px color-mix(in srgb, var(--grade-color,gold) 15%, transparent), 0 0 40px color-mix(in srgb, var(--grade-color,gold) 25%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;animation:.8s cubic-bezier(.34,1.56,.64,1) gradeRingIn;display:flex}@keyframes gradeRingIn{0%{transform:scale(0)rotate(-45deg)}to{transform:scale(1)rotate(0)}}.submit-grade{font-family:var(--display);font-size:42px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) .3s both gradePop}@keyframes gradePop{0%{transform:scale(0)}to{transform:scale(1)}}.submit-title{font-family:var(--display);color:#fff;letter-spacing:1px;margin-bottom:6px;font-size:20px;font-weight:700}.submit-sub{color:var(--text-secondary);font-size:12px;font-family:var(--mono);margin-bottom:20px}.submit-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px;display:grid}.submit-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;animation:.4s cubic-bezier(.34,1.56,.64,1) both statIn;display:flex}@keyframes statIn{0%{opacity:0;transform:translateY(16px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.submit-stat-icon{font-size:16px}.submit-stat-val{font-family:var(--display);color:var(--purple);font-size:18px;font-weight:700}.submit-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:8px}.submit-progress-track{border-radius:var(--radius-full);background:#ffffff12;height:5px;margin-bottom:16px;overflow:hidden}.submit-progress-fill{border-radius:var(--radius-full);height:100%;animation:3s forwards progressFill}@keyframes progressFill{0%{width:0%}to{width:100%}}.submit-redirect{color:var(--text-secondary);font-size:11px;font-family:var(--mono);animation:1s ease-in-out infinite blink}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.dist-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;animation:.35s cubic-bezier(.34,1.2,.64,1) modalIn;overflow:hidden}.dist-header{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px;font-weight:700;font-family:var(--display);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.close-btn{background:var(--bg-glass);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:7px;justify-content:center;align-items:center;font-size:12px;display:flex}.close-btn:hover{color:var(--red);background:#f871711f;border-color:#f871714d}.dist-body{flex-direction:column;gap:8px;max-height:55vh;padding:16px 20px;display:flex;overflow-y:auto}.dist-row{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.dist-row:hover{border-color:var(--border-hi)}.dist-row-info{align-items:center;gap:8px;display:flex}.dist-name{color:var(--text-primary);font-size:13px;font-weight:600}.dist-count{color:var(--purple);font-size:14px;font-weight:700;font-family:var(--mono)}.dist-empty{color:var(--text-secondary);text-align:center;padding:16px;font-size:13px}.grade-primary .q-card{border-color:#ffd7004d}.grade-primary .opt-btn{min-height:72px;font-size:1rem}.grade-primary .q-text{font-size:1.2rem}.grade-primary .opt-letter{width:38px;height:38px;font-size:14px}.pro-layout{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:860px;height:100vh;margin:0 auto;padding:0 20px 12px;display:flex;position:relative;overflow:hidden}.pro-top-bar{border-bottom:1px solid var(--pro-border);flex-shrink:0;align-items:center;gap:16px;width:100%;margin-bottom:10px;padding:10px 0 8px;display:flex}.pro-top-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.pro-brand{align-items:center;gap:8px;display:flex}.pro-brand-mark{color:var(--pro-accent);font-size:16px;font-weight:700}.pro-brand-name{font-family:var(--pro-font);color:var(--pro-text);letter-spacing:-.3px;font-size:15px;font-weight:600}.pro-grade-tag{font-family:var(--pro-mono);color:var(--pro-text-muted);background:var(--pro-bg-soft);border:1px solid var(--pro-border);text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:500}.pro-top-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.pro-timer-pill{font-family:var(--pro-mono);color:var(--pro-text-sub);background:var(--pro-bg-soft);border:1px solid var(--pro-border);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:500}.pro-diff-chip{font-family:var(--pro-font);text-transform:capitalize;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.pro-diff-easy{color:var(--pro-easy);background:#ecfdf5;border-color:#a7f3d0}.pro-diff-medium{color:var(--pro-medium);background:#fffbeb;border-color:#fde68a}.pro-diff-hard{color:var(--pro-hard);background:#fef2f2;border-color:#fecaca}.pro-icon-btn{background:var(--pro-bg-soft);border:1px solid var(--pro-border);width:32px;height:32px;color:var(--pro-text-sub);cursor:pointer;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.pro-icon-btn:hover{background:var(--pro-border);color:var(--pro-text)}.pro-streak-pill{background:var(--pro-bg-soft);border:1px solid var(--pro-border);border-radius:8px;flex-direction:column;align-items:center;padding:4px 10px;display:flex}.pro-streak-pill span:first-child{font-family:var(--pro-mono);color:var(--pro-accent);font-size:14px;font-weight:600;line-height:1}.pro-streak-pill span:last-child{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:9px}.pro-progress-wrap{flex:1;min-width:100px}.pro-progress-label{font-family:var(--pro-mono);color:var(--pro-text-muted);justify-content:space-between;align-items:center;margin-bottom:5px;font-size:10px;display:flex}.pro-score-label{color:var(--pro-accent);font-weight:600}.pro-progress-track{background:var(--pro-border);border-radius:2px;height:4px;overflow:hidden}.pro-progress-fill{background:var(--pro-accent);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.pro-accuracy{flex-direction:column;align-items:center;gap:1px;display:flex}.pro-accuracy-val{font-family:var(--pro-mono);color:var(--pro-text);font-size:15px;font-weight:600;line-height:1}.pro-accuracy-lbl{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:9px}.pro-nav-track{background:var(--pro-bg-soft);border:1px solid var(--pro-border);border-radius:10px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-start;gap:4px;width:100%;margin-bottom:10px;padding:6px 12px;display:flex}.pro-nav-dot{border-radius:2px;width:8px;height:8px;transition:all .25s}.pro-nav-pending{background:var(--pro-border)}.pro-nav-done{background:#cbd5e1}.pro-nav-correct{background:#86efac}.pro-nav-wrong{background:#fca5a5}.pro-nav-current{background:var(--pro-accent);border-radius:2px;transform:scaleY(1.4)}.pro-question-area{flex:1;width:100%;padding-right:2px;animation:.3s both proSlideIn;overflow:hidden auto}.pro-question-area::-webkit-scrollbar{width:3px}.pro-question-area::-webkit-scrollbar-track{background:0 0}.pro-question-area::-webkit-scrollbar-thumb{background:var(--pro-border);border-radius:2px}@keyframes proSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pro-q-card{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:16px;margin-bottom:12px;padding:24px 28px;transition:box-shadow .2s;position:relative;box-shadow:0 1px 4px #0000000a,0 4px 16px #0000000a}.pro-q-card:hover{box-shadow:0 1px 4px #0000000a,0 8px 24px #00000014}.pro-q-loading{opacity:.7;pointer-events:none}.pro-q-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--pro-text-muted);background:#f8f7f4e0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.pro-q-spinner{border:2px solid var(--pro-border);border-top-color:var(--pro-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.pro-q-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.pro-q-num{font-family:var(--pro-serif);align-items:baseline;gap:2px;font-style:italic;display:flex}.pro-q-num span:first-child{color:var(--pro-text);font-size:26px;line-height:1}.pro-q-total{color:var(--pro-text-muted);font-size:13px}.pro-q-tags{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.pro-q-concept{font-family:var(--pro-font);color:var(--pro-text-sub);background:var(--pro-bg-soft);border:1px solid var(--pro-border);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:500}.pro-q-sep{color:var(--pro-border-hi);font-size:11px}.pro-q-sub{font-family:var(--pro-mono);color:var(--pro-text-muted);text-transform:capitalize;font-size:10px}.pro-q-diff{font-family:var(--pro-font);text-transform:capitalize;border-radius:5px;align-items:center;gap:5px;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:600;display:flex}.pro-val-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.pro-diff-badge-easy{color:var(--pro-easy);background:#ecfdf5}.pro-diff-badge-medium{color:var(--pro-medium);background:#fffbeb}.pro-diff-badge-hard{color:var(--pro-hard);background:#fef2f2}.pro-q-text{font-family:var(--pro-font);color:var(--pro-text);background:var(--pro-bg-soft);border-left:3px solid var(--pro-accent);border-radius:0 10px 10px 0;margin-bottom:20px;padding:16px 20px;font-size:1.05rem;font-weight:400;line-height:1.65}.pro-options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.pro-options-grid{grid-template-columns:1fr}}.pro-opt-btn{background:var(--pro-bg-card);border:1.5px solid var(--pro-border);cursor:pointer;font-family:var(--pro-font);color:var(--pro-text);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;font-size:.9rem;font-weight:400;transition:all .15s;display:flex;position:relative;overflow:hidden}.pro-opt-btn.pro-opt-idle:hover{border-color:var(--pro-accent);background:var(--pro-accent-lt)}.pro-opt-btn.pro-opt-idle:active{transform:scale(.99)}.pro-opt-btn.pro-opt-correct{background:#f0fdf4;border-color:#86efac;animation:.35s cubic-bezier(.34,1.4,.64,1) proCorrectPop}.pro-opt-btn.pro-opt-wrong{background:#fff5f5;border-color:#fca5a5}.pro-opt-btn.pro-opt-dim{opacity:.35;pointer-events:none}@keyframes proCorrectPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.pro-opt-letter{background:var(--pro-bg-soft);border:1px solid var(--pro-border);width:28px;height:28px;font-family:var(--pro-mono);color:var(--pro-text-sub);transition:var(--transition);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.pro-opt-btn.pro-opt-correct .pro-opt-letter{color:var(--pro-correct);background:#dcfce7;border-color:#86efac}.pro-opt-btn.pro-opt-wrong .pro-opt-letter{color:var(--pro-wrong);background:#fee2e2;border-color:#fca5a5}.pro-opt-btn.pro-opt-idle:hover .pro-opt-letter{background:var(--pro-accent-lt);color:var(--pro-accent);border-color:#bfdbfe}.pro-opt-text{flex:1;line-height:1.4}.pro-opt-check{color:var(--pro-correct);flex-shrink:0;font-size:14px;font-weight:700;animation:.25s iconPop}.pro-opt-cross{color:var(--pro-wrong);flex-shrink:0;font-size:14px;font-weight:700}.pro-feedback{font-family:var(--pro-font);border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:500;animation:.25s proFeedIn;display:flex}@keyframes proFeedIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pro-fb-correct{color:var(--pro-correct);background:#f0fdf4;border:1px solid #bbf7d0}.pro-fb-wrong{color:var(--pro-wrong);background:#fff5f5;border:1px solid #fecaca}.pro-fb-pts{font-family:var(--pro-mono);color:var(--pro-accent);background:var(--pro-accent-lt);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.pro-stats-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.pro-stat-card{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;display:flex}.pro-stat-val{font-family:var(--pro-mono);color:var(--pro-text);font-size:20px;font-weight:600}.pro-stat-label{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:500}.pro-milestones-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.pro-milestones-label{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:10px;font-weight:500}.pro-milestones-chips{flex-wrap:wrap;gap:6px;display:flex}.pro-milestone-chip{background:var(--pro-bg-soft);border:1px solid var(--pro-border);font-family:var(--pro-font);color:var(--pro-text-sub);cursor:default;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;animation:.3s chipIn;display:flex}@keyframes chipIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pro-submit-btn{background:var(--pro-text);width:100%;color:var(--pro-bg);font-family:var(--pro-font);cursor:pointer;transition:all var(--transition);letter-spacing:.1px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:flex}.pro-submit-btn:hover{background:#2d2b27;transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.pro-submit-arrow{transition:transform var(--transition);font-size:15px}.pro-submit-btn:hover .pro-submit-arrow{transform:translate(4px)}.pro-boot-screen{z-index:10;text-align:center;background:var(--pro-bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:fixed;inset:0}.pro-boot-logo{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;display:flex;position:relative}.pro-boot-spinner{border:1.5px solid var(--pro-border);border-top-color:var(--pro-accent);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.pro-boot-icon{color:var(--pro-accent);font-size:24px}.pro-boot-title{font-family:var(--pro-font);color:var(--pro-text);letter-spacing:-.5px;font-size:22px;font-weight:600}.pro-boot-sub{font-family:var(--pro-mono);color:var(--pro-text-muted);font-size:11px}.pro-boot-track{background:var(--pro-border);border-radius:1px;width:200px;height:2px;overflow:hidden}.pro-boot-fill{background:var(--pro-accent);border-radius:1px;height:100%;transition:width .5s}.pro-boot-tagline{color:var(--pro-text-muted);letter-spacing:.4px;font-size:10px;font-family:var(--pro-mono)}.pro-error-screen{background:var(--pro-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex;position:fixed;inset:0}.pro-error-icon{width:48px;height:48px;color:var(--pro-wrong);background:#fef2f2;border:1px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:20px;font-weight:700;display:flex}.pro-error-screen h3{font-family:var(--pro-font);color:var(--pro-text);font-size:18px;font-weight:600}.pro-error-screen p{color:var(--pro-text-muted);max-width:280px;font-size:13px;font-family:var(--pro-mono)}.pro-btn{background:var(--pro-text);color:var(--pro-bg);font-family:var(--pro-font);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600}.pro-btn:hover{opacity:.85}.pro-onboard-overlay{z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a191799;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pro-onboard-modal{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:16px;width:100%;max-width:480px;padding:32px;animation:.35s proModalIn;box-shadow:0 20px 60px #0000001f}@keyframes proModalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pro-onboard-step-row{gap:6px;margin-bottom:24px;display:flex}.pro-onboard-step-dot{background:var(--pro-border);border-radius:1px;flex:1;height:2px;transition:background .3s}.pro-onboard-step-dot.active{background:var(--pro-accent)}.pro-onboard-step-dot.done{background:#86efac}.pro-onboard-icon{color:var(--pro-accent);margin-bottom:12px;font-size:24px}.pro-onboard-title{font-family:var(--pro-serif);color:var(--pro-text);margin-bottom:10px;font-size:22px;font-style:italic}.pro-onboard-desc{font-family:var(--pro-font);color:var(--pro-text-sub);margin-bottom:18px;font-size:14px;line-height:1.6}.pro-onboard-items{flex-direction:column;gap:8px;margin-bottom:28px;list-style:none;display:flex}.pro-onboard-items li{font-family:var(--pro-font);color:var(--pro-text-sub);align-items:flex-start;gap:10px;font-size:13px;display:flex}.pro-onboard-items li span:first-child{color:var(--pro-accent);font-family:var(--pro-mono);flex-shrink:0}.pro-onboard-footer{justify-content:space-between;align-items:center;display:flex}.pro-onboard-count{font-family:var(--pro-mono);color:var(--pro-text-muted);font-size:11px}.pro-onboard-actions{gap:8px;display:flex}.pro-onboard-back{border:1px solid var(--pro-border);color:var(--pro-text-sub);font-family:var(--pro-font);cursor:pointer;transition:var(--transition);background:0 0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500}.pro-onboard-back:hover{background:var(--pro-bg-soft)}.pro-onboard-next{background:var(--pro-text);color:var(--pro-bg);font-family:var(--pro-font);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.pro-onboard-next:hover{opacity:.85}.pro-toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:16px;right:16px}.pro-notif-toast{background:var(--pro-bg-card);border:1px solid var(--pro-border);pointer-events:auto;border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:10px 14px;animation:.4s proToastIn;display:flex;box-shadow:0 4px 20px #0000001a}@keyframes proToastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.pro-notif-icon{flex-shrink:0;font-size:18px}.pro-notif-info{flex:1}.pro-notif-name{font-family:var(--pro-font);color:var(--pro-text);font-size:12px;font-weight:600}.pro-notif-desc{color:var(--pro-text-muted);margin-top:1px;font-size:10px}.pro-correct-flash{color:var(--pro-correct);font-family:var(--pro-font);z-index:9000;pointer-events:none;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:8px 22px;font-size:14px;font-weight:600;animation:1.2s ease-out forwards proFlash;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #16a34a26}@keyframes proFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.95)}}.pro-diff-notif{z-index:9100;background:var(--pro-bg-card);border:1px solid var(--pro-border);font-family:var(--pro-font);color:var(--pro-text-sub);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;animation:.35s slideInRight;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 20px #00000014}.pro-diff-arrow{font-size:14px}.pro-diff-up .pro-diff-arrow{color:var(--pro-hard)}.pro-diff-down .pro-diff-arrow{color:var(--pro-easy)}.pro-submit-overlay{z-index:15000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#f8f7f4f2;justify-content:center;align-items:center;padding:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}.pro-submit-overlay.visible{opacity:1}.pro-submit-modal{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:20px;width:100%;max-width:480px;padding:40px 36px;animation:.5s proModalIn;box-shadow:0 20px 60px #0000001a}.pro-submit-header{border-bottom:1px solid var(--pro-border);align-items:center;gap:20px;margin-bottom:28px;padding-bottom:24px;display:flex}.pro-submit-grade-block{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.pro-submit-grade{font-family:var(--pro-serif);color:var(--pro-text);font-size:52px;font-style:italic;line-height:1;animation:.6s gradePop}.pro-submit-grade-label{color:var(--pro-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:500}.pro-submit-divider{background:var(--pro-border);flex-shrink:0;width:1px;height:60px}.pro-submit-info{flex:1}.pro-submit-title{font-family:var(--pro-font);color:var(--pro-text);margin-bottom:4px;font-size:18px;font-weight:600}.pro-submit-sub{color:var(--pro-text-muted);font-size:13px}.pro-submit-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.pro-submit-metric{background:var(--pro-bg-soft);border:1px solid var(--pro-border);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;animation:.4s both statIn;display:flex}.pro-submit-metric-val{font-family:var(--pro-mono);color:var(--pro-accent);font-size:22px;font-weight:600}.pro-submit-metric-label{color:var(--pro-text);font-size:11px;font-weight:600}.pro-submit-metric-sub{color:var(--pro-text-muted);font-size:10px}.pro-submit-bar-track{background:var(--pro-border);border-radius:2px;height:3px;margin-bottom:16px;overflow:hidden}.pro-submit-bar-fill{background:var(--pro-accent);border-radius:2px;height:100%;animation:2.5s forwards progressFill}.pro-submit-redirect{font-family:var(--pro-mono);color:var(--pro-text-muted);text-align:center;font-size:11px;animation:1.2s ease-in-out infinite blink}.pro-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;background:#0000004d;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pro-dist-modal{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:14px;width:100%;max-width:400px;animation:.3s proModalIn;overflow:hidden;box-shadow:0 8px 32px #0000001a}.pro-dist-header{border-bottom:1px solid var(--pro-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pro-dist-title{font-family:var(--pro-font);color:var(--pro-text);font-size:14px;font-weight:600}.pro-close-btn{background:var(--pro-bg-soft);border:1px solid var(--pro-border);width:26px;height:26px;color:var(--pro-text-muted);cursor:pointer;transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.pro-close-btn:hover{background:var(--pro-border);color:var(--pro-text)}.pro-dist-body{flex-direction:column;gap:6px;max-height:50vh;padding:14px 20px;display:flex;overflow-y:auto}.pro-dist-row{background:var(--pro-bg-soft);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.pro-dist-name{font-family:var(--pro-font);color:var(--pro-text);font-size:13px}.pro-dist-count{font-family:var(--pro-mono);color:var(--pro-text-muted);font-size:12px}.pro-dist-empty{color:var(--pro-text-muted);text-align:center;padding:16px;font-size:13px}@media (width<=640px){.asm-layout{padding:0 8px 6px}.top-bar{flex-wrap:wrap;gap:6px;padding:6px 0 4px}.top-bar-right{gap:5px}.accuracy-display{display:none}.q-text{padding:12px 14px;font-size:1rem}.q-card{padding:14px 16px}.options-grid{gap:7px}.opt-btn{padding:11px 12px;font-size:.85rem}.stats-row{grid-template-columns:repeat(4,1fr);gap:5px}.sc-val{font-size:15px}.submit-stats{grid-template-columns:repeat(3,1fr)}.tour-modal{max-height:95vh}.tour-icon{font-size:40px}.tour-title{font-size:17px}.tour-desc{font-size:12px}.pro-layout{padding:0 12px 10px}.pro-top-bar{flex-wrap:wrap;gap:8px}.pro-top-right{gap:6px}.pro-accuracy{display:none}.pro-q-card{padding:16px}.pro-q-text{padding:12px 14px;font-size:.95rem}.pro-stats-row{grid-template-columns:repeat(4,1fr)}.pro-submit-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.brand-name{font-size:12px}.stat-pill{display:none}.q-num-badge{width:30px;height:30px;font-size:12px}.pro-timer-pill{display:none}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a78bfa40;border-radius:4px}.pro-root ::-webkit-scrollbar-thumb{background:var(--pro-border)}.gp-root{color:#e2e8f0;background:#050811;min-height:100vh;font-family:Rajdhani,sans-serif;position:relative;overflow-x:hidden}.crt-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(#0000,#0000 2px,#00000026 2px 4px);animation:8s linear infinite scanMove;position:fixed;inset:0}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100vh}}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffd7000a 1px,#0000 1px),linear-gradient(90deg,#ffd7000a 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite gridPan;position:fixed;inset:0}@keyframes gridPan{0%{background-position:0 0}to{background-position:40px 40px}}.bg-vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 40%,#000000d9 100%);position:fixed;inset:0}.gp-shell{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050811b3;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;flex-direction:column;max-width:1700px;height:100vh;margin:0 auto;display:flex;position:relative}.hud-bar{background:linear-gradient(90deg,#080d1e,#0d1228,#080d1e);border-bottom:2px solid gold;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex;box-shadow:0 2px 30px #ffd70026}.hud-left{align-items:center;gap:16px;display:flex}.hud-logo{filter:drop-shadow(0 0 12px #ffd70099);font-size:2.8rem;animation:3s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}.hud-main-title{color:gold;text-shadow:0 0 20px #ffd70080,2px 2px #a00;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,2vw,1.1rem)}.title-accent{color:#f36;margin-left:4px}.hud-sub{color:#e2e8f0;letter-spacing:3px;text-transform:uppercase;margin-top:4px;font-family:Orbitron,monospace;font-size:.7rem}.hud-right{gap:12px;display:flex}.hud-stat{background:#ffd7000f;border:1px solid #ffd70033;border-radius:8px;flex-direction:column;align-items:center;min-width:90px;padding:8px 16px;display:flex}.hud-stat-ico{margin-bottom:2px;font-size:1.2rem}.hud-stat-val{text-shadow:0 0 8px #ffd70099;font-family:"Press Start 2P",monospace;font-size:.9rem;color:gold!important}.hud-stat-lbl{color:#e2e8f0;letter-spacing:1px;margin-top:2px;font-family:Orbitron,monospace;font-size:.5rem}.rarity-bar{background:#0006;border-bottom:1px solid #ffffff12;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:8px 28px;display:flex}.rarity-pill{color:var(--rc,#fff);border:1px solid color-mix(in srgb, var(--rc,#fff) 40%, transparent);letter-spacing:.5px;background:color-mix(in srgb, var(--rc,#fff) 8%, transparent);border-radius:30px;padding:3px 10px;font-family:Orbitron,monospace;font-size:.58rem}.gp-content{scrollbar-width:thin;scrollbar-color:gold #0a0e1a;flex:1;padding:20px 28px;overflow-y:auto}.gp-content::-webkit-scrollbar{width:6px}.gp-content::-webkit-scrollbar-track{background:#0a0e1a}.gp-content::-webkit-scrollbar-thumb{background:gold;border-radius:3px}.realms-list{flex-direction:column;gap:16px;display:flex}.realm-block{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff12;border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.realm-block:hover,.realm-block.realm-open{border-color:#ffd70040;box-shadow:0 0 25px #ffd7000f}.realm-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:16px 20px;transition:background .2s;display:flex}.realm-header:hover{background:#ffd70008}.realm-icon-box{background:linear-gradient(135deg,#ffd70026,#ff6b3514);border:1px solid #ffd70033;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.8rem;display:flex}.realm-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.realm-meta{flex:1;min-width:0}.realm-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.realm-name{color:#fff;letter-spacing:1px;font-family:Orbitron,monospace;font-size:1rem;font-weight:700}.realm-level-badge{background:#ffffff0a;border:1px solid;border-radius:20px;padding:3px 10px;font-family:Orbitron,monospace;font-size:.58rem}.realm-sub-row{color:#e2e8f0;gap:16px;font-family:Rajdhani,sans-serif;font-size:.72rem;display:flex}.realm-xp{min-width:140px}.realm-xp-track{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.realm-xp-fill{border-radius:4px;height:100%;transition:width .6s;box-shadow:0 0 8px}.realm-xp-label{text-align:center;font-family:Orbitron,monospace;font-size:.62rem}.realm-arrow{color:#e2e8f0;flex-shrink:0;font-size:.7rem;transition:transform .3s}.realm-arrow.open{color:gold;transform:rotate(180deg)}.realm-quests-wrap{max-height:0;transition:max-height .45s cubic-bezier(.4,0,.2,1);overflow:hidden}.realm-quests-wrap.open{max-height:4000px}.realm-quests-inner{padding:0 20px 20px}.quest-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quest-card{cursor:pointer;isolation:isolate;--rc:gold;background:linear-gradient(160deg,#0d1228,#080c1a);border:1px solid #ffffff12;border-radius:16px;padding:16px;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s;position:relative;overflow:hidden}.card-accent{background:var(--rc);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.quest-card:hover .card-accent{transform:scaleX(1)}.corner{border-color:var(--rc);opacity:0;border-style:solid;width:10px;height:10px;transition:opacity .25s;position:absolute}.corner.tl{border-width:2px 0 0 2px;top:4px;left:4px}.corner.tr{border-width:2px 2px 0 0;top:4px;right:4px}.corner.bl{border-width:0 0 2px 2px;bottom:4px;left:4px}.corner.br{border-width:0 2px 2px 0;bottom:4px;right:4px}.quest-card:hover .corner{opacity:1}.card-glow{background:radial-gradient(circle at 50% 0%, var(--rc) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.quest-card:hover .card-glow{opacity:.06}.quest-card:hover{border-color:color-mix(in srgb, var(--rc) 50%, transparent);transform:translateY(-6px)scale(1.02)}.quest-card.urgent{background:linear-gradient(160deg,#1a0816,#080c1a);border-color:#ff336659;animation:2s ease-in-out infinite urgentPulse}@keyframes urgentPulse{0%,to{box-shadow:0 0 #f366}50%{box-shadow:0 0 0 6px #f360}}.quest-card.selected{border-color:var(--rc);box-shadow:0 0 0 2px color-mix(in srgb, var(--rc) 30%, transparent)}.quest-card.rarity-legendary{--rc:gold}.quest-card.rarity-epic{--rc:#a855f7}.quest-card.rarity-rare{--rc:#3b82f6}.quest-card.rarity-uncommon{--rc:#10b981}.quest-card.rarity-common{--rc:#6b7280}.qcard-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.qcard-icon{background:color-mix(in srgb, var(--rc) 15%, transparent);border:1px solid color-mix(in srgb, var(--rc) 25%, transparent);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex}.qcard-rarity{border:1px solid;border-radius:20px;padding:3px 8px;font-family:Orbitron,monospace;font-size:.52rem}.qcard-title{color:#fff;align-items:center;gap:6px;margin-bottom:10px;font-family:Orbitron,monospace;font-size:.88rem;font-weight:700;display:flex}.flame-icon{animation:.4s ease-in-out infinite alternate flameBounce}@keyframes flameBounce{0%{transform:scale(1)}to{transform:scale(1.3)rotate(10deg)}}.qcard-stats{background:#00000059;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 10px;display:flex}.qstat{text-align:center;flex:1}.qstat-val{font-family:Orbitron,monospace;font-size:.88rem;font-weight:700;color:#fff!important}.qstat-lbl{color:#e2e8f0;text-transform:uppercase;font-size:.55rem}.qstat-sep{background:#ffffff14;width:1px;height:28px}.qcard-prog{margin-bottom:12px}.prog-labels{color:#e2e8f0;justify-content:space-between;margin-bottom:5px;font-size:.6rem;display:flex}.prog-track{background:#ffffff26;border-radius:3px;height:6px;position:relative;overflow:hidden}.prog-fill{border-radius:3px;height:100%;transition:width .5s}.prog-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s linear infinite shimmer;position:absolute;top:0;bottom:0;left:0}.qcard-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.qcard-time{color:#e2e8f0;font-family:Orbitron,monospace;font-size:.58rem}.qcard-btn{color:#0d1228;cursor:pointer;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;padding:7px 12px;font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;transition:transform .15s}.qcard-btn:hover{transform:scale(1.08)}.qcard-btn.btn-emergency{color:#fff;background:linear-gradient(135deg,#f36,#ff6b35);animation:1.5s ease-in-out infinite emerPulse}@keyframes emerPulse{0%,to{box-shadow:0 0 #ff336680}50%{box-shadow:0 0 0 5px #f360}}.selected-badge{color:var(--rc);font-family:"Press Start 2P",monospace;font-size:.42rem;position:absolute;bottom:6px;right:6px}.bottom-hud{background:linear-gradient(90deg,#080d1e,#0d1228,#080d1e);border-top:2px solid #ffd70033;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:12px;padding:14px 28px;display:flex}.pixel-btn{cursor:pointer;border:none;border-radius:4px;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:.6rem;transition:transform .12s}.pixel-btn:hover{transform:translateY(-2px)}.pixel-btn:active{transform:translateY(1px)}.pixel-btn.gold{color:#0d1228;background:linear-gradient(135deg,gold,#e6a800);box-shadow:0 4px #a07800}.pixel-btn.silver{color:#fff;background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px #1a202c}.particle-origin{pointer-events:none;z-index:9998;position:fixed;transform:translate(-50%,-50%)}.burst-particle{--angle:0deg;font-size:1.2rem;animation:.8s ease-out forwards burstFly;position:absolute}@keyframes burstFly{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(.5)}80%{opacity:.8;transform:rotate(var(--angle)) translateY(-60px) scale(1.2)}to{opacity:0;transform:rotate(var(--angle)) translateY(-80px) scale(.8)}}.empty-realm{text-align:center;background:#ffffff05;border-radius:20px;padding:80px 24px}.empty-realm-skull{opacity:.5;margin-bottom:16px;font-size:4rem}.empty-realm-title{color:#f36;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:.9rem}.empty-dungeon{text-align:center;background:#ffffff05;border-radius:12px;padding:40px 20px}.loading-screen{z-index:100;background:#050811;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-inner{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.loading-logo{font-size:5rem;animation:1.5s ease-in-out infinite floatIcon}.loading-title{color:gold;font-family:"Press Start 2P",monospace;font-size:.9rem;animation:1s step-end infinite blink}.loading-bar-wrap{background:#ffffff14;border:1px solid #ffd70033;border-radius:6px;width:260px;height:12px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,gold,orange);height:100%;animation:1.2s linear infinite loadSweep}@keyframes loadSweep{0%{width:0%}50%{width:100%}to{width:0%}}.loading-dots{gap:10px;display:flex}.loading-dots span{background:gold;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite dotBounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.professional-root{color:#1a1f36;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.professional-shell{background:#fff;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 40px #0000000d}.professional-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-logo{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.header-titles{flex-direction:column;gap:4px;display:flex}.main-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.sub-title{color:#64748b;font-size:.85rem}.header-right{gap:16px;display:flex}.stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 20px}.stat-ico{margin-bottom:4px;font-size:1.2rem;display:block}.stat-val{font-size:1.5rem;font-weight:700;display:block;color:#eacc07!important}.stat-lbl{color:#f50707;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.professional-filter-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;gap:12px;padding:16px 32px;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.filter-btn:hover{color:#667eea;border-color:#667eea}.filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}.professional-content{flex:1;padding:24px 32px;overflow-y:auto}.professional-topics{flex-direction:column;gap:16px;display:flex}.topic-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s;overflow:hidden}.topic-section:hover{box-shadow:0 4px 12px #0000000d}.topic-header{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.topic-header:hover{background:#f8fafc}.topic-info{align-items:center;gap:16px;display:flex}.topic-icon{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:flex}.topic-details{flex-direction:column;gap:6px;display:flex}.topic-name{color:#1a1f36;font-size:1.2rem;font-weight:600}.topic-stats{color:#64748b;gap:16px;font-size:.75rem;display:flex}.topic-progress{align-items:center;gap:16px;display:flex}.progress-circle{width:48px;height:48px;position:relative}.progress-circle svg{width:48px;height:48px;transform:rotate(-90deg)}.progress-percent{color:#1a1f36;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expand-icon{color:#94a3b8;font-size:.8rem;transition:transform .3s}.expand-icon.rotated{transform:rotate(180deg)}.topic-content{max-height:0;transition:max-height .4s ease-out;overflow:hidden}.topic-content.open{max-height:2000px}.professional-grid{background:#f8fafc;border-top:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-width:1000px;margin:0 auto;padding:8px 12px 12px;display:grid}.professional-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px;transition:all .25s;position:relative}.professional-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 6px 16px #0000000f}.professional-card.selected{border-color:#667eea;box-shadow:0 3px 10px #667eea1f}.professional-card.needs-attention{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-left:3px solid #ef4444}.professional-card.mastered{border-top:3px solid #1b5e20}.professional-card.advanced{border-top:3px solid #2e7d32}.professional-card.proficient{border-top:3px solid #ed6c02}.professional-card.developing{border-top:3px solid #f57c00}.professional-card.beginner{border-top:3px solid #757575}.card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-icon{color:#667eea;font-size:1.6rem;font-weight:600}.card-badge{border-radius:20px;padding:3px 8px;font-size:.65rem;font-weight:500}.card-title{color:#1a1f36;margin-bottom:10px;font-size:.9rem;font-weight:600}.stats-row{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:8px;margin-bottom:10px;padding:8px 0;display:flex;background-color:#fff!important}.stat{text-align:center;flex:1}.stat-value{color:#1a1f36;font-size:.9rem;font-weight:700;display:block}.progress-section{margin-bottom:10px}.progress-bar{background:#e2e8f0;border-radius:3px;height:5px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}.card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.last-practiced{color:#94a3b8;font-size:.65rem}.action-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.action-btn.primary{color:#fff;background:#667eea}.action-btn.primary:hover{background:#5a67d8;transform:translateY(-1px)}.action-btn.warning{color:#fff;background:#ef4444;animation:1.5s ease-in-out infinite professionalPulse}@keyframes professionalPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.selected-indicator{color:#667eea;font-size:.65rem;font-weight:600;position:absolute;top:8px;right:8px}.professional-footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:12px;padding:20px 32px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:500;transition:all .2s}.primary-btn{color:#fff;background:#667eea;border:none}.primary-btn:hover{background:#5a67d8;transform:translateY(-1px)}.secondary-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0}.secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1}.empty-state-full{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:80px 40px}.empty-state-icon{opacity:.5;margin-bottom:20px;font-size:4rem}.empty-state-full h3{color:#1a1f36;margin-bottom:8px;font-size:1.3rem}.empty-state-full p{color:#64748b;margin-bottom:24px}.empty-state{text-align:center;color:#94a3b8;padding:40px}@media (width<=1200px){.professional-grid{grid-template-columns:repeat(2,1fr)}.quest-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.professional-grid{grid-template-columns:1fr}.quest-grid{grid-template-columns:repeat(2,1fr)}.professional-header,.professional-content,.professional-footer{padding-left:20px;padding-right:20px}}@media (width<=480px){.quest-grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--bg:#f8f9fb;--bg2:#f1f3f7;--border:#e4e7ec;--border-md:#d0d5dd;--green:#059669;--green-lt:#ecfdf5;--green-md:#a7f3d0;--green-dark:#065f46;--amber:#d97706;--amber-lt:#fffbeb;--amber-md:#fde68a;--amber-dark:#92400e;--blue:#2563eb;--blue-lt:#eff6ff;--blue-md:#bfdbfe;--red:#dc2626;--red-lt:#fef2f2;--text:#111827;--text-md:#374151;--text-lt:#6b7280;--text-xs:#9ca3af;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font:"DM Sans", sans-serif;--font-serif:"DM Serif Display", serif;--sidebar-w:280px;--transition:.2s ease}.mc-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text)}.mc-layout{min-height:100vh;display:flex}.mc-sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.mc-sidebar-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.mc-brand-icon{background:var(--green-lt);border-radius:var(--radius-sm);border:1px solid var(--green-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.mc-brand-title{font-family:var(--font-serif);color:var(--text);font-size:1.05rem;line-height:1.2}.mc-brand-sub{color:var(--text-lt);margin-top:2px;font-size:.73rem;line-height:1.3}.mc-sidebar-divider{background:var(--border);height:1px;margin:20px 0}.mc-sidebar-spacer{flex:1}.mc-stats-label{color:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:.72rem;font-weight:600}.mc-stats-group{flex-direction:column;gap:2px;display:flex}.mc-stat-row{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:10px;padding:9px 10px;display:flex}.mc-stat-row:hover{background:var(--bg)}.mc-stat-icon{text-align:center;flex-shrink:0;width:22px;font-size:1rem}.mc-stat-label{color:var(--text-md);flex:1;font-size:.82rem}.mc-stat-value{color:var(--text);font-size:.88rem;font-weight:700}.mc-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mc-progress-pct{color:var(--green);font-size:.82rem;font-weight:700}.mc-progress-bar{background:var(--bg2);border:1px solid var(--border);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.mc-progress-fill{background:linear-gradient(90deg, var(--green), #34d399);border-radius:4px;height:100%;transition:width .6s}.mc-progress-sub{color:var(--text-lt);font-size:.72rem}.mc-sidebar-actions{flex-direction:column;gap:8px;display:flex}.mc-btn-primary{background:var(--green);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.85rem;font-weight:600;display:flex;position:relative}.mc-btn-primary:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.mc-btn-primary:active{transform:translateY(0)}.mc-btn-secondary{background:var(--white);width:100%;color:var(--text-md);border:1px solid var(--border-md);border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:all var(--transition);padding:10px 18px;font-size:.85rem;font-weight:500}.mc-btn-secondary:hover{background:var(--bg);border-color:var(--text-xs)}.mc-changes-pill{background:var(--red);color:#fff;text-align:center;border-radius:20px;min-width:20px;padding:2px 7px;font-size:.68rem;font-weight:700;animation:1.5s ease-in-out infinite pillPulse}@keyframes pillPulse{0%,to{opacity:1}50%{opacity:.7}}.mc-main{flex:1;max-width:1100px;padding:32px 36px;overflow-y:auto}.mc-main-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.mc-page-title{font-family:var(--font-serif);color:var(--text);margin-bottom:6px;font-size:1.75rem}.mc-page-desc{color:var(--text-lt);max-width:500px;font-size:.88rem;line-height:1.5}.mc-expand-btn{background:var(--white);border:1px solid var(--border-md);border-radius:var(--radius-sm);font-family:var(--font);color:var(--text-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0;padding:9px 16px;font-size:.8rem;font-weight:500}.mc-expand-btn:hover{background:var(--bg2)}.mc-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.mc-section-header{margin-bottom:20px}.mc-section-title-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.mc-section-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mc-dot-green{background:var(--green)}.mc-dot-amber{background:var(--amber)}.mc-section-title{font-family:var(--font-serif);color:var(--text);font-size:1.2rem}.mc-count-badge{border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:600}.mc-count-green{background:var(--green-lt);color:var(--green-dark);border:1px solid var(--green-md)}.mc-count-amber{background:var(--amber-lt);color:var(--amber-dark);border:1px solid var(--amber-md)}.mc-section-desc{color:var(--text-lt);padding-left:20px;font-size:.83rem;line-height:1.5}.mc-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.mc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);box-shadow:var(--shadow-sm);padding:18px}.mc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mc-card--active{border-left:3px solid var(--green)}.mc-card--available{border-left:3px solid var(--amber)}.mc-card--pop{animation:.4s cardPop}@keyframes cardPop{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.mc-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.mc-card-info{flex:1}.mc-card-title{font-family:var(--font);color:var(--text);margin-bottom:8px;font-size:.95rem;font-weight:600;line-height:1.3}.mc-card-tags{flex-wrap:wrap;gap:6px;display:flex}.mc-tag{background:var(--bg2);border:1px solid var(--border);color:var(--text-lt);border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:500}.mc-tag--blue{background:var(--blue-lt);border-color:var(--blue-md);color:var(--blue)}.mc-tag--amber{background:var(--amber-lt);border-color:var(--amber-md);color:var(--amber)}.mc-action-btn{font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:7px 14px;font-size:.78rem;font-weight:600}.mc-action-btn--add{background:var(--green-lt);color:var(--green-dark);border-color:var(--green-md)}.mc-action-btn--add:hover{background:var(--green);color:#fff;border-color:var(--green)}.mc-action-btn--remove{background:var(--red-lt);color:var(--red);border-color:#fecaca}.mc-action-btn--remove:hover{background:var(--red);color:#fff;border-color:var(--red)}.mc-card-progress{margin-bottom:12px}.mc-card-prog-bar{background:var(--bg2);border:1px solid var(--border);border-radius:3px;height:5px;overflow:hidden}.mc-card-prog-fill{border-radius:3px;height:100%;transition:width .5s}.mc-fill-green{background:linear-gradient(90deg, var(--green), #34d399)}.mc-card-desc{color:var(--text-lt);border-top:1px solid var(--border);padding-top:12px;font-size:.8rem;line-height:1.5}.mc-subtopic-toggle{border:none;border-top:1px solid var(--border);width:100%;font-family:var(--font);color:var(--text-lt);cursor:pointer;transition:color var(--transition);background:0 0;justify-content:space-between;align-items:center;padding:10px 0 0;font-size:.78rem;font-weight:500;display:flex}.mc-subtopic-toggle:hover{color:var(--text)}.mc-active-count{background:var(--green-lt);color:var(--green-dark);border:1px solid var(--green-md);border-radius:20px;padding:2px 8px;font-size:.72rem}.mc-subtopics{border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:12px;animation:.25s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mc-select-all{background:var(--bg);border-bottom:1px solid var(--border);cursor:pointer;color:var(--text-md);transition:background var(--transition);align-items:center;gap:10px;padding:10px 14px;font-size:.8rem;font-weight:600;display:flex}.mc-select-all:hover{background:var(--bg2)}.mc-select-all input{accent-color:var(--green);cursor:pointer;width:15px;height:15px}.mc-subtopic-row{border-bottom:1px solid var(--border);background:var(--white);transition:background var(--transition);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.mc-subtopic-row:last-child{border-bottom:none}.mc-subtopic-row:hover{background:var(--bg)}.mc-subtopic-row--active{background:var(--green-lt)}.mc-subtopic-row--active:hover{background:#d1fae5}.mc-subtopic-left{flex:1;align-items:center;gap:10px;display:flex}.mc-subtopic-left input{accent-color:var(--green);cursor:pointer;flex-shrink:0;width:15px;height:15px}.mc-subtopic-name{color:var(--text-md);font-size:.83rem;font-weight:400}.mc-subtopic-right{align-items:center;gap:8px;display:flex}.mc-mastery-badge{border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.mc-attempts{color:var(--text-xs);font-size:.7rem}.mc-empty-state{text-align:center;border:2px dashed var(--border-md);border-radius:var(--radius-md);background:var(--bg);padding:48px 24px}.mc-empty-icon{opacity:.5;margin-bottom:12px;font-size:2.8rem}.mc-empty-title{font-family:var(--font-serif);color:var(--text);margin-bottom:6px;font-size:1.1rem}.mc-empty-desc{color:var(--text-lt);font-size:.83rem}.mc-toast{z-index:9000;box-shadow:var(--shadow-md);border-radius:40px;align-items:center;gap:10px;max-width:360px;padding:12px 18px;font-size:.83rem;font-weight:500;animation:.3s toastIn;display:flex;position:fixed;top:20px;right:20px}.mc-toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mc-toast--success{color:var(--green-dark);border:1px solid var(--green-md);background:#ecfdf5}.mc-toast--success .mc-toast-dot{background:var(--green)}.mc-toast--error{background:var(--red-lt);color:var(--red);border:1px solid #fecaca}.mc-toast--error .mc-toast-dot{background:var(--red)}.mc-toast--info{background:var(--blue-lt);color:var(--blue);border:1px solid var(--blue-md)}.mc-toast--info .mc-toast-dot{background:var(--blue)}.mc-toast--warning{background:var(--amber-lt);color:var(--amber-dark);border:1px solid var(--amber-md)}.mc-toast--warning .mc-toast-dot{background:var(--amber)}.mc-toast--loading{background:var(--bg2);color:var(--text-md);border:1px solid var(--border-md)}.mc-toast--loading .mc-toast-dot{background:var(--text-xs);animation:1s infinite pillPulse}.mc-banner{background:var(--green-lt);border:1px solid var(--green-md);color:var(--green-dark);z-index:8000;box-shadow:var(--shadow-md);border-radius:30px;padding:9px 22px;font-size:.82rem;font-weight:500;animation:.3s toastIn;position:fixed;top:70px;left:50%;transform:translate(-50%)}.mc-loading-screen{background:var(--bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mc-loading-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:16px;padding:40px 56px;display:flex}.mc-loading-spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.mc-loading-text{color:var(--text-lt);font-size:.88rem;font-weight:400}.mc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1118274d;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mc-modal{background:var(--white);border-radius:var(--radius-xl);width:520px;max-width:94vw;max-height:86vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;overflow:hidden}.mc-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 18px;display:flex}.mc-modal-title{font-family:var(--font-serif);color:var(--text);margin-bottom:4px;font-size:1.2rem}.mc-modal-subtitle{color:var(--text-lt);font-size:.82rem}.mc-modal-close{background:var(--bg2);border:1px solid var(--border);width:30px;height:30px;color:var(--text-lt);cursor:pointer;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.mc-modal-close:hover{background:var(--red-lt);color:var(--red);border-color:#fecaca}.mc-modal-info-bar{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-lt);justify-content:space-between;align-items:center;padding:10px 24px;font-size:.78rem;display:flex}.mc-modal-count{color:var(--green);font-size:.78rem;font-weight:600}.mc-modal-body{scrollbar-width:thin;scrollbar-color:var(--border-md) var(--bg);flex:1;padding:16px 24px;overflow-y:auto}.mc-modal-select-all{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-md);transition:background var(--transition);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.mc-modal-select-all:hover{background:var(--bg2)}.mc-modal-select-all input{accent-color:var(--green);cursor:pointer;width:15px;height:15px}.mc-modal-list{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mc-modal-item{border-bottom:1px solid var(--border);cursor:pointer;color:var(--text-md);background:var(--white);transition:background var(--transition);align-items:center;gap:12px;padding:11px 14px;font-size:.83rem;display:flex}.mc-modal-item:last-child{border-bottom:none}.mc-modal-item:hover{background:var(--bg)}.mc-modal-item--selected{background:var(--green-lt)}.mc-modal-item--selected:hover{background:#d1fae5}.mc-modal-item input{accent-color:var(--green);cursor:pointer;flex-shrink:0;width:15px;height:15px}.mc-modal-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.mc-modal-footer .mc-btn-secondary,.mc-modal-footer .mc-btn-primary{width:auto;padding:10px 20px}@media (width<=900px){.mc-layout{flex-direction:column}.mc-sidebar{width:100%;height:auto;min-height:unset;border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:12px;padding:16px 20px;position:static}.mc-sidebar-brand{flex:200px}.mc-stats-group,.mc-progress-group,.mc-sidebar-divider,.mc-sidebar-spacer{display:none}.mc-sidebar-actions{flex-direction:row;width:100%}.mc-main{padding:20px 16px}.mc-cards-grid{grid-template-columns:1fr}.mc-main-header{flex-direction:column}}@media (width<=600px){.mc-main{padding:16px 12px}.mc-section{padding:16px}.mc-modal-footer{flex-direction:column}.mc-modal-footer .mc-btn-primary,.mc-modal-footer .mc-btn-secondary{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.profile-container{max-width:800px;margin:40px auto;padding:0 20px}.save-message{color:#fff;z-index:1000;background:#10b981;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;animation:.3s slideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000001a}.profile-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.profile-header{border-bottom:1px solid #eaeef2;padding:32px 32px 0}.profile-header h1{color:#1a1f36;margin-bottom:6px;font-size:24px;font-weight:600}.profile-header p{color:#6b7280;margin-bottom:24px;font-size:14px}.avatar-section{background:#fafbfc;border-bottom:1px solid #eaeef2;justify-content:center;padding:32px;display:flex}.avatar-wrapper{text-align:center;cursor:pointer}.avatar-large{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;font-size:64px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000001a}.avatar-large:hover{transform:scale(1.05)}.change-avatar-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.change-avatar-btn:hover{background:#f3f4f6;border-color:#9ca3af}.avatar-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-modal-content{background:#fff;border-radius:20px;width:90%;max-width:500px;padding:24px}.avatar-modal-header{border-bottom:1px solid #eaeef2;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.avatar-modal-header h3{color:#1a1f36;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:4px;font-size:20px}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:16px;max-height:400px;padding:8px;display:grid;overflow-y:auto}.avatar-option{aspect-ratio:1;cursor:pointer;background:#f3f4f6;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:32px;transition:all .2s;display:flex}.avatar-option:hover{background:#e5e7eb;transform:scale(1.05)}.avatar-option.selected{background:#eef2ff;border-color:#667eea}.stats-row{background:#fff;border-bottom:1px solid #eaeef2;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;display:grid}.stat-item{text-align:center}.stat-value{color:#1a1f36;margin-bottom:4px;font-size:24px;font-weight:700;display:block}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.profile-info{padding:32px}.info-row{border-bottom:1px solid #f0f2f5;padding:14px 0;display:flex}.info-label{color:#6b7280;width:120px;font-size:14px;font-weight:500}.info-value{color:#1a1f36;flex:1;font-size:14px;font-weight:500}.edit-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;width:100%;margin-top:24px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.edit-btn:hover{color:#1f2937;background:#e5e7eb}.form-group{margin-bottom:20px}.form-group label{color:#4b5563;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-actions{gap:12px;margin-top:24px;display:flex}.cancel-btn,.save-btn,.password-btn{cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn{color:#6b7280;background:#f3f4f6;border:none}.cancel-btn:hover{background:#e5e7eb}.save-btn,.password-btn{color:#fff;background:#667eea;border:none}.save-btn:hover,.password-btn:hover{background:#5a67d8}.password-section{background:#fafbfc;border-top:1px solid #eaeef2;padding:32px}.password-section h3{color:#1a1f36;margin-bottom:20px;font-size:18px;font-weight:600}.password-btn{width:100%;margin-top:8px}@media (width<=600px){.profile-container{margin:20px auto}.profile-header{padding:24px 24px 0}.avatar-section{padding:24px}.avatar-large{width:100px;height:100px;font-size:52px}.stats-row{gap:12px;padding:20px 24px}.stat-value{font-size:20px}.profile-info,.password-section{padding:24px}.info-row{flex-direction:column;gap:4px}.info-label{width:100%}.form-row{grid-template-columns:1fr;gap:0}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.student-results{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:100px 20px 50px}.results-container{background:#fff;border-radius:20px;max-width:900px;margin:0 auto;padding:40px;animation:.5s slideUp;box-shadow:0 20px 40px #0000001a}.header{text-align:center;margin-bottom:40px}.header h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.date-text{color:#6b7280;font-size:.9rem}.score-overview{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.score-card{text-align:center;background:linear-gradient(135deg,#f8f9ff 0%,#fff 100%);border:2px solid #667eea1a;border-radius:15px;padding:25px;transition:transform .3s;box-shadow:0 5px 15px #667eea1a}.score-card:hover{transform:translateY(-5px)}.score-card .icon{margin-bottom:10px;font-size:2.5rem}.score-card .value{color:#667eea;margin-bottom:5px;font-size:2rem;font-weight:700}.score-card .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.badges-section{background:linear-gradient(135deg,#fff9f2 0%,#fff 100%);border:2px solid gold;border-radius:15px;margin-bottom:30px;padding:25px}.badges-section h3{text-align:center;color:#333;margin-bottom:20px}.badges-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.badge-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px 15px;transition:all .3s}.badge-card.earned{background:linear-gradient(135deg,#fff9e6,#fff);border-color:gold;box-shadow:0 5px 15px #ffd7004d}.badge-card:hover{transform:translateY(-5px)}.badge-icon{margin-bottom:10px;font-size:2.5rem}.badge-name{color:#333;font-size:.9rem;font-weight:600}.performance-summary{background:linear-gradient(135deg,#f0f4ff 0%,#fff 100%);border-left:5px solid #667eea;border-radius:15px;margin-bottom:30px;padding:25px}.performance-summary h3{color:#333;margin-bottom:15px}.grade-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-left:8px;padding:5px 12px;font-weight:700;display:inline-block}.additional-stats{margin-top:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.stat-mini-card{text-align:center;background:#f8f9fa;border-radius:12px;padding:15px}.stat-value{color:#667eea;font-size:1.5rem;font-weight:700}.stat-label{color:#6c757d;font-size:.8rem}.rank-card{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:15px}.rank-value{font-size:1.3rem;font-weight:700}.rank-label{opacity:.9;font-size:.8rem}.mastery-impact{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:15px}.impact-item{margin:8px 0;font-size:.9rem}.impact-concept{color:#333;font-weight:600}.impact-change{margin:0 8px;font-weight:700}.impact-change.positive{color:#28a745}.impact-change.negative{color:#dc3545}.impact-total{color:#6c757d}.action-buttons{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px;display:grid}.action-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea4d}.btn-secondary{color:#667eea;background:#fff;border:2px solid #667eea}.action-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary:hover{color:#fff;background:#667eea}.concept-performance{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0000001a}.concept-performance h3{color:#333;margin-bottom:20px}.concept-list{flex-direction:column;gap:15px;display:flex}.concept-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.concept-item:last-child{border-bottom:none}.concept-info{flex:1}.concept-stats{color:#6c757d;margin-top:4px;font-size:.8rem}.progress-bar{background:#f0f0f0;border-radius:4px;width:200px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s}.badge-popup-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.badge-popup-content{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;max-width:400px;padding:40px;animation:.5s cubic-bezier(.4,0,.2,1) scaleIn}.loader-orb{width:80px;height:80px;margin:0 auto 20px;position:relative}.orb-ring{border:3px solid #0000;border-radius:50%;position:absolute}.r1{border-top-color:#667eea;width:80px;height:80px;animation:1s linear infinite spin}.r2{border-right-color:#764ba2;width:60px;height:60px;animation:.8s linear infinite reverse spin;top:10px;left:10px}.r3{border-bottom-color:gold;width:40px;height:40px;animation:.6s linear infinite spin;top:20px;left:20px}.orb-icon{font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.confetti-piece{z-index:9999;pointer-events:none;border-radius:2px;width:10px;height:10px;animation:3s linear forwards confettiFall;position:fixed;top:-10px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.results-container{padding:20px}.score-overview{grid-template-columns:1fr;gap:15px}.action-buttons{grid-template-columns:1fr}.concept-item{flex-direction:column;align-items:flex-start;gap:10px}.progress-bar{width:100%}.badge-popup-content{margin:20px;padding:30px}.badge-popup-icon{font-size:3rem}.badge-popup-title{font-size:1.3rem}}.error-icon{margin-bottom:15px;font-size:3rem}.badge-popup{z-index:10000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}.badge-popup-content{text-align:center;color:#fff;cursor:default;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;max-width:400px;padding:40px;animation:.5s cubic-bezier(.4,0,.2,1) scaleIn}.badge-popup-icon{margin-bottom:20px;font-size:4rem;animation:.5s bounce}.badge-popup-title{margin-bottom:10px;font-size:1.8rem}.badge-popup-name{margin-bottom:10px;font-size:1.3rem;font-weight:700}.badge-popup-desc{opacity:.9;margin-bottom:20px;font-size:.9rem}.badge-popup-close{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:25px;padding:12px 30px;font-weight:700;transition:all .3s}.badge-popup-close:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}