*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--background: hsl(230, 25%, 5%);--foreground: hsl(210, 40%, 98%);--card: hsl(230, 25%, 8%);--card-foreground: hsl(210, 40%, 98%);--popover: hsl(230, 25%, 8%);--popover-foreground: hsl(210, 40%, 98%);--primary: hsl(250, 90%, 65%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(230, 25%, 12%);--secondary-foreground: hsl(210, 40%, 98%);--muted: hsl(230, 25%, 12%);--muted-foreground: hsl(215, 20%, 65%);--accent: hsl(340, 85%, 60%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 70%, 50%);--destructive-foreground: hsl(210, 40%, 98%);--success: hsl(160, 80%, 45%);--success-foreground: hsl(0, 0%, 100%);--warning: hsl(45, 95%, 55%);--warning-foreground: hsl(0, 0%, 0%);--border: hsl(230, 25%, 15%);--input: hsl(230, 25%, 12%);--ring: hsl(250, 90%, 65%);--radius: .75rem;--game-normal: hsl(250, 90%, 65%);--game-daily: hsl(280, 85%, 65%);--game-battle: hsl(340, 85%, 60%);--game-speed: hsl(160, 80%, 45%);--gradient-primary: linear-gradient(135deg, hsl(250, 90%, 65%) 0%, hsl(280, 85%, 65%) 100%);--gradient-accent: linear-gradient(135deg, hsl(340, 85%, 60%) 0%, hsl(20, 90%, 55%) 100%);--gradient-success: linear-gradient(135deg, hsl(160, 80%, 45%) 0%, hsl(180, 70%, 50%) 100%);--shadow-card: 0 4px 20px -2px hsla(250, 90%, 65%, .15), 0 0 0 1px hsl(230, 25%, 15%);--shadow-card-hover: 0 8px 40px -4px hsla(250, 90%, 65%, .25), 0 0 0 1px hsla(250, 90%, 65%, .2);--shadow-glow: 0 0 30px -5px hsla(250, 90%, 65%, .4);--shadow-glow-accent: 0 0 30px -5px hsla(340, 85%, 60%, .4)}[data-theme=light]{--background: hsl(0, 0%, 98%);--foreground: hsl(230, 25%, 15%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(230, 25%, 15%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(230, 25%, 15%);--primary: hsl(250, 90%, 65%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(210, 40%, 90%);--secondary-foreground: hsl(230, 25%, 15%);--muted: hsl(210, 40%, 92%);--muted-foreground: hsl(215, 15%, 45%);--accent: hsl(340, 85%, 60%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 70%, 50%);--destructive-foreground: hsl(0, 0%, 100%);--success: hsl(160, 80%, 40%);--success-foreground: hsl(0, 0%, 100%);--warning: hsl(45, 95%, 45%);--warning-foreground: hsl(0, 0%, 100%);--border: hsl(214, 32%, 85%);--input: hsl(214, 32%, 85%);--ring: hsl(250, 90%, 65%);--shadow-card: 0 4px 12px -2px hsla(0, 0%, 0%, .05), 0 0 0 1px hsl(214, 32%, 91%);--shadow-card-hover: 0 8px 24px -4px hsla(0, 0%, 0%, .08), 0 0 0 1px hsl(214, 32%, 85%)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translate(-10px,-10px) rotate(-1deg)}}@keyframes floatDelayed{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-15px,-15px) rotate(-2deg)}66%{transform:translate(10px,-25px) rotate(1deg)}}@keyframes floatSlow{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}@keyframes pulseSlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #7055f64d}50%{box-shadow:0 0 40px #7055f699}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-slide-in{animation:slideIn .3s ease-out both}.animate-scale-in{animation:scaleIn .2s ease-out both}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-delayed{animation:floatDelayed 10s ease-in-out infinite}.animate-float-slow{animation:floatSlow 12s ease-in-out infinite}.animate-pulse-slow{animation:pulseSlow 6s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-primary{background:var(--gradient-primary)}.gradient-accent{background:var(--gradient-accent)}.gradient-success{background:var(--gradient-success)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#0f111a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(230,25%,15%,.5)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--gradient-primary);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:.5;transition:opacity .3s;pointer-events:none}.glow-border:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius);font-size:.875rem;font-weight:600;padding:.625rem 1rem;transition:all .2s;outline:none;border:none;cursor:pointer;line-height:1}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{pointer-events:none;opacity:.5}.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px #0003}.btn-primary:hover{background:#5c3df5e6;box-shadow:0 4px 12px #7055f64d}.btn-primary:active{transform:scale(.98)}.btn-gradient{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:0 4px 15px #7055f64d}.btn-gradient:hover{box-shadow:0 6px 25px #7055f666}.btn-gradient:active{transform:scale(.98)}.btn-outline{border:2px solid var(--border);background:transparent;color:var(--foreground)}.btn-outline:hover{background:var(--secondary);border-color:#7055f633}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--secondary)}.btn-game{background:var(--gradient-primary);color:var(--primary-foreground);font-weight:700;box-shadow:0 4px 20px #7055f64d}.btn-game:hover{box-shadow:0 8px 30px #7055f666}.btn-game:active{transform:scale(.98)}.btn-sm{height:2.25rem;padding:0 .75rem;font-size:.8rem}.btn-lg{height:3rem;padding:0 2rem;font-size:1rem;border-radius:calc(var(--radius) + 4px)}.btn-xl{height:3.5rem;padding:0 2.5rem;font-size:1.125rem;border-radius:calc(var(--radius) + 4px)}.btn-icon{width:2.5rem;height:2.5rem;padding:0}.btn-full{width:100%}.btn-white{background:var(--primary-foreground);color:var(--primary)}.btn-white:hover{opacity:.9}.input{width:100%;height:3rem;padding:0 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--input);color:var(--foreground);font-size:.875rem;transition:border-color .2s,box-shadow .2s;outline:none}.input::-moz-placeholder{color:var(--muted-foreground)}.input::placeholder{color:var(--muted-foreground)}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px #7055f626}.label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.25rem}.card{background:#0f111acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:calc(var(--radius) + 8px);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all .3s}.card:hover{box-shadow:var(--shadow-card-hover)}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;overflow:hidden}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-lg{width:3rem;height:3rem;font-size:1rem}.avatar-xl{width:5rem;height:5rem;font-size:1.5rem}.tabs-list{display:grid;grid-template-columns:repeat(3,1fr);background:var(--secondary);border-radius:var(--radius);padding:.25rem;gap:.25rem;margin-bottom:1.5rem}.tab-trigger{padding:.625rem 1rem;border-radius:calc(var(--radius) - 4px);font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:all .2s;text-align:center}.tab-trigger:hover{color:var(--foreground)}.tab-trigger.active{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #0003}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-content{position:absolute;right:0;top:calc(100% + .5rem);min-width:14rem;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem;box-shadow:0 10px 40px #0006;z-index:100;animation:fadeIn .15s ease-out}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border-radius:calc(var(--radius) - 4px);font-size:.875rem;color:var(--foreground);transition:background .15s;text-align:left}.dropdown-item:hover{background:var(--secondary)}.dropdown-item.destructive{color:var(--destructive)}.dropdown-separator{height:1px;background:var(--border);margin:.25rem 0}.dropdown-label{padding:.5rem .75rem}.header{position:sticky;top:0;z-index:50;width:100%}.header-inner{display:flex;height:4rem;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:.5rem;transition:opacity .2s}.logo-link:hover{opacity:.8}.logo-icon{width:2.5rem;height:2.5rem;border-radius:calc(var(--radius) + 4px);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--foreground)}.nav-links{display:none;align-items:center;gap:1.5rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:color .2s;display:flex;align-items:center;gap:.25rem}.nav-link:hover{color:var(--foreground)}@media (min-width: 768px){.nav-links{display:flex}.logo-text-responsive{display:block}}.game-card{position:relative;width:100%;padding:1.5rem;border-radius:calc(var(--radius) + 8px);background:#0f111acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--border);box-shadow:var(--shadow-card);transition:all .3s;text-align:left;cursor:pointer}.game-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.game-card:focus{outline:2px solid var(--ring);outline-offset:2px}.game-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-card-badge{position:absolute;top:-.5rem;right:-.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;color:var(--primary-foreground);box-shadow:0 2px 8px #0003}.game-card-icon{width:3.5rem;height:3.5rem;border-radius:calc(var(--radius) + 4px);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s}.game-card:hover .game-card-icon{transform:scale(1.1)}.game-card-title{font-size:1.125rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.game-card-desc{font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.game-card-bar{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 calc(var(--radius) + 8px) calc(var(--radius) + 8px);opacity:0;transition:opacity .3s}.game-card:hover .game-card-bar{opacity:1}.game-card-normal .game-card-icon{background:#7055f633}.game-card-normal .game-card-icon svg{color:var(--game-normal)}.game-card-normal:hover{border-color:#7055f64d}.game-card-normal .game-card-badge,.game-card-normal .game-card-bar{background:var(--gradient-primary)}.game-card-daily .game-card-icon{background:#bf5af233}.game-card-daily .game-card-icon svg{color:var(--game-daily)}.game-card-daily:hover{border-color:#bf5af24d}.game-card-daily .game-card-badge{background:linear-gradient(135deg,var(--game-daily),hsla(280,85%,55%,1))}.game-card-daily .game-card-bar{background:linear-gradient(90deg,var(--game-daily),hsla(280,85%,55%,1))}.game-card-battle .game-card-icon{background:#f0427c33}.game-card-battle .game-card-icon svg{color:var(--game-battle)}.game-card-battle:hover{border-color:#f0427c4d}.game-card-battle .game-card-badge,.game-card-battle .game-card-bar{background:var(--gradient-accent)}.game-card-speed .game-card-icon{background:#17cf9133}.game-card-speed .game-card-icon svg{color:var(--game-speed)}.game-card-speed:hover{border-color:#17cf914d}.game-card-speed .game-card-badge,.game-card-speed .game-card-bar{background:var(--gradient-success)}.stats-card{padding:1rem;border-radius:calc(var(--radius) + 4px);background:#0f111acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all .2s}.stats-card:hover{box-shadow:var(--shadow-card-hover)}.stats-card-inner{display:flex;align-items:flex-start;justify-content:space-between}.stats-card-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.stats-card-value{font-size:1.5rem;font-weight:700;color:var(--foreground);margin-top:.25rem}.stats-card-trend{font-size:.75rem;font-weight:500;margin-top:.25rem}.stats-card-trend.positive{color:var(--success)}.stats-card-trend.negative{color:var(--destructive)}.stats-card-icon-wrap{padding:.5rem;border-radius:var(--radius);background:var(--secondary)}.stats-card-icon-wrap svg{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:calc(var(--radius) + 4px);transition:background .2s}.leaderboard-item:hover{background:#171a2680}.leaderboard-item.current-user{background:#7055f60d;border:1px solid hsla(250,90%,65%,.2)}.leaderboard-rank{width:2rem;display:flex;justify-content:center}.leaderboard-rank svg{width:1.25rem;height:1.25rem}.leaderboard-rank-num{font-size:.875rem;font-weight:700;color:var(--muted-foreground)}.leaderboard-name{flex:1;min-width:0}.leaderboard-name p{font-weight:600;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-name p.highlight{color:var(--primary)}.leaderboard-name span{font-size:.75rem;color:var(--muted-foreground);margin-left:.5rem}.leaderboard-score{text-align:right}.leaderboard-score p{font-weight:700;color:var(--foreground)}.leaderboard-score small{font-size:.75rem;color:var(--muted-foreground)}.quiz-option{width:100%;padding:1rem;border-radius:calc(var(--radius) + 4px);border:2px solid var(--border);text-align:left;transition:all .2s;cursor:pointer;background:transparent}.quiz-option:hover:not(:disabled){border-color:#7055f64d;background:#171a2680}.quiz-option:focus{outline:2px solid var(--ring);outline-offset:2px}.quiz-option:disabled{cursor:not-allowed}.quiz-option.selected{border-color:var(--primary);background:#7055f60d;box-shadow:0 0 0 3px #7055f626}.quiz-option.correct{border-color:var(--success);background:#17cf911a}.quiz-option.incorrect{border-color:var(--destructive);background:#d926261a}.quiz-option.faded{opacity:.5}.quiz-option-inner{display:flex;align-items:center;gap:1rem}.quiz-option-label{width:2.5rem;height:2.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s;flex-shrink:0}.quiz-option-label.default{background:var(--secondary);color:var(--secondary-foreground)}.quiz-option-label.selected{background:var(--primary);color:var(--primary-foreground)}.quiz-option-label.correct{background:var(--success);color:var(--success-foreground)}.quiz-option-label.incorrect{background:var(--destructive);color:var(--destructive-foreground)}.quiz-option-text{flex:1;font-weight:500;color:var(--foreground)}.progress-bar-wrapper{width:100%}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-bar-header span{font-size:.875rem;font-weight:500;color:var(--muted-foreground)}.progress-bar-header strong{font-size:.875rem;font-weight:700;color:var(--foreground)}.progress-bar-track{height:.5rem;background:var(--secondary);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .3s}.progress-bar-fill.primary{background:var(--gradient-primary)}.progress-bar-fill.warning{background:var(--warning)}.progress-bar-fill.danger{background:var(--destructive)}.bg-animated{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background-color:var(--background)}.bg-canvas-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bg-cursor-flare{position:absolute;top:0;left:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,hsla(250,90%,65%,.12) 0%,hsla(330,85%,60%,.05) 45%,transparent 70%);pointer-events:none;transition:transform .15s ease-out;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);will-change:transform}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:linear-gradient(var(--primary) 1px,transparent 1px),linear-gradient(90deg,var(--primary) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 85%)}.bg-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.015) 50%,transparent 100%);background-size:100% 4px;pointer-events:none;opacity:.7}.page{min-height:100vh;position:relative}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.page-split{min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:50}.landing-nav .container{display:flex;align-items:center;justify-content:space-between;height:4rem}.landing-nav .nav-actions{display:flex;align-items:center;gap:.75rem}.hero-section{padding:8rem 1rem 5rem}.hero-inner{max-width:48rem;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#7055f61a;color:var(--primary);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.hero-badge svg{width:1rem;height:1rem}.hero-title{font-size:2.5rem;font-weight:700;color:var(--foreground);line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.125rem;color:var(--muted-foreground);max-width:40rem;margin:0 auto 2rem}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:4rem}.hero-stat-value{font-size:1.875rem;font-weight:700;color:var(--foreground)}.hero-stat-label{font-size:.875rem;color:var(--muted-foreground)}.features-section{padding:5rem 1rem;background:#171a264d}.features-inner{max-width:72rem;margin:0 auto}.section-title{font-size:1.875rem;font-weight:700;color:var(--foreground);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--muted-foreground);max-width:40rem;margin:0 auto}.features-grid{display:grid;gap:1.5rem;margin-top:3rem}.feature-card{padding:1.5rem;border-radius:calc(var(--radius) + 8px);background:#0f111acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.feature-card-icon{width:3.5rem;height:3.5rem;border-radius:calc(var(--radius) + 4px);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s}.feature-card:hover .feature-card-icon{transform:scale(1.1)}.feature-card-title{font-size:1.125rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.feature-card-desc{font-size:.875rem;color:var(--muted-foreground)}.why-section{padding:5rem 1rem}.why-inner{max-width:72rem;margin:0 auto}.why-grid{display:grid;gap:3rem;align-items:center}.why-list{display:flex;flex-direction:column;gap:1.5rem}.why-item{display:flex;gap:1rem}.why-item-icon{width:3rem;height:3rem;border-radius:calc(var(--radius) + 4px);background:#7055f61a;flex-shrink:0;display:flex;align-items:center;justify-content:center}.why-item-icon svg{width:1.5rem;height:1.5rem;color:var(--primary)}.why-item-title{font-weight:700;color:var(--foreground);margin-bottom:.25rem}.why-item-desc{color:var(--muted-foreground)}.preview-card{position:relative}.preview-card-inner{padding:1.5rem;border-radius:calc(var(--radius) + 8px);background:#0f111acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-card-hover)}.preview-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.preview-card-user{display:flex;align-items:center;gap:.75rem}.preview-card-badge{padding:.25rem .75rem;border-radius:9999px;background:#17cf911a;color:var(--success);font-size:.75rem;font-weight:500}.preview-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.preview-stat{text-align:center;padding:.75rem;background:var(--secondary);border-radius:calc(var(--radius) + 4px)}.preview-stat-value{font-size:1.25rem;font-weight:700;color:var(--foreground)}.preview-stat-label{font-size:.75rem;color:var(--muted-foreground)}.preview-blur{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px)}.cta-section{padding:5rem 1rem}.cta-inner{max-width:48rem;margin:0 auto}.cta-box{border-radius:calc(var(--radius) + 16px);padding:2rem;text-align:center;color:var(--primary-foreground)}.cta-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.cta-desc{font-size:1.125rem;opacity:.9;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.footer{padding:2rem 0;border-top:1px solid var(--border)}.footer .container{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-logo-icon{width:2rem;height:2rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.footer-text{font-size:.875rem;color:var(--muted-foreground)}.auth-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:10}.auth-form-wrapper{width:100%;max-width:28rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo a{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem}.auth-logo-icon{width:3rem;height:3rem;border-radius:calc(var(--radius) + 4px);display:flex;align-items:center;justify-content:center}.auth-title{font-size:1.875rem;font-weight:700;color:var(--foreground)}.auth-subtitle{color:var(--muted-foreground);margin-top:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;justify-content:space-between;align-items:center}.form-link{font-size:.875rem;color:var(--primary);transition:opacity .2s}.form-link:hover{text-decoration:underline}.input-wrapper{position:relative}.input-wrapper .input{padding-right:3rem}.input-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);transition:color .2s;background:none;border:none;cursor:pointer;padding:0}.input-toggle:hover{color:var(--foreground)}.input-toggle svg{width:1.25rem;height:1.25rem}.auth-footer{text-align:center;color:var(--muted-foreground);margin-top:2rem}.auth-footer a{color:var(--primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-deco{flex:1;display:none;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden;z-index:10}.auth-deco.gradient-accent{background:linear-gradient(135deg,#7055f61f,#0a0b10f2);border-right:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-deco.gradient-primary{background:linear-gradient(135deg,#7055f61f,#0a0b10f2);border-left:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-deco-content{max-width:28rem;text-align:center;color:var(--foreground);position:relative;z-index:10}.auth-deco h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-deco p{font-size:1.125rem;color:var(--muted-foreground);margin-bottom:2rem}.auth-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:left}.auth-feature{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border-radius:var(--radius);padding:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-feature-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--primary-foreground);flex-shrink:0}.auth-feature span{font-size:.875rem;font-weight:500}.auth-feature-list{display:flex;flex-direction:column;gap:1rem;text-align:left}.auth-feature-item{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;border-radius:var(--radius);padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-feature-check{width:1.5rem;height:1.5rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-check svg{width:1rem;height:1rem}.auth-deco-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,hsla(250,90%,65%,.18) 0%,transparent 70%);filter:blur(40px)}.password-reqs{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.password-req{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.password-req-dot{width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.password-req-dot.met{background:var(--success);color:var(--success-foreground)}.password-req-dot.unmet{background:var(--secondary)}.password-req-dot svg{width:.75rem;height:.75rem}.dashboard-welcome h1{font-size:1.875rem;font-weight:700;color:var(--foreground)}.dashboard-welcome p{color:var(--muted-foreground);margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.dashboard-main{display:grid;gap:2rem}.game-modes-grid{display:grid;gap:1rem}.section-heading{font-size:1.25rem;font-weight:700;color:var(--foreground);margin-bottom:1rem}.leaderboard-sidebar .card{padding:1rem}.leaderboard-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.view-all-link{font-size:.875rem;color:var(--primary);font-weight:500}.view-all-link:hover{text-decoration:underline}.quiz-header{position:sticky;top:0;z-index:50}.quiz-header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.quiz-header-left{display:flex;align-items:center;gap:.75rem}.quiz-mode-icon{width:2.5rem;height:2.5rem;border-radius:calc(var(--radius) + 4px);display:flex;align-items:center;justify-content:center}.quiz-mode-icon svg{width:1.25rem;height:1.25rem}.quiz-mode-title{font-weight:700;color:var(--foreground)}.quiz-mode-category{font-size:.875rem;color:var(--muted-foreground)}.quiz-header-right{display:flex;align-items:center;gap:1rem}.quiz-score-label{font-size:.875rem;color:var(--muted-foreground)}.quiz-score-value{font-size:1.25rem;font-weight:700;color:var(--foreground)}.quiz-timer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:calc(var(--radius) + 4px);background:var(--secondary)}.quiz-timer.danger{background:#d926261a}.quiz-timer svg{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.quiz-timer.danger svg{color:var(--destructive)}.quiz-timer-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--foreground)}.quiz-timer.danger .quiz-timer-value{color:var(--destructive)}.quiz-main{max-width:48rem;margin:0 auto;padding:2rem 1rem}.quiz-question{font-size:1.5rem;font-weight:700;color:var(--foreground);line-height:1.4;margin-bottom:2rem}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.quiz-actions{display:flex;justify-content:flex-end}.quiz-results{width:100%;max-width:32rem;position:relative;z-index:10}.quiz-results-card{padding:2rem;text-align:center}.quiz-results-icon{width:5rem;height:5rem;border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.quiz-results h1{font-size:1.875rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.quiz-results-subtitle{color:var(--muted-foreground);margin-bottom:2rem}.quiz-results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.quiz-results-stat{background:var(--secondary);border-radius:calc(var(--radius) + 4px);padding:1rem}.quiz-results-stat-value{font-size:1.5rem;font-weight:700;color:var(--foreground)}.quiz-results-stat-label{font-size:.875rem;color:var(--muted-foreground)}.quiz-results-dots{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.quiz-result-dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.quiz-result-dot.correct{background:var(--success);color:var(--success-foreground)}.quiz-result-dot.wrong{background:var(--destructive);color:var(--destructive-foreground)}.quiz-results-actions{display:flex;gap:1rem}.quiz-results-actions .btn{flex:1}.matchmaking-header{border-bottom:1px solid var(--border);position:relative;z-index:10}.matchmaking-header-inner{display:flex;align-items:center;height:4rem;gap:1rem}.matchmaking-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:10}.matchmaking-content{width:100%;max-width:32rem;text-align:center}.matchmaking-icon{width:6rem;height:6rem;border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#f0427c33}.matchmaking-icon svg{width:3rem;height:3rem;color:var(--game-battle)}.matchmaking-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.matchmaking-subtitle{color:var(--muted-foreground);margin-bottom:2rem}.matchmaking-spinner{position:relative;width:8rem;height:8rem;margin:0 auto 1.5rem}.matchmaking-spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid hsla(340,85%,60%,.2)}.matchmaking-spinner-active{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid var(--game-battle);border-top-color:transparent;animation:spin 1s linear infinite}.matchmaking-spinner-inner{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border-radius:50%;background:#f0427c1a;display:flex;align-items:center;justify-content:center}.matchmaking-spinner-inner svg{width:2.5rem;height:2.5rem;color:var(--game-battle);animation:spin 1s linear infinite}.matchmaking-time{font-size:1.125rem;font-family:monospace;font-variant-numeric:tabular-nums;color:var(--foreground)}.vs-display{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.vs-player{text-align:center}.vs-avatar{width:5rem;height:5rem;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.vs-player-name{font-weight:700;color:var(--foreground)}.vs-player-level{font-size:.875rem;color:var(--muted-foreground)}.vs-badge{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.vs-badge span{font-size:1.25rem;font-weight:700;color:var(--accent-foreground)}.countdown-circle{width:5rem;height:5rem;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center}.countdown-value{font-size:2.5rem;font-weight:700;color:var(--primary-foreground)}.ready-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--success);font-weight:500}.ready-status svg{width:1.25rem;height:1.25rem}.leaderboard-page-title{text-align:center;margin-bottom:2rem}.leaderboard-trophy{width:4rem;height:4rem;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);animation:glow 2s ease-in-out infinite}.leaderboard-trophy svg{width:2rem;height:2rem;color:var(--primary-foreground)}.leaderboard-page-title h1{font-size:1.875rem;font-weight:700;color:var(--foreground)}.leaderboard-page-title p{color:var(--muted-foreground);margin-top:.25rem}.podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;padding-top:2rem;margin-bottom:2rem}.podium-player{text-align:center}.podium-avatar{position:relative;margin-bottom:.5rem}.podium-avatar-circle{width:4rem;height:4rem;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.podium-avatar-circle.first{width:5rem;height:5rem;font-size:1.875rem;border:4px solid var(--warning)}.podium-avatar-circle.second{border:4px solid hsla(215,20%,65%,.3);background:var(--muted);color:var(--muted-foreground)}.podium-avatar-circle.third{border:4px solid hsla(340,85%,60%,.3);background:#f0427c33;color:var(--accent)}.podium-medal{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.podium-medal svg{width:1rem;height:1rem}.podium-crown{position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.podium-crown svg{width:2rem;height:2rem;color:var(--warning)}.podium-name{font-weight:600;color:var(--foreground);font-size:.875rem}.podium-name.first{font-weight:700;font-size:1rem}.podium-pts{font-size:.75rem;color:var(--muted-foreground)}.podium-bar{margin:.5rem auto 0;border-radius:var(--radius) var(--radius) 0 0;display:flex;align-items:center;justify-content:center}.podium-bar.first{width:6rem;height:8rem}.podium-bar.second{width:5rem;height:6rem;background:#171a2680}.podium-bar.third{width:5rem;height:4rem;background:#f0427c1a}.podium-bar-num{font-size:1.5rem;font-weight:700}.podium-bar-num.first{font-size:1.875rem;color:var(--primary-foreground)}.podium-bar-num.second{color:var(--muted-foreground)}.podium-bar-num.third{color:var(--accent)}.your-rank{margin-top:2rem;padding:1rem;background:#7055f60d;border-radius:calc(var(--radius) + 8px);border:1px solid hsla(250,90%,65%,.2)}.your-rank-inner{display:flex;align-items:center;justify-content:space-between}.your-rank-left{display:flex;align-items:center;gap:1rem}.your-rank-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:var(--primary-foreground)}.your-rank-info p{font-weight:700;color:var(--foreground)}.your-rank-info small{font-size:.875rem;color:var(--muted-foreground)}.your-rank-right{text-align:right}.your-rank-num{font-size:1.5rem;font-weight:700;color:var(--primary)}.your-rank-pts{font-size:.875rem;color:var(--muted-foreground)}.not-found{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--background);text-align:center}.not-found h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.not-found p{font-size:1.25rem;color:var(--muted-foreground);margin-bottom:1rem}.not-found a{color:var(--primary);text-decoration:underline}.not-found a:hover{opacity:.9}@media (min-width: 640px){.hero-actions{flex-direction:row;justify-content:center}.game-modes-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:3rem}}@media (min-width: 768px){.hero-stats{gap:4rem}.hero-title{font-size:3.75rem}.hero-stat-value{font-size:2.5rem}.cta-box{padding:3rem}.cta-title{font-size:2.5rem}.footer .container{flex-direction:row;justify-content:space-between}.section-title{font-size:2.5rem}}@media (min-width: 1024px){.auth-deco{display:flex}.features-grid{grid-template-columns:repeat(4,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-main{grid-template-columns:2fr 1fr}}.profile-header-inner{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.profile-avatar-section{position:relative}.profile-avatar-btn{position:relative;cursor:pointer;background:none;border:none;padding:0}.profile-avatar{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--border);transition:border-color .2s}.profile-avatar-btn:hover .profile-avatar{border-color:var(--primary)}.profile-avatar-edit{position:absolute;bottom:0;right:0;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;border:2px solid var(--background)}.avatar-picker{position:absolute;top:calc(100% + .5rem);left:0;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;box-shadow:0 10px 40px #0006;z-index:50;min-width:220px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.avatar-option{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;transition:all .2s}.avatar-option:hover{transform:scale(1.15)}.avatar-option.selected{border-color:var(--primary-foreground);box-shadow:0 0 12px #7055f680}.profile-info{flex:1;min-width:200px}.profile-quick-stats{display:flex;gap:1.5rem;margin-left:auto}.profile-stat{display:flex;align-items:center;gap:.5rem}.profile-tabs{display:flex;gap:.25rem;background:var(--secondary);border-radius:var(--radius);padding:.25rem}.profile-tab{display:flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;border-radius:calc(var(--radius) - 4px);font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:all .2s;flex:1;justify-content:center}.profile-tab:hover{color:var(--foreground)}.profile-tab.active{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #0003}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quiz-results-list{display:flex;flex-direction:column;gap:.75rem}.quiz-result-card{padding:1.25rem}.quiz-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.quiz-result-bar-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.quiz-result-bar{flex:1;height:6px;background:var(--secondary);border-radius:3px;overflow:hidden}.quiz-result-bar-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .5s ease-out}@media (max-width: 640px){.profile-header-inner{flex-direction:column;align-items:center;text-align:center}.profile-quick-stats{margin-left:0;justify-content:center}.profile-stats-grid{grid-template-columns:1fr}.avatar-picker{left:50%;transform:translate(-50%)}}