:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #ec4899;--accent: #8b5cf6;--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--text: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--border: rgba(255, 255, 255, .1);--glass: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-size:.875rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.input-field{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:.5rem;color:var(--text);transition:all .2s;font-size:1rem}.input-field:focus{outline:none;border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 2px #4f46e533}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.animate-fade-in{animation:fadeIn .5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}.navbar-inner{display:flex;justify-content:space-between;align-items:center}.navbar-links{display:flex;align-items:center;gap:2rem}.navbar-user-pill{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:.4rem 1rem;border-radius:2rem;border:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem}.quiz-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.quiz-progress-label{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:600}.auth-name-row{display:flex;gap:1rem;margin-bottom:1.25rem}.leaderboard-table th,.leaderboard-table td{padding:1.25rem 1.5rem}@media(max-width:1024px){.stats-grid,.levels-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 1rem}.navbar-links{gap:1rem}.navbar-user-pill .navbar-username{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem}.levels-grid{grid-template-columns:1fr 1fr;gap:1rem}.dashboard-header h1{font-size:1.75rem}.auth-name-row{flex-direction:column}.leaderboard-col-level,.leaderboard-col-balance{display:none}.leaderboard-table th,.leaderboard-table td{padding:1rem}.quiz-topbar{flex-wrap:wrap;gap:.75rem}}@media(max-width:480px){body{font-size:15px}.navbar-inner{gap:.75rem}.navbar-logo-text{font-size:1.1rem!important}.navbar-links{gap:.5rem}.navbar-link-text{display:none}.navbar-user-pill{padding:.35rem .65rem;gap:.4rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.stat-card-value{font-size:1.1rem!important}.stat-card-label{font-size:.75rem!important}.levels-grid{grid-template-columns:1fr;gap:1rem}.dashboard-header h1{font-size:1.4rem}.section-title{font-size:1.3rem!important}.quiz-topbar{flex-direction:column;align-items:flex-start;gap:.75rem}.quiz-question-text{font-size:1.1rem!important}.quiz-option{padding:1rem!important;font-size:.9rem!important}.rest-card{padding:2rem 1.25rem!important}.rest-time-display{font-size:1.5rem!important}.auth-card{padding:1.75rem 1.25rem!important}.auth-name-row{flex-direction:column;gap:0}.leaderboard-col-level,.leaderboard-col-balance,.leaderboard-col-correct{display:none}.leaderboard-header h1{font-size:2rem!important}.leaderboard-table th,.leaderboard-table td{padding:.75rem}}.home-wrapper{background:radial-gradient(circle at top right,rgba(79,70,229,.05),transparent 400px),radial-gradient(circle at bottom left,rgba(236,72,153,.05),transparent 400px)}.hero-v2{padding:8rem 0 6rem;position:relative}.hero-container-v2{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.badge-premium{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#ffffff08;border:1px solid var(--border);border-radius:100px;font-size:.9rem;font-weight:700;color:var(--primary);margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.hero-h1{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:2rem;letter-spacing:-2px}.text-gradient-v2{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-p{font-size:1.35rem;color:var(--text-muted);line-height:1.7;margin-bottom:3rem;max-width:580px}.hero-cta-group{display:flex;gap:1.5rem;align-items:center}.btn-main{background:var(--primary);color:#fff;padding:1.1rem 2.5rem;border-radius:16px;font-weight:800;font-size:1.15rem;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-main:hover{box-shadow:0 10px 25px #4f46e566;transform:translateY(-4px)}.btn-outline-v2{border:2px solid var(--border);color:var(--text);padding:1rem 2.5rem;border-radius:16px;font-weight:700;font-size:1.15rem;text-decoration:none;transition:all .3s ease}.btn-outline-v2:hover{background:#ffffff0d;border-color:var(--text)}.hero-visual-v2{position:relative}.hero-img-wrap{position:relative;z-index:1}.hero-main-img{width:100%;height:auto;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border)}.floating-card-v2{position:absolute;background:#0f172ad9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border);padding:1.25rem;border-radius:1.5rem;display:flex;align-items:center;gap:1rem;z-index:2;box-shadow:0 15px 30px #0000004d;animation:float-v2 6s ease-in-out infinite}.fc-1{top:10%;right:-5%}.fc-2{bottom:10%;left:-5%;animation-delay:-3s}@keyframes float-v2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-card-v2 small{font-size:.75rem;color:var(--text-muted);display:block;font-weight:600}.floating-card-v2 strong{font-size:1.35rem;font-weight:800}.stats-strip{padding:4rem 0;margin-top:-3rem;position:relative;z-index:3}.stats-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}.stat-mini-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-mini-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #4f46e533}.stat-mini-card h3{font-size:2.25rem;font-weight:800;margin:0;line-height:1}.stat-mini-card span{font-size:.85rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px}.stat-icon-v2{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center}.icon-purple{background:#4f46e51a;color:#818cf8}.icon-blue{background:#3b82f61a;color:#60a5fa}.icon-green{background:#10b9811a;color:#34d399}.icon-orange{background:#f59e0b1a;color:#fbbf24}.icon-pink{background:#ec48991a;color:#f472b6}.stat-data h3{font-size:2.25rem;margin:0;font-weight:800;line-height:1}.stat-data span{font-size:.9rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px}.stat-sep{height:60px;width:1px;background:var(--border)}.how-it-works{padding:8rem 0}.section-title-v2{text-align:center;margin-bottom:5rem}.subtitle-v2{font-size:.9rem;font-weight:800;text-transform:uppercase;color:var(--primary);letter-spacing:2px;margin-bottom:1rem;display:block}.section-title-v2 h2{font-size:3rem;margin-bottom:1.5rem}.section-title-v2 p{color:var(--text-muted);font-size:1.25rem;max-width:600px;margin:0 auto}.steps-visual-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}.steps-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.step-card-v2{padding:2.5rem 2rem;position:relative;transition:all .3s ease}.step-card-v2:hover{transform:translateY(-10px);background:#ffffff08}.step-number{position:absolute;top:1rem;right:1.25rem;font-size:2.5rem;font-weight:900;color:#ffffff08;line-height:1}.step-icon-v2{width:52px;height:52px;background:var(--primary);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 16px #4f46e54d}.step-card-v2 h3{font-size:1.25rem;margin-bottom:1rem}.step-card-v2 p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.side-visual-v2{padding:0;display:flex;align-items:center;justify-content:center;height:100%}.side-img{width:100%;height:100%;object-fit:contain;border-radius:20px}.levels-section-v2{padding:10rem 0;position:relative;overflow:hidden;background:#0f172a}.levels-flex{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:5}.levels-info{background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:30px;border:1px solid rgba(255,255,255,.05)}.levels-info h2{font-size:3rem;margin-bottom:2rem;text-shadow:0 4px 12px rgba(0,0,0,.8)}.levels-info p{font-size:1.25rem;color:#e2e8f0;line-height:1.7;margin-bottom:2.5rem;text-shadow:0 2px 8px rgba(0,0,0,.8);font-weight:500}.levels-list-v2{list-style:none;margin-bottom:3rem}.levels-list-v2 li{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;font-weight:700;font-size:1.15rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8)}.levels-visual-v2{position:relative}.levels-cards-stack{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:2}.level-mini-card{padding:2rem;transition:all .3s ease;background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.level-mini-card:hover{transform:scale(1.02);background:#1e293bcc;border-color:var(--primary)}.lmc-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.lmc-header h4{font-size:1.35rem;margin:0;font-weight:700}.level-mini-card p{font-size:1.05rem;color:var(--text-muted);margin:0}.infinite-badge{display:flex;align-items:center;gap:1.25rem;justify-content:center;background:#4f46e51a!important;border:1px dashed var(--primary)!important;color:var(--primary);font-weight:700}.levels-bg-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.levels-bg-visual:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0f172a 10%,#0f172a26,#0f172a 90%);z-index:2}.levels-img-v2{width:100%;height:100%;object-fit:cover;filter:brightness(.8) contrast(1.1)}.trust-section{padding:6rem 0}.trust-card{padding:4rem;text-align:center}.trust-content{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.trust-content h2{font-size:2.5rem;margin:0}.trust-content p{font-size:1.35rem;color:var(--text-muted);margin:0}.final-cta{padding-bottom:6rem}.cta-box-v2{padding:5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:40px}.cta-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:brightness(.7) contrast(1.1)}.cta-box-v2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a99,#0f172a00);z-index:1}.cta-btn-wrap{position:relative;z-index:2}.cta-text{position:relative;z-index:2;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem 3.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);max-width:800px}.cta-text h2{font-size:2.8rem;margin-bottom:1rem;letter-spacing:-1px;text-shadow:0 4px 15px rgba(0,0,0,.9);color:#fff}.cta-text p{font-size:1.2rem;color:#e2e8f0;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.9)}.btn-xl{padding:1.1rem 3rem;font-size:1.2rem}.btn-white-v2{background:var(--text);color:var(--background)}.btn-white-v2:hover{background:#fff;box-shadow:0 15px 35px #fff3}.fighter-showcase{padding:6rem 0;position:relative;z-index:5}.fighter-preview-card{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;padding:4rem;align-items:center;overflow:visible;border:1px solid rgba(56,189,248,.2);border-radius:40px;background:linear-gradient(135deg,#0f172acc,#1e293b66);box-shadow:0 40px 100px -20px #000000b3}.fighter-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:100px;font-size:.85rem;font-weight:700;color:var(--fighter-accent, #38bdf8);margin-bottom:1.5rem}.fighter-showcase-content h2{font-size:3rem;margin-bottom:1.5rem;line-height:1.2}.fighter-showcase-content p{font-size:1.2rem;color:var(--text-muted);line-height:1.7;margin-bottom:2.5rem;max-width:500px}.fighter-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:3rem}.f-feature{display:flex;align-items:center;gap:.75rem;background:#ffffff08;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.f-feature span{font-size:.95rem;font-weight:600;color:#fffc}.fighter-visual-preview{position:relative;display:flex;justify-content:center;align-items:center}.fighter-preview-img{width:100%;max-width:350px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));animation:slow-float 5s ease-in-out infinite}.stat-floater{position:absolute;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.6rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:800;box-shadow:0 10px 20px #0000004d;z-index:2}.sf-1{top:20%;right:-10%;animation:float-stat 4s ease-in-out infinite}.sf-2{bottom:20%;left:-10%;animation:float-stat 4.5s ease-in-out infinite alternate}@keyframes slow-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes float-stat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:992px){.fighter-preview-card{grid-template-columns:1fr;padding:3rem 2rem;text-align:center;gap:3rem}.fighter-showcase-content p{margin-left:auto;margin-right:auto}.fighter-features-grid{justify-content:center}.fighter-visual-preview{max-width:300px;margin:0 auto}.sf-1{right:-5%}.sf-2{left:-5%}}@media(max-width:768px){.fighter-features-grid{grid-template-columns:1fr}}.container{padding:0 2rem}.hero-h1{font-size:3.5rem}.hero-container-v2{gap:3rem}.cta-box-v2{padding:4rem}@media(max-width:992px){.hero-v2{padding:6rem 0 4rem}.hero-container-v2{grid-template-columns:1fr;text-align:center;gap:4rem}.badge-premium{margin-bottom:1.5rem}.hero-h1{font-size:3rem;margin-bottom:2rem}.hero-p{margin-left:auto;margin-right:auto;font-size:1.2rem;margin-bottom:2.5rem}.hero-cta-group{justify-content:center}.hero-visual-v2{max-width:500px;margin:3rem auto 0}.fc-1{right:-2%}.fc-2{left:-2%}.stats-strip{margin-top:-2rem;padding-bottom:4rem}.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.steps-visual-layout{grid-template-columns:1fr;gap:3rem}.side-visual-v2{display:none}.steps-grid-v2{grid-template-columns:repeat(2,1fr)}.levels-section-v2{padding:6rem 0}.levels-flex{grid-template-columns:1fr;gap:3rem}.levels-info{padding:2.5rem}.levels-info h2{font-size:2.5rem}.levels-visual-v2{max-width:600px;margin:0 auto;width:100%}.cta-box-v2{grid-template-columns:1fr;text-align:center;padding:4rem 2rem;display:flex}.cta-text{padding:2rem}.cta-btn-wrap{justify-content:center;display:flex}}@media(max-width:768px){.hero-h1{font-size:2.5rem}.steps-grid-v2{grid-template-columns:1fr}.stat-mini-card h3{font-size:1.85rem}}@media(max-width:640px){.hero-v2{padding:4rem 0 3rem}.hero-h1{font-size:2.25rem;letter-spacing:-1px}.hero-p{font-size:1.05rem;line-height:1.6}.hero-cta-group{flex-direction:column;width:100%;gap:1rem}.btn-main,.btn-outline-v2{width:100%;justify-content:center;padding:1rem;font-size:1rem}.hero-visual-v2{margin-top:2.5rem}.floating-card-v2{padding:.8rem;border-radius:12px}.floating-card-v2 strong{font-size:1.1rem}.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.stat-mini-card{padding:1.5rem 1rem}.stat-mini-card h3{font-size:1.75rem}.stat-icon-v2{width:48px;height:48px;border-radius:14px}.stat-icon-v2 svg{width:20px;height:20px}.section-title-v2 h2{font-size:2.25rem}.section-title-v2 p{font-size:1rem}.levels-info h2{font-size:2rem}.levels-info p{font-size:1.1rem}.levels-list-v2 li{font-size:1rem}.trust-card{padding:2rem 1.5rem}.trust-content h2{font-size:1.75rem}.trust-content p{font-size:1.1rem}.cta-text h2{font-size:2rem}.cta-text p{font-size:1rem}}.featured-stats-bar{display:flex;justify-content:center;gap:3rem;padding:2rem 0;margin-top:-2rem;position:relative;z-index:4}.f-stat-item{display:flex;align-items:center;gap:.75rem;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 1.5rem;border-radius:100px;border:1px solid rgba(255,255,255,.05);font-weight:800;color:var(--primary);box-shadow:0 4px 15px #0003;transition:all .3s ease}.f-stat-item:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 8px 25px #4f46e533}.hero-platform{position:absolute;bottom:-10px;width:280px;height:40px;background:radial-gradient(ellipse at center,rgba(56,189,248,.3) 0%,transparent 70%);border-radius:50%;z-index:-1;transform:rotateX(60deg)}.featured-char-anim{animation:hero-float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(56,189,248,.2))}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.sf-3{top:50%;right:-15%;animation:float-stat 3.5s ease-in-out infinite alternate}@media(max-width:768px){.featured-stats-bar{flex-direction:column;align-items:center;gap:1rem;margin-top:0}.sf-3{right:-5%}}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(79,70,229,.15),transparent 600px),radial-gradient(circle at bottom left,rgba(236,72,153,.15),transparent 600px),#0f172a}.auth-page-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/math_pattern.svg);background-size:800px;opacity:.12;pointer-events:none;z-index:0}.auth-card-v2{width:100%;max-width:480px;padding:3rem;border-radius:2rem;background:#1e293bb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:1}.auth-header-v2{text-align:center;margin-bottom:2.5rem}.auth-icon-wrap{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 20px #0003;transition:transform .3s ease}.auth-card-v2:hover .auth-icon-wrap{transform:scale(1.1) rotate(5deg)}.input-group-v2{margin-bottom:1.5rem}.input-label-v2{display:block;font-size:.9rem;font-weight:700;color:var(--text-muted);margin-bottom:.5rem;margin-left:.5rem;transition:color .3s ease}.input-wrapper-v2{position:relative;display:flex;align-items:center}.input-icon-v2{position:absolute;left:1.25rem;color:var(--text-muted);pointer-events:none;transition:color .3s ease}.input-v2{width:100%;padding:1rem 1rem 1rem 3.25rem;background:#0f172a80;border:2px solid rgba(255,255,255,.05);border-radius:16px;color:#fff;font-size:1rem;transition:all .3s ease}.input-v2:focus{outline:none;border-color:var(--primary);background:#0f172acc;box-shadow:0 0 0 4px #4f46e526}.input-v2:focus+.input-icon-v2{color:var(--primary)}.input-v2:focus~.input-label-v2{color:var(--primary)}.btn-auth-v2{width:100%;padding:1.1rem;border-radius:16px;font-size:1.1rem;font-weight:800;margin-top:1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-auth-v2:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.auth-footer-v2{margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.95rem}.auth-link-v2{color:var(--primary);text-decoration:none;font-weight:700;transition:all .3s ease}.auth-link-v2:hover{text-decoration:underline;filter:brightness(1.2)}.error-box-v2{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;animation:shake .5s ease}@media(max-width:480px){.auth-card-v2{padding:2rem 1.5rem}}.dashboard-page-wrap{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 55% 35% at 8% 5%,rgba(99,102,241,.12) 0%,transparent 70%),radial-gradient(ellipse 45% 30% at 92% 95%,rgba(139,92,246,.12) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 50% 50%,rgba(6,182,212,.05) 0%,transparent 65%)}.db-math-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.db-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.db-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none}.db-corner{position:absolute;width:40px;height:40px;opacity:.35}.db-corner--tl{top:16px;left:16px;border-top:2px solid #6366f1;border-left:2px solid #6366f1}.db-corner--tr{top:16px;right:16px;border-top:2px solid #8b5cf6;border-right:2px solid #8b5cf6}.db-corner--bl{bottom:16px;left:16px;border-bottom:2px solid #06b6d4;border-left:2px solid #06b6d4}.db-corner--br{bottom:16px;right:16px;border-bottom:2px solid #ec4899;border-right:2px solid #ec4899}.db-math-particle{position:absolute;font-family:Inter,Courier New,monospace;font-weight:800;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 0 18px currentColor;will-change:transform}.g-player-hud{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border-radius:20px;border:1px solid rgba(99,102,241,.3);margin-bottom:1.75rem;background:#0f112ab3;box-shadow:0 0 40px #6366f114,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.g-player-hud:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.06) 0%,transparent 60%);pointer-events:none}.g-player-avatar{flex-shrink:0}.g-avatar-hex{width:62px;height:62px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #6366f180,inset 0 1px #fff3;position:relative}.g-avatar-hex:after{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);z-index:-1;opacity:.5;animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.g-player-info{flex:1;min-width:0}.g-player-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.g-player-tag{font-size:.68rem;font-weight:800;letter-spacing:2px;color:#6366f1;text-transform:uppercase}.g-online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:blink 1.8s ease-in-out infinite}.g-online-txt{font-size:.65rem;font-weight:700;color:#22c55e;letter-spacing:1.5px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.g-player-name{font-size:1.6rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin-bottom:.2rem}.g-player-surname{color:var(--text-muted)}.g-player-sub{font-size:.82rem;color:var(--text-muted)}.g-overall-progress{flex-shrink:0;min-width:200px}.g-overall-label{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase}.g-overall-pct{font-weight:800}.g-overall-track{height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden;margin-bottom:.4rem;border:1px solid rgba(99,102,241,.2)}.g-overall-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);box-shadow:0 0 12px #6366f199}.g-overall-sub{font-size:.7rem;color:var(--text-muted);font-weight:600}.g-hud-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-bottom:3rem}.g-hud-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.4rem;border-radius:16px;border:1px solid transparent;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;cursor:default}.g-hud-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.g-hud-corner{position:absolute;top:6px;right:6px;width:12px;height:12px;border-top:1.5px solid;border-right:1.5px solid;border-radius:0 3px 0 0;opacity:.5}.g-hud-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.g-hud-data{display:flex;flex-direction:column;gap:2px}.g-hud-label{font-size:.62rem;font-weight:800;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.g-hud-value{font-size:1.3rem;font-weight:900;letter-spacing:-.5px;line-height:1}.g-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.g-section-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent)}.g-section-title{font-size:.8rem;font-weight:900;letter-spacing:3px;color:#6366f1;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px rgba(99,102,241,.5)}.level-journey{display:flex;flex-direction:column;gap:0;position:relative;padding:.5rem 0 2rem}.level-journey-row{display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem 0}.level-journey-row.row-center{justify-content:center}.level-journey-row.row-right{justify-content:flex-end;padding-right:8%}.level-journey-row.row-left{justify-content:flex-start;padding-left:8%}.journey-connector{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ffffff0d;border-radius:4px;z-index:0;overflow:hidden}.journey-connector.connector-active{background:#ffffff14;box-shadow:0 0 6px var(--c-color, #6366f1)}.journey-connector.connector-active:after{content:"";display:block;width:100%;height:50%;background:linear-gradient(180deg,transparent,var(--c-color, #6366f1),transparent);animation:connectorFlow 1.8s linear infinite}@keyframes connectorFlow{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.level-node-wrap{position:relative;width:100%;max-width:530px;z-index:2}.level-current-pulse{position:absolute;inset:-12px;border-radius:24px;opacity:.15;animation:nodePulse 2.2s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes nodePulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.07;transform:scale(1.04)}}.level-node{position:relative;border-radius:22px;padding:1.5rem;border:1px solid rgba(255,255,255,.07);overflow:hidden;z-index:1;transition:border-color .3s}.g-player-sub{color:#ffffff80;font-size:.95rem;margin:0}.g-quick-nav{display:flex;gap:1rem;margin-top:1rem}.g-nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.g-nav-btn:hover{background:#ffffff1a;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.level-node:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.025) 0%,transparent 55%);pointer-events:none;border-radius:inherit}.level-node--locked{cursor:not-allowed;filter:grayscale(.65) brightness(.7)}.level-node:not(.level-node--locked){cursor:pointer}.g-neon-border{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:transparent;box-shadow:inset 0 0 0 1px var(--n-color, #6366f1);animation:neonBorderPulse 2s ease-in-out infinite}@keyframes neonBorderPulse{0%,to{opacity:.6}50%{opacity:1}}.level-node-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.g-level-badge-wrap{display:flex;align-items:center;gap:.6rem}.g-rank-chip{font-size:.58rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid}.level-num-badge{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .3s}.level-stars{display:flex;gap:3px;align-items:center}.level-node-body{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:1.25rem}.level-icon-wrap{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .3s}.level-icon{font-size:1.5rem;line-height:1;display:block}.level-info{flex:1;min-width:0}.level-label{font-size:.63rem;font-weight:800;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:.2rem}.level-title{font-size:1.05rem;font-weight:800;letter-spacing:-.3px;margin-bottom:.3rem;line-height:1.3}.level-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5}.g-xp-wrap{margin-bottom:1.25rem}.g-xp-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.g-xp-label{font-size:.6rem;font-weight:900;letter-spacing:2.5px;color:var(--text-muted)}.g-xp-count{font-size:.72rem;font-weight:700;color:var(--text-muted)}.g-xp-track{position:relative;height:8px;background:#ffffff0f;border-radius:100px;overflow:visible;border:1px solid rgba(255,255,255,.06)}.g-xp-fill{position:absolute;top:0;left:0;height:100%;border-radius:100px}.g-xp-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:2px;height:12px;background:#ffffff4d;border-radius:1px;transition:opacity .4s}.g-xp-pct{float:right;font-size:.7rem;font-weight:800;margin-top:.35rem}.level-action{display:flex;justify-content:flex-end;clear:both}.g-play-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.5rem;border:none;border-radius:12px;color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;letter-spacing:.3px;font-family:var(--font-sans);transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.level-locked-msg{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);font-weight:700;padding:.5rem 0;letter-spacing:.5px}.level-current-badge{position:absolute;top:-1px;right:18px;display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:900;color:#fff;padding:3px 10px 3px 8px;border-radius:0 0 10px 10px;letter-spacing:2px;text-transform:uppercase}.g-completed-stamp{position:absolute;bottom:12px;left:16px;display:inline-flex;align-items:center;font-size:.6rem;font-weight:900;letter-spacing:2px;color:#22c55e;text-transform:uppercase;text-shadow:0 0 8px rgba(34,197,94,.6)}@media(max-width:1200px){.g-hud-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.g-hud-grid{grid-template-columns:repeat(2,1fr)}.g-overall-progress{min-width:160px}}@media(max-width:768px){.g-player-hud{flex-wrap:wrap;gap:1rem;padding:1.25rem}.g-overall-progress{width:100%;min-width:unset}.level-journey-row.row-right,.level-journey-row.row-left{justify-content:center;padding-right:0;padding-left:0}.level-node-wrap{max-width:100%}.journey-connector{left:50%}.g-player-name{font-size:1.35rem}}@media(max-width:480px){.g-hud-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.g-hud-card{padding:1rem;gap:.75rem}.g-hud-value{font-size:1.1rem}.level-node{padding:1.25rem}.level-icon-wrap{width:50px;height:50px}.level-icon{font-size:1.3rem}.g-play-btn{padding:.6rem 1.1rem;font-size:.78rem}.g-avatar-hex{width:52px;height:52px}.g-player-name{font-size:1.2rem}.db-corner{display:none}}.stages-container{padding-bottom:3rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.stage-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid rgba(255,255,255,.08);background:#0f172a66;overflow:hidden}.stage-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,var(--primary),transparent 70%);opacity:0;transition:opacity .4s ease}.stage-card:hover:not(.stage-card--locked){border-color:var(--primary);transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #6366f133,0 0 20px #6366f11a;background:#0f172ab3}.stage-card:hover:not(.stage-card--locked):before{opacity:.1}.stage-card--completed{border-color:var(--success);background:linear-gradient(135deg,#0f172a99,#22c55e0d)}.stage-card--completed .stage-card-icon{background:#22c55e1a;color:var(--success);box-shadow:0 0 15px #22c55e33}.stage-card--locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8);border-style:dashed}.stage-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffff0d;transition:all .3s ease;z-index:1}.stage-card:hover .stage-card-icon{transform:rotate(5deg) scale(1.1)}.stage-card-info{z-index:1}.stage-card-info h3{font-size:1.25rem;font-weight:900;margin-bottom:.25rem;letter-spacing:-.5px}.stage-card-info p{font-size:.85rem;color:var(--text-muted);font-weight:600}.stage-badge{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:900;letter-spacing:1.5px;color:#fff;background:var(--success);padding:3px 10px;border-radius:100px;box-shadow:0 4px 10px #22c55e4d;text-transform:uppercase}.btn-rpg{position:relative;padding:1rem 2rem;background:#0f172a99;border:2px solid var(--n-color, var(--primary));color:var(--n-color, var(--primary));border-radius:12px;font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px rgba(var(--n-color-rgb, 99, 102, 241),.2);display:flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none}.btn-rpg:hover{background:var(--n-color, var(--primary));color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px rgba(var(--n-color-rgb, 99, 102, 241),.4)}.btn-rpg--outline{background:transparent}.btn-rpg--outline:hover{background:rgba(var(--n-color-rgb, 99, 102, 241),.1);color:var(--n-color, var(--primary))}.rpg-label{font-size:.65rem;font-weight:800;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;display:block}:root{--fighter-bg: #0f172a;--fighter-card: rgba(30, 41, 59, .7);--fighter-accent: #38bdf8;--fighter-gold: #fbbf24;--fighter-rare: #a855f7;--fighter-epic: #ef4444;--slot-bg: rgba(15, 23, 42, .6);--slot-border: rgba(255, 255, 255, .1)}.fighter-container{min-height:100vh;padding:80px 2rem 2rem;color:#fff;background:radial-gradient(circle at top center,#1e293b,#020617);position:relative;overflow:hidden}.fighter-container:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:linear-gradient(rgba(56,189,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.fighter-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.fighter-tab{padding:.6rem 1.6rem;font-size:1rem;font-weight:800;color:#fff6;background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.fighter-tab.active{color:#fff;background:#38bdf826;border-color:var(--fighter-accent);text-shadow:0 0 10px var(--fighter-accent);box-shadow:0 0 20px #38bdf833}.fighter-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--fighter-accent)}.fighter-three-col{display:grid;grid-template-columns:280px 1fr 320px;gap:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1;align-items:start}.fighter-stats-panel{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}.stats-title{font-size:1.1rem;font-weight:800;margin-bottom:1.2rem;color:var(--fighter-accent);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(56,189,248,.2);padding-bottom:.6rem}.stats-groups-container{display:flex;flex-direction:column;gap:1rem}.stats-group{display:flex;flex-direction:column;gap:.5rem}.group-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--fighter-accent);display:flex;align-items:center;gap:6px;opacity:.9;border-bottom:1px solid rgba(56,189,248,.1);padding-bottom:4px}.stats-rows{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem}.stat-row{display:flex;justify-content:space-between;align-items:flex-end;font-size:.72rem;position:relative;min-height:18px}.stat-row:after{content:"";flex:1;border-bottom:1px dotted rgba(255,255,255,.08);margin:0 4px 3px}.stat-row-label{color:#ffffff80;font-weight:600;white-space:nowrap}.stat-row-val{color:#fff;font-weight:800;min-width:24px;text-align:right}.stat-row.active .stat-row-val{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.3)}.stat-row.active:after{border-bottom-color:#4ade8026}.fighter-left-col{display:flex;flex-direction:column;align-items:center}.fighter-visual-section{display:flex;justify-content:center;align-items:center;gap:1.5rem}.fighter-avatar-wrap{display:flex;justify-content:center;align-items:center}.fighter-base{width:250px;height:410px;background:#0f172acc;border:2px solid rgba(56,189,248,.2);border-radius:32px;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 0 40px #000c,inset 0 0 30px #38bdf80d;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.fighter-base[data-level="1"]{border-color:#38bdf899;box-shadow:0 0 30px #38bdf833,inset 0 0 20px #38bdf81a}.fighter-base[data-level="2"]{border-color:#a855f780;box-shadow:0 0 40px #a855f74d,inset 0 0 25px #a855f726;animation:pulse-rare 3s infinite alternate}.fighter-base[data-level="3"]{border-color:#fbbf2499;box-shadow:0 0 60px #fbbf2466,inset 0 0 40px #fbbf2433;animation:gold-pulse 2s infinite alternate}@keyframes pulse-rare{0%{box-shadow:0 0 30px #a855f733}to{box-shadow:0 0 50px #a855f766}}@keyframes gold-pulse{0%{box-shadow:0 0 40px #fbbf244d,inset 0 0 20px #fbbf241a;border-color:#fbbf2466}to{box-shadow:0 0 80px #fbbf2499,inset 0 0 60px #fbbf244d;border-color:#fbbf24cc}}.item-image-panel{width:100%;height:80px;background:#0f172a66;display:flex;justify-content:center;align-items:center;position:relative}.item-card.character-card .slot-image-content{height:110px;width:auto;object-fit:contain;transform:translateY(5px)}.bag-char-card .slot-image-content{height:60px;width:auto;object-fit:contain}.fighter-base:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(56,189,248,.1);border-radius:40px;pointer-events:none}.fighter-name{position:absolute;bottom:14px;font-size:1rem;font-weight:800;color:var(--fighter-accent);text-align:center;padding:0 8px}.equipped-char-image{width:100%;height:100%;object-fit:cover;border-radius:30px;display:block}.item-card,.bag-item-card{min-height:250px}.item-image-panel{height:170px!important;aspect-ratio:auto}.slot-image-content{height:140px!important;width:auto!important;object-fit:contain;transform:translateY(5px)}.item-details-brief{padding:4px 8px 0}.item-card-name-label{font-size:.75rem}.item-body{padding:4px 8px 8px;gap:2px}.item-price{font-size:.7rem;margin-bottom:2px}.btn-buy,.btn-equip{padding:4px;font-size:.75rem}.bag-grid .bag-item-card{min-height:140px}.bag-grid .item-image-panel{height:90px!important}.bag-grid .slot-image-content{height:80px!important}.bag-grid .btn-equip{padding:2px;font-size:.7rem}.char-unequip-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ef4444cc;border:1px solid rgba(239,68,68,1);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;z-index:10;opacity:0;pointer-events:none}.fighter-base:hover .char-unequip-btn{opacity:1;pointer-events:auto}.char-unequip-btn:hover{background:#ef4444;transform:scale(1.1)}.fighter-slots-left,.fighter-slots-right{display:flex;flex-direction:column;gap:1rem}.item-slot{width:90px;height:90px;background:#1e293b99;border:2px solid rgba(255,255,255,.05);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.item-slot:hover{border-color:#38bdf84d;background:#1e293bcc}.item-slot.has-item{border-color:var(--fighter-accent);background:#38bdf81a;box-shadow:0 0 16px #38bdf833,inset 0 0 8px #38bdf81a}.item-slot.has-item[data-level="2"]{border-color:var(--fighter-rare);background:#a855f71a;box-shadow:0 0 20px #a855f733}.item-slot.has-item[data-level="3"]{border-color:var(--fighter-gold);background:#fbbf241a;box-shadow:0 0 24px #fbbf244d}.slot-icon{font-size:1.6rem;color:#ffffff26;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:1}.item-slot .slot-image-content{width:80%!important;height:80%!important;object-fit:contain!important;border-radius:8px}.slot-level-indicator{position:absolute;top:4px;left:4px;font-size:.5rem;font-weight:900;color:#fff;padding:1px 3px;border-radius:2px;z-index:4;text-transform:uppercase;box-shadow:0 1px 3px #00000080;pointer-events:none}.item-slot.has-item .slot-icon{color:#fff;filter:drop-shadow(0 0 6px currentColor)}.slot-image-content{object-fit:contain}.slot-label{position:absolute;bottom:4px;left:0;right:0;font-size:.58rem;text-transform:uppercase;font-weight:900;color:#fff6;letter-spacing:.5px;text-align:center;pointer-events:none;z-index:5;text-shadow:0 1px 2px rgba(0,0,0,.8)}.item-slot.has-item .slot-label{color:#ffffffe6}.item-slot .unequip-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:all .2s;z-index:20;box-shadow:0 2px 8px #00000080}.item-slot.has-item:hover .unequip-btn{opacity:1}.fighter-right-col{position:relative;z-index:1}.bag-title{font-size:1.1rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;gap:8px;color:#ffffffd9}.bag-empty{opacity:.5;font-size:.9rem}.fighter-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;padding-bottom:2rem}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.6rem;padding-bottom:2rem}.item-card,.bag-item-card{background:linear-gradient(160deg,#1a1f35,#0d1117);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.item-card:hover,.bag-item-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0009}.bag-item-card{border-radius:8px}.item-card:before,.bag-item-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--fighter-accent);opacity:.8;z-index:2}.item-card.level-2:before,.bag-item-card.level-2:before{background:var(--fighter-rare)}.item-card.level-3:before,.bag-item-card.level-3:before{background:var(--fighter-gold)}.item-card.level-2,.bag-item-card.level-2{border-color:#a855f740}.item-card.level-3,.bag-item-card.level-3{border-color:#fbbf2459;box-shadow:0 0 20px #fbbf241a,0 4px 16px #00000080}.item-image-panel{position:relative;width:100%;aspect-ratio:1 / 1;background:radial-gradient(circle at center,#38bdf80f,#0000004d);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.item-card-level-badge{position:absolute;top:6px;right:6px;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:4px;z-index:3;box-shadow:0 2px 4px #0000004d}.item-card.level-2 .item-image-panel{background:radial-gradient(circle at center,#a855f71a,#0000004d)}.item-card.level-3 .item-image-panel{background:radial-gradient(circle at center,#fbbf241f,#0000004d)}.item-image-panel img.slot-image-content,.item-image-panel .slot-image-content{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.item-image-panel svg,.item-image-panel span{opacity:.7;filter:drop-shadow(0 2px 8px rgba(56,189,248,.4));font-size:2.2rem!important}.item-tooltip{position:absolute;inset:0;background:#0f172aeb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.5rem;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.item-card:hover .item-tooltip,.bag-item-card:hover .item-tooltip{opacity:1;visibility:visible}.tooltip-level{font-size:.6rem;font-weight:900;padding:.15rem .5rem;border-radius:4px;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.tooltip-name{font-size:.72rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:.4rem}.tooltip-stats{display:flex;flex-direction:column;gap:2px;width:100%}.tooltip-stat{font-size:.6rem;color:#4ade80;font-weight:600}.item-details-brief{padding:8px 8px 0;text-align:center}.item-card-name-label{font-size:.85rem;font-weight:700;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-body{padding:.6rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.item-level-badge{padding:.15rem .5rem;border-radius:4px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.lvl-1{background:#ffffff1a;color:#fff}.lvl-2{background:var(--fighter-rare);color:#fff}.lvl-3{background:var(--fighter-gold);color:#000}.item-price{font-size:.75rem;font-weight:800;color:var(--fighter-gold);text-shadow:0 0 6px rgba(251,191,36,.4)}.item-actions{margin-top:auto;display:flex;gap:.5rem}.btn-buy,.btn-equip{flex:1;width:100%;padding:.4rem;border:none;border-radius:6px;font-weight:700;font-size:.7rem;cursor:pointer;transition:all .2s;margin-top:auto}.btn-buy{background:linear-gradient(135deg,var(--fighter-gold),#d97706);color:#000;box-shadow:0 4px 12px #fbbf244d}.btn-equip{background:linear-gradient(135deg,var(--fighter-accent),#2563eb);color:#fff;box-shadow:0 4px 12px #38bdf84d}.btn-buy:hover:not(:disabled),.btn-equip:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-buy:disabled{opacity:.5;cursor:not-allowed}.shop-view{max-width:1200px;margin:0 auto;position:relative;z-index:1}@keyframes glow{0%{box-shadow:0 0 8px #38bdf833}to{box-shadow:0 0 20px #38bdf880}}.has-item .slot-icon{animation:glow 2s infinite alternate}.balance-card{position:absolute;top:90px;right:2rem;background:#0f172ae6;padding:.7rem 1.4rem;border-radius:14px;border:2px solid var(--fighter-gold);display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:900;box-shadow:0 8px 24px #00000080,0 0 16px #fbbf2433;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.coin-icon{color:var(--fighter-gold)}@media(max-width:768px){.fighter-two-col{grid-template-columns:1fr}.fighter-right-col{margin-top:1.5rem}.fighter-base{width:160px;height:280px}}.start-battle-btn{padding:.6rem 1.4rem;background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;border:none;border-radius:8px;font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ef44444d;white-space:nowrap}.start-battle-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 24px #ef444480;filter:brightness(1.1)}.start-battle-btn:disabled{opacity:.5;cursor:not-allowed}.battle-overlay{position:fixed;inset:0;background:#020617f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:2rem}.battle-arena{width:100%;max-width:1100px;height:700px;background:radial-gradient(circle at center,#1e293b,#0f172a);border:3px solid rgba(255,255,255,.1);border-radius:30px;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 100px #000c,inset 0 0 50px #38bdf81a}.close-battle-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.close-battle-btn:hover:not(:disabled){background:#ef44444d;color:#ef4444}.close-battle-btn:disabled{opacity:.3;cursor:not-allowed}.matchmaking-view{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;text-align:center}.spinning-loader{color:var(--fighter-accent);animation:spin 2s linear infinite;filter:drop-shadow(0 0 15px var(--fighter-accent))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.battle-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 4rem;background:linear-gradient(to bottom,rgba(56,189,248,.1),transparent)}.fighter-profile{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:250px}.fighter-name-tag{font-size:1.2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;padding:.5rem 1.5rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:30px}.hp-bar-container{width:100%;height:24px;background:#0009;border-radius:12px;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #ef444480}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:1000;color:#fff;text-shadow:0 1px 3px black}.battle-avatar{width:160px;height:160px;background:#0f172acc;border:3px solid var(--fighter-accent);border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;box-shadow:0 0 30px #38bdf833}.battle-avatar img{width:100%;height:100%;object-fit:contain;object-position:center}.battle-vs{font-size:3rem;font-weight:900;font-style:italic;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6);animation:vs-pulse 1.5s ease-in-out infinite alternate}@keyframes vs-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.1);opacity:1}}.battle-logs{flex:1;padding:2rem;overflow-y:auto;background:#0000004d;border-top:2px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.8rem;scrollbar-width:thin;scrollbar-color:var(--fighter-accent) transparent}.log-entry{padding:.8rem 1.2rem;background:#1e293b80;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:10px;animation:slide-in-log .3s ease-out}@keyframes slide-in-log{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.log-entry.player-atk{border-left:4px solid #4ade80}.log-entry.opp-atk{border-left:4px solid #f87171}.round-num{color:#fff6;font-weight:800;min-width:80px}.atk-name{font-weight:900}.player-atk .atk-name{color:#4ade80}.opp-atk .atk-name{color:#f87171}.atk-dmg{font-weight:1000;color:var(--fighter-gold)}.battle-result-overlay{position:absolute;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result-card{background:#1e293b;padding:3rem;border-radius:20px;text-align:center;border:3px solid;transform:scale(0);animation:pop-in .5s .3s cubic-bezier(.175,.885,.32,1.275) forwards;min-width:350px}@keyframes pop-in{to{transform:scale(1)}}.result-card.win{border-color:#4ade80;box-shadow:0 0 50px #4ade804d}.result-card.lose{border-color:#ef4444;box-shadow:0 0 50px #ef44444d}.result-card h2{font-size:3rem;font-weight:1000;margin-bottom:2rem;letter-spacing:4px}.result-card.win h2{color:#4ade80}.result-card.lose h2{color:#ef4444}.reward-text{font-size:1.2rem;margin-bottom:2.5rem}.reward-text span{color:var(--fighter-gold);font-weight:900;font-size:1.5rem}.finish-battle-btn{padding:1rem 3rem;background:#fff;color:#000;border:none;border-radius:12px;font-weight:900;font-size:1.1rem;cursor:pointer;transition:all .2s}.finish-battle-btn:hover{transform:scale(1.05);background:#f1f5f9}.battle-actions{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem;background:#0f172a66;border-top:1px solid rgba(255,255,255,.1)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1rem 2rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#1e293b99;color:#fff;font-weight:800;cursor:pointer;transition:all .3s;min-width:140px;text-transform:uppercase;letter-spacing:1px}.action-btn:hover:not(:disabled){transform:translateY(-5px);border-color:var(--fighter-accent);box-shadow:0 0 20px #38bdf84d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.attack:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.action-btn.defend:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6}.action-btn.strong:hover:not(:disabled){background:#fbbf2433;border-color:#fbbf24}.battle-logs{height:150px;overflow-y:auto;padding:1rem;background:#0000004d;border-radius:12px;margin:1rem;display:flex;flex-direction:column;gap:.5rem}.log-entry{font-size:.9rem;padding:.5rem;border-radius:6px;background:#ffffff0d;border-left:3px solid var(--fighter-accent);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.attacker-dash-p{animation:dash-p .4s ease-in-out}.attacker-dash-e{animation:dash-e .4s ease-in-out}@keyframes dash-p{0%{transform:translate(0)}50%{transform:translate(50px) scale(1.05)}to{transform:translate(0)}}@keyframes dash-e{0%{transform:translate(0)}50%{transform:translate(-50px) scale(1.05)}to{transform:translate(0)}}.unit-hit{animation:hit-shake .3s ease-in-out}@keyframes hit-shake{0%,to{transform:translate(0);filter:brightness(1)}25%{transform:translate(-10px);filter:brightness(2) sepia(1) hue-rotate(-50deg)}75%{transform:translate(10px);filter:brightness(2) sepia(1) hue-rotate(-50deg)}}.damage-popup{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;pointer-events:none;z-index:100;animation:popup-float 1s ease-out forwards;text-shadow:0 0 10px rgba(0,0,0,.8)}.damage-popup.crit{color:#fbbf24;font-size:2.5rem}.damage-popup.dodge{color:#94a3b8;font-size:1.5rem}.damage-popup.block{color:#3b82f6;font-size:1.8rem}.damage-popup.miss{color:#64748b;font-size:1.5rem}.damage-popup.normal{color:#ef4444}@keyframes popup-float{0%{opacity:0;transform:translate(-50%)}20%{opacity:1;transform:translate(-50%,-40px)}80%{opacity:1;transform:translate(-50%,-100px)}to{opacity:0;transform:translate(-50%,-120px)}}.battle-round-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0f172acc;padding:.5rem 2rem;border-radius:30px;border:1px solid var(--fighter-accent);text-align:center;z-index:10;box-shadow:0 0 20px #38bdf833}.round-arena-text{font-size:.65rem;text-transform:uppercase;letter-spacing:3px;color:var(--fighter-accent);display:block;margin-bottom:2px}.round-number-text{font-size:1.2rem;font-weight:900;color:#fff}.hp-text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;font-size:.9rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2;box-sizing:border-box;white-space:nowrap}.hp-icon{font-size:1.2rem;margin-right:6px;display:inline-flex;align-items:center}.hp-bar-container{height:25px!important;background:#00000080!important;border:1px solid rgba(255,255,255,.1)!important}.hp-bar-fill{transition:width .5s cubic-bezier(.175,.885,.32,1.275)}.result-xp{color:#4ade80;font-weight:800;margin-left:10px}.reward-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.2rem;margin:10px 0}.log-player{color:#4ade80;font-weight:500}.log-opponent{color:#f87171;font-weight:500}.log-round-header{color:var(--fighter-accent);font-weight:800;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:5px;padding-bottom:2px}.high-crit{color:#fbbf24;font-weight:900;text-shadow:0 0 8px rgba(251,191,36,.4)}.high-victory{color:#4ade80;font-weight:900}.high-def{color:#3b82f6;font-weight:700}.high-miss{color:#94a3b8;font-style:italic}.missions-container{max-width:1000px;margin:0 auto;padding:2rem;color:#fff;min-height:100vh}.missions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#ffffff0d;padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.chest-section{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease}.chest-section:hover{transform:scale(1.05)}.chest-icon{font-size:3rem;position:relative;filter:grayscale(1)}.chest-icon.available{filter:grayscale(0);animation:float 2s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chest-count{position:absolute;top:-5px;right:-5px;background:#ff4d4d;color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:2px solid white}.missions-tabs{display:flex;gap:1rem;margin-bottom:2rem}.missions-tabs button{background:#ffffff1a;border:none;color:#fff9;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease}.missions-tabs button.active{background:#3498db;color:#fff;box-shadow:0 4px 15px #3498db4d}.missions-list{display:grid;gap:1rem}.mission-card{background:#ffffff14;border-radius:15px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.mission-card.claimed{opacity:.6}.mission-info h3{margin:0 0 .5rem;color:#3498db}.mission-info p{margin:0 0 1rem;color:#ffffffb3;font-size:.95rem}.reward-badge{display:inline-block;background:#f1c40f;color:#333;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700}.mission-progress-container{width:200px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.progress-text{font-size:.9rem;font-weight:600}.progress-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#2ecc71;transition:width .5s ease}.claim-btn{width:100%;padding:.6rem;border-radius:8px;border:none;background:#ffffff1a;color:#ffffff80;font-weight:700;cursor:not-allowed}.claim-btn.ready{background:#2ecc71;color:#fff;cursor:pointer;box-shadow:0 4px 10px #2ecc714d}.claim-btn.ready:hover{transform:translateY(-2px)}.chest-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.opening-animation{text-align:center}.chest-shaking{font-size:6rem;animation:shake .5s infinite}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.reward-card{background:#2c3e50;padding:3rem;border-radius:20px;text-align:center;border:2px solid #f1c40f;box-shadow:0 0 30px #f1c40f4d;max-width:400px;width:90%}.reward-content{margin:2rem 0}.reward-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.reward-icon{font-size:4rem}.reward-image{width:100px;height:100px;object-fit:contain}.reward-text{font-size:1.2rem;font-weight:500;line-height:1.5}.close-reward-btn{background:#f1c40f;border:none;color:#333;padding:.8rem 2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease}.close-reward-btn:hover{background:#f39c12}.global-chat-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:1000}.chat-toggle-btn{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 10px 25px #4f46e566;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.chat-toggle-btn:hover{transform:scale(1.1) rotate(5deg)}.chat-badge{position:absolute;top:0;right:0;width:14px;height:14px;background:#ef4444;border:2px solid white;border-radius:50%;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.chat-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.global-chat-wrapper.open .chat-window{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-header{padding:1rem 1.5rem;background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.chat-header h3{font-size:1.1rem;font-weight:800}.chat-status{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background:#0f172a33}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.chat-message{font-size:.9rem;line-height:1.4;word-break:break-word;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem}.msg-author{font-weight:800;color:var(--primary);cursor:pointer}.msg-content{color:#ffffffe6;flex:1}.msg-time{font-size:.7rem;color:var(--text-muted);margin-left:auto;white-space:nowrap;opacity:.7}.system-msg{background:#fbbf241a;padding:.5rem .75rem;border-radius:8px;border-left:3px solid #fbbf24}.system-msg .msg-author{color:#fbbf24}.system-msg .msg-content{font-style:italic;color:#fbbf24}.chat-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.05);background:#0f172a66}.chat-input-form{display:flex;gap:.75rem}.chat-input-form input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem 1rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s}.chat-input-form input:focus{border-color:var(--primary);background:#ffffff14}.chat-input-form button{width:40px;height:40px;background:var(--primary);color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.chat-input-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.chat-requirement-notice{font-size:.75rem;color:var(--text-muted);display:flex;gap:.5rem;padding:.5rem;background:#0003;border-radius:8px;line-height:1.4}.chat-error-toast{position:absolute;bottom:70px;left:1rem;right:1rem;background:#ef4444;color:#fff;padding:.5rem;border-radius:8px;font-size:.8rem;text-align:center;box-shadow:0 4px 12px #ef44444d;animation:shake .5s ease-in-out}.mention-tag{color:gold;font-weight:800;background:#ffd7001a;padding:0 4px;border-radius:4px}.chat-suggestions{position:absolute;bottom:70px;left:1rem;right:1rem;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 25px #00000080;z-index:1002;overflow:hidden}.suggestion-item{padding:.75rem 1rem;cursor:pointer;font-size:.85rem;color:#fffc;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-item:last-child{border-bottom:none}.suggestion-item.active,.suggestion-item:hover{background:var(--primary);color:#fff}.msg-author{cursor:pointer}.msg-author:hover{text-decoration:underline}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:500px){.chat-window{bottom:0;right:0;width:100vw;height:100vh;border-radius:0}.chat-toggle-btn{bottom:1rem;right:1rem;z-index:1001}}.navbar-v2{border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;padding:.75rem 0!important;position:sticky;top:0;z-index:100;background-image:url(/assets/math_pattern.svg);background-size:800px;background-position:center;background-repeat:repeat;border-bottom:1px solid rgba(255,255,255,.12)!important;background-color:#0f172acc!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.navbar-brand-v2{text-decoration:none;display:flex;align-items:center;gap:.9rem;flex-shrink:0}.navbar-logo-wrap-v2{width:56px;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 15px #00000040;background:#0f172a80;border:1px solid rgba(255,255,255,.1)}.navbar-logo-img-v2{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform:scale(1.1);display:block}.navbar-logo-text-v2{font-size:1.85rem;font-weight:900;letter-spacing:-.7px}.navbar-links-v2{display:flex;gap:1.5rem;align-items:center}.navbar-admin-btn-v2{color:var(--primary);text-decoration:none;font-weight:800;display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-radius:10px;background-color:#4f46e51a;border:1px solid rgba(79,70,229,.2);transition:all .3s ease}.navbar-admin-btn-v2:hover{background-color:#4f46e533;transform:translateY(-1px)}.nav-link-v2-main{color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.6rem;transition:all .3s ease;padding:.5rem .75rem;border-radius:10px}.nav-link-v2-main:hover{background-color:#ffffff0d;transform:translateY(-1px)}.navbar-nav-group{display:flex;align-items:center;gap:.15rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.3rem}.nav-icon-btn{color:#ffffffb3;text-decoration:none;display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:9px;transition:all .2s ease;font-size:.82rem;font-weight:600;white-space:nowrap}.nav-icon-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.nav-icon-btn.active,.nav-icon-btn[aria-current=page]{color:#fff;background:#6366f140}.nav-icon-label{font-size:.82rem;font-weight:600}.navbar-user-pill-v2{background:#ffffff12;padding:.5rem 1.25rem;border-radius:100px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:.75rem}.navbar-username-v2{font-weight:800;font-size:.95rem;color:#fff}.navbar-logout-btn-v2{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;margin-left:.5rem;transition:all .3s ease}.navbar-logout-btn-v2:hover{background-color:var(--error)!important}.navbar-auth-group-v2{display:flex;gap:1rem;align-items:center}.navbar-login-btn-v2{padding:.6rem 1.5rem!important;font-size:.95rem!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.15)!important;background-color:#ffffff0d!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff!important;font-weight:700!important}.navbar-register-btn-v2{padding:.7rem 1.6rem!important;font-size:.95rem!important;border-radius:12px!important;font-weight:800!important;box-shadow:0 4px 15px #4f46e566!important}@media(max-width:1024px){.navbar-logo-text-v2{font-size:1.5rem}.navbar-links-v2{gap:1rem}}@media(max-width:768px){.container.navbar-inner{padding:0 1rem;width:100%;max-width:100vw;overflow:hidden}.navbar-v2{padding:.6rem 0!important;overflow:hidden}.navbar-logo-wrap-v2{width:48px;height:48px;border-radius:10px}.navbar-logo-text-v2{font-size:1.25rem}.navbar-username-v2{display:none}.navbar-user-pill-v2{padding:.4rem .8rem;gap:.4rem}.navbar-link-text-v2{display:none}.nav-link-v2-main{padding:.5rem}}@media(max-width:480px){.navbar-logo-text-v2{display:none}.navbar-brand-v2{gap:0}.navbar-auth-group-v2{gap:.5rem}.navbar-login-btn-v2,.navbar-register-btn-v2{padding:.5rem 1rem!important;font-size:.85rem!important}}