.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(var(--accent-rgb,99, 102, 241), .18);transition:border-color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.card-spotlight:not(.stat-card):not(.home-panel):not(.home-hero-identity):not(.comparison-side):not(.challenge-card):not(.mini-panel):not(.profile-stat):not(.analytics-panel):not(.topbar-profile){border-radius:var(--radius-lg,1rem);border:1px solid var(--border,#ffffff14);background-color:var(--surface,#ffffff08);padding:1.5rem}.card-spotlight:before{content:"";background:radial-gradient(circle 220px at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);opacity:0;pointer-events:none;z-index:0;transition:opacity .35s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight>*{z-index:1;position:relative}.card-spotlight.stat-card:hover{border-color:rgba(var(--accent-rgb), .35);box-shadow:0 8px 28px rgba(var(--shadow-color,0, 0, 0), .18);transform:translateY(-3px)}.card-spotlight.home-panel:hover,.card-spotlight.mini-panel:hover{border-color:rgba(var(--accent-rgb), .28);box-shadow:0 10px 32px rgba(var(--shadow-color,0, 0, 0), .14)}.card-spotlight.home-hero-identity:hover{border-color:rgba(var(--accent-rgb), .24);box-shadow:0 8px 24px rgba(var(--shadow-color,0, 0, 0), .1)}.card-spotlight.challenge-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.card-spotlight.challenge-card:hover{border-color:rgba(var(--accent-rgb), .4);box-shadow:0 12px 36px rgba(var(--shadow-color,0, 0, 0), .16)}.card-spotlight.profile-stat:hover,.card-spotlight.analytics-panel:hover{border-color:rgba(var(--accent-rgb), .3);box-shadow:0 8px 24px rgba(var(--shadow-color,0, 0, 0), .12)}.card-spotlight.topbar-profile{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}@media (prefers-reduced-motion:reduce){.card-spotlight:before{display:none}.card-spotlight.stat-card:hover{transform:none}}.landing{background:radial-gradient(circle at 70% 20%, rgba(var(--accent-rgb), .08), transparent 35%), var(--bg-primary);min-height:100vh}.navbar{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:sticky;top:0}.navbar-logo{letter-spacing:-.5px;font-size:18px;font-weight:800}.navbar-links{gap:32px;display:flex}.navbar-links a{color:var(--text-secondary);font-size:14px;transition:color .2s}.navbar-login{color:var(--text-secondary);background:0 0;border:0;padding:10px 16px}.navbar-cta{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);padding:10px 16px;font-size:13px;font-weight:700}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1400px;min-height:calc(100vh - 72px);margin:0 auto;padding:80px 48px;display:grid}.hero-eyebrow{color:var(--accent);letter-spacing:2px;margin-bottom:24px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-4px;font-size:clamp(48px,6vw,82px);line-height:.98}.hero h1 span{color:var(--text-secondary)}.hero-description{max-width:520px;color:var(--text-secondary);margin-top:28px;font-size:17px;line-height:1.7}.hero-actions{gap:12px;margin-top:36px;display:flex}.hero-primary,.hero-secondary{border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:700;display:inline-flex}.hero-primary{background:var(--accent);color:var(--bg-primary)}.hero-secondary{border:1px solid var(--border);color:var(--text-primary)}.hero-demo{position:relative}.code-window{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 30px 80px rgba(var(--shadow-color), .35);overflow:hidden}.code-header,.code-footer{border-bottom:1px solid var(--border);height:48px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 18px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.code-footer{border-top:1px solid var(--border);border-bottom:0}.window-dots{gap:6px;display:flex}.window-dots span{background:var(--border);border-radius:50%;width:7px;height:7px}.code-status{color:var(--accent)}.code-body{padding:24px 0;font-family:JetBrains Mono,monospace;font-size:13px}.line{color:var(--text-secondary);grid-template-columns:48px 1fr;padding:7px 20px;display:grid}.line>span{color:var(--text-muted)}.line code{color:var(--text-primary)}.error-line{background:rgba(var(--danger-rgb), .08);border-left:2px solid var(--danger)}.test-failed{color:var(--danger)}.demo-result{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(var(--shadow-color), .4);flex-direction:column;gap:4px;padding:16px 20px;display:flex;position:absolute;bottom:-28px;right:-24px}.demo-result span{color:var(--success);letter-spacing:1px;font-size:10px;font-weight:700}.demo-result strong{font-family:JetBrains Mono,monospace;font-size:22px}.section-placeholder{max-width:1400px;min-height:500px;margin:0 auto;padding:120px 48px}.section-placeholder>span{color:var(--accent);font-family:JetBrains Mono,monospace}.section-placeholder h2{margin-top:20px;font-size:48px}@media (width<=900px){.navbar{padding:0 24px}.navbar-links{display:none}.hero{grid-template-columns:1fr;padding:70px 24px}.hero h1{font-size:clamp(44px,12vw,68px)}.hero-demo{margin-top:30px}.demo-result{right:12px}}.demo-status{transition:color .3s}.demo-testing .demo-status{color:var(--info)}.demo-failed .demo-status{color:var(--danger)}.demo-fixing .demo-status{color:var(--warning)}.demo-success .demo-status{color:var(--success)}.demo-success .code-window{box-shadow:0 0 40px #57e38914, 0 30px 80px rgba(var(--shadow-color), .35);border-color:#57e38973}.demo-failed .error-line{animation:.8s infinite alternate errorPulse}.demo-fixing .error-line{animation:.8s forwards fixLine}.demo-success .demo-result{animation:.5s resultPop}@keyframes errorPulse{0%{background:rgba(var(--danger-rgb), .05)}to{background:rgba(var(--danger-rgb), .16)}}@keyframes fixLine{0%{background:#ffb84d26}to{background:#57e3891f}}@keyframes resultPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.section-number{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px}.landing-section h2{letter-spacing:-3px;max-width:700px;margin-top:18px;font-size:clamp(40px,5vw,64px);line-height:1}.landing-section>p{max-width:600px;color:var(--text-secondary);margin-top:24px;font-size:17px;line-height:1.7}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px;display:grid}.step{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:250px;padding:28px;transition:transform .25s,border-color .25s}.step:hover{border-color:rgba(var(--accent-rgb), .4);transform:translateY(-6px)}.step>span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.step h3{margin-top:70px;font-size:24px}.step p{color:var(--text-secondary);margin-top:10px;line-height:1.6}.mode-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px;display:grid}.mode-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-height:280px;padding:28px;transition:transform .3s,background .3s,border-color .3s;display:flex}.mode-card:hover{background:var(--bg-elevated);border-color:rgba(var(--accent-rgb), .35);transform:translateY(-8px)}.mode-card>span{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px}.mode-card h3{letter-spacing:-1px;margin-top:auto;font-size:26px}.mode-card p{color:var(--text-secondary);margin-top:12px;line-height:1.6}@media (width<=900px){.landing-section{padding:100px 24px}.steps{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.mode-grid{grid-template-columns:1fr}.landing-section h2{letter-spacing:-2px}}.product-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:220px 1fr;gap:60px;max-width:1400px;margin:0 auto;padding:70px 48px;display:grid}.stat-intro span{color:var(--text-muted);letter-spacing:1.5px;font-family:JetBrains Mono,monospace;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat-item{border-left:1px solid var(--border);padding:0 28px}.stat-item strong{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:20px;display:block}.stat-item span{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.5;display:block}.section-heading{max-width:760px}.section-number{color:var(--accent);letter-spacing:1.5px;font-family:JetBrains Mono,monospace;font-size:11px}.section-heading h2{letter-spacing:-3px;margin-top:20px;font-size:clamp(42px,5vw,70px);line-height:.98}.section-heading p{max-width:620px;color:var(--text-secondary);margin-top:28px;font-size:16px;line-height:1.8}.landing-section{max-width:1400px;margin:0 auto;padding:150px 48px}.process{border-top:1px solid var(--border);margin-top:100px}.process-item{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr;padding:42px 0;transition:padding-left .3s,border-color .3s;display:grid}.process-item:hover{border-color:rgba(var(--accent-rgb), .35);padding-left:20px}.process-number{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.process-content{max-width:650px}.process-label{color:var(--accent);letter-spacing:1.5px;font-family:JetBrains Mono,monospace;font-size:10px}.process-content h3{letter-spacing:-1px;margin-top:12px;font-size:34px}.process-content p{max-width:520px;color:var(--text-secondary);margin-top:10px;line-height:1.7}.why-bug-arena{position:relative}.comparison{grid-template-columns:1fr 80px 1fr;align-items:stretch;margin-top:100px;display:grid}.comparison-side{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);min-height:500px;padding:30px}.comparison-side.arena{background:radial-gradient(circle at 80% 20%, rgba(var(--accent-rgb), .08), transparent 40%), var(--bg-surface);border-color:rgba(var(--accent-rgb), .2)}.comparison-header{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;padding-bottom:20px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.arena .comparison-header{color:var(--accent)}.comparison-flow{flex-direction:column;align-items:flex-start;gap:12px;margin-top:34px;display:flex}.comparison-flow div{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);padding:13px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.arena .comparison-flow div{color:var(--text-primary)}.comparison-flow span{text-align:center;width:100%;color:var(--text-muted);font-size:12px}.comparison-divider{color:var(--text-muted);justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.why-statement{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;max-width:850px;margin:100px auto 0;padding:50px 0}.why-statement span{color:var(--accent);letter-spacing:2px;font-family:JetBrains Mono,monospace;font-size:10px}.why-statement p{color:var(--text-secondary);margin-top:22px;font-size:clamp(22px,3vw,34px);line-height:1.4}.why-statement strong{color:var(--text-primary)}@media (width<=900px){.product-stats{grid-template-columns:1fr;gap:30px;padding:60px 24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px 0}.stat-item{padding:0 20px}.landing-section{padding:100px 24px}.comparison{grid-template-columns:1fr;gap:20px}.comparison-divider{height:50px}.comparison-side{min-height:auto}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.stat-item{border-left:0;border-bottom:1px solid var(--border);padding:18px 0}.process-item{grid-template-columns:50px 1fr}.section-heading h2{letter-spacing:-2px}.comparison-side{padding:20px}}.mode-selector{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);margin-top:90px;overflow:hidden}.mode-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.mode-tab{border:0;border-right:1px solid var(--border);color:var(--text-muted);background:0 0;align-items:center;gap:14px;padding:22px;font-family:JetBrains Mono,monospace;font-size:12px;transition:background .25s,color .25s;display:flex}.mode-tab:last-child{border-right:0}.mode-tab span{color:var(--text-muted)}.mode-tab:hover,.mode-tab.active{background:var(--bg-elevated);color:var(--text-primary)}.mode-tab.active span{color:var(--accent)}.mode-display{grid-template-columns:1fr 1fr;min-height:500px;display:grid}.mode-live{color:var(--accent);letter-spacing:1.5px;font-family:JetBrains Mono,monospace;font-size:10px}.mode-display-info h3{letter-spacing:-4px;margin-top:25px;font-size:clamp(44px,6vw,72px);line-height:1}.mode-display-info strong{color:var(--text-secondary);letter-spacing:.5px;margin-top:22px;font-size:14px;display:block}.mode-display-info p{max-width:500px;color:var(--text-secondary);margin-top:20px;line-height:1.7}.mode-stats{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.mode-stats span{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:9px}.mode-action{color:var(--text-primary);align-items:center;gap:12px;margin-top:38px;font-size:13px;font-weight:700;display:inline-flex}.mode-action span{color:var(--accent)}.mode-visual{border-left:1px solid var(--border);background:radial-gradient(circle at center, rgba(var(--accent-rgb), .09), transparent 45%), var(--bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mode-visual-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.35;background-size:45px 45px;position:absolute;inset:0}.mode-visual-center{z-index:2;border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--shadow-color), .8);width:210px;height:210px;box-shadow:0 0 70px rgba(var(--accent-rgb), .08);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mode-visual-center span{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:10px}.mode-visual-center strong{margin-top:8px;font-family:JetBrains Mono,monospace;font-size:34px}.mode-visual-center small{color:var(--text-muted);margin-top:8px;font-size:10px}.challenge-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);grid-template-columns:.9fr 1.1fr;margin-top:90px;display:grid;overflow:hidden}.challenge-info{padding:50px}.challenge-top{justify-content:space-between;display:flex}.challenge-id,.challenge-language{font-family:JetBrains Mono,monospace;font-size:10px}.challenge-language{color:var(--text-muted)}.challenge-info h3{letter-spacing:-2px;margin-top:70px;font-size:clamp(36px,4vw,54px)}.challenge-info p{max-width:500px;color:var(--text-secondary);margin-top:20px;line-height:1.7}.challenge-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:45px;display:grid}.challenge-stats div{border-right:1px solid var(--border);padding:18px 10px}.challenge-stats div:last-child{border-right:0}.challenge-stats strong{font-family:JetBrains Mono,monospace;font-size:17px;display:block}.challenge-stats span{color:var(--text-muted);margin-top:6px;font-size:9px;display:block}.challenge-action{color:var(--text-primary);align-items:center;gap:12px;margin-top:38px;font-size:13px;font-weight:700;display:inline-flex}.challenge-action span{color:var(--accent)}.challenge-editor{border-left:1px solid var(--border);background:#0a0c0f;flex-direction:column;min-height:520px;display:flex}.editor-header,.editor-footer{border-bottom:1px solid var(--border);height:52px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.editor-footer{border-top:1px solid var(--border);border-bottom:0;margin-top:auto}.editor-dots{gap:6px;display:flex}.editor-dots span{background:var(--border);border-radius:50%;width:7px;height:7px}.editor-code{padding:35px 0}.editor-line{grid-template-columns:55px 1fr;padding:9px 20px;font-family:JetBrains Mono,monospace;font-size:12px;display:grid}.editor-line>span{color:var(--text-muted)}.editor-line code{color:var(--text-secondary)}.editor-line.error{background:rgba(var(--danger-rgb), .08);border-left:2px solid var(--danger)}.editor-line.error code{color:var(--text-primary)}.editor-error{color:var(--danger)}.rank-system{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:100px;padding:50px 30px;overflow-x:auto}.rank-path{grid-template-columns:repeat(6,1fr);min-width:800px;display:grid;position:relative}.rank-path:before{content:"";background:var(--border);height:1px;position:absolute;top:18px;left:8%;right:8%}.rank-node{z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.rank-dot{border:1px solid var(--border);background:var(--bg-primary);width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.rank-node span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.rank-node.current .rank-dot{border-color:var(--accent);background:var(--accent);color:var(--bg-primary);box-shadow:0 0 30px rgba(var(--accent-rgb), .2)}.rank-node.current span{color:var(--accent)}.player-progress{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:.7fr 1.3fr;margin-top:55px;display:grid;overflow:hidden}.rating-card{border-right:1px solid var(--border);background:var(--bg-surface);padding:35px}.rating-card>span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.rating-card>strong{letter-spacing:-3px;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:54px;display:block}.rating-change{align-items:center;gap:10px;margin-top:12px;display:flex}.rating-change span{color:var(--success);font-family:JetBrains Mono,monospace;font-size:14px}.rating-change small{color:var(--text-muted);font-size:9px}.progress-stats{grid-template-columns:repeat(4,1fr);display:grid}.progress-stats div{border-right:1px solid var(--border);padding:35px 20px}.progress-stats div:last-child{border-right:0}.progress-stats span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px;display:block}.progress-stats strong{margin-top:12px;font-family:JetBrains Mono,monospace;font-size:21px;display:block}@media (width<=900px){.mode-tabs{grid-template-columns:repeat(2,1fr)}.mode-tab:nth-child(2){border-right:0}.mode-display{grid-template-columns:1fr}.mode-visual{border-left:0;border-top:1px solid var(--border);min-height:350px}.challenge-card{grid-template-columns:1fr}.challenge-editor{border-left:0;border-top:1px solid var(--border)}.player-progress{grid-template-columns:1fr}.rating-card{border-right:0;border-bottom:1px solid var(--border)}}@media (width<=600px){.mode-tabs{grid-template-columns:1fr}.mode-tab,.mode-tab:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.mode-display-info,.challenge-info{padding:30px 24px}.challenge-stats{grid-template-columns:1fr}.challenge-stats div{border-right:0;border-bottom:1px solid var(--border)}.challenge-stats div:last-child{border-bottom:0}.progress-stats{grid-template-columns:1fr 1fr}.progress-stats div:nth-child(2){border-right:0}.progress-stats div:nth-child(3),.progress-stats div:nth-child(4){border-top:1px solid var(--border)}}.leaderboard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);margin-top:90px;overflow:hidden}.leaderboard-header{border-bottom:1px solid var(--border);color:var(--accent);justify-content:space-between;padding:22px 25px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.leaderboard-columns,.leaderboard-row{grid-template-columns:100px 1fr 180px 150px;align-items:center;display:grid}.leaderboard-columns{background:var(--bg-elevated);color:var(--text-muted);padding:14px 25px;font-family:JetBrains Mono,monospace;font-size:9px}.leaderboard-row{border-top:1px solid var(--border);min-height:72px;color:var(--text-secondary);padding:0 25px;font-family:JetBrains Mono,monospace;font-size:12px;transition:background .2s}.player-rank{color:var(--text-muted)}.leaderboard-row strong{color:var(--text-primary)}.player-win{color:var(--success)}.leaderboard-divider{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:20px}.current-player{background:rgba(var(--accent-rgb), .05);border-top-color:rgba(var(--accent-rgb), .2)}.current-player .player-rank,.current-player strong{color:var(--accent)}.leaderboard-footer{border-top:1px solid var(--border);text-align:right;padding:24px}.leaderboard-footer a{color:var(--text-primary);gap:10px;font-size:12px;font-weight:700;display:inline-flex}.leaderboard-footer span{color:var(--accent)}.replay-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);grid-template-columns:1.3fr .7fr;min-height:540px;margin-top:90px;display:grid;overflow:hidden}.replay-editor{background:#0a0c0f}.replay-header{border-bottom:1px solid var(--border);height:52px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.replay-code{padding:50px 0}.editor-line.active{background:rgba(var(--accent-rgb), .08);border-left:2px solid var(--accent)}.editor-line.active code{color:var(--text-primary)}.replay-timeline{border-left:1px solid var(--border);padding:30px}.timeline-top{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;padding-bottom:22px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.timeline{margin-top:30px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:7px;bottom:7px;left:4px}.timeline-step{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:20px;padding:0 0 28px;display:flex;position:relative}.timeline-dot{z-index:2;border:1px solid var(--text-muted);background:var(--bg-surface);border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px;position:relative}.timeline-step strong{font-family:JetBrains Mono,monospace;font-size:10px;display:block}.timeline-step small{color:var(--text-muted);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}.timeline-step.active{color:var(--text-primary)}.timeline-step.active .timeline-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb), .35)}.timeline-current{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);margin-top:15px;padding:20px}.timeline-current span,.timeline-current small{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px;display:block}.timeline-current strong{color:var(--accent);margin:10px 0;font-family:JetBrains Mono,monospace;font-size:13px;display:block}.replay-action{color:var(--text-primary);gap:10px;margin-top:25px;font-size:12px;font-weight:700;display:inline-flex}.replay-action span{color:var(--accent)}.final-cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:center;align-items:center;min-height:620px;display:flex;position:relative;overflow:hidden}.final-cta-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.25;background-size:60px 60px;position:absolute;inset:0}.final-cta-grid:after{content:"";background:radial-gradient(circle at center, rgba(var(--accent-rgb), .12), transparent 45%);position:absolute;inset:0}.final-cta-content{z-index:2;text-align:center;max-width:850px;padding:40px;position:relative}.final-cta-content>span{color:var(--accent);letter-spacing:2px;font-family:JetBrains Mono,monospace;font-size:10px}.final-cta-content h2{letter-spacing:-6px;margin-top:25px;font-size:clamp(56px,9vw,120px);line-height:.9}.final-cta-content p{max-width:560px;color:var(--text-secondary);margin:35px auto 0;font-size:16px;line-height:1.7}.final-cta-button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-primary);align-items:center;gap:15px;margin-top:40px;padding:16px 24px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s;display:inline-flex}.final-cta-button:hover{box-shadow:0 15px 40px rgba(var(--accent-rgb), .15);transform:translateY(-3px)}.final-cta-button span{font-size:16px}.landing-footer{max-width:1400px;margin:0 auto;padding:80px 48px 30px}.footer-main{border-bottom:1px solid var(--border);grid-template-columns:1fr 1.5fr;gap:100px;padding-bottom:70px;display:grid}.footer-logo{color:var(--text-primary);letter-spacing:-1px;font-family:JetBrains Mono,monospace;font-size:21px;font-weight:800}.footer-logo span{color:var(--accent)}.footer-brand p{color:var(--text-muted);margin-top:20px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.8}.footer-links{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.footer-links div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-links div>span{color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:9px}.footer-links a{color:var(--text-secondary);font-size:11px;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{color:var(--text-muted);grid-template-columns:1fr 1fr 1fr;padding-top:25px;font-family:JetBrains Mono,monospace;font-size:9px;display:grid}.footer-bottom span:nth-child(2){text-align:center}.footer-bottom span:last-child{text-align:right;color:var(--accent)}@media (width<=900px){.leaderboard-columns,.leaderboard-row{grid-template-columns:70px 1fr 100px 100px}.replay-card{grid-template-columns:1fr}.replay-timeline{border-left:0;border-top:1px solid var(--border)}.footer-main{grid-template-columns:1fr;gap:60px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.leaderboard{overflow-x:auto}.leaderboard-header,.leaderboard-columns,.leaderboard-row{min-width:550px}.replay-timeline{padding:24px}.final-cta{min-height:500px}.final-cta-content{padding:24px}.final-cta-content h2{letter-spacing:-3px}.landing-footer{padding:60px 24px 25px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{grid-template-columns:1fr;gap:12px}.footer-bottom span,.footer-bottom span:nth-child(2),.footer-bottom span:last-child{text-align:left}}.site-navbar{z-index:1000;border-bottom:1px solid #0000;padding:18px 30px;transition:padding .3s,background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.site-navbar.scrolled{background:rgba(var(--shadow-color), .82);border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 30px}.navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-logo{color:var(--text-primary);letter-spacing:-1px;font-family:JetBrains Mono,monospace;font-size:17px;font-weight:800}.navbar-logo span{color:var(--accent)}.navbar-links{align-items:center;gap:30px;display:flex}.navbar-links a{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .2s;position:absolute;bottom:-7px;left:0}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:hover:after{width:100%}.navbar-actions{align-items:center;gap:18px;display:flex}.navbar-login{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px}.navbar-cta{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-primary);padding:10px 15px;font-size:10px;font-weight:800}.navbar-menu{border:1px solid var(--border);border-radius:var(--radius-sm);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:38px;height:38px;display:none}.navbar-menu span{background:var(--text-primary);width:15px;height:1px}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(35px)}.reveal.visible{opacity:1;transform:translateY(0)}.challenge-card,.mode-selector,.leaderboard,.replay-card,.player-progress{transition:border-color .3s,transform .3s}.challenge-card:hover,.replay-card:hover{border-color:rgba(var(--accent-rgb), .22)}.challenge-action,.mode-action,.replay-action,.leaderboard-footer a{transition:color .2s,gap .2s}.challenge-action:hover,.mode-action:hover,.replay-action:hover,.leaderboard-footer a:hover{color:var(--accent);gap:16px}html{scroll-behavior:smooth}section[id]{scroll-margin-top:90px}@media (width<=760px){.site-navbar{padding:15px 20px}.site-navbar.scrolled{padding:11px 20px}.navbar-links{border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(var(--shadow-color), .96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:calc(100% + 10px);left:20px;right:20px}.navbar-links.open{display:flex}.navbar-links a{padding:14px}.navbar-menu{display:flex}.navbar-login,.navbar-cta{display:none}}@media (width<=600px){.section-heading h2{letter-spacing:-2px;font-size:42px}.section-heading p{font-size:13px}.mode-display-info h3{letter-spacing:-3px;font-size:48px}.final-cta-content h2{font-size:58px}.footer-links{gap:35px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.landing{background:radial-gradient(circle at 12% 12%, rgba(var(--secondary-rgb), .11), transparent 27%), radial-gradient(circle at 88% 18%, rgba(var(--primary-rgb), .1), transparent 30%), var(--bg-primary)}.landing main{overflow:hidden}.site-navbar{padding:16px 28px}.site-navbar.scrolled{background:color-mix(in srgb, var(--bg-primary) 90%, transparent);box-shadow:0 12px 40px rgba(var(--shadow-color),.12)}.navbar-inner{max-width:1480px;min-height:48px;padding:0 6px}.navbar-logo{letter-spacing:-.08em;font-size:18px}.navbar-links{border:1px solid #0000;border-radius:12px;padding:5px}.navbar-links a{border-radius:8px;padding:8px 10px;font-size:11px}.navbar-links a:hover{background:var(--bg-elevated)}.navbar-actions{gap:9px}.navbar-login{border-radius:9px;padding:10px 12px}.navbar-login:hover{background:var(--bg-elevated);color:var(--text-primary)}.navbar-cta{box-shadow:0 8px 22px rgba(var(--primary-rgb),.15);border-radius:9px;padding:11px 16px}.hero{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:clamp(50px,7vw,110px);max-width:1480px;min-height:860px;padding:130px 54px 100px}.hero-content{z-index:2;position:relative}.hero-eyebrow,.section-number{align-items:center;gap:10px;display:inline-flex}.hero-eyebrow:before,.section-number:before{content:"";background:var(--accent);width:26px;height:1px}.hero h1{letter-spacing:-.055em;max-width:820px;font-size:clamp(54px,6.2vw,92px);font-weight:800;line-height:.99}.hero h1 span{color:#0000;-webkit-text-stroke:1px var(--text-secondary);opacity:.95}.hero-description{max-width:610px;color:var(--text-secondary);font-size:18px;line-height:1.8}.hero-actions{gap:10px;margin-top:42px}.hero-primary,.hero-secondary{border-radius:10px;min-height:48px;padding:0 20px}.hero-primary{box-shadow:0 12px 30px rgba(var(--primary-rgb),.16)}.hero-secondary{background:var(--surface-tint)}.hero-demo{filter:drop-shadow(0 30px 70px rgba(var(--shadow-color),.18))}.code-window{background:linear-gradient(145deg, var(--bg-surface), var(--bg-elevated));box-shadow:var(--shadow-strong);border-radius:16px}.code-header,.code-footer{height:52px}.code-body{min-height:300px;padding:28px 0}.line{padding:8px 22px}.demo-result{background:var(--bg-surface);min-width:150px;box-shadow:var(--shadow-md);border-radius:12px;padding:17px 19px;bottom:-22px;right:-18px}.product-stats,.landing-section{width:min(1260px,100% - 48px);margin-inline:auto}.product-stats{border-top:1px solid var(--border);margin-top:10px;padding:22px 0 100px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0}.stat-item{border-left:1px solid var(--border);background:0 0;min-height:125px;padding:20px 28px}.stat-item:last-child{border-right:1px solid var(--border)}.stat-item strong{color:var(--text-primary);font-size:22px}.stat-item span{line-height:1.65}.landing-section{padding:120px 0}.section-heading{max-width:800px;margin-bottom:58px}.section-heading h2{letter-spacing:-.045em;font-size:clamp(44px,5vw,70px);line-height:1.02}.section-heading h2 span{color:var(--text-muted)}.section-heading p{max-width:650px;color:var(--text-secondary);font-size:16px;line-height:1.8}.process-item,.comparison-side,.mode-selector,.challenge-card,.replay-card,.leaderboard,.final-cta{background:var(--bg-surface);box-shadow:var(--shadow-sm)}.process-item{border-color:var(--border);border-radius:14px;padding:28px}.process-item:hover,.challenge-card:hover,.replay-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mode-selector,.leaderboard,.replay-card{border-radius:16px;overflow:hidden}.mode-tabs{background:var(--bg-elevated)}.mode-tab.active{background:var(--bg-surface);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.mode-display{min-height:420px}.mode-display-info{padding:54px}.mode-visual{background:linear-gradient(145deg, rgba(var(--secondary-rgb),.08), rgba(var(--primary-rgb),.06)), var(--bg-sunken)}.final-cta{width:min(1260px,100% - 48px);box-shadow:var(--shadow-strong);border-radius:20px;margin:80px auto 0;padding:90px 60px;position:relative;overflow:hidden}.final-cta:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%, rgba(var(--secondary-rgb),.16), transparent 35%);position:absolute;inset:0}.final-cta-content{z-index:1;max-width:760px;position:relative}.final-cta-content h2{letter-spacing:-.05em;font-size:clamp(48px,6vw,78px)}.landing-footer{background:var(--bg-sunken);border-top:1px solid var(--border);margin-top:80px}.footer-main{width:min(1260px,100% - 48px);margin-inline:auto;padding:90px 0 60px}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:120px}.hero-demo{width:100%;max-width:760px;margin-inline:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:1px solid var(--border)}}@media (width<=640px){.site-navbar{padding-inline:14px}.navbar-actions{gap:5px}.hero{padding:105px 24px 70px}.hero h1{letter-spacing:-.045em;font-size:clamp(45px,14vw,66px)}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-primary,.hero-secondary{justify-content:center}.product-stats,.landing-section,.final-cta{width:min(100% - 32px,1260px)}.landing-section{padding:80px 0}.section-heading h2{font-size:42px}.stats-grid{grid-template-columns:1fr 1fr}.stat-item{padding:18px 14px}.mode-display-info{padding:30px 22px}.final-cta{padding:65px 24px}}.landing{--ambient-x:0px;--ambient-y:0px;isolation:isolate;background:radial-gradient(circle at calc(14% + var(--ambient-x)) calc(13% + var(--ambient-y)), rgba(var(--secondary-rgb), .12), transparent 26%), radial-gradient(circle at calc(88% - var(--ambient-y)) calc(18% + var(--ambient-x)), rgba(var(--primary-rgb), .1), transparent 29%), var(--bg-primary);position:relative}.landing:before{content:"";z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:68px 68px;background-position:var(--ambient-x) var(--ambient-y);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}[data-theme=light] .landing:before{opacity:.32}.hero:before,.landing-section:before,.product-stats:before{content:"";pointer-events:none;background:radial-gradient(circle, rgba(var(--secondary-rgb), .09), transparent 70%);filter:blur(8px);width:260px;height:260px;transform:translate3d(var(--ambient-x), var(--ambient-y), 0);opacity:.8;border-radius:50%;position:absolute}.hero{position:relative}.hero:before{top:90px;right:8%}.landing-section,.product-stats{position:relative}.landing-section:before{top:15%;right:-120px}.product-stats:before{top:-100px;left:-100px}.mode-visual-grid,.final-cta-grid{background-position:calc(0px + var(--ambient-x)) calc(0px + var(--ambient-y));animation:14s linear infinite premium-grid-drift}.mode-visual-grid:after,.final-cta-grid:before{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 28%, rgba(var(--primary-rgb), .05) 48%, transparent 68%);animation:premium-scan 9s var(--ease-out) infinite alternate;position:absolute;inset:-25%;transform:translate(-30%)}.code-window{isolation:isolate;position:relative}.code-window:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(105deg, transparent 30%, rgba(var(--primary-rgb), .045) 50%, transparent 70%);animation:6.5s ease-in-out infinite code-scan;position:absolute;inset:0;transform:translate(-70%)}.demo-result{animation:5s ease-in-out infinite premium-float}.navbar-logo,.hero-primary,.navbar-cta,.final-cta-button,.mode-action,.challenge-action,.replay-action{position:relative;overflow:hidden}.navbar-cta:after,.hero-primary:after,.final-cta-button:after,.mode-action:after,.challenge-action:after,.replay-action:after{content:"";transition:transform .65s var(--ease-out);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);position:absolute;inset:-100% 55% -100% -55%;transform:rotate(18deg)translate(-40%)}.navbar-cta:hover:after,.hero-primary:hover:after,.final-cta-button:hover:after,.mode-action:hover:after,.challenge-action:hover:after,.replay-action:hover:after{transform:rotate(18deg)translate(175%)}@keyframes premium-grid-drift{0%{background-position:var(--ambient-x) var(--ambient-y)}to{background-position:calc(var(--ambient-x) + 45px) calc(var(--ambient-y) + 30px)}}@keyframes premium-scan{0%{opacity:0;transform:translate(-32%)}40%{opacity:.65}to{opacity:0;transform:translate(32%)}}@keyframes code-scan{0%,55%{opacity:0;transform:translate(-75%)}68%{opacity:.75}to{opacity:0;transform:translate(75%)}}@keyframes premium-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-7px)}}[data-theme=light] .code-window,[data-theme=light] .process-item,[data-theme=light] .comparison-side,[data-theme=light] .mode-selector,[data-theme=light] .challenge-card,[data-theme=light] .replay-card,[data-theme=light] .leaderboard,[data-theme=light] .final-cta{box-shadow:0 18px 50px #364b691a}[data-theme=light] .product-stats,[data-theme=light] .landing-section{background:linear-gradient(#ffffff29,#0000)}@media (width<=900px){.landing:before{background-size:54px 54px}}@media (prefers-reduced-motion:reduce){.mode-visual-grid,.final-cta-grid,.mode-visual-grid:after,.final-cta-grid:before,.code-window:before,.demo-result{animation:none!important}}.hero-with-aurora{position:relative;overflow:hidden}.hero-aurora-bg{z-index:0;opacity:.55;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 95%);mask-image:linear-gradient(#000 40%,#0000 95%)}.hero-with-aurora .hero-content,.hero-with-aurora .hero-demo{z-index:2;position:relative}.hero-title-animated{display:block}.hero-title-animated .hero-blur-line{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;flex-wrap:wrap;margin:0;display:inline-flex}.hero-title-animated .hero-gradient-accent{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;display:inline-block}.hero-title-animated .hero-gradient-accent .text-content{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.hero-title-animated .animated-gradient-text{-webkit-backdrop-filter:none;backdrop-filter:none;cursor:default;background:0 0;border-radius:0}.hero-title-animated .animated-gradient-text.with-border{padding:0}@media (prefers-reduced-motion:reduce){.hero-aurora-bg{display:none}.hero-title-animated .hero-blur-line span{filter:none!important;opacity:1!important;transform:none!important}}[data-theme=light] .hero-aurora-bg{opacity:.35}.animated-counter{font-variant-numeric:tabular-nums;display:inline-block}html[lang=fa] .animated-counter{font-family:var(--font-fa);letter-spacing:0;font-weight:700}.animated-list__item{opacity:0;transform:translateY(14px)}.animated-list--visible .animated-list__item{animation:.55s cubic-bezier(.22,1,.36,1) forwards animated-list-enter;animation-delay:var(--anim-delay,0s)}@keyframes animated-list-enter{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.animated-list__item{opacity:1;animation:none;transform:none}}.aurora-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.aurora-container canvas{display:block;width:100%!important;height:100%!important}.dot-grid{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.animated-gradient-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:1.25rem;flex-direction:row;justify-content:center;align-items:center;max-width:fit-content;margin:0 auto;font-weight:500;transition:box-shadow .5s ease-out;display:flex;position:relative;overflow:hidden}.animated-gradient-text.with-border{padding:.35rem .75rem}.gradient-overlay{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0}.gradient-overlay:before{content:"";border-radius:inherit;z-index:-1;background-color:#120f17;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-content{z-index:2;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.logo-loop{min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.logo-loop__track{width:max-content;animation:logo-loop-scroll var(--loop-duration,34s) linear infinite;display:flex}.logo-loop--reverse .logo-loop__track{animation-direction:reverse}.logo-loop--pause:hover .logo-loop__track{animation-play-state:paused}.logo-loop__content{flex-shrink:0;align-items:center;display:flex}@keyframes logo-loop-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logo-loop__track{animation:none}}.shiny-text{color:var(--shiny-base,#c8c8c8a6);background:linear-gradient(120deg, var(--shiny-base,#c8c8c8a6) 40%, var(--shiny-shine,#ffffffeb) 50%, var(--shiny-base,#c8c8c8a6) 60%);animation:shiny-text-sweep var(--shiny-speed,4s) linear infinite;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block}.shiny-text--disabled{animation:none}@keyframes shiny-text-sweep{0%{background-position:220% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.shiny-text{animation:none}}.star-border{border-radius:var(--radius-md,10px);isolation:isolate;padding:1px;position:relative}.star-border__beams{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.star-border__beam{display:block;position:absolute;inset:-120%}.star-border__beam--a{background:conic-gradient(from 0deg, transparent 0deg 318deg, var(--sb-color) 348deg, transparent 360deg);animation:star-border-spin var(--sb-speed,7s) linear infinite}.star-border__beam--b{background:conic-gradient(from 180deg, transparent 0deg 330deg, var(--sb-color-2) 352deg, transparent 360deg);animation:star-border-spin calc(var(--sb-speed,7s) * 1.7) linear infinite reverse}@keyframes star-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-border__content{z-index:1;border-radius:calc(var(--radius-md,10px) - 1px);background:var(--bg-surface);height:100%;position:relative}@media (prefers-reduced-motion:reduce){.star-border__beam{opacity:.25;animation:none}}.duel-toast{z-index:var(--z-toast);align-items:center;gap:var(--space-4);min-width:320px;max-width:min(560px,100vw - 32px);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid rgba(var(--primary-rgb), .45);border-radius:var(--radius-md);box-shadow:var(--shadow-md), var(--shadow-accent);animation:duel-toast-in var(--duration-slow) var(--ease-spring);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}@keyframes duel-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.duel-toast-avatar{border-radius:var(--radius-pill);width:42px;height:42px;font-weight:700;font-size:var(--text-lg);color:var(--text-invert);flex:none;place-items:center;display:grid}.duel-toast-body{gap:2px;min-width:0;display:grid}.duel-toast-body strong{font-size:var(--text-sm);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--primary)}.duel-toast-body span{font-size:var(--text-base);color:var(--text-primary)}.duel-toast-body small{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.duel-toast-actions{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}.duel-toast-accept{padding:var(--space-2) var(--space-5);background:var(--primary);color:var(--text-invert);border-radius:var(--radius-sm);font-size:var(--text-sm);letter-spacing:.06em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), filter var(--duration-fast);border:none;font-weight:700}.duel-toast-accept:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.duel-toast-accept:disabled{opacity:.6;cursor:wait}.duel-toast-decline{width:30px;height:30px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;place-items:center;display:grid}.duel-toast-decline:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.home-page{flex-direction:column;gap:22px;max-width:1450px;margin:0 auto;padding-bottom:12px;display:flex}.home-hero{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(90% 130% at 82% -10%, rgba(var(--accent-rgb), .05), transparent 55%), radial-gradient(70% 120% at 8% 110%, rgba(var(--secondary-rgb), .05), transparent 55%), linear-gradient(180deg, var(--bg-surface), var(--bg-sunken));position:relative;overflow:hidden}.home-hero:before,.home-hero:after{content:"+";z-index:2;color:var(--text-muted);opacity:.55;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1;position:absolute}.home-hero:before{top:12px;inset-inline-start:14px}.home-hero:after{bottom:12px;inset-inline-end:14px}.home-hero-layers{z-index:0;pointer-events:none;position:absolute;inset:0}.home-hero-aurora{opacity:.55;position:absolute;inset:-12% -6% -24%;-webkit-mask-image:radial-gradient(75% 65% at 32% 18%,#000 0%,#0000 74%);mask-image:radial-gradient(75% 65% at 32% 18%,#000 0%,#0000 74%)}.home-hero-dots{opacity:.85}.home-hero-vignette{background:radial-gradient(130% 100% at 50% 0%, transparent 52%, rgba(var(--shadow-color), .38) 100%), linear-gradient(180deg, transparent 78%, rgba(var(--shadow-color), .22) 100%);position:absolute;inset:0}[data-theme=light] .home-hero-aurora{opacity:.45}[data-theme=light] .home-hero-vignette{background:radial-gradient(130% 100% at 50% 0%, transparent 55%, rgba(var(--shadow-color), .08) 100%)}.home-hero-grid{z-index:1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:30px;padding:34px 32px 30px;display:grid;position:relative}.home-hero-copy{flex-direction:column;gap:16px;max-width:780px;display:flex}.home-eyebrow,.panel-eyebrow,.stat-label{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.home-hero-eyebrow{align-items:center;min-height:14px;margin:0}.home-hero-title{letter-spacing:-2px;margin:4px 0 0;font-size:clamp(34px,4.4vw,56px);font-weight:800;line-height:1.02}.home-title-main{color:var(--text-primary)}.home-name-gradient{font-weight:inherit;letter-spacing:inherit;vertical-align:baseline;margin:0;padding:0;line-height:1}.home-name-gradient .text-content{font:inherit;line-height:inherit;letter-spacing:inherit}.home-header-body{max-width:560px;min-height:20px;color:var(--text-muted);align-items:baseline;margin:0;font-size:14px;line-height:1.7}.home-hero-metrics{border-top:1px solid var(--border-subtle,var(--border));flex-wrap:wrap;align-items:stretch;gap:22px;margin-top:8px;padding:16px 0 14px;display:flex}.hero-metric{flex-direction:column;justify-content:center;gap:6px;display:flex}.hero-metric-divider{background:var(--border-subtle,var(--border));align-self:stretch;width:1px}.hero-metric-label{color:var(--text-muted);letter-spacing:1.6px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.hero-metric-value{color:var(--text-primary);letter-spacing:-.5px;align-items:baseline;gap:7px;font-family:JetBrains Mono,monospace;font-size:19px;font-weight:800;line-height:1;display:inline-flex}.hero-metric--lead .hero-metric-value{letter-spacing:-1.5px;font-size:clamp(30px,3.2vw,40px)}.hero-metric-value--accent{color:var(--accent)}.hero-metric-unit{color:var(--accent);letter-spacing:1.4px;text-transform:uppercase;font-size:9px;font-style:normal}.hero-metric-sub{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:600}.home-hero-actions-block{flex-direction:column;gap:10px;margin-top:2px;display:flex}.home-hero-actions-label{color:var(--text-muted);letter-spacing:1.6px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.home-header-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-action,.secondary-action{border-radius:var(--radius-sm);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;height:44px;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.action-glyph{font-size:12px;line-height:1}.primary-action{border:1px solid var(--accent);background:linear-gradient(180deg, var(--accent-hover), var(--accent));box-shadow:var(--shadow-accent);color:var(--bg-primary);font-weight:800}.primary-action:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.secondary-action{border:1px solid var(--border);background:rgba(var(--shadow-color), .12);color:var(--text-secondary)}[data-theme=light] .secondary-action{background:0 0}.secondary-action:hover{border-color:var(--text-muted);color:var(--text-primary)}.secondary-action.duel-action{border-color:rgba(var(--accent-rgb), .45);color:var(--accent)}.secondary-action.duel-action:hover{border-color:var(--accent)}.home-hero-identity{z-index:1;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(var(--shadow-color), .14), transparent 42%), var(--bg-surface);flex-direction:column;gap:14px;padding:24px;display:flex;position:relative}[data-theme=light] .home-hero-identity{background:var(--bg-surface);box-shadow:0 1px 3px rgba(var(--shadow-color), .04)}.identity-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.identity-eyebrow{color:var(--text-muted);letter-spacing:1.6px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.identity-level-chip{border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .08);box-shadow:inset 0 0 12px rgba(var(--accent-rgb), .06);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.identity-level-label{color:var(--text-muted);letter-spacing:1.4px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.identity-level-value{color:var(--accent);letter-spacing:-.5px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800}.identity-rank{align-items:center;min-height:30px;display:flex}.identity-rank-title{letter-spacing:1.5px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:clamp(15px,1.6vw,19px);font-weight:800;line-height:1.2;display:inline-block}.identity-rank-title .text-content{font:inherit;letter-spacing:inherit;line-height:inherit}.identity-xp{flex-direction:column;gap:8px;display:flex}.identity-xp-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.identity-xp-current{color:var(--text-primary);align-items:baseline;gap:4px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:inline-flex}.identity-xp-current strong{color:var(--text-primary);font:inherit;font-weight:800}.identity-xp-sep{color:var(--text-muted);font-weight:400}.identity-xp-total{color:var(--text-muted);font-size:12px}.identity-xp-progress{color:var(--accent);letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.identity-xp-progress-soft{color:var(--text-muted);letter-spacing:0;text-transform:none;margin-inline-start:4px;font-weight:400}.identity-xp-track{border-radius:var(--radius-pill);background:var(--bg-elevated);width:100%;height:6px;box-shadow:inset 0 1px 2px rgba(var(--shadow-color), .25);position:relative;overflow:hidden}.identity-xp-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, var(--accent) 60%, var(--secondary) 100%);min-width:2px;height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1);display:block;position:relative}.identity-xp-fill:after{content:"";border-radius:inherit;opacity:.6;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);position:absolute;inset:0}.identity-divider{background:var(--border-subtle,var(--border));width:100%;height:1px}.identity-streak{align-items:center;gap:12px;display:flex}.identity-streak-icon{border-radius:var(--radius-sm);background:rgba(var(--warning-rgb), .1);border:1px solid rgba(var(--warning-rgb), .22);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;line-height:1;display:inline-flex}.identity-streak-body{flex-direction:column;gap:2px;min-width:0;display:flex}.identity-streak-count{color:var(--text-primary);align-items:baseline;gap:4px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;line-height:1.1;display:inline-flex}.identity-streak-unit{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600}.identity-streak-best{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.identity-streak-idle{color:var(--text-muted);letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;line-height:1.3}.arena-ticker{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);align-items:center;gap:14px;min-height:46px;padding:6px 8px 6px 6px;display:flex}.ticker-chip{z-index:1;border:1px solid rgba(var(--accent-rgb), .28);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .07);letter-spacing:1.4px;text-transform:uppercase;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:9px;display:inline-flex;position:relative}.ticker-chip .shiny-text{--shiny-base:var(--accent);--shiny-shine:#fffffff2;font:inherit;letter-spacing:inherit;text-transform:inherit}[data-theme=light] .ticker-chip .shiny-text{--shiny-shine:#bedbfff2}.ticker-chip-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 0 rgba(var(--accent-rgb), .5);border-radius:50%;flex-shrink:0;animation:2.4s ease-out infinite ticker-dot-ping}@keyframes ticker-dot-ping{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .45)}70%{box-shadow:0 0 0 7px rgba(var(--accent-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), 0)}}.ticker-loop{flex:1;min-width:0}.ticker-item{white-space:nowrap;align-items:center;gap:8px;padding:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.ticker-item strong{color:var(--text-secondary);font-weight:700}.ticker-item--you strong{color:var(--accent)}.ticker-score{color:var(--text-primary);font-weight:800}.ticker-item em{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-style:normal}.ticker-sep{color:var(--text-muted);opacity:.4;padding-inline-start:18px;font-size:7px;font-style:normal}.stat-rail{border-radius:var(--radius-md);grid-template-columns:repeat(4,minmax(0,1fr));padding:2px;display:grid;overflow:hidden}.stat-rail.motion-surface:hover{transform:none}.rail-metric{flex-direction:column;gap:9px;min-height:148px;padding:20px 22px 18px;transition:background-color .25s;display:flex;position:relative}.rail-metric+.rail-metric{border-inline-start:1px solid var(--border-subtle,var(--border))}.rail-metric:hover{background:rgba(var(--accent-rgb), .035)}.rail-metric:hover .stat-label{color:var(--accent)}.stat-value{letter-spacing:-1.6px;color:var(--text-primary);align-items:baseline;gap:5px;font-family:JetBrains Mono,monospace;font-size:31px;font-weight:800;line-height:1;display:inline-flex}.stat-value-sub{color:var(--text-muted);letter-spacing:0;font-size:13px;font-weight:700}.rail-bar{border-radius:var(--radius-pill);background:var(--bg-elevated);width:100%;height:3px;overflow:hidden}.rail-bar span{border-radius:inherit;background:var(--accent);min-width:2px;height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1);display:block}.rail-bar span[data-tone=secondary]{background:var(--secondary)}.rail-bar span[data-tone=tertiary]{background:var(--tertiary)}.rail-bar span[data-tone=success]{background:var(--success)}.stat-meta{color:var(--text-muted);letter-spacing:.4px;font-family:JetBrains Mono,monospace;font-size:8.5px}.stat-meta.accent,.stat-meta.positive{color:var(--accent)}.battle-deck{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;display:grid}.active-wrap{height:100%}.active-challenge{border-radius:calc(var(--radius-md) - 1px);background:0 0;border:0;height:100%}.home-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}.panel-header{border-bottom:1px solid var(--border-subtle,var(--border));justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px;display:flex}.panel-header h2{letter-spacing:-.5px;color:var(--text-primary);margin:7px 0 0;font-size:17px}.live-indicator{border:1px solid rgba(var(--accent-rgb), .25);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .06);letter-spacing:1.2px;text-transform:uppercase;align-items:center;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:8px;display:inline-flex}.live-indicator .shiny-text{--shiny-base:var(--accent);--shiny-shine:#fffffff2;font:inherit;letter-spacing:inherit;text-transform:inherit}[data-theme=light] .live-indicator .shiny-text{--shiny-shine:#bedbfff2}.challenge-preview{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.challenge-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.challenge-id,.challenge-difficulty{letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.challenge-id{color:var(--text-muted)}.challenge-difficulty{border-radius:var(--radius-xs);background:0 0;border:1px solid;padding:4px 9px}.challenge-difficulty.difficulty--easy{color:var(--difficulty-easy);border-color:rgba(var(--success-rgb), .35);background:rgba(var(--success-rgb), .07)}.challenge-difficulty.difficulty--medium{color:var(--difficulty-medium);border-color:rgba(var(--warning-rgb), .35);background:rgba(var(--warning-rgb), .07)}.challenge-difficulty.difficulty--hard{color:var(--difficulty-hard);border-color:rgba(var(--danger-rgb), .35);background:rgba(var(--danger-rgb), .07)}.challenge-preview h3{letter-spacing:-1.2px;color:var(--text-primary);margin:0;font-size:28px;line-height:1.15}.challenge-preview p{max-width:540px;color:var(--text-muted);margin:0;font-size:12px;line-height:1.75}.challenge-tags{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.challenge-tags span{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);letter-spacing:.8px;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:8px}.challenge-start{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:border-color .22s,color .22s,background-color .22s;display:flex}.challenge-start:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .06);color:var(--accent)}.challenge-start-arrow{transition:transform .22s var(--ease-out);font-size:13px}.challenge-start:hover .challenge-start-arrow{transform:translate(3px)}[dir=rtl] .challenge-start-arrow,[dir=rtl] .fy-cta .challenge-start-arrow,[dir=rtl] .panel-link{transform:scaleX(-1)}[dir=rtl] .challenge-start:hover .challenge-start-arrow{transform:scaleX(-1)translate(3px)}.panel-period{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:8px}.rating-number{align-items:flex-end;gap:10px;padding:24px 24px 10px;display:flex}.rating-number strong{letter-spacing:-2px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:38px;font-weight:800;line-height:1}.rating-number span{color:var(--accent);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:8px}.rating-chart{height:150px;margin:10px 24px 0;position:relative;overflow:hidden}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid span{background:var(--border-subtle,var(--border));width:100%;height:1px}.rating-chart svg{width:100%;height:100%;color:var(--accent);position:absolute;inset:0}.chart-area{opacity:0;transition:opacity .9s .45s}.rating-chart--live .chart-area{opacity:1}.chart-line{stroke-dasharray:1400;stroke-dashoffset:0}.rating-chart--live .chart-line{animation:chart-draw 1.7s var(--ease-out) both}@keyframes chart-draw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}.chart-pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18);border-radius:50%;animation:2.6s ease-out infinite chart-pulse-ring;position:absolute}@keyframes chart-pulse-ring{0%{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .22)}70%{box-shadow:0 0 0 9px rgba(var(--accent-rgb), 0)}to{box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0)}}.chart-labels{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;justify-content:space-between;padding:8px 24px 22px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.competitive-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.rank-panel,.activity-panel{flex-direction:column;display:flex}.rank-position{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.ladder{flex-direction:column;margin:0;padding:8px 12px;list-style:none;display:flex}.ladder-row{border-radius:var(--radius-sm);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;transition:background-color .2s;display:grid}.ladder-row:not(.ladder-row--gap):hover{background:rgba(var(--accent-rgb), .04)}.ladder-pos{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.ladder-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.ladder-you{border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .3);color:var(--accent);letter-spacing:1px;text-transform:uppercase;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800}.ladder-score{color:var(--text-primary);text-align:end;min-width:48px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.ladder-row--you{background:rgba(var(--accent-rgb), .06);box-shadow:inset 2px 0 0 var(--accent)}[dir=rtl] .ladder-row--you{box-shadow:inset -2px 0 0 var(--accent)}.ladder-row--gap{min-height:0;padding:2px 12px}.ladder-row--gap .ladder-pos{opacity:.6}.rank-progress{margin-top:auto;padding:16px 24px 20px}.rank-track{background:var(--bg-elevated);border-radius:10px;width:100%;height:5px;overflow:hidden}.rank-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1);display:block}.rank-info{color:var(--text-muted);letter-spacing:.5px;justify-content:space-between;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.rank-info span:last-child{color:var(--accent)}.panel-link{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-family:JetBrains Mono,monospace;font-size:8px}.panel-link:hover{color:var(--accent)}.matches-list{flex:1;padding:4px 24px 10px}.matches-list .animated-list__item{border-bottom:1px solid var(--border-subtle,var(--border))}.matches-list .animated-list__item:last-child{border-bottom:0}.match-row{grid-template-columns:34px 1fr 64px 92px;align-items:center;gap:12px;padding:14px 0;display:grid}.match-result{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;display:flex}.match-result.win{background:rgba(var(--accent-rgb), .08);color:var(--accent)}.match-result.loss{background:rgba(var(--danger-rgb), .08);color:var(--danger)}.match-info strong,.match-info span{display:block}.match-info strong{color:var(--text-primary);font-size:11.5px}.match-info span{color:var(--text-muted);margin-top:4px;font-size:9px}.match-rating{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.match-rating.positive{color:var(--accent)}.match-rating.negative{color:var(--danger)}.match-time{color:var(--text-muted);text-align:end;font-family:JetBrains Mono,monospace;font-size:8px}.profile-empty{padding:26px 0}.profile-empty strong{color:var(--text-secondary);font-size:12px;display:block}.profile-empty p{color:var(--text-muted);margin:6px 0 0;font-size:11px;line-height:1.6}.for-you-band{grid-template-columns:auto minmax(0,.7fr) minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 24px;display:grid}.fy-badge{border-radius:var(--radius-sm);border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .07);width:42px;height:42px;box-shadow:inset 0 0 14px rgba(var(--accent-rgb), .07);color:var(--accent);justify-content:center;align-items:center;font-size:17px;display:inline-flex}.fy-copy{min-width:0}.fy-copy h2{letter-spacing:-.4px;color:var(--text-primary);margin:6px 0 0;font-size:16px}.fy-meta{border-inline-start:1px solid var(--border-subtle,var(--border));flex-direction:column;gap:5px;min-width:0;padding-inline-start:20px;display:flex}.fy-meta strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.fy-meta span{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.fy-cta{border:1px solid rgba(var(--accent-rgb), .45);border-radius:var(--radius-sm);height:42px;color:var(--accent);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;padding:0 18px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;transition:border-color .22s,background-color .22s,transform .22s;display:inline-flex}.fy-cta:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .08);transform:translateY(-1px)}.fy-cta:hover .challenge-start-arrow{transform:translate(3px)}[dir=rtl] .fy-cta:hover .challenge-start-arrow{transform:scaleX(-1)translate(3px)}[data-theme=light] .home-hero{border-color:var(--border);background:radial-gradient(90% 130% at 82% -10%, rgba(var(--accent-rgb), .07), transparent 55%), radial-gradient(70% 120% at 8% 110%, rgba(var(--secondary-rgb), .06), transparent 55%), linear-gradient(180deg, #fbfcfe, var(--bg-elevated));box-shadow:0 1px 3px rgba(var(--shadow-color), .04)}[data-theme=light] .home-hero-dots{opacity:.6}[data-theme=light] .arena-ticker,[data-theme=light] .stat-rail,[data-theme=light] .home-panel{box-shadow:0 1px 3px rgba(var(--shadow-color), .04)}[data-theme=light] .rail-metric:hover{background:rgba(var(--accent-rgb), .05)}[data-theme=light] .home-hero-identity{background:linear-gradient(180deg, rgba(var(--accent-rgb), .03), transparent 42%), var(--bg-surface)}[data-theme=light] .ladder-row--you{background:rgba(var(--accent-rgb), .07)}[data-theme=light] .ticker-chip{background:rgba(var(--accent-rgb), .06)}[data-theme=light] .ticker-item strong{color:var(--text-primary)}[data-theme=light] .ticker-item--you strong{color:var(--accent)}html[lang=fa] .hero-metric-label,html[lang=fa] .hero-metric-unit,html[lang=fa] .hero-metric-sub,html[lang=fa] .ticker-chip,html[lang=fa] .ticker-item em,html[lang=fa] .rail-metric .stat-meta,html[lang=fa] .stat-value-sub,html[lang=fa] .ladder-pos,html[lang=fa] .ladder-you,html[lang=fa] .ladder-score,html[lang=fa] .fy-meta span,html[lang=fa] .fy-cta,html[lang=fa] .challenge-start,html[lang=fa] .chart-pulse{font-family:var(--font-fa);letter-spacing:0}html[lang=fa] .ladder-row{grid-template-columns:44px minmax(0,1fr) auto auto}html[dir=rtl] .hero-metric-divider{align-self:stretch}html[lang=fa] .ladder-score,html[lang=fa] .ticker-score{font-weight:700}[dir=rtl] .arena-ticker{flex-direction:row-reverse}@media (width<=1100px){.home-hero-grid{grid-template-columns:1fr;gap:24px;padding:28px 26px 26px}.home-hero-identity{padding:22px}.identity-header{align-items:center}}@media (width<=1000px){.stat-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-metric+.rail-metric{border-inline-start:0}.rail-metric:nth-child(2n){border-inline-start:1px solid var(--border-subtle,var(--border))}.rail-metric:nth-child(n+3){border-top:1px solid var(--border-subtle,var(--border))}.battle-deck,.competitive-grid{grid-template-columns:1fr}}@media (width<=700px){.home-page{gap:16px}.home-hero-grid{padding:24px 18px 22px}.home-hero-copy{gap:14px}.home-header-actions{width:100%}.primary-action,.secondary-action{flex:1;justify-content:center}.arena-ticker{gap:10px}.ticker-chip{padding:6px 10px}.challenge-preview h3{font-size:24px}.rating-number strong{font-size:32px}.match-row{grid-template-columns:30px 1fr 56px}.match-time{display:none}.for-you-band{grid-template-columns:auto 1fr;grid-template-areas:"badge copy""meta meta""cta cta";gap:14px}.fy-badge{grid-area:badge}.fy-copy{grid-area:copy}.fy-meta{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--border-subtle,var(--border));grid-area:meta;padding-top:14px}.fy-cta{grid-area:cta;justify-content:center}}@media (width<=480px){.stat-rail{grid-template-columns:1fr}.rail-metric{min-height:0}.rail-metric:nth-child(2n){border-inline-start:0}.rail-metric:nth-child(n+2){border-top:1px solid var(--border-subtle,var(--border))}.home-hero-title{letter-spacing:-1px;font-size:32px}.home-hero-metrics{gap:16px}.home-header-actions{flex-direction:column}.primary-action,.secondary-action{justify-content:center;width:100%}.identity-streak-icon{width:32px;height:32px;font-size:14px}.chart-pulse{display:none}}@media (prefers-reduced-motion:reduce){.home-hero-aurora{opacity:.3}.identity-xp-fill,.rail-bar span,.rank-track span{transition:none}.rating-chart--live .chart-line{stroke-dashoffset:0;animation:none}.chart-area{opacity:1;transition:none}.chart-pulse,.ticker-chip-dot{animation:none}}.challenges-page{max-width:1250px;margin:0 auto;padding:35px 10px 60px}.challenges-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.eyebrow{color:var(--accent);letter-spacing:1.5px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:7px;display:block}.challenges-header h1{letter-spacing:-2px;margin:0;font-size:clamp(35px,5vw,62px);line-height:.95}.challenges-header p{max-width:450px;color:var(--text-muted);margin:18px 0 0;font-size:11px;line-height:1.7}.challenge-count{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);min-width:110px;padding:15px}.challenge-count span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:6px;display:block}.challenge-count strong{color:var(--accent);margin-top:5px;font-family:JetBrains Mono,monospace;font-size:30px;display:block}.challenge-filters{gap:7px;margin-bottom:18px;display:flex}.filter{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:8px 13px;font-family:JetBrains Mono,monospace;font-size:7px}.filter:hover,.filter.active{border-color:var(--accent);color:var(--accent)}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.challenge-card{border:1px solid var(--border);border-radius:var(--radius-md);min-height:220px;color:inherit;background:linear-gradient(145deg,#ffffff06,#0000 55%);flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:flex}.challenge-card:hover{border-color:rgba(var(--accent-rgb), .35);background:linear-gradient(145deg, rgba(var(--accent-rgb), .045), transparent 55%);transform:translateY(-3px)}.challenge-card-top{color:var(--text-muted);justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:6px;display:flex}.challenge-difficulty{color:var(--warning)}.challenge-card-body{padding:25px 0}.challenge-card-body h2{letter-spacing:-.7px;margin:0 0 10px;font-size:25px}.challenge-card-body p{max-width:470px;color:var(--text-muted);margin:0;font-size:9px;line-height:1.8}.challenge-card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.challenge-tags{flex-wrap:wrap;gap:7px;display:flex}.challenge-tags span{color:#596168;font-family:JetBrains Mono,monospace;font-size:6px}.challenge-arrow{color:var(--accent);font-size:18px;transition:transform .2s}.challenge-card:hover .challenge-arrow{transform:translate(4px)}@media (width<=750px){.challenges-page{padding:25px 5px 40px}.challenges-header{flex-direction:column;align-items:flex-start}.challenge-grid{grid-template-columns:1fr}}.challenge-card-status{align-items:center;gap:10px;display:flex}.challenge-completed{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:6px}.challenge-completed-card{border-color:rgba(var(--accent-rgb), .18)}.challenges-empty{border:1px solid var(--border);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;padding:80px 20px;display:flex}.challenges-empty>span{opacity:.45;margin-bottom:12px;font-size:26px}.challenges-empty strong{color:var(--text-primary);font-size:14px}.challenges-empty p{margin:7px 0 0;font-size:10px}.challenge-toolbar{gap:10px;margin-bottom:12px;display:flex}.challenge-search{border:1px solid var(--border);background:var(--bg-surface);border-radius:5px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 13px;display:flex}.challenge-search span{color:var(--accent);font-size:16px}.challenge-search input{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:8px}.challenge-search input::placeholder{color:var(--text-muted)}.challenge-sort{border:1px solid var(--border);background:var(--bg-surface);border-radius:5px;align-items:center;gap:8px;padding:0 10px;display:flex}.challenge-sort span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:6px}.challenge-sort select{color:var(--text-primary);background:0 0;border:0;outline:0;padding:10px 2px;font-family:JetBrains Mono,monospace;font-size:7px}.challenge-tags-filter{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tag-filter{color:#596168;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:6px}.tag-filter:hover,.tag-filter.active{border-color:var(--border);color:var(--accent)}.challenge-category{color:var(--accent);letter-spacing:1px;margin-bottom:7px;font-family:JetBrains Mono,monospace;font-size:6px;display:block}.challenge-card-stats{color:var(--text-muted);flex-wrap:wrap;gap:12px;padding-bottom:13px;font-family:JetBrains Mono,monospace;font-size:6px;display:flex}@media (width<=650px){.challenge-toolbar{flex-direction:column}.challenge-sort{justify-content:space-between}}.challenges-hero{border-radius:var(--radius-lg);margin:-10px -10px 26px;padding:40px 22px 30px;position:relative;overflow:hidden}.challenges-hero-layers{pointer-events:none;position:absolute;inset:0}.challenges-hero-dots{opacity:.9;position:absolute;inset:0}.challenges-hero-vignette{background:radial-gradient(120% 90% at 50% 0%, transparent 40%, var(--bg-primary) 96%), linear-gradient(180deg, transparent 55%, var(--bg-primary) 100%);position:absolute;inset:0}.challenges-hero .challenges-header{z-index:1;margin-bottom:0;position:relative}.challenges-hero-eyebrow{margin-bottom:12px}.challenges-header h1 .gradient-text{display:inline-block}.challenge-count-track{background:var(--bg-sunken);border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.challenge-count-fill{background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);transition:width var(--duration-slow) var(--ease-out);border-radius:4px;display:block}.challenge-count-meta{color:var(--text-muted);letter-spacing:.1em;margin-top:7px;font-family:JetBrains Mono,monospace;font-size:7px;display:block}.challenge-featured{border-radius:var(--radius-md)}.challenge-featured .challenge-card{background:linear-gradient(150deg, rgba(var(--accent-rgb), .07), transparent 55%), var(--bg-surface);border-color:#0000;min-height:232px}.challenge-next-chip{border:1px solid rgba(var(--accent-rgb), .4);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .08);padding:4px 8px;font-size:6.5px}.challenge-next-chip .shiny-text{letter-spacing:.12em;--shiny-base:var(--accent);--shiny-shine:var(--text-primary);font-weight:700}.challenge-grid .animated-list__item{display:grid}.challenge-grid .challenge-card,.challenge-grid .challenge-featured{height:100%}html[dir=rtl] .challenge-arrow{transform:scaleX(-1)}[data-theme=light] .challenges-hero{background:linear-gradient(180deg, rgba(var(--accent-rgb), .05), transparent 70%)}[data-theme=light] .challenge-next-chip{background:rgba(var(--accent-rgb), .1)}@media (width<=750px){.challenges-hero{margin:-6px -6px 20px;padding:26px 16px 22px}}@media (prefers-reduced-motion:reduce){.challenges-hero-dots{display:none}}.challenge-details-page{max-width:1250px;margin:0 auto}.details-back{color:var(--text-muted);margin-bottom:30px;font-family:JetBrains Mono,monospace;font-size:8px;text-decoration:none;display:inline-block}.details-back:hover{color:var(--accent)}.details-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:35px;display:flex}.details-header-main{max-width:750px}.details-meta{color:var(--text-muted);align-items:center;gap:15px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.details-live{color:var(--accent)}.details-completed{color:var(--text-muted)}.details-header h1{letter-spacing:-3px;margin:13px 0 12px;font-size:clamp(38px,5vw,64px);line-height:1}.details-header p{max-width:650px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.details-action{flex-direction:column;align-items:stretch;min-width:190px;display:flex}.enter-arena-button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);height:48px;color:var(--bg-primary);justify-content:space-between;align-items:center;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.enter-arena-button:hover{color:var(--bg-primary);box-shadow:0 8px 25px rgba(var(--accent-rgb), .12);transform:translateY(-2px)}.enter-arena-button span{font-size:16px}.action-hint{color:var(--text-muted);text-align:center;margin-top:9px;font-family:JetBrains Mono,monospace;font-size:7px}.details-main-grid{grid-template-columns:minmax(0,1fr) 320px;gap:10px;margin-top:10px;display:grid}.details-content,.details-sidebar{flex-direction:column;gap:10px;display:flex}.details-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.details-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.details-panel-header>div>span{color:var(--text-muted);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:7px}.details-panel-header h2{margin:7px 0 0;font-size:17px}.brief-number{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:9px}.brief-content{padding:25px}.brief-content>p{max-width:720px;color:var(--text-secondary);margin:0 0 15px;font-size:12px;line-height:1.8}.brief-warning{border-radius:var(--radius-sm);background:#d7a84f0a;border:1px solid #d7a84f2e;align-items:flex-start;gap:13px;margin-top:25px;padding:15px;display:flex}.brief-warning>span{color:var(--warning);font-family:JetBrains Mono,monospace;font-weight:700}.brief-warning strong{color:var(--warning);font-family:JetBrains Mono,monospace;font-size:8px;display:block}.brief-warning p{color:var(--text-muted);margin:5px 0 0;font-size:9px;line-height:1.6}.skills-grid{grid-template-columns:1fr 1fr;display:grid}.skill-item{border-bottom:1px solid var(--border);padding:18px 20px}.skill-item:nth-child(odd){border-right:1px solid var(--border)}.skill-item:nth-last-child(-n+2){border-bottom:0}.skill-item strong,.skill-item span{display:block}.skill-item strong{font-size:11px}.skill-item span{color:var(--text-muted);margin-top:5px;font-size:8px}.detail-stat-list{padding:5px 20px 10px}.detail-stat-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.detail-stat-list>div:last-child{border-bottom:0}.detail-stat-list span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:7px}.detail-stat-list strong{font-family:JetBrains Mono,monospace;font-size:9px}.success-rate{color:var(--accent)}.details-side-warning{border:1px solid rgba(var(--accent-rgb), .15);border-radius:var(--radius-md);background:rgba(var(--accent-rgb), .035);align-items:flex-start;gap:12px;padding:17px;display:flex}.warning-icon{color:var(--accent);font-size:15px}.details-side-warning strong{font-family:JetBrains Mono,monospace;font-size:8px;display:block}.details-side-warning p{color:var(--text-muted);margin:6px 0 0;font-size:9px;line-height:1.6}@media (width<=850px){.details-header{flex-direction:column;align-items:flex-start}.details-action{width:100%}.details-main-grid{grid-template-columns:1fr}}@media (width<=550px){.details-header h1{font-size:40px}.skills-grid{grid-template-columns:1fr}.skill-item:nth-child(odd){border-right:0}.skill-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.skill-item:last-child{border-bottom:0}}.arena-page{background:var(--bg-primary);flex-direction:column;min-height:100%;margin:-24px;display:flex}.arena-header{border-bottom:1px solid var(--border);background:var(--bg-surface);grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 22px;display:grid}.arena-header-left,.arena-header-right{align-items:center;display:flex}.arena-header-left{gap:20px}.arena-header-right{justify-content:flex-end;gap:25px}.arena-back{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px;text-decoration:none}.arena-back:hover{color:var(--accent)}.arena-title span,.arena-title strong{display:block}.arena-title span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:7px}.arena-title strong{margin-top:3px;font-size:11px}.arena-header-center{gap:7px;display:flex}.arena-badge{border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:7px}.arena-badge:first-child{color:var(--warning)}.arena-rating,.arena-timer{flex-direction:column;align-items:flex-end;display:flex}.arena-rating span,.arena-timer span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:6px}.arena-rating strong{color:var(--accent);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:10px}.arena-timer strong{margin-top:3px;font-family:JetBrains Mono,monospace;font-size:18px}.timer-danger strong{color:var(--danger);animation:1s infinite timerPulse}@keyframes timerPulse{50%{opacity:.5}}.arena-main{flex:1;grid-template-columns:minmax(0,1fr) 370px;min-height:650px;display:grid}.arena-code-section{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.code-toolbar{border-bottom:1px solid var(--border);height:42px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 17px;font-family:JetBrains Mono,monospace;font-size:7px;display:flex}.code-file{align-items:center;gap:8px;display:flex}.file-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.code-editor-wrapper{background:var(--code-bg);flex:1;min-height:450px;display:flex;overflow:hidden}.editor-lines{width:55px;color:var(--code-gutter);text-align:right;flex-direction:column;padding-top:20px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow:hidden}.editor-lines span{height:25px;padding-right:13px;line-height:25px}.arena-code-editor{resize:none;min-width:0;color:var(--code-text);white-space:pre;tab-size:2;background:0 0;border:0;outline:0;flex:1;padding:20px 18px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:25px;overflow:auto}.arena-code-editor:focus{background:rgba(var(--primary-rgb), .02)}.test-output{border-top:1px solid var(--border);background:var(--bg-surface);flex-direction:column;height:190px;display:flex}.test-output-header{border-bottom:1px solid var(--border);height:38px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:7px;display:flex}.running{color:var(--accent)}.test-list{flex:1;padding:10px 16px;overflow:auto}.test-placeholder{color:var(--code-gutter);font-family:JetBrains Mono,monospace;font-size:8px}.test-row{height:27px;color:var(--text-secondary);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.test-pass{color:var(--accent)}.test-fail{color:var(--danger)}.arena-side{background:var(--bg-surface);flex-direction:column;display:flex}.arena-side-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:42px;padding:0 18px;font-family:JetBrains Mono,monospace;font-size:7px;display:flex}.arena-side-header span{color:var(--text-muted)}.arena-side-header strong{color:var(--accent)}.arena-side-content{flex-direction:column;gap:25px;padding:23px;display:flex}.section-label{color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:7px;display:block}.objective h1{letter-spacing:-1px;margin:0 0 9px;font-size:27px}.objective p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.8}.score-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);padding:15px}.score-card>div:first-child{border-bottom:1px solid var(--border);padding-bottom:13px}.score-card span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:6px;display:block}.score-card>div:first-child strong{color:var(--accent);margin-top:5px;font-family:JetBrains Mono,monospace;font-size:27px;display:block}.score-breakdown{justify-content:space-between;padding-top:10px;display:flex}.score-breakdown strong{font-family:JetBrains Mono,monospace;font-size:8px}.arena-actions{flex-direction:column;gap:9px;display:flex}.run-tests-button,.submit-button{border-radius:var(--radius-sm);cursor:pointer;width:100%;height:44px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800}.run-tests-button{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.run-tests-button:hover:not(:disabled){border-color:var(--accent)}.run-tests-button:disabled{opacity:.4;cursor:not-allowed}.submit-button{border:1px solid var(--accent);background:var(--accent);color:var(--bg-primary);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.submit-button:disabled{opacity:.4}.submit-button span{font-size:15px}.hardening-box{border:1px solid rgba(var(--accent-rgb), .18);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .035);justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.hardening-box strong,.hardening-box p{display:block}.bonus-label{color:var(--accent);margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:6px;display:block}.hardening-box strong{font-size:10px}.hardening-box p{color:var(--text-muted);margin:4px 0 0;font-size:8px;line-height:1.5}.hardening-box button{border:1px solid rgba(var(--accent-rgb), .25);height:34px;color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:8px}.arena-status{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:17px;display:grid}.arena-status span,.arena-status strong{display:block}.arena-status span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:6px}.arena-status strong{margin-top:5px;font-family:JetBrains Mono,monospace;font-size:7px}.status-live{color:var(--accent)}.status-fixed{color:var(--warning)}.status-submitted{color:var(--accent)}.arena-result{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040506db;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.result-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center;width:min(430px,100%);box-shadow:0 25px 80px rgba(var(--shadow-color), .4);padding:35px}.result-icon{border:1px solid rgba(var(--accent-rgb), .3);width:45px;height:45px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;font-size:20px;display:flex}.result-label{color:var(--accent);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:7px}.result-card h2{margin:10px 0 25px;font-size:28px}.final-score{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:48px;font-weight:800}.final-score span{color:var(--text-muted);margin-top:-5px;font-size:7px;display:block}.result-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin:25px 0;display:grid}.result-stats div{padding:15px 5px}.result-stats span,.result-stats strong{display:block}.result-stats span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:6px}.result-stats strong{margin-top:5px;font-family:JetBrains Mono,monospace;font-size:8px}.result-button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);height:43px;color:var(--bg-primary);justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800;text-decoration:none;display:flex}.duel-badge-live{border-color:rgba(var(--accent-rgb), .55);color:var(--accent)}.duel-waiting-card .duel-waiting-icon{border-color:rgba(var(--accent-rgb), .45);color:var(--accent);font-size:22px;animation:1.6s ease-in-out infinite duel-badge-pulse}@keyframes duel-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}.duel-waiting-hint{color:var(--text-muted);margin:-12px 0 18px;font-size:9px;line-height:1.7}.duel-waiting-dots{justify-content:center;align-items:center;gap:7px;margin-bottom:14px;display:flex}.duel-waiting-dots span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite duel-dot-bounce}.duel-waiting-dots span:nth-child(2){animation-delay:.15s}.duel-waiting-dots span:nth-child(3){animation-delay:.3s}@keyframes duel-dot-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.duel-waiting-done{border-top:1px solid var(--border);color:var(--accent);letter-spacing:.4px;margin:0;padding-top:14px;font-family:JetBrains Mono,monospace;font-size:8px}.duel-verdict-card.duel-verdict-win .result-icon,.duel-verdict-card.duel-verdict-win h2{color:var(--accent);border-color:rgba(var(--accent-rgb), .55)}.duel-verdict-card.duel-verdict-lose .result-icon,.duel-verdict-card.duel-verdict-lose h2{color:var(--danger,#ff5470);border-color:#ff547080}.duel-verdict-card.duel-verdict-draw .result-icon,.duel-verdict-card.duel-verdict-draw h2{color:var(--text-secondary)}.duel-verdict-vs{justify-content:center;align-items:center;gap:10px;margin:-14px 0 18px;font-size:10px;display:flex}.duel-verdict-vs strong{font-family:JetBrains Mono,monospace}.duel-verdict-vs span{color:var(--accent);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800}.duel-verdict-note{color:var(--text-muted);margin:-8px 0 14px;font-size:8px}.duel-compare{border:1px solid var(--border);border-radius:var(--radius-sm);margin:20px 0;overflow:hidden}.duel-compare-head,.duel-compare-row{grid-template-columns:1fr 1.2fr 1fr;align-items:center;font-family:JetBrains Mono,monospace;display:grid}.duel-compare-head{border-bottom:1px solid var(--border);background:rgba(var(--accent-rgb), .06);letter-spacing:.5px;padding:9px 12px;font-size:7px}.duel-compare-head span{color:var(--text-muted)}.duel-compare-head strong:last-child{text-align:left}html[dir=rtl] .duel-compare-head strong:last-child{text-align:right}.duel-compare-row{border-bottom:1px solid var(--border);padding:8px 12px;font-size:8px}.duel-compare-row:last-child{border-bottom:0}.duel-compare-row span{color:var(--text-muted);letter-spacing:.3px;font-size:6.5px}.duel-compare-row strong:last-child{text-align:left;color:var(--text-secondary)}html[dir=rtl] .duel-compare-row strong:last-child{text-align:right}.duel-verdict-actions{gap:10px;margin-top:6px;display:grid}.duel-verdict-home{border:1px solid var(--border);border-radius:var(--radius-sm);height:38px;color:var(--text-secondary);justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s;display:flex}.duel-verdict-home:hover{border-color:var(--accent);color:var(--accent)}@media (width<=900px){.arena-main{grid-template-columns:1fr}.arena-code-section{border-right:0}.arena-side{border-top:1px solid var(--border)}}@media (width<=650px){.arena-header{grid-template-columns:1fr auto;padding:0 14px}.arena-header-center,.arena-rating{display:none}.arena-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.arena-side-content{padding:18px}}.test-output{border:1px solid var(--border-color);background:var(--panel-background);margin-top:16px}.test-output-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.test-output-title{align-items:center;gap:12px;display:flex}.test-output-title>span:first-child{letter-spacing:.14em;font-size:11px;font-weight:700}.test-summary{color:var(--muted-text);letter-spacing:.08em;font-size:10px}.test-empty{color:var(--muted-text);align-items:center;gap:14px;padding:28px 20px;display:flex}.test-empty-icon{opacity:.5;font-size:24px}.test-empty strong{color:var(--text-primary);margin-bottom:4px;font-size:12px;display:block}.test-empty p{margin:0;font-size:11px}.test-running{align-items:center;gap:14px;padding:24px 20px;display:flex}.running-spinner{border:2px solid var(--border-color);border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite arena-spin}.test-running strong{margin-bottom:4px;font-size:12px;display:block}.test-running p{color:var(--muted-text);margin:0;font-size:11px}@keyframes arena-spin{to{transform:rotate(360deg)}}.test-results-list{flex-direction:column;display:flex}.test-result-row{border-bottom:1px solid var(--border-color);align-items:center;min-height:58px;padding:10px 16px;transition:background .2s,border-color .2s;display:flex;position:relative}.test-result-row:hover{background:#ffffff06}.test-result-status{flex-shrink:0;width:30px}.test-result-status span{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.test-passed .test-result-status span{background:var(--success-soft);color:var(--success)}.test-failed .test-result-status span{background:var(--danger-soft);color:var(--danger)}.test-result-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.test-result-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.test-result-info span{color:var(--muted-text);font-size:10px}.test-result-badge{letter-spacing:.1em;margin-left:16px;font-size:9px;font-weight:700}.test-passed .test-result-badge{color:var(--success)}.test-failed .test-result-badge{color:var(--danger)}.test-result-error{z-index:5;background:var(--bg-elevated);border:1px solid var(--border-color);max-width:420px;color:var(--danger);opacity:0;pointer-events:none;padding:8px 10px;font-family:monospace;font-size:10px;transition:opacity .2s;position:absolute;bottom:-1px;left:46px;transform:translateY(100%)}.test-result-row:hover .test-result-error{opacity:1}.core-result{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.core-result-main{align-items:center;gap:12px;display:flex}.core-result-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.core-result-main div{flex-direction:column;gap:3px;display:flex}.core-result-main strong{letter-spacing:.08em;font-size:11px}.core-result-main span{color:var(--muted-text);font-size:10px}.core-success{background:var(--success-soft)}.core-success .core-result-icon{background:var(--success-soft);color:var(--success)}.core-success .core-result-main strong{color:var(--success)}.core-failure{background:var(--danger-soft)}.core-failure .core-result-icon{background:var(--danger-soft);color:var(--danger)}.core-failure .core-result-main strong{color:var(--danger)}.core-result-action{letter-spacing:.1em;color:var(--success);font-size:9px;font-weight:700}.debug-guide{border:1px solid var(--border);background:#ffffff04;margin-top:18px;padding:15px}.debug-guide-header{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:11px}.debug-guide-header strong{color:var(--text-primary);margin-top:5px;font-size:11px;line-height:1.6;display:block}.debug-guide-item{border-bottom:1px solid #ffffff0a;padding:9px 0}.debug-guide-item:last-child{border-bottom:0;padding-bottom:0}.debug-guide-item strong{color:var(--text-secondary);letter-spacing:.04em;font:7px JetBrains Mono,monospace;display:block}.debug-guide-item p{color:var(--text-muted);margin:5px 0 0;font-size:9px;line-height:1.7}html[dir=rtl] .debug-guide{text-align:right}.test-result-expandable{cursor:pointer}.test-result-expanded{box-shadow:inset 2px 0 0 var(--danger);background:#ffffff08}.test-fail-detail{padding:12px 16px 14px;background:var(--code-bg);border-bottom:1px solid var(--border-color);color:var(--danger);direction:ltr;padding-inline-start:46px;font-family:JetBrains Mono,monospace;font-size:10px}.test-fail-detail-header{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.test-fail-detail-label{color:var(--warning);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.test-fail-detail-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.test-fail-detail-row{align-items:baseline;gap:10px;padding:3px 0;display:flex}.test-fail-detail-key{width:110px;color:var(--text-muted);flex-shrink:0;font-weight:700}.test-fail-detail-value{text-align:left;min-width:0;color:var(--danger);word-break:break-all;direction:ltr;flex:1;font-family:JetBrains Mono,monospace;font-size:10px}.test-fail-detail-reason{min-width:0;color:var(--text-muted);flex:1;line-height:1.6}.test-fail-detail-hidden-hint{color:var(--text-muted);font-size:9px;font-style:italic}.test-fail-detail-run{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 16px;display:flex}.test-fail-detail-badge{background:var(--danger-soft);color:var(--danger);letter-spacing:.1em;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}html[dir=rtl] .test-fail-detail{text-align:right;direction:rtl}html[dir=rtl] .test-fail-detail-header,html[dir=rtl] .test-fail-detail-row,html[dir=rtl] .test-fail-detail-run{flex-direction:row-reverse}html[dir=rtl] .test-fail-detail-value{text-align:left;direction:ltr}.leaderboard-page{width:100%;max-width:1400px;color:var(--text-primary);margin:0 auto;padding:60px 40px 100px}.leaderboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.leaderboard-eyebrow{letter-spacing:.18em;color:var(--text-muted);margin-bottom:12px;font-size:10px;font-weight:700;display:block}.leaderboard-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:.95}.leaderboard-header p{color:var(--text-secondary);margin:18px 0 0;font-size:14px}.leaderboard-count{border:1px solid var(--border);background:var(--bg-elevated);text-align:right;border-radius:14px;min-width:130px;padding:20px 24px}.leaderboard-count span{letter-spacing:.15em;color:var(--text-disabled);margin-bottom:5px;font-size:9px;font-weight:700;display:block}.leaderboard-count strong{letter-spacing:-.03em;font-size:28px}.leaderboard-table{border-top:1px solid var(--border)}.leaderboard-table-head,.leaderboard-row{grid-template-columns:64px minmax(160px,1.4fr) 72px 100px 100px 88px;align-items:center;gap:12px;display:grid}.leaderboard-table-head{color:var(--text-disabled);letter-spacing:.15em;text-transform:uppercase;padding:15px 20px;font-size:9px;font-weight:700}.leaderboard-row{border-top:1px solid var(--border-subtle);min-height:82px;padding:0 20px;transition:background .2s,padding .2s}.leaderboard-row:hover{background:var(--bg-elevated);padding-left:26px}.leaderboard-row.current-player{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.leaderboard-row.current-player:hover{background:var(--primary-soft-strong)}.leaderboard-rank{color:var(--text-disabled);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.leaderboard-row:nth-child(2) .leaderboard-rank{color:var(--primary)}.leaderboard-player{align-items:center;gap:15px;min-width:0;display:flex}.player-avatar{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.leaderboard-player>div:last-child{align-items:center;gap:9px;min-width:0;display:flex}.leaderboard-player strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.leaderboard-player span{border:1px solid var(--border-strong);letter-spacing:.12em;color:var(--text-secondary);border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:7px;font-weight:800}.leaderboard-level{color:var(--text-muted);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.leaderboard-score,.leaderboard-xp,.leaderboard-solved{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.leaderboard-score{color:var(--primary);font-weight:700}.leaderboard-xp{color:var(--text-muted)}.leaderboard-solved{text-align:left}@media (width<=900px){.leaderboard-table-head,.leaderboard-row{grid-template-columns:52px minmax(120px,1fr) 80px 80px}.leaderboard-level,.leaderboard-solved,.leaderboard-table-head span:nth-child(3),.leaderboard-table-head span:nth-child(6){display:none}}@media (width<=800px){.leaderboard-page{padding:40px 18px 80px}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:25px}.leaderboard-count{text-align:left;width:100%}.leaderboard-table-head{display:none}.leaderboard-row{grid-template-columns:40px minmax(0,1fr) 72px;gap:10px;min-height:72px;padding:0 10px}.leaderboard-level,.leaderboard-xp,.leaderboard-solved{display:none}.leaderboard-score{text-align:right}}@media (width<=500px){.leaderboard-header h1{font-size:48px}.leaderboard-player strong{font-size:13px}.player-avatar{width:34px;height:34px}}.lb-hero{border-radius:var(--radius-lg);margin:-60px -40px 26px;padding:74px 40px 40px;position:relative;overflow:hidden}.lb-hero-layers{pointer-events:none;position:absolute;inset:0}.lb-hero-dots{position:absolute;inset:0}.lb-hero-vignette{background:radial-gradient(120% 90% at 50% 0%, transparent 40%, var(--bg-primary) 96%), linear-gradient(180deg, transparent 55%, var(--bg-primary) 100%);position:absolute;inset:0}.lb-hero .leaderboard-header{z-index:1;margin-bottom:0;position:relative}.leaderboard-my-rank{color:var(--accent);letter-spacing:.12em;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:block}.lb-ticker{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);align-items:center;gap:14px;margin-bottom:30px;padding:12px 16px;display:flex;overflow:hidden}.lb-ticker-chip{border:1px solid rgba(var(--accent-rgb), .35);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .07);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lb-ticker-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px rgba(var(--accent-rgb), .7);border-radius:50%;animation:2s ease-in-out infinite lbTickerPulse}@keyframes lbTickerPulse{0%,to{box-shadow:0 0 4px rgba(var(--accent-rgb), .5)}50%{box-shadow:0 0 12px rgba(var(--accent-rgb), .95)}}.lb-ticker-chip .shiny-text{letter-spacing:.14em;--shiny-base:var(--text-secondary);--shiny-shine:var(--accent);font-family:JetBrains Mono,monospace;font-size:8.5px;font-weight:700}.lb-ticker-loop{flex:1;min-width:0}.lb-ticker-item{color:var(--text-secondary);align-items:baseline;gap:7px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.lb-ticker-item strong{color:var(--text-muted);font-size:8.5px}.lb-ticker-score{color:var(--accent);font-weight:700}.lb-ticker-item--you{color:var(--text-primary)}.lb-ticker-item--you strong{color:var(--accent)}.lb-ticker-sep{color:var(--text-disabled);font-size:7px;font-style:normal}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:34px;display:grid}.podium-arena{border-radius:var(--radius-lg)}.podium-card--1{order:2}.podium-card--2{order:1}.podium-card--3{order:3}.podium-arena .podium-card--1{height:100%}.podium-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(170deg, rgba(var(--secondary-rgb), .05), transparent 55%), var(--bg-surface);transition:transform var(--duration-base) var(--ease-out);align-content:start;gap:14px;padding:24px;display:grid}.podium-card:hover{transform:translateY(-3px)}.podium-card--1{background:linear-gradient(170deg, rgba(var(--accent-rgb), .1), transparent 55%), var(--bg-surface)}.podium-card--me{border-color:rgba(var(--accent-rgb), .45)}.podium-head{align-items:center;gap:10px;display:flex}.podium-medal{color:var(--accent);font-size:15px}.podium-card--2 .podium-medal{color:var(--secondary)}.podium-card--3 .podium-medal{color:var(--tertiary)}.podium-rank{color:var(--text-muted);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.podium-you{border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .14);color:var(--accent);letter-spacing:.14em;margin-inline-start:auto;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800}.podium-player{align-items:center;gap:12px;display:flex}.podium-avatar{border:1px solid rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .1);width:42px;height:42px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.podium-card--2 .podium-avatar{border-color:rgba(var(--secondary-rgb), .4);background:rgba(var(--secondary-rgb), .1);color:var(--secondary)}.podium-card--3 .podium-avatar{border-color:rgba(var(--tertiary-rgb), .4);background:rgba(var(--tertiary-rgb), .1);color:var(--tertiary)}.podium-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.podium-score{gap:2px;display:grid}.podium-score .animated-counter{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.podium-score small{color:var(--text-muted);letter-spacing:.14em;font-size:8.5px;font-weight:700}.podium-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.podium-meta i{color:var(--text-disabled);font-style:normal}.podium-track{border-radius:var(--radius-pill);background:var(--bg-sunken);height:5px;margin-top:auto;overflow:hidden}.podium-track span{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;box-shadow:0 0 8px rgba(var(--accent-rgb), .4);transition:width var(--duration-slow) var(--ease-out);display:block}.leaderboard-rows .animated-list__item{display:grid}.leaderboard-row{transition:background var(--duration-fast) ease}.leaderboard-row:hover{background:var(--bg-elevated)}@media (width<=1100px){.lb-hero{margin:-50px -20px 24px;padding:60px 20px 30px}}@media (width<=900px){.podium{grid-template-columns:1fr}.podium-card--1{order:1}.podium-card--2{order:2}.podium-card--3{order:3}}@media (width<=760px){.lb-hero{margin:-40px -12px 20px;padding:48px 14px 24px}.lb-ticker{flex-direction:column;align-items:stretch}}[data-theme=light] .lb-hero{background:linear-gradient(180deg, rgba(var(--accent-rgb), .05), transparent 70%)}[data-theme=light] .lb-ticker{background:var(--bg-surface)}@media (prefers-reduced-motion:reduce){.lb-hero-dots,.lb-ticker-loop{display:none}.lb-ticker-dot{animation:none}}.profile-page{width:100%;max-width:1400px;color:var(--text-primary);margin:0 auto;padding:60px 40px 100px}.profile-header{border:1px solid var(--border);background:var(--bg-surface);border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:50px;padding:45px 50px;display:grid;position:relative;overflow:hidden}.profile-header:before{content:"";background:var(--primary-soft);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:-220px;right:-180px}.profile-eyebrow{letter-spacing:.18em;color:var(--text-secondary);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.profile-header h1{letter-spacing:-.04em;color:var(--text-primary);margin:0;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:.95}.profile-header p{max-width:520px;color:var(--text-secondary);margin:18px 0 0;font-size:14px;line-height:1.7}.profile-mark{border:1px solid var(--border-strong);width:72px;height:72px;color:var(--text-secondary);letter-spacing:.12em;background:var(--bg-elevated);border-radius:16px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.profile-rating{border:1px solid var(--border-strong);background:var(--bg-elevated);min-width:170px;box-shadow:var(--shadow-sm);text-align:right;border-radius:16px;padding:22px 28px;position:relative;overflow:hidden}.profile-rating:before{content:"";background:var(--primary);opacity:.85;width:100%;height:2px;position:absolute;top:0;left:0}.profile-rating span{letter-spacing:.18em;color:var(--text-secondary);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.profile-rating strong{letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:1;display:block}.profile-progress-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;margin-top:20px;padding:24px 28px}.profile-progress-top,.profile-progress-meta{justify-content:space-between;align-items:center;gap:20px;display:flex}.profile-progress-top span,.profile-progress-meta{letter-spacing:.14em;color:var(--text-muted);font-size:9px;font-weight:700}.profile-progress-top strong{color:var(--text-primary);letter-spacing:.08em;margin-top:6px;font-size:12px;display:block}.profile-streak{text-align:right}.profile-streak strong{color:var(--primary)}.profile-progress-track{background:var(--bg-elevated);border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.profile-progress-track div{border-radius:inherit;background:var(--primary);height:100%;transition:width .45s}.profile-progress-meta{font-variant-numeric:tabular-nums;margin-top:8px}.profile-progress-meta span:last-child{color:var(--text-muted)}.profile-stats{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid;overflow:hidden}.profile-stat{border-right:1px solid var(--border);padding:25px 28px}.profile-stat:last-child{border-right:none}.profile-stat span{letter-spacing:.14em;color:var(--text-muted);margin-bottom:9px;font-size:10px;font-weight:700;display:block}.profile-stat strong{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:28px;font-weight:750}.profile-history{margin-top:70px}.profile-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.profile-section-header>div span{letter-spacing:.16em;color:var(--text-muted);margin-bottom:7px;font-size:10px;font-weight:700;display:block}.profile-section-header h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:750}.history-count{letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:700}.submission-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.submission-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:40px minmax(200px,1fr) 110px 110px 110px 110px 130px;align-items:center;gap:20px;padding:22px 8px;transition:background .2s,padding .2s;display:grid}.submission-row:hover{background:var(--bg-elevated);padding-left:14px;padding-right:14px}.submission-status{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.submission-status.done{border-color:rgba(var(--success-rgb), .4);color:var(--success);background:var(--success-soft)}.submission-main{flex-direction:column;gap:5px;display:flex}.submission-main strong{color:var(--text-primary);font-size:14px;font-weight:650}.submission-main span{letter-spacing:.1em;color:var(--text-disabled);font-size:10px}.submission-rating,.submission-score,.submission-attempts,.submission-hardening{flex-direction:column;gap:5px;display:flex}.submission-rating span,.submission-score span,.submission-attempts span,.submission-hardening span{letter-spacing:.12em;color:var(--text-disabled);font-size:9px;font-weight:700}.submission-rating strong,.submission-score strong,.submission-attempts strong,.submission-hardening strong{color:var(--text-secondary);font-size:14px}.submission-date{color:var(--text-disabled);text-align:right;font-size:11px}.profile-empty{border:1px dashed var(--border-strong);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.profile-empty>span{color:var(--text-disabled);margin-bottom:18px;font-size:30px}.profile-empty strong{color:var(--text-secondary);font-size:15px}.profile-empty p{color:var(--text-muted);margin-top:8px;font-size:12px}@media (width<=1000px){.profile-header{grid-template-columns:1fr auto;gap:30px}.profile-mark{display:none}.profile-rating{grid-area:1/2}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-stat:nth-child(2){border-right:none}.profile-stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.submission-row{grid-template-columns:35px 1fr 100px 100px}.submission-attempts,.submission-hardening,.submission-date{display:none}}@media (width<=650px){.profile-page{padding:35px 18px 70px}.profile-header{flex-direction:column;align-items:stretch;padding:30px 25px;display:flex}.profile-header h1{font-size:42px}.profile-rating{text-align:left;width:100%}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-stat{padding:20px}.profile-stat strong{font-size:23px}.profile-section-header{flex-direction:column;align-items:flex-start;gap:10px}.submission-row{grid-template-columns:30px 1fr 80px}.submission-score{display:none}.submission-rating{text-align:right}}.profile-hero{border-radius:var(--radius-lg);margin:-14px -14px 26px;padding:44px 26px 34px;position:relative;overflow:hidden}.profile-hero-layers{pointer-events:none;position:absolute;inset:0}.profile-hero-dots{position:absolute;inset:0}.profile-hero-vignette{background:radial-gradient(120% 90% at 50% 0%, transparent 40%, var(--bg-primary) 96%), linear-gradient(180deg, transparent 55%, var(--bg-primary) 100%);position:absolute;inset:0}.profile-hero-grid{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:center;gap:30px;display:grid;position:relative}.profile-hero-copy .profile-eyebrow{margin-bottom:12px}.profile-hero-copy h1{letter-spacing:-2px;text-transform:none;margin:0;font-size:clamp(38px,5vw,64px);line-height:.95}.profile-hero-copy>p{max-width:480px;color:var(--text-secondary);margin:14px 0 0;font-size:13px;line-height:1.7}.profile-hero-rank{border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .06);margin-top:18px;padding:8px 14px;display:inline-block}.profile-hero-rank-title{letter-spacing:.16em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.profile-hero-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg, rgba(var(--accent-rgb), .06), transparent 55%), var(--bg-surface);box-shadow:var(--shadow-sm);gap:18px;padding:24px;display:grid}.profile-hero-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-hero-chip{border:1px solid rgba(var(--accent-rgb), .35);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .08);color:var(--text-muted);letter-spacing:.14em;align-items:baseline;gap:7px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:9px;display:inline-flex}.profile-hero-chip strong{color:var(--accent);font-size:15px}.profile-hero-streak{color:var(--warning);align-items:baseline;gap:5px;display:inline-flex}.profile-hero-streak em{font-size:15px;font-style:normal}.profile-hero-streak strong{font-variant-numeric:tabular-nums;font-size:16px}.profile-hero-streak small{color:var(--text-muted);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:8px}.profile-hero-xp{gap:10px;display:grid}.profile-hero-xp-meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.profile-hero-xp-meta strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:19px}.profile-hero-xp-meta strong small{color:var(--text-muted);letter-spacing:.12em;font-size:9px;font-weight:700}.profile-hero-xp-meta>span{color:var(--text-muted);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:8.5px}.profile-hero-xp-track{border-radius:var(--radius-pill);background:var(--bg-sunken);height:8px;overflow:hidden}.profile-hero-xp-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;box-shadow:0 0 10px rgba(var(--accent-rgb), .45);transition:width 1.1s var(--ease-out);display:block}.profile-hero-xp-ends{color:var(--text-muted);justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.profile-stats{margin-top:0}.profile-stat{border-right:0;border-inline-end:1px solid var(--border)}.profile-stat:last-child{border-inline-end:0}.profile-stat strong{font-variant-numeric:tabular-nums}.profile-stat[data-tone]{position:relative}.profile-stat[data-tone]:after{content:"";inset-inline-start:0;background:var(--tone,var(--accent));opacity:.85;border-radius:3px;width:3px;height:26px;position:absolute;top:22px}.profile-stat[data-tone=accent],.profile-stat[data-tone=accent-strong]{--tone:var(--accent)}.profile-stat[data-tone=secondary]{--tone:var(--secondary)}.profile-stat[data-tone=tertiary]{--tone:var(--tertiary)}.profile-stat[data-tone=success],.profile-stat[data-tone=success-strong]{--tone:var(--success)}.profile-stat[data-tone=warning]{--tone:var(--warning)}.profile-stat[data-tone=danger]{--tone:var(--danger)}.submission-list .animated-list__item{display:grid}.submission-row{transition:background var(--duration-fast) ease}.submission-row:hover{background:var(--bg-elevated)}@media (width<=1100px){.profile-hero-grid{grid-template-columns:1fr}}@media (width<=760px){.profile-hero{margin:-10px -10px 20px;padding:28px 16px 24px}}[data-theme=light] .profile-hero{background:linear-gradient(180deg, rgba(var(--accent-rgb), .05), transparent 70%)}@media (prefers-reduced-motion:reduce){.profile-hero-dots{display:none}.profile-hero-xp-fill{transition:none}}.achievements-page{flex-direction:column;gap:28px;display:flex}.achievements-header{justify-content:space-between;align-items:flex-end;gap:24px;padding:8px 0 10px;display:flex}.achievements-header h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(42px,6vw,76px)}.achievements-header p{max-width:620px;color:var(--muted,#7d8490);margin:0}.achievement-count{border:1px solid var(--line,#252932);background:var(--panel,#111318);min-width:150px;padding:18px}.achievement-count span,.achievement-copy>span,.achievement-footer-panel span{letter-spacing:.16em;color:var(--muted,#7d8490);font-size:10px}.achievement-count strong{margin-top:5px;font-size:32px;display:block}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.achievement-card{border:1px solid var(--line,#252932);background:var(--panel,#111318);grid-template-columns:64px 1fr 28px;align-items:center;gap:18px;min-height:130px;padding:22px;display:grid}.achievement-card.locked{opacity:.52}.achievement-icon{letter-spacing:.1em;border:1px solid;place-items:center;width:56px;height:56px;font-size:12px;display:grid}.achievement-copy h2{margin:6px 0 5px;font-size:20px}.achievement-copy p{color:var(--muted,#7d8490);margin:0;font-size:13px;line-height:1.6}.achievement-state{text-align:right;font-size:20px}.achievement-footer-panel{border:1px solid var(--line,#252932);background:var(--panel,#111318);justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.achievement-footer-panel h2{margin:7px 0 0;font-size:20px}.achievement-footer-panel a{color:inherit;letter-spacing:.12em;font-size:11px;text-decoration:none}@media (width<=760px){.achievements-header,.achievement-footer-panel{flex-direction:column;align-items:flex-start}.achievement-grid{grid-template-columns:1fr}.achievement-card{grid-template-columns:52px 1fr 20px;padding:16px}.achievement-icon{width:48px;height:48px}}.achievements-hero{border-radius:var(--radius-lg);margin:-8px -8px 26px;padding:38px 24px 30px;position:relative;overflow:hidden}.achievements-hero-layers{pointer-events:none;position:absolute;inset:0}.achievements-hero-dots{position:absolute;inset:0}.achievements-hero-vignette{background:radial-gradient(120% 90% at 50% 0%, transparent 40%, var(--bg-primary) 96%), linear-gradient(180deg, transparent 55%, var(--bg-primary) 100%);position:absolute;inset:0}.achievements-hero .achievements-header{z-index:1;margin-bottom:0;padding:0;position:relative}.achievements-header .eyebrow{margin-bottom:12px}.achievements-header h1{margin:8px 0}.achievements-header h1 .gradient-text{display:inline-block}.achievement-count strong{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:flex}.achievement-count-sep{color:var(--text-disabled);font-style:normal;font-weight:400}.achievement-count-track{background:var(--bg-sunken);border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.achievement-count-fill{background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);transition:width var(--duration-slow) var(--ease-out);border-radius:4px;display:block}.achievement-count-meta{color:var(--text-muted);letter-spacing:.12em;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:8px;display:block}.achievement-grid .animated-list__item{display:grid}.achievement-card{border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) ease, opacity var(--duration-base) ease}.achievement-card:hover{transform:translateY(-3px)}.achievement-card.unlocked{border-color:rgba(var(--accent-rgb), .35);background:linear-gradient(150deg, rgba(var(--accent-rgb), .07), transparent 55%), var(--bg-surface)}.achievement-card.unlocked .achievement-icon{color:var(--accent);border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 18px rgba(var(--accent-rgb), .22), inset 0 0 12px rgba(var(--accent-rgb), .12)}.achievement-card.unlocked .achievement-state{color:var(--accent);text-shadow:0 0 12px rgba(var(--accent-rgb), .6)}.achievement-footer-arena{border-radius:var(--radius-md)}.achievement-footer-arena .achievement-footer-panel{border-color:#0000}.achievement-footer-panel a{border:1px solid rgba(var(--accent-rgb), .4);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .08);color:var(--accent);transition:background var(--duration-fast) ease, color var(--duration-fast) ease;padding:10px 16px;font-weight:700;display:inline-block}.achievement-footer-panel a:hover{background:rgba(var(--accent-rgb), .16);color:var(--text-primary)}[data-theme=light] .achievements-hero{background:linear-gradient(180deg, rgba(var(--accent-rgb), .05), transparent 70%)}@media (width<=760px){.achievements-hero{margin:-6px -6px 20px;padding:24px 14px 20px}}@media (prefers-reduced-motion:reduce){.achievements-hero-dots{display:none}}.replays-page{flex-direction:column;gap:28px;display:flex}.replays-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.replays-header h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(42px,6vw,76px)}.replays-header p{color:var(--muted,#7d8490);max-width:620px;margin:0}.replay-count{border:1px solid var(--line,#252932);background:var(--panel,#111318);min-width:140px;padding:18px}.replay-count span{letter-spacing:.16em;color:var(--muted,#7d8490);font-size:10px}.replay-count strong{margin-top:5px;font-size:32px;display:block}.replay-list{gap:16px;display:grid}.replay-card{border:1px solid var(--line,#252932);background:var(--panel,#111318);padding:22px}.replay-top,.replay-bottom{letter-spacing:.12em;color:var(--muted,#7d8490);justify-content:space-between;gap:16px;font-size:10px;display:flex}.replay-main{justify-content:space-between;align-items:flex-end;gap:20px;margin:18px 0;display:flex}.replay-main h2{margin:0 0 5px;font-size:24px}.replay-main p{color:var(--muted,#7d8490);margin:0;font-size:12px}.replay-score{text-align:right}.replay-score span{color:var(--muted,#7d8490);letter-spacing:.15em;font-size:9px;display:block}.replay-score strong{font-size:30px}.replay-card pre{background:var(--code-bg);border:1px solid var(--line,#252932);margin:0 0 18px;padding:18px;font-size:12px;line-height:1.6;overflow:auto}.replay-bottom a{color:inherit;text-decoration:none}.replay-empty{border:1px solid var(--line,#252932);text-align:center;background:var(--panel,#111318);padding:50px}.replay-empty strong{font-size:22px}.replay-empty p{color:var(--muted,#7d8490)}.replay-empty a{color:inherit;letter-spacing:.12em;font-size:11px;text-decoration:none}@media (width<=650px){.replays-header,.replay-main{flex-direction:column;align-items:flex-start}.replay-score{text-align:left}}@media (width<=600px){.replay-metrics{flex-wrap:wrap}.replay-event{grid-template-columns:12px 1fr}.replay-event em{grid-column:2}}.replay-metrics{border-top:1px solid var(--line,#252932);letter-spacing:.1em;color:var(--muted,#7d8490);gap:18px;margin:0 0 18px;padding-top:12px;font-size:9px;display:flex}.replay-bottom button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0}.replay-overlay{z-index:100;background:rgba(var(--shadow-color), .78);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.replay-viewer{background:var(--panel,#111318);border:1px solid var(--line,#252932);width:min(900px,100%);max-height:90vh;padding:24px;overflow:auto}.replay-viewer-head{border-bottom:1px solid var(--line,#252932);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.replay-viewer-head span{letter-spacing:.15em;color:var(--muted,#7d8490);font-size:9px}.replay-viewer-head h2{margin:8px 0 0;font-size:26px}.replay-viewer-head button{border:1px solid var(--line,#252932);color:inherit;cursor:pointer;background:0 0;padding:9px 12px}.replay-timeline{gap:0;margin:20px 0;display:grid}.replay-event{border-bottom:1px solid var(--line,#252932);grid-template-columns:16px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.replay-event-dot{border:1px solid;width:8px;height:8px}.replay-event strong{letter-spacing:.1em;font-size:10px;display:block}.replay-event span{color:var(--muted,#7d8490);margin-top:4px;font-size:10px;display:block}.replay-event em{color:var(--muted,#7d8490);font-size:9px;font-style:normal}.replay-code{background:var(--code-bg);border:1px solid var(--line,#252932);margin:0;padding:18px;font-size:12px;line-height:1.6;overflow:auto}@media (width<=600px){.replay-metrics{flex-wrap:wrap}.replay-event{grid-template-columns:12px 1fr}.replay-event em{grid-column:2}}.replays-header .eyebrow{margin-bottom:12px}.replays-header h1{margin:8px 0}.replays-header h1 .gradient-text{display:inline-block}.replay-list .animated-list__item{display:grid}.replay-card{border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) ease}.replay-card:hover{border-color:rgba(var(--accent-rgb), .4);transform:translateY(-3px)}.replay-score strong .animated-counter{font-variant-numeric:tabular-nums}.replay-score .shiny-text{letter-spacing:.12em;--shiny-base:var(--text-secondary);--shiny-shine:var(--accent);font-size:13px;font-weight:700}.replay-bottom button{transition:color var(--duration-fast) ease}.replay-bottom button:hover{color:var(--accent)}.replay-timeline .animated-list__item{display:grid}.replay-viewer{animation:replayViewerIn .25s var(--ease-out)}@keyframes replayViewerIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}html[dir=rtl] .replay-bottom button,html[dir=rtl] .replay-empty a{unicode-bidi:plaintext}@media (prefers-reduced-motion:reduce){.replay-viewer{animation:none}}.analytics-page{flex-direction:column;gap:24px;display:flex}.analytics-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.analytics-header h1{letter-spacing:-.06em;margin:8px 0;font-size:clamp(42px,6vw,76px)}.analytics-header p{color:var(--muted,#7d8490);max-width:650px;margin:0}.analytics-replay-link{color:inherit;letter-spacing:.14em;border:1px solid var(--line,#252932);background:var(--panel,#111318);padding:12px 14px;font-size:10px;text-decoration:none}.analytics-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.analytics-grid article,.analytics-panel,.analytics-table{border:1px solid var(--line,#252932);background:var(--panel,#111318)}.analytics-grid article{min-height:125px;padding:18px}.analytics-grid span,.analytics-panel-head span,.analytics-table-head span{letter-spacing:.15em;color:var(--muted,#7d8490);font-size:9px}.analytics-grid strong{margin:12px 0 5px;font-size:30px;display:block}.analytics-grid small{color:var(--muted,#7d8490);font-size:10px;line-height:1.5}.analytics-panels{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.analytics-panel{padding:22px}.analytics-panel-head{justify-content:space-between;align-items:center;display:flex}.analytics-panel-head strong{font-size:32px}.analytics-panel>p{color:var(--muted,#7d8490);margin:10px 0 24px}.analytics-bars{gap:12px;display:grid}.analytics-bar-row{letter-spacing:.08em;grid-template-columns:80px 1fr 28px;align-items:center;gap:10px;font-size:9px;display:grid}.analytics-bar-row>div{background:var(--bg-sunken);border:1px solid var(--line,#252932);height:7px}.analytics-bar-row i{background:currentColor;height:100%;display:block}.analytics-mode-list{gap:8px;margin-top:20px;display:grid}.analytics-mode-list div{border-bottom:1px solid var(--line,#252932);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.analytics-event-summary{border-top:1px solid var(--line,#252932);color:var(--muted,#7d8490);justify-content:space-between;margin-top:25px;padding-top:15px;font-size:10px;display:flex}.analytics-event-summary strong{color:var(--text,#f4f4f2);font-size:18px}.analytics-table{overflow:hidden}.analytics-table-head{border-bottom:1px solid var(--line,#252932);justify-content:space-between;padding:18px 20px;display:flex}.analytics-session{color:inherit;border-bottom:1px solid var(--line,#252932);grid-template-columns:90px 1fr 90px 100px 150px;align-items:center;gap:14px;padding:16px 20px;font-size:11px;text-decoration:none;display:grid}.analytics-session:last-child{border-bottom:0}.analytics-session span,.analytics-session small{color:var(--muted,#7d8490)}.analytics-session em{letter-spacing:.1em;color:var(--muted,#7d8490);font-size:9px;font-style:normal}.analytics-session b,.analytics-session small{text-align:right}.analytics-empty{text-align:center;color:var(--muted,#7d8490);padding:35px}@media (width<=1000px){.analytics-grid{grid-template-columns:repeat(3,1fr)}.analytics-panels{grid-template-columns:1fr}.analytics-session{grid-template-columns:80px 1fr 80px 90px}.analytics-session small{display:none}}@media (width<=620px){.analytics-header{flex-direction:column;align-items:flex-start}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-session{grid-template-columns:1fr 1fr}.analytics-session span{display:none}.analytics-session b{text-align:left}.analytics-session em{grid-column:2}.analytics-bar-row{grid-template-columns:65px 1fr 20px}}.analytics-header .eyebrow{margin-bottom:12px}.analytics-header h1{margin:8px 0}.analytics-header h1 .gradient-text{display:inline-block}.analytics-grid article{position:relative}.analytics-grid article strong{font-variant-numeric:tabular-nums}.analytics-grid article[data-tone]:after{content:"";inset-inline-start:0;background:var(--tone,var(--accent));opacity:.85;border-radius:3px;width:3px;height:22px;position:absolute;top:18px}.analytics-grid article[data-tone=accent]{--tone:var(--accent)}.analytics-grid article[data-tone=info]{--tone:var(--info)}.analytics-grid article[data-tone=tertiary]{--tone:var(--tertiary)}.analytics-grid article[data-tone=success]{--tone:var(--success)}.analytics-grid article[data-tone=warning]{--tone:var(--warning)}.analytics-grid article[data-tone=danger]{--tone:var(--danger)}.analytics-bar-row>div{overflow:hidden}.analytics-bar-fill{width:0;box-shadow:0 0 8px rgba(var(--accent-rgb), .35);transition:width 1s var(--ease-out) .15s;background:currentColor;display:block}.analytics-bars--live .analytics-bar-fill{width:var(--bar-width,0%)}.analytics-table .animated-list__item{display:grid}.analytics-session{transition:background var(--duration-fast) ease}.analytics-session:hover{background:var(--bg-elevated)}.analytics-session strong{font-variant-numeric:tabular-nums}[data-theme=light] .analytics-bar-fill{box-shadow:none}@media (prefers-reduced-motion:reduce){.analytics-bar-fill{width:var(--bar-width,0%);transition:none}}.auth-page{background:radial-gradient(circle at 70% 20%,rgba(var(--accent-rgb), .08),transparent 35%),var(--bg-primary);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(480px,100%);box-shadow:0 30px 90px rgba(var(--shadow-color), .35);padding:42px}.auth-eyebrow{color:var(--accent);letter-spacing:2px;font:700 10px JetBrains Mono,monospace}.auth-card h1{margin-top:18px;font-size:clamp(34px,6vw,54px);line-height:1}.auth-card p{color:var(--text-secondary);margin-top:16px;line-height:1.7}.auth-card form{gap:16px;margin-top:30px;display:grid}.auth-card label{color:var(--text-muted);letter-spacing:1.5px;gap:8px;font:700 9px JetBrains Mono,monospace;display:grid}.auth-card input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);outline:0;padding:14px 15px}.auth-card input:focus{border-color:var(--accent)}.auth-card button.vf-button{width:100%}.auth-error{border:1px solid rgba(var(--danger-rgb), .35);border-radius:var(--radius-md);color:var(--danger);padding:11px;font-size:12px}.auth-footer{color:var(--text-muted);margin-top:22px;font-size:12px}.auth-footer a{color:var(--accent)}.auth-card .vf-directional-arrow{transition:transform .18s;display:inline-block}html[dir=rtl] .auth-card .vf-directional-arrow{transform:scaleX(-1)}.settings-page{max-width:980px;margin:0 auto;padding:16px 0 48px}.settings-header{margin-bottom:28px}.settings-eyebrow{color:var(--accent);letter-spacing:.16em;font:8px JetBrains Mono,monospace}.settings-header h1{letter-spacing:-1px;margin:10px 0 8px;font-size:34px}.settings-header p{max-width:680px;color:var(--text-muted);line-height:1.8}.settings-card{border:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:28px;margin-bottom:16px;padding:28px;display:flex}.settings-card-copy h2,.settings-card>div h2{margin:8px 0}.settings-card p{color:var(--text-muted);line-height:1.7}.settings-label{color:var(--text-muted);letter-spacing:.14em;font:7px JetBrains Mono,monospace}.language-switcher,.theme-switcher{gap:8px;display:flex}.language-option,.theme-option{border:1px solid var(--border);min-width:120px;color:var(--text-primary);cursor:pointer;text-align:start;background:0 0;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.language-option strong{margin-bottom:4px;font:11px JetBrains Mono,monospace;display:block}.language-option span{color:var(--text-muted);font-size:12px}.language-option.active{border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);background:var(--accent-soft)}.theme-option{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.theme-option-icon{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);background:var(--bg-elevated);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.theme-option strong{letter-spacing:1px;font:11px JetBrains Mono,monospace}.theme-option span{color:var(--text-muted);font-size:11px}.theme-option.active{border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);background:var(--accent-soft)}.theme-option.active .theme-option-icon{color:var(--accent);border-color:var(--accent)}.settings-card-muted{background:0 0}.settings-saved{color:var(--accent);white-space:nowrap;font:7px JetBrains Mono,monospace}@media (width<=720px){.settings-card{flex-direction:column;align-items:stretch}.language-switcher,.theme-switcher{width:100%}.language-option,.theme-option{flex:1}}.settings-page{max-width:1040px}.settings-header{border-bottom:1px solid var(--border);padding-bottom:18px}.settings-header h1{letter-spacing:-.035em;font-size:clamp(32px,5vw,48px)}.settings-card{box-shadow:var(--shadow-sm);border-radius:16px}.account-settings-card{align-items:flex-start}.account-fields{grid-template-columns:1fr 1fr;gap:14px;width:min(460px,100%);display:grid}.account-fields label{gap:7px;display:grid}.account-fields label span{color:var(--text-secondary);font-size:11px;font-weight:700}.account-fields input{border:1px solid var(--border);background:var(--bg-primary);width:100%;min-height:42px;color:var(--text-primary);border-radius:9px;padding:0 12px}.account-fields input:hover{border-color:var(--border-strong)}.settings-save-button{grid-column:1/-1;width:100%}.account-meta-card h2{font-size:18px}@media (width<=720px){.account-fields{grid-template-columns:1fr}.settings-save-button{grid-column:auto}}.competitive-page{max-width:1400px;color:var(--text-primary);margin:0 auto;padding:60px 40px 100px}.competitive-header{justify-content:space-between;align-items:flex-end;margin-bottom:42px;display:flex}.competitive-eyebrow,.competitive-panel-head>div>span,.mode-kicker{letter-spacing:.18em;color:var(--text-muted);font-size:10px;font-weight:800}.competitive-header h1{letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(44px,6vw,76px);line-height:.92}.competitive-header p{max-width:650px;color:var(--text-secondary);margin:18px 0 0;font-size:14px;line-height:1.7}.season-card{border:1px solid var(--border);background:var(--bg-elevated);text-align:right;border-radius:14px;min-width:145px;padding:18px 22px}.season-card span,.season-card small{color:var(--text-disabled);letter-spacing:.15em;font-size:9px;font-weight:800;display:block}.season-card strong{margin:5px 0 7px;font-size:27px;display:block}.competitive-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-bottom:28px;display:grid}.competitive-stats>div{border-right:1px solid var(--border-subtle);padding:22px 24px}.competitive-stats>div:last-child{border-right:0}.competitive-stats span,.competitive-stats small{letter-spacing:.14em;color:var(--text-disabled);font-size:9px;font-weight:800;display:block}.competitive-stats strong{letter-spacing:-.04em;margin:7px 0 4px;font-size:30px;display:block}.mode-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.mode-card{border:1px solid var(--border);background:var(--bg-surface);min-height:230px;padding:28px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.mode-card.active{border-color:var(--border-strong);box-shadow:inset 3px 0 var(--primary)}.mode-number{color:var(--border-strong);font-size:42px;font-weight:900;position:absolute;top:18px;right:22px}.mode-card h2{letter-spacing:-.035em;margin:12px 0 10px;font-size:27px}.mode-card p{max-width:330px;color:var(--text-secondary);font-size:13px;line-height:1.7}.mode-action,.challenge-button{color:var(--text-primary);letter-spacing:.14em;font-size:9px;font-weight:900;text-decoration:none;display:inline-block}.mode-action{border-bottom:1px solid var(--border-strong);margin-top:20px;padding-bottom:4px}.competitive-main-grid{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.competitive-panel{border:1px solid var(--border);background:var(--bg-surface)}.competitive-panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;padding:22px;display:flex}.competitive-panel-head h2{letter-spacing:-.03em;margin:8px 0 0;font-size:21px}.competitive-panel-head>strong,.competitive-panel-head>a{color:var(--text-muted);letter-spacing:.12em;font-size:9px;text-decoration:none}.opponent-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:42px 1fr 70px 58px;align-items:center;gap:13px;padding:17px 22px;display:grid}.opponent-row:last-child{border-bottom:0}.opponent-avatar{border:1px solid var(--border);width:38px;height:38px;color:var(--secondary);background:var(--bg-elevated);border-radius:10px;place-items:center;font-weight:900;display:grid}.opponent-info strong,.opponent-info span{display:block}.opponent-info strong{font-size:13px}.opponent-info span{color:var(--text-disabled);letter-spacing:.09em;margin-top:4px;font-size:8px}.opponent-diff{text-align:right;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.challenge-button{border:1px solid var(--border-strong);text-align:center;padding:8px 7px;transition:background-color .2s,color .2s}.challenge-button:hover{background:var(--primary);border-color:var(--primary);color:var(--text-invert)}.history-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:34px 1fr 45px;align-items:center;gap:12px;padding:17px 22px;display:grid}.history-result{border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:900;display:grid}.history-result.win{background:var(--success-soft);color:var(--success)}.history-result.loss{background:var(--danger-soft);color:var(--danger)}.history-result.draw{border:1px solid var(--border);color:var(--text-secondary)}.history-row strong,.history-row span{display:block}.history-row div strong{font-size:12px}.history-row div span{color:var(--text-disabled);letter-spacing:.08em;margin-top:4px;font-size:8px}.history-row>strong{text-align:right;font-size:11px}.delta-positive{color:var(--success)}.delta-negative{color:var(--text-muted)}.history-empty{color:var(--text-muted);text-align:center;padding:50px 25px;font-size:12px;line-height:1.7}@media (width<=900px){.competitive-page{padding:40px 20px 80px}.competitive-header{align-items:flex-start;gap:20px}.competitive-stats{grid-template-columns:repeat(2,1fr)}.competitive-stats>div:nth-child(2){border-right:0}.mode-grid,.competitive-main-grid{grid-template-columns:1fr}.mode-card{min-height:200px}}@media (width<=560px){.competitive-header{display:block}.season-card{text-align:left;margin-top:22px}.competitive-stats>div{padding:18px}.competitive-stats strong{font-size:24px}.opponent-row{grid-template-columns:38px 1fr 42px}.challenge-button{grid-column:2/-1;width:max-content}.opponent-diff{grid-area:1/3}.competitive-panel-head{display:block}.competitive-panel-head>strong{margin-top:10px;display:block}}.system-page{max-width:1180px;margin:0 auto;padding:34px 0 90px}.system-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.system-eyebrow,.system-card span,.system-panel-heading span,.health-grid span,.inventory-grid span{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.system-header h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:42px}.system-header p{max-width:680px;color:var(--text-secondary);margin:0;line-height:1.7}.system-connection{border:1px solid var(--border);letter-spacing:.12em;white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;display:flex}.system-connection span{background:var(--success);width:7px;height:7px;box-shadow:0 0 12px var(--success);border-radius:50%}.system-connection.offline span{background:var(--danger);box-shadow:0 0 12px var(--danger)}.system-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.system-card,.system-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-lg)}.system-card{flex-direction:column;justify-content:space-between;min-height:120px;padding:18px;display:flex}.system-card strong{margin:10px 0 4px;font-size:20px}.system-card small{color:var(--text-muted)}.system-panel{margin-top:14px;padding:22px}.system-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.system-panel-heading h2{margin:6px 0 0;font-size:22px}.system-panel-heading button{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 11px}.health-grid,.inventory-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.health-grid>div,.inventory-grid>div{background:var(--bg-elevated);border-radius:10px;flex-direction:column;gap:8px;padding:15px;display:flex}.health-grid b{font-size:14px}.good{color:var(--success)}.bad{color:var(--danger)}.sync-summary{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.sync-summary strong{font-size:32px}.sync-summary span{color:var(--text-secondary)}.sync-list,.event-list{flex-direction:column;gap:8px;display:flex}.sync-row{background:var(--bg-elevated);border-radius:9px;grid-template-columns:1.2fr .6fr 1fr;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:grid}.sync-row span{color:var(--warning);text-transform:uppercase}.sync-row time,.event-row small{color:var(--text-muted)}.event-row{background:var(--bg-elevated);border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex}.event-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.event-row div{flex-direction:column;gap:4px;display:flex}.inventory-grid strong{font-size:24px}.system-empty{color:var(--text-muted);padding:18px 0}@media (width<=800px){.system-page{padding:22px 0 80px}.system-header{flex-direction:column}.system-header h1{font-size:34px}.system-grid,.health-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}.sync-row{grid-template-columns:1fr}.sync-row time{display:none}}@media (width<=480px){.system-grid,.health-grid,.inventory-grid{grid-template-columns:1fr}}.duel-lobby,.duel-room{gap:var(--space-6);max-width:880px;padding:var(--space-6) var(--space-4) var(--space-16);margin:0 auto;display:grid}.duel-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-sm);display:grid;position:relative}.duel-panel-label{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.duel-eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--primary)}.duel-lobby-head h1{margin:var(--space-1) 0 0;font-size:var(--text-3xl);letter-spacing:.02em}.duel-lobby-head p{margin:var(--space-2) 0 0;color:var(--text-secondary);max-width:56ch}.duel-reward{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--warning);background:var(--warning-soft);border:1px solid rgba(var(--warning-rgb), .35);border-radius:var(--radius-pill);display:inline-block}.duel-setup-row{gap:var(--space-2);display:grid}.duel-setup-row>span{font-size:var(--text-sm);color:var(--text-secondary)}.duel-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.duel-chip{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast)}.duel-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.duel-chip.active{color:var(--text-invert);background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-accent)}.duel-start{margin-top:var(--space-2);padding:var(--space-4);background:var(--primary);color:var(--text-invert);border-radius:var(--radius-md);font-size:var(--text-md);letter-spacing:var(--tracking-eyebrow);cursor:pointer;text-align:center;transition:transform var(--duration-fast) var(--ease-spring), filter var(--duration-fast);border:none;font-weight:800;text-decoration:none}.duel-start:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.duel-start:disabled{opacity:.6;cursor:wait}.duel-cancel{padding:var(--space-2) var(--space-6);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;justify-self:center}.duel-cancel:hover{color:var(--danger);border-color:var(--danger)}.duel-error{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:0}.duel-searching{text-align:center;padding:var(--space-10) var(--space-6);justify-items:center}.duel-searching h2{font-size:var(--text-xl);letter-spacing:.08em;margin:0}.duel-searching p{color:var(--text-secondary);max-width:46ch;margin:0}.duel-radar{place-items:center;width:120px;height:120px;display:grid;position:relative}.duel-radar strong{font-size:var(--text-2xl);color:var(--primary);z-index:1}.duel-radar span{border:1px solid rgba(var(--primary-rgb), .5);animation:duel-radar-pulse 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.duel-radar span:nth-child(2){animation-delay:.7s}.duel-radar span:nth-child(3){animation-delay:1.4s}@keyframes duel-radar-pulse{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.15)}}.duel-online-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.duel-online-count{font-size:var(--text-md);color:var(--success)}.duel-online-count small{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em}.duel-online-empty{color:var(--text-muted);font-size:var(--text-base);margin:0}.duel-online-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.duel-online-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex}.duel-online-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 8px rgba(var(--success-rgb), .8);border-radius:50%}.duel-online-avatar{width:30px;height:30px;font-weight:700;font-size:var(--text-sm);color:var(--text-invert);border-radius:50%;place-items:center;display:grid}.duel-online-user strong{font-size:var(--text-base)}.duel-online-user small{color:var(--text-muted);font-family:var(--font-mono)}.duel-online-user em{font-style:normal;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--secondary);margin-inline-start:auto}.duel-room-head{text-align:center}.duel-room-head h2{margin:var(--space-1) 0 0;font-size:var(--text-2xl);letter-spacing:.06em}.duel-stage{align-items:stretch;gap:var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}.duel-card{align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:duel-card-in var(--duration-slow) var(--ease-spring);display:grid}.duel-card-host{animation-delay:50ms}.duel-card-guest{animation-delay:.2s}@keyframes duel-card-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.duel-card-empty{color:var(--text-muted);font-size:var(--text-2xl);border-style:dashed}.duel-card-avatar{width:64px;height:64px;font-size:var(--text-2xl);color:var(--text-invert);box-shadow:var(--shadow-accent);border-radius:50%;place-items:center;font-weight:800;display:grid}.duel-card strong{font-size:var(--text-lg)}.duel-card small{color:var(--text-muted);font-family:var(--font-mono)}.duel-card em{font-style:normal;font-size:var(--text-xs);color:var(--secondary);font-family:var(--font-mono)}.duel-divider{border-radius:var(--radius-pill);background:linear-gradient(to bottom, transparent, var(--primary), transparent);width:3px;min-height:150px;animation:duel-divider-grow var(--duration-slow) var(--ease-out);align-self:center;position:relative}@keyframes duel-divider-grow{0%{opacity:0;min-height:0}to{opacity:1;min-height:150px}}.duel-stage-selecting .duel-divider{min-height:90px}.duel-vs{padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.1em;color:var(--primary);animation:duel-vs-pulse 1.1s var(--ease-spring) infinite;white-space:nowrap;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes duel-vs-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.14)}}.duel-slot-panel{gap:var(--space-3);display:grid}.duel-slot{align-content:center;justify-items:center;gap:var(--space-3);min-height:92px;padding:var(--space-5);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);display:grid;overflow:hidden}.duel-slot-title{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--code-text);text-align:center;max-width:100%}.duel-slot-spinning{opacity:.85;filter:blur(.4px)}.duel-slot-locked{border-color:rgba(var(--primary-rgb), .6);box-shadow:var(--shadow-accent);animation:duel-slot-lock var(--duration-slow) var(--ease-spring)}@keyframes duel-slot-lock{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:scale(1)}}.duel-slot-meta{justify-content:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-secondary);flex-wrap:wrap;display:flex}.duel-slot-diff{font-weight:700}.duel-slot-diff.difficulty-easy{color:var(--difficulty-easy)}.duel-slot-diff.difficulty-medium{color:var(--difficulty-medium)}.duel-slot-diff.difficulty-hard{color:var(--difficulty-hard)}.duel-slot-diff.difficulty-expert{color:var(--danger)}.duel-entering{text-align:center;font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);color:var(--primary);animation:duel-vs-pulse 1.1s var(--ease-spring) infinite;margin:0}.duel-room-loading{min-height:200px;color:var(--text-muted);place-items:center}.duel-room-message{text-align:center;padding:var(--space-10) var(--space-6);justify-items:center}.duel-room-message h2{margin:0 0 var(--space-2)}@media (width<=720px){.duel-stage{grid-template-columns:1fr}.duel-divider{background:linear-gradient(to inline-end, transparent, var(--primary), transparent);width:80%;height:3px;min-height:3px}@keyframes duel-divider-grow{0%{opacity:0;width:0}to{opacity:1;width:80%}}}.duel-hero{padding:var(--space-8) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.duel-hero-layers{pointer-events:none;position:absolute;inset:0}.duel-hero-aurora{opacity:.55;position:absolute;inset:-20% -10%}.duel-hero-vignette{background:radial-gradient(120% 100% at 50% 0%, transparent 42%, var(--bg-surface) 96%);position:absolute;inset:0}.duel-hero-copy{z-index:1;justify-items:start;display:grid;position:relative}.duel-hero-copy h1{margin:var(--space-1) 0 0;font-size:var(--text-3xl);letter-spacing:.02em}.duel-hero-copy p{margin:var(--space-2) 0 0;max-width:56ch;color:var(--text-secondary)}.duel-hero-copy .duel-reward{margin-top:var(--space-3)}.duel-panel.card-spotlight{overflow:hidden}.duel-slot-arena{border-radius:var(--radius-md)}.duel-slot-arena .duel-slot{background:radial-gradient(90% 120% at 50% 0%, rgba(var(--primary-rgb), .08), transparent 70%), var(--code-bg);border-color:#0000}.duel-entering .shiny-text{--shiny-base:var(--primary);--shiny-shine:var(--text-primary);font-weight:800}.duel-searching h2 .shiny-text{font-size:inherit;--shiny-base:var(--text-primary);--shiny-shine:var(--accent)}.duel-online-count{align-items:baseline;gap:var(--space-2);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--primary);font-weight:800;display:inline-flex}.duel-online-count small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em}.duel-online-list .animated-list__item{display:grid}.duel-online-user{transition:border-color var(--duration-base) ease, transform var(--duration-base) var(--ease-out)}.duel-online-user:hover{border-color:rgba(var(--primary-rgb), .35);transform:translate(3px)}html[dir=rtl] .duel-online-user:hover{transform:translate(-3px)}[data-theme=light] .duel-hero-aurora{opacity:.4}[data-theme=light] .duel-hero{background:linear-gradient(180deg, rgba(var(--primary-rgb), .05), var(--bg-surface) 70%)}@media (width<=720px){.duel-hero{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:reduce){.duel-hero-aurora{display:none}}.duel-reward .shiny-text{--shiny-base:var(--warning);--shiny-shine:var(--text-primary)}:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--font-fa:"Vazirmatn", "Inter", system-ui, -apple-system, sans-serif;--text-2xs:9px;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--text-3xl:34px;--tracking-eyebrow:.16em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--z-nav:100;--z-dropdown:200;--z-modal:300;--z-toast:400;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.4s;--focus-ring:0 0 0 2px var(--bg-primary), 0 0 0 4px rgba(var(--primary-rgb), .6);--bg-primary:#07080b;--bg-surface:#0f1115;--bg-elevated:#161a20;--bg-sunken:#040507;--bg-overlay:#08090cd9;--border:#232830;--border-strong:#323843;--border-subtle:#1a1e25;--text-primary:#f2f4f7;--text-secondary:#9aa1ac;--text-muted:#656c77;--text-disabled:#4a505b;--text-invert:#07080b;--primary:#7cff6b;--primary-rgb:124, 255, 107;--primary-soft:#7cff6b14;--primary-soft-strong:#7cff6b29;--accent:var(--primary);--accent-rgb:var(--primary-rgb);--accent-hover:#95ff8b;--accent-soft:var(--primary-soft);--secondary:#5ea7ff;--secondary-rgb:94, 167, 255;--secondary-soft:#5ea7ff1a;--tertiary:#b78bff;--tertiary-rgb:183, 139, 255;--tertiary-soft:#b78bff1a;--accent-2:var(--secondary);--accent-2-rgb:var(--secondary-rgb);--accent-3:var(--tertiary);--accent-3-rgb:var(--tertiary-rgb);--success:#57e389;--success-rgb:87, 227, 137;--success-soft:#57e3891a;--warning:#ffb84d;--warning-rgb:255, 184, 77;--warning-soft:#ffb84d1f;--danger:#ff5c67;--danger-rgb:255, 92, 103;--danger-soft:#ff5c671a;--info:#5ea7ff;--info-rgb:94, 167, 255;--info-soft:#5ea7ff1a;--difficulty-easy:var(--success);--difficulty-medium:var(--warning);--difficulty-hard:var(--danger);--shadow-color:0, 0, 0;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 4px 14px #00000047;--shadow-md:0 12px 34px #00000052;--shadow-soft:0 20px 60px #00000059;--shadow-strong:0 30px 90px #00000073;--shadow-accent:0 8px 24px rgba(var(--primary-rgb), .12);--code-bg:#090b0d;--code-border:#1c2129;--code-text:#c9d1d9;--code-gutter:#444b52;--muted:var(--text-muted);--panel:var(--bg-surface);--line:var(--border);--text:var(--text-primary);--border-color:var(--border)}[data-theme=dark]{--bg-primary:#07080b;--bg-surface:#0f1115;--bg-elevated:#161a20;--bg-sunken:#040507;--bg-overlay:#07080bd9;--border:#232830;--border-strong:#323843;--border-subtle:#1a1e25;--text-primary:#f2f4f7;--text-secondary:#9aa1ac;--text-muted:#656c77;--text-disabled:#4a505b;--text-invert:#07080b;--primary:#7cff6b;--primary-rgb:124, 255, 107;--primary-soft:#7cff6b14;--primary-soft-strong:#7cff6b29;--accent:var(--primary);--accent-rgb:var(--primary-rgb);--accent-hover:#95ff8b;--accent-soft:var(--primary-soft);--secondary:#5ea7ff;--secondary-rgb:94, 167, 255;--secondary-soft:#5ea7ff1a;--tertiary:#b78bff;--tertiary-rgb:183, 139, 255;--tertiary-soft:#b78bff1a;--accent-2:var(--secondary);--accent-2-rgb:var(--secondary-rgb);--accent-3:var(--tertiary);--accent-3-rgb:var(--tertiary-rgb);--success:#57e389;--success-rgb:87, 227, 137;--success-soft:#57e3891a;--warning:#ffb84d;--warning-rgb:255, 184, 77;--warning-soft:#ffb84d1f;--danger:#ff5c67;--danger-rgb:255, 92, 103;--danger-soft:#ff5c671a;--info:#5ea7ff;--info-rgb:94, 167, 255;--info-soft:#5ea7ff1a;--shadow-color:0, 0, 0;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 4px 14px #00000047;--shadow-md:0 12px 34px #00000052;--shadow-soft:0 20px 60px #00000059;--shadow-strong:0 30px 90px #00000073;--shadow-accent:0 8px 24px rgba(var(--primary-rgb), .12)}[data-theme=light]{--bg-primary:#f5f7fb;--bg-surface:#fff;--bg-elevated:#eef2f9;--bg-sunken:#e9edf5;--bg-overlay:#f5f7fbd9;--border:#d8deea;--border-strong:#b9c2d4;--border-subtle:#e4e9f2;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#6b7894;--text-disabled:#9aa5b8;--text-invert:#fff;--primary:#2563eb;--primary-rgb:37, 99, 235;--primary-soft:#2563eb14;--primary-soft-strong:#2563eb26;--accent:var(--primary);--accent-rgb:var(--primary-rgb);--accent-hover:#1d4ed7;--accent-soft:var(--primary-soft);--secondary:#0ea5e9;--secondary-rgb:14, 165, 233;--secondary-soft:#0ea5e91a;--tertiary:#6366f1;--tertiary-rgb:99, 102, 241;--tertiary-soft:#6366f11a;--accent-2:var(--secondary);--accent-2-rgb:var(--secondary-rgb);--accent-3:var(--tertiary);--accent-3-rgb:var(--tertiary-rgb);--success:#059669;--success-rgb:5, 150, 105;--success-soft:#0596691a;--warning:#b45309;--warning-rgb:180, 83, 9;--warning-soft:#b453091a;--danger:#dc2626;--danger-rgb:220, 38, 38;--danger-soft:#dc262614;--info:#0ea5e9;--info-rgb:14, 165, 233;--info-soft:#0ea5e91a;--shadow-color:30, 41, 59;--shadow-xs:0 1px 2px #1e293b0f;--shadow-sm:0 4px 14px #1e293b14;--shadow-md:0 12px 34px #1e293b1f;--shadow-soft:0 20px 60px #1e293b1f;--shadow-strong:0 30px 90px #1e293b2e;--shadow-accent:0 8px 24px #2563eb24;--focus-ring:0 0 0 2px var(--bg-primary), 0 0 0 4px rgba(var(--primary-rgb), .5)}:root{--brand-blue:#4f7cff;--brand-cyan:#22c7d9;--brand-violet:#8b6cff;--brand-amber:#f3b24b;--surface-tint:#ffffff06;--motion-highlight:#ffffff14}[data-theme=dark]{--surface-tint:#ffffff08;--motion-highlight:#ffffff13}[data-theme=light]{--bg-primary:#eef3f9;--bg-surface:#fbfcff;--bg-elevated:#f2f6fd;--bg-sunken:#e4ebf5;--bg-overlay:#eff4fbf0;--border:#d2dce9;--border-strong:#b6c5d8;--border-subtle:#e0e7f0;--text-primary:#111827;--text-secondary:#4b5c73;--text-muted:#718096;--text-disabled:#a2afbf;--text-invert:#fff;--primary:#008f70;--primary-rgb:0,143,112;--primary-soft:#008f7014;--primary-soft-strong:#008f7024;--accent:#008f70;--accent-rgb:0,143,112;--accent-hover:#00745a;--accent-soft:#008f7014;--secondary:#6954df;--secondary-rgb:105,84,223;--secondary-soft:#6954df17;--tertiary:#159cc7;--tertiary-rgb:21,156,199;--tertiary-soft:#159cc716;--success:#087f5b;--success-rgb:8,127,91;--success-soft:#087f5b14;--warning:#a15f00;--warning-rgb:161,95,0;--warning-soft:#a15f0017;--danger:#c63d5a;--danger-rgb:198,61,90;--danger-soft:#c63d5a14;--info:#087fb5;--info-rgb:8,127,181;--info-soft:#087fb517;--surface-tint:#5270a80e;--motion-highlight:#ffffffbd;--shadow-xs:0 1px 2px #2e40560e;--shadow-sm:0 6px 18px #31445e13;--shadow-md:0 16px 42px #31445e1c;--shadow-soft:0 24px 70px #31445e1f;--shadow-strong:0 34px 100px #31445e29}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s}html[lang=fa] body,html[lang=fa] button,html[lang=fa] input,html[lang=fa] textarea,html[lang=fa] select,html[lang=fa] .navbar-logo,html[lang=fa] .app-logo,html[lang=fa] .sidebar-label,html[lang=fa] .sidebar-link,html[lang=fa] .sidebar-version,html[lang=fa] .topbar-status,html[lang=fa] .search-trigger,html[lang=fa] .notification-header,html[lang=fa] .notification-item strong,html[lang=fa] .notification-item small,html[lang=fa] .profile-info strong,html[lang=fa] .profile-info span,html[lang=fa] .user-menu-header strong,html[lang=fa] .user-menu-header span,html[lang=fa] .user-menu a,html[lang=fa] .logout-button,html[lang=fa] .stat-label,html[lang=fa] .stat-value,html[lang=fa] .stat-meta,html[lang=fa] .home-eyebrow,html[lang=fa] .panel-eyebrow,html[lang=fa] .panel-period,html[lang=fa] .panel-link,html[lang=fa] .live-indicator,html[lang=fa] .challenge-id,html[lang=fa] .challenge-difficulty,html[lang=fa] .challenge-tags span,html[lang=fa] .challenge-start,html[lang=fa] .primary-action,html[lang=fa] .secondary-action,html[lang=fa] .chart-labels,html[lang=fa] .match-rating,html[lang=fa] .match-time,html[lang=fa] .rank-info,html[lang=fa] .rank-position{font-family:var(--font-fa)}html[lang=fa] .home-hero-title{letter-spacing:-1px;font-weight:800}html[lang=fa] .challenge-preview h3{letter-spacing:0;font-weight:700}html[dir=rtl] .app-sidebar{border-right:0;border-left:1px solid var(--border);left:auto;right:0}html[dir=rtl] .app-main{margin-left:0;margin-right:245px}@media (width<=1000px){html[dir=rtl] .app-main{margin-right:210px}}@media (width<=760px){html[dir=rtl] .app-main{margin-right:0}}html[dir=rtl] .sidebar-link.active:before{left:auto;right:0}html[dir=rtl] .search-trigger kbd{margin-left:0;margin-right:auto}html[dir=rtl] .profile-info strong,html[dir=rtl] .profile-info span{text-align:right}html[dir=rtl] .topbar-profile{flex-direction:row}html[dir=rtl] .arena-code-editor,html[dir=rtl] .editor-lines,html[dir=rtl] .code-window,html[dir=rtl] .code-window code,html[dir=rtl] .code-toolbar,html[dir=rtl] .test-output,html[dir=rtl] .test-output-header,html[dir=rtl] pre,html[dir=rtl] code{text-align:left;direction:ltr}html[dir=rtl] .arena-side,html[dir=rtl] .settings-page,html[dir=rtl] .challenges-page,html[dir=rtl] .home-page,html[dir=rtl] .leaderboard-page,html[dir=rtl] .profile-page,html[dir=rtl] .achievements-page,html[dir=rtl] .analytics-page,html[dir=rtl] .replays-page,html[dir=rtl] .system-page,html[dir=rtl] .competitive-page{text-align:right;direction:rtl}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-error-page{background:var(--bg-primary);place-items:center;min-height:100vh;padding:32px;display:grid}.app-error-card{border:1px solid var(--border);background:var(--bg-surface);width:min(520px,100%);box-shadow:var(--shadow-soft);border-radius:16px;padding:36px}.app-error-eyebrow{letter-spacing:.14em;opacity:.6;font-size:11px}.app-error-card h1{margin:12px 0 8px}.app-error-card p{opacity:.72;margin:0 0 24px;line-height:1.6}.app-error-card button{cursor:pointer;font:inherit;border:0;padding:12px 16px}.app-shell,.app-sidebar,.app-topbar,.landing,.auth-page,.home-page,.stat-card,.home-panel,.settings-card,.auth-card{transition:background-color .25s,border-color .25s,color .25s}.theme-toggle{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle.icon{border-radius:var(--radius-sm);width:34px;height:34px;padding:0}.theme-toggle.pill{border-radius:var(--radius-sm);height:38px;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;padding:0 14px;font-size:10px}.theme-toggle-track{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative}.theme-toggle-thumb{color:var(--accent);justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}[data-theme=dark] .theme-toggle-thumb{transform:rotate(0)}[data-theme=light] .theme-toggle-thumb{transform:rotate(180deg)}.theme-toggle-label{font-family:var(--font-mono);letter-spacing:1px;font-size:10px}[data-theme=light] .app-topbar{border-bottom-color:var(--border);background:#ffffffd9}[data-theme=light] .app-mobile-nav{border-color:var(--border);box-shadow:0 15px 50px rgba(var(--shadow-color), .12);background:#fffffff0}[data-theme=light] .landing{background:radial-gradient(circle at 70% 20%, rgba(var(--accent-rgb), .06), transparent 35%), radial-gradient(circle at 20% 80%, rgba(var(--accent-2-rgb), .05), transparent 40%), var(--bg-primary)}[data-theme=light] .auth-page{background:radial-gradient(circle at 70% 20%, rgba(var(--accent-rgb), .07), transparent 35%), radial-gradient(circle at 20% 80%, rgba(var(--accent-3-rgb), .05), transparent 40%), var(--bg-primary)}[data-theme=light] .stat-card:hover,[data-theme=light] .home-panel,[data-theme=light] .settings-card,[data-theme=light] .auth-card{box-shadow:0 1px 3px rgba(var(--shadow-color), .04)}[data-theme=light] .stat-card:hover{border-color:rgba(var(--accent-rgb), .35);box-shadow:0 6px 20px rgba(var(--accent-rgb), .08)}[data-theme=light] .match-result.win{background:rgba(var(--accent-rgb), .12);color:var(--accent)}[data-theme=light] .match-result.loss{background:rgba(var(--danger-rgb), .1);color:var(--danger)}[data-theme=light] .global-search-overlay{background:#0f172a73}[data-theme=light] .notification-panel,[data-theme=light] .user-menu,[data-theme=light] .global-search{box-shadow:0 20px 60px rgba(var(--shadow-color), .18)}[data-theme=light] .code-window{color:#e2e8f0;background:#0f172a;border-color:#1e293b}[data-theme=light] .code-header,[data-theme=light] .code-footer{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=light] .code-body{background:#0f172a}[data-theme=light] .code-body code{color:#e2e8f0}[data-theme=light] .code-body .error-line code{color:#fca5a5}[data-theme=light] .demo-status{color:#94a3b8}[data-theme=light] .demo-result{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}[data-theme=light] .demo-result strong{color:var(--accent)}[data-theme=dark] .landing{background:radial-gradient(circle at 70% 20%, rgba(var(--accent-rgb), .08), transparent 35%), radial-gradient(circle at 15% 90%, rgba(var(--accent-2-rgb), .05), transparent 45%), var(--bg-primary)}[data-theme=dark] .auth-page{background:radial-gradient(circle at 70% 20%, rgba(var(--accent-rgb), .08), transparent 35%), radial-gradient(circle at 15% 90%, rgba(var(--accent-3-rgb), .04), transparent 45%), var(--bg-primary)}[data-theme=dark] .stat-card:hover{border-color:rgba(var(--accent-rgb), .25);box-shadow:0 8px 24px rgba(var(--accent-rgb), .06)}:root{--brand-500:#00c896;--brand-400:#22e6b3;--brand-600:#009f79;--violet-500:#7c5cff;--cyan-500:#21b6f3;--amber-500:#f5a524;--rose-500:#f05d78;--surface-tint:#ffffff06;--control-height:42px}[data-theme=dark]{--bg-primary:#080b10;--bg-surface:#0d1219;--bg-elevated:#141b24;--bg-sunken:#05070a;--bg-overlay:#080b10eb;--border:#202b38;--border-strong:#334252;--border-subtle:#17212b;--text-primary:#f4f7fb;--text-secondary:#aab6c5;--text-muted:#738195;--text-disabled:#4c5969;--text-invert:#07100d;--primary:var(--brand-400);--primary-rgb:34,230,179;--primary-soft:#22e6b317;--primary-soft-strong:#22e6b329;--accent:var(--brand-400);--accent-rgb:34,230,179;--accent-hover:#54f0c9;--accent-soft:#22e6b317;--secondary:var(--violet-500);--secondary-rgb:124,92,255;--secondary-soft:#7c5cff1f;--tertiary:var(--cyan-500);--tertiary-rgb:33,182,243;--tertiary-soft:#21b6f31c;--success:#31d58b;--success-rgb:49,213,139;--success-soft:#31d58b1c;--warning:#f5a524;--warning-rgb:245,165,36;--warning-soft:#f5a5241f;--danger:#f05d78;--danger-rgb:240,93,120;--danger-soft:#f05d781c;--info:#21b6f3;--info-rgb:33,182,243;--info-soft:#21b6f31c;--code-bg:#090d12;--code-border:#1b2631;--code-text:#d6dee8;--code-gutter:#536174;--shadow-xs:0 1px 2px #0000003d;--shadow-sm:0 6px 18px #00000040;--shadow-md:0 16px 42px #0000004d;--shadow-soft:0 24px 70px #00000057;--shadow-strong:0 34px 100px #0000006b}[data-theme=light]{--bg-primary:#f1f5f9;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-sunken:#e7edf4;--bg-overlay:#f1f5f9f0;--border:#d6dee8;--border-strong:#b8c5d4;--border-subtle:#e5ebf1;--text-primary:#101828;--text-secondary:#475467;--text-muted:#66758a;--text-disabled:#98a5b5;--text-invert:#fff;--primary:#008f70;--primary-rgb:0,143,112;--primary-soft:#008f7014;--primary-soft-strong:#008f7024;--accent:#008f70;--accent-rgb:0,143,112;--accent-hover:#00755c;--accent-soft:#008f7014;--secondary:#6947e8;--secondary-rgb:105,71,232;--secondary-soft:#6947e814;--tertiary:#078bc7;--tertiary-rgb:7,139,199;--tertiary-soft:#078bc714;--success:#087f5b;--success-rgb:8,127,91;--success-soft:#087f5b14;--warning:#a86400;--warning-rgb:168,100,0;--warning-soft:#a8640017;--danger:#c83b58;--danger-rgb:200,59,88;--danger-soft:#c83b5814;--info:#087fb5;--info-rgb:8,127,181;--info-soft:#087fb514;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 5px 16px #10182812;--shadow-md:0 14px 36px #1018281a;--shadow-soft:0 24px 70px #1018281c;--shadow-strong:0 34px 100px #10182826}body{line-height:1.5}button,a,input,textarea,select{transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}.stat-card,.home-panel,.challenge-card,.settings-card,.profile-history,.profile-progress-panel,.analytics-card,.replay-card,.leaderboard,.competitive-card,.system-card,.auth-card,.mode-selector,.comparison-side,.final-cta,.app-error-card{border-color:var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .app-topbar{background:#ffffffe6}[data-theme=dark] .app-topbar{background:#080b10e6}:root{--scroll-progress:0}.motion-surface{isolation:isolate;--motion-x:50%;--motion-y:50%;--motion-delay:0s;will-change:transform, box-shadow;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .26s,box-shadow .32s;position:relative}.motion-surface:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle 180px at var(--motion-x) var(--motion-y), var(--motion-highlight), transparent 72%);border-radius:inherit;transition:opacity .28s;position:absolute;inset:0}.motion-surface:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(115deg, transparent 30%, rgba(var(--primary-rgb), .045) 48%, transparent 66%);border-radius:inherit;transition:opacity .3s ease, transform .8s var(--ease-out);position:absolute;inset:0;transform:translate(-45%)}.motion-surface:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.motion-surface:hover:before,.motion-surface:hover:after{opacity:1}.motion-surface:hover:after{transform:translate(45%)}@media (pointer:coarse){.motion-surface:before,.motion-surface:after{display:none}}@media (prefers-reduced-motion:reduce){.motion-surface{will-change:auto}}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}button:focus:not(:focus-visible),a:focus:not(:focus-visible){box-shadow:none}.btn{border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:var(--text-invert)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent)}.btn-secondary{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--primary-soft);color:var(--primary)}.btn-danger{background:var(--danger);color:var(--text-invert)}.btn-danger:hover{filter:brightness(1.08)}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:3px 9px;font-weight:700;line-height:1.6;display:inline-flex}.badge-neutral{background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}.badge-primary{background:var(--primary-soft);border-color:rgba(var(--primary-rgb), .3);color:var(--primary)}.badge-success{background:var(--success-soft);border-color:rgba(var(--success-rgb), .3);color:var(--success)}.badge-warning{background:var(--warning-soft);border-color:rgba(var(--warning-rgb), .3);color:var(--warning)}.badge-danger{background:var(--danger-soft);border-color:rgba(var(--danger-rgb), .3);color:var(--danger)}.badge-info{background:var(--info-soft);border-color:rgba(var(--info-rgb), .3);color:var(--info)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, transform var(--duration-base) var(--ease-out)}.card-hover:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:var(--shadow-sm)}.field-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;padding:10px 12px}.field-input::placeholder{color:var(--text-muted)}.field-input:hover{border-color:var(--border-strong)}.field-input:focus{border-color:var(--primary);box-shadow:none;outline:none}.field-input:disabled{opacity:.55;cursor:not-allowed}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--primary-rgb), .07), transparent);animation:1.6s infinite skeleton-wave;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-wave{to{transform:translate(100%)}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}.progress-track{background:var(--bg-elevated);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:var(--radius-pill);height:100%;transition:width var(--duration-slow) var(--ease-out)}.state-empty{text-align:center;color:var(--text-muted);gap:8px;padding:44px 24px;display:grid}.state-empty strong{color:var(--text-secondary);font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);display:flex}.app-sidebar{z-index:100;border-right:1px solid var(--border);background:var(--bg-surface);flex-direction:column;width:245px;padding:25px 15px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-top{justify-content:space-between;align-items:center;padding:0 10px 30px;display:flex}.app-logo{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800}.app-logo span{color:var(--accent)}.sidebar-version{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px}.sidebar-navigation{flex-direction:column;gap:4px;display:flex}.sidebar-label{color:var(--text-muted);letter-spacing:1.5px;margin:15px 10px 8px;font-family:JetBrains Mono,monospace;font-size:8px}.sidebar-label.secondary{margin-top:0}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:13px;padding:11px 12px;font-family:JetBrains Mono,monospace;font-size:10px;transition:background .2s,color .2s;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-link.active{background:rgba(var(--accent-rgb), .07);color:var(--accent)}.sidebar-link.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:18px;position:absolute;left:0}.sidebar-icon{text-align:center;width:18px;font-size:14px}.sidebar-bottom{margin-top:auto}.sidebar-status{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);align-items:center;gap:10px;padding:14px;display:flex}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px rgba(var(--accent-rgb), .5);border-radius:50%;flex:none}.sidebar-status strong,.sidebar-status small{font-family:JetBrains Mono,monospace;display:block}.sidebar-status strong{color:var(--text-primary);font-size:8px}.sidebar-status small{color:var(--text-muted);margin-top:5px;font-size:7px}.sidebar-settings{color:var(--text-muted);align-items:center;gap:10px;margin-top:10px;padding:11px 12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.sidebar-settings:hover{color:var(--text-primary)}.app-main{width:calc(100% - 245px);min-height:100vh;margin-left:245px}.app-content{max-width:1600px;min-height:calc(100vh - 70px);margin:0 auto;padding:30px}.app-topbar{z-index:90;border-bottom:1px solid var(--border);background:rgba(var(--shadow-color), .85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.search-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:280px;color:var(--text-muted);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.search-trigger span:first-child{font-size:16px}.search-trigger kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:3px;margin-left:auto;padding:3px 6px;font-size:9px}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-status{color:var(--text-muted);align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.topbar-status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.notification-wrapper{position:relative}.notification-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;position:relative}.notification-count{background:var(--accent);min-width:15px;height:15px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notification-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);width:310px;box-shadow:0 20px 60px rgba(var(--shadow-color), .35);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.notification-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px;font-family:JetBrains Mono,monospace;display:flex}.notification-header strong{font-size:10px}.notification-header span{color:var(--accent);font-size:8px}.notification-item{border-bottom:1px solid var(--border);gap:12px;padding:15px;display:flex}.notification-item:last-child{border-bottom:0}.notification-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:4px}.notification-item strong,.notification-item small{display:block}.notification-item strong{color:var(--text-primary);font-size:10px}.notification-item small{color:var(--text-muted);margin-top:5px;font-size:9px}.user-menu-wrapper{align-items:center;display:flex;position:relative}.topbar-profile{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.profile-avatar{border:1px solid var(--accent);background:rgba(var(--accent-rgb), .08);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.profile-info strong,.profile-info span{text-align:left;font-family:JetBrains Mono,monospace;display:block}.profile-info strong{color:var(--text-primary);font-size:9px}.profile-info span{color:var(--accent);margin-top:3px;font-size:8px}.app-mobile-nav{display:none}@media (width<=1000px){.app-sidebar{width:210px}.app-main{width:calc(100% - 210px);margin-left:210px}.app-content{padding:25px}.topbar-status{display:none}.search-trigger{width:230px}}@media (width<=760px){.app-sidebar{display:none}.app-main{width:100%;margin-left:0;padding-bottom:70px}.app-topbar{height:62px;padding:0 18px}.app-content{padding:20px 16px}.search-trigger{justify-content:center;width:42px;height:36px;padding:0}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.topbar-right{gap:10px}.profile-info{display:none}.app-mobile-nav{z-index:1000;border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(var(--shadow-color), .94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:62px;box-shadow:0 15px 50px rgba(var(--shadow-color), .4);grid-template-columns:repeat(6,1fr);padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.mobile-nav-link{border-radius:var(--radius-sm);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.mobile-nav-link span{font-size:15px}.mobile-nav-link small{font-family:JetBrains Mono,monospace;font-size:7px}.mobile-nav-link.active{background:rgba(var(--accent-rgb), .08);color:var(--accent)}.notification-panel{width:auto;position:fixed;top:72px;left:16px;right:16px}}.global-search-overlay{z-index:2000;background:rgba(var(--shadow-color), .58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:flex-start;padding-top:110px;animation:.18s searchOverlayIn;display:flex;position:fixed;inset:0}.global-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);width:min(620px,100vw - 30px);box-shadow:0 30px 100px rgba(var(--shadow-color), .55);animation:.2s searchIn;overflow:hidden}.global-search-input{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:58px;padding:0 18px;display:flex}.global-search-input>span{color:var(--accent);font-size:20px}.global-search-input input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-family:JetBrains Mono,monospace;font-size:11px}.global-search-input input::placeholder{color:var(--text-muted)}.global-search-input kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:4px 7px;font-family:JetBrains Mono,monospace;font-size:8px}.global-search-results{max-height:390px;padding:8px;overflow-y:auto}.search-result{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px;display:flex}.search-result:hover,.search-result.active{background:var(--bg-elevated)}.search-result.active .search-result-icon{border-color:var(--accent)}.search-result-icon{border:1px solid var(--border);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--accent);justify-content:center;align-items:center;display:flex}.search-result-content{flex:1}.search-result-content strong,.search-result-content span{display:block}.search-result-content strong{font-size:10px}.search-result-content span{color:var(--text-muted);margin-top:4px;font-size:9px}.search-result small{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:7px}.search-empty{color:var(--text-muted);text-align:center;padding:40px;font-family:JetBrains Mono,monospace;font-size:9px}.global-search-footer{border-top:1px solid var(--border);color:var(--text-muted);gap:20px;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}@keyframes searchOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes searchIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);width:220px;box-shadow:0 20px 60px rgba(var(--shadow-color), .4);padding:8px;animation:.18s userMenuIn;position:absolute;top:calc(100% + 12px);right:0}.user-menu-header{border-bottom:1px solid var(--border);padding:12px}.user-menu-header strong,.user-menu-header span{font-family:JetBrains Mono,monospace;display:block}.user-menu-header strong{color:var(--text-primary);font-size:10px}.user-menu-header span{color:var(--accent);margin-top:4px;font-size:8px}.user-menu a,.logout-button{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.user-menu a:hover,.logout-button:hover{background:var(--bg-elevated);color:var(--text-primary)}.user-menu-divider{background:var(--border);height:1px;margin:5px 0}.logout-button{color:var(--text-muted)}@keyframes userMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.user-menu{position:fixed;top:70px;right:16px}}.status-dot.offline{background:var(--danger);box-shadow:0 0 10px var(--danger)}.app-sidebar{background:linear-gradient(180deg, var(--bg-surface), var(--bg-primary));box-shadow:8px 0 30px rgba(var(--shadow-color), .08)}.sidebar-link{min-height:42px;font-size:11px}.sidebar-link.active{background:linear-gradient(90deg, var(--primary-soft-strong), transparent)}.app-topbar{box-shadow:0 1px 0 var(--border-subtle)}.topbar-right{gap:10px}.search-trigger{border-radius:var(--radius-md);background:var(--bg-surface);height:40px}.search-trigger:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.topbar-profile{border-radius:var(--radius-md);padding:4px 7px}.topbar-profile:hover{background:var(--bg-elevated)}.profile-avatar{box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.35)}.notification-button{border-radius:var(--radius-md)}.user-menu,.notification-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--bg-surface);border-color:var(--border-strong)}.language-toggle{border:1px solid var(--border);background:var(--bg-surface);height:34px;box-shadow:var(--shadow-xs);border-radius:10px;align-items:center;padding:3px;display:inline-flex}.language-toggle-option{width:27px;height:27px;color:var(--text-muted);font:800 10px/1 var(--font-mono);background:0 0;border:0;border-radius:7px}.language-toggle-option:hover{color:var(--text-primary);background:var(--bg-elevated)}.language-toggle-option.active{color:var(--text-invert);background:var(--accent);box-shadow:0 3px 10px rgba(var(--primary-rgb),.2)}.language-toggle-divider{background:var(--border);width:1px;height:13px}@media (width<=900px){.topbar-status{display:none}.search-trigger{width:min(260px,34vw)}}@media (width<=640px){.app-content{padding:20px 16px 30px}.search-trigger{justify-content:center;width:42px;padding:0;overflow:hidden}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.topbar-right{gap:6px}.profile-info{display:none}}.app-logo{transition:filter var(--duration-base) ease;align-items:baseline;gap:1px;text-decoration:none;display:inline-flex}.app-logo:hover{filter:brightness(1.15)}.app-logo-arena{font-weight:800}.sidebar-version .shiny-text{font-size:9px;font-weight:700}.sidebar-link{overflow:hidden}.sidebar-index{min-width:17px;color:var(--text-disabled);font-family:var(--font-mono);letter-spacing:.08em;transition:color var(--duration-base) ease;font-size:7.5px;font-weight:700}.sidebar-link:hover .sidebar-index{color:var(--text-muted)}.sidebar-link.active .sidebar-index{color:var(--accent)}.sidebar-text{transition:transform var(--duration-base) var(--ease-out)}.sidebar-link:hover .sidebar-text{transform:translate(2px)}html[dir=rtl] .sidebar-link:hover .sidebar-text{transform:translate(-2px)}.sidebar-link:after{content:"";inset-inline-start:0;background:var(--accent);width:2px;height:0;box-shadow:0 0 12px rgba(var(--accent-rgb), .75);transition:height var(--duration-slow) var(--ease-out);border-radius:2px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-link.active:after{height:18px}.sidebar-link.active:before{animation:sidebarGlowIn var(--duration-slow) var(--ease-out)}@keyframes sidebarGlowIn{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.sidebar-player{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(160deg, rgba(var(--accent-rgb), .06), transparent 60%), var(--bg-primary);transition:border-color var(--duration-base) ease, background var(--duration-base) ease;align-items:center;gap:10px;margin-top:auto;padding:12px;text-decoration:none;display:flex}.sidebar-player:hover{border-color:rgba(var(--accent-rgb), .4)}.sidebar-player-avatar{border:1px solid rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .1);width:34px;height:34px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sidebar-player-body{flex:1;min-width:0}.sidebar-player-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;display:block;overflow:hidden}.sidebar-player-meta{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:5px;margin-top:3px;font-size:8px;display:flex}.sidebar-player-meta i{color:var(--text-disabled);font-style:normal}.sidebar-player-meta b{color:var(--accent);font-weight:700}.sidebar-player-xp{background:var(--bg-sunken);border-radius:3px;height:3px;margin-top:7px;display:block;overflow:hidden}.sidebar-player-xp-fill{background:linear-gradient(90deg, var(--accent), var(--secondary));height:100%;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);transition:width var(--duration-slow) var(--ease-out);border-radius:3px;display:block}.sidebar-player-state{background:var(--text-disabled);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sidebar-player-state.online{background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .6);animation:2.4s ease-in-out infinite presencePulse}@keyframes presencePulse{0%,to{box-shadow:0 0 4px rgba(var(--accent-rgb), .4)}50%{box-shadow:0 0 12px rgba(var(--accent-rgb), .85)}}@media (width<=1000px){.sidebar-index{display:none}}.topbar-status .shiny-text{font-family:var(--font-mono);letter-spacing:.14em;--shiny-base:var(--text-muted);--shiny-shine:var(--accent);font-size:8px;font-weight:700}.topbar-status-dot{animation:2.4s ease-in-out infinite presencePulse}.notification-button{transition:border-color var(--duration-base) ease, color var(--duration-base) ease, box-shadow var(--duration-base) ease}.notification-button:hover{border-color:rgba(var(--accent-rgb), .45);color:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb), .18)}.notification-count{animation:badgePop .35s var(--ease-spring)}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.notification-item{transition:background var(--duration-fast) ease}.notification-item:hover{background:var(--bg-elevated)}.profile-info-score{font-variant-numeric:tabular-nums}.app-mobile-nav{border:1px solid var(--border-strong)}.mobile-nav-link{transition:color var(--duration-base) ease, background var(--duration-base) ease, transform var(--duration-base) var(--ease-spring);position:relative}.mobile-nav-link span{transition:transform var(--duration-base) var(--ease-spring)}.mobile-nav-link.active{background:linear-gradient(180deg, rgba(var(--accent-rgb), .16), rgba(var(--accent-rgb), .05))}.mobile-nav-link.active span{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb), .55));transform:translateY(-1px)scale(1.12)}.mobile-nav-link.active:before{content:"";top:0;background:var(--accent);height:2px;box-shadow:0 0 10px rgba(var(--accent-rgb), .8);border-radius:0 0 3px 3px;position:absolute;inset-inline:22%}@media (prefers-reduced-motion:reduce){.sidebar-link:after,.sidebar-player-state.online,.topbar-status-dot,.mobile-nav-link,.mobile-nav-link span{transition:none;animation:none}}.app-sidebar{transition:width var(--duration-slow) var(--ease-out), padding var(--duration-slow) var(--ease-out)}.sidebar-collapse{top:38px;z-index:5;border:1px solid var(--border-strong);background:var(--bg-surface);width:22px;height:22px;color:var(--text-muted);cursor:pointer;box-shadow:0 2px 10px rgba(var(--shadow-color), .35);transition:color var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, transform var(--duration-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:-11px}.sidebar-collapse:hover{color:var(--accent);border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 16px rgba(var(--accent-rgb), .3);transform:scale(1.12)}.sidebar-collapse:active{transform:scale(.94)}.sidebar-collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-collapse-chevron{transition:transform var(--duration-slow) var(--ease-out);font-size:9px;line-height:1;display:block}.app-sidebar.collapsed .sidebar-collapse-chevron,html[dir=rtl] .sidebar-collapse-chevron{transform:rotate(180deg)}html[dir=rtl] .app-sidebar.collapsed .sidebar-collapse-chevron{transform:rotate(0)}.app-sidebar.collapsed{width:76px;padding:25px 13px}.app-sidebar.collapsed+.app-main{width:calc(100% - 76px);margin-left:76px}html[dir=rtl] .app-sidebar.collapsed+.app-main{margin-left:0;margin-right:76px}.app-logo-mini{color:var(--text-primary);font-size:13px;font-weight:800;display:none}.app-sidebar.collapsed .sidebar-top{justify-content:center;padding:0 0 26px}.app-sidebar.collapsed .app-logo-full,.app-sidebar.collapsed .sidebar-version{display:none}.app-sidebar.collapsed .app-logo-mini{animation:collapseFadeIn var(--duration-slow) var(--ease-out);display:inline-flex}@keyframes collapseFadeIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sidebar-icon{flex-shrink:0;position:relative}.sidebar-text{white-space:nowrap}.app-sidebar.collapsed .sidebar-link{justify-content:center;gap:0;padding-inline:0;overflow:visible}.app-sidebar.collapsed .sidebar-text{opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset-inline-start:12px}.app-sidebar.collapsed .sidebar-index{display:none}.app-sidebar.collapsed .sidebar-label{opacity:0;pointer-events:none;margin:14px 0 10px;font-size:0;transition:opacity .12s}.app-sidebar:not(.collapsed) .sidebar-text{animation:collapseFadeIn var(--duration-slow) var(--ease-out)}.app-sidebar.collapsed .sidebar-link:hover .sidebar-icon:after{content:attr(data-tip);top:50%;z-index:20;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;box-shadow:var(--shadow-md);animation:collapseTooltipIn var(--duration-fast) ease;pointer-events:none;border-radius:8px;padding:7px 12px;font-size:10px;position:absolute;inset-inline-start:calc(100% + 14px);transform:translateY(-50%)}@keyframes collapseTooltipIn{0%{opacity:0;transform:translateY(-50%)translate(4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.app-sidebar.collapsed .sidebar-player{background:0 0;border-color:#0000;justify-content:center;padding:6px}.app-sidebar.collapsed .sidebar-player:hover{border-color:rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .06)}.app-sidebar.collapsed .sidebar-player-body,.app-sidebar.collapsed .sidebar-player-state{display:none}@media (prefers-reduced-motion:reduce){.app-sidebar,.sidebar-collapse,.sidebar-collapse-chevron{transition:none}.app-sidebar.collapsed .app-logo-mini,.app-sidebar:not(.collapsed) .sidebar-text,.app-sidebar.collapsed .sidebar-link:hover .sidebar-icon:after{animation:none}}.sidebar-top-actions{align-items:center;gap:8px;display:flex}.sidebar-collapse-inline{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-base) ease, border-color var(--duration-base) ease, background var(--duration-base) ease, transform var(--duration-base) var(--ease-spring);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar-collapse-inline:hover{color:var(--accent);border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .08);transform:scale(1.06)}.sidebar-collapse-inline:active{transform:scale(.92)}.sidebar-collapse-inline:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-collapse-inline svg{display:block}html[dir=rtl] .sidebar-collapse-inline svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.sidebar-collapse-inline{transition:none}}html[lang=fa] body{font-feature-settings:"ss01", "ss02";letter-spacing:0}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3{letter-spacing:0;font-weight:700;line-height:1.4}html[lang=fa] .hero h1{letter-spacing:-1px;line-height:1.1}html[lang=fa] .stat-value,html[lang=fa] .rating-number strong{font-family:var(--font-fa);letter-spacing:0;font-weight:700}html[lang=fa] .home-eyebrow,html[lang=fa] .panel-eyebrow,html[lang=fa] .stat-label,html[lang=fa] .panel-period,html[lang=fa] .live-indicator,html[lang=fa] .challenge-id,html[lang=fa] .challenge-difficulty,html[lang=fa] .challenge-tags span,html[lang=fa] .chart-labels,html[lang=fa] .rank-info,html[lang=fa] .rank-position,html[lang=fa] .match-rating,html[lang=fa] .match-time,html[lang=fa] .panel-link,html[lang=fa] .primary-action,html[lang=fa] .secondary-action,html[lang=fa] .challenge-start,html[lang=fa] .navbar-logo,html[lang=fa] .navbar-cta,html[lang=fa] .navbar-login,html[lang=fa] .hero-eyebrow,html[lang=fa] .app-logo,html[lang=fa] .sidebar-label,html[lang=fa] .sidebar-link,html[lang=fa] .sidebar-version,html[lang=fa] .sidebar-status strong,html[lang=fa] .sidebar-status small,html[lang=fa] .topbar-status,html[lang=fa] .search-trigger,html[lang=fa] .notification-header strong,html[lang=fa] .notification-header span,html[lang=fa] .notification-item strong,html[lang=fa] .notification-item small,html[lang=fa] .profile-info strong,html[lang=fa] .profile-info span,html[lang=fa] .user-menu-header strong,html[lang=fa] .user-menu-header span,html[lang=fa] .user-menu a,html[lang=fa] .logout-button,html[lang=fa] .mobile-nav-link small,html[lang=fa] .settings-eyebrow,html[lang=fa] .settings-label,html[lang=fa] .settings-saved,html[lang=fa] .language-option strong,html[lang=fa] .theme-option strong{font-family:var(--font-fa);letter-spacing:0;font-weight:600}html[lang=fa] p,html[lang=fa] .hero-description,html[lang=fa] .challenge-preview p,html[lang=fa] .settings-header p,html[lang=fa] .settings-card p{line-height:1.85}html[dir=rtl] .navbar-inner,html[dir=rtl] .navbar-actions,html[dir=rtl] .navbar-links{flex-direction:row-reverse}html[dir=rtl] .hero{text-align:right;direction:rtl}html[dir=rtl] .hero-actions{flex-direction:row-reverse}html[dir=rtl] .code-window{text-align:left;direction:ltr}html[dir=rtl] .home-hero,html[dir=rtl] .home-hero-copy{text-align:right}html[dir=rtl] .home-hero-actions-block{align-items:flex-end}html[dir=rtl] .home-header-actions,html[dir=rtl] .identity-header,html[dir=rtl] .identity-xp-meta{flex-direction:row-reverse}html[dir=rtl] .identity-streak{text-align:right;flex-direction:row-reverse}html[dir=rtl] .identity-streak-body{align-items:flex-end}html[dir=rtl] .primary-action,html[dir=rtl] .secondary-action{flex-direction:row-reverse}html[lang=fa] .home-hero-score-value,html[lang=fa] .identity-level-value,html[lang=fa] .identity-streak-count,html[lang=fa] .identity-xp-current,html[lang=fa] .identity-xp-progress{font-family:var(--font-fa);letter-spacing:0;font-weight:700}html[lang=fa] .identity-eyebrow,html[lang=fa] .identity-level-label,html[lang=fa] .home-hero-score-label,html[lang=fa] .home-hero-score-suffix,html[lang=fa] .home-hero-actions-label,html[lang=fa] .identity-streak-unit,html[lang=fa] .identity-streak-best,html[lang=fa] .identity-streak-idle,html[lang=fa] .identity-xp-progress-soft{font-family:var(--font-fa);letter-spacing:0;font-weight:600}html[dir=rtl] .challenge-top,html[dir=rtl] .panel-header,html[dir=rtl] .chart-labels,html[dir=rtl] .rank-info,html[dir=rtl] .recommended-content,html[dir=rtl] .challenge-start{flex-direction:row-reverse}html[dir=rtl] .match-row{direction:rtl}html[dir=rtl] .match-time{text-align:left}html[dir=rtl] .sidebar-link{text-align:right;flex-direction:row-reverse}html[dir=rtl] .sidebar-icon{margin-left:0;margin-right:0}html[dir=rtl] .sidebar-status{text-align:right;flex-direction:row-reverse}html[dir=rtl] .sidebar-settings,html[dir=rtl] .topbar-right,html[dir=rtl] .topbar-profile,html[dir=rtl] .topbar-status{flex-direction:row-reverse}html[dir=rtl] .notification-panel,html[dir=rtl] .user-menu{left:0;right:auto}@media (width<=760px){html[dir=rtl] .user-menu{left:16px;right:auto}}html[dir=rtl] .settings-card{text-align:right;flex-direction:row-reverse}html[dir=rtl] .language-switcher,html[dir=rtl] .theme-switcher{flex-direction:row-reverse}html[dir=rtl] .language-option,html[dir=rtl] .theme-option{text-align:right;align-items:flex-end}@media (width<=720px){html[dir=rtl] .settings-card{text-align:right;flex-direction:column}}html[dir=rtl] .footer-columns,html[dir=rtl] .features-grid,html[dir=rtl] .modes-grid,html[dir=rtl] .showcase-grid,html[dir=rtl] .stats-row{direction:rtl}html[dir=rtl] .footer-bottom{flex-direction:row-reverse}html[dir=rtl] .arena-code-editor,html[dir=rtl] .editor-lines,html[dir=rtl] .code-toolbar,html[dir=rtl] .test-output,html[dir=rtl] .test-output-header,html[dir=rtl] .test-result pre,html[dir=rtl] .test-result code,html[dir=rtl] .code-window,html[dir=rtl] .code-body,html[dir=rtl] .code-window code,html[dir=rtl] pre,html[dir=rtl] code{text-align:left!important;direction:ltr!important}html[dir=rtl] .arena-code-editor,html[dir=rtl] .editor-lines,html[dir=rtl] .code-toolbar,html[dir=rtl] .test-output-header,html[dir=rtl] pre,html[dir=rtl] code{font-family:var(--font-mono)!important}html[dir=rtl] .challenge-editor,html[dir=rtl] .replay-editor,html[dir=rtl] .replay-code{text-align:left!important;direction:ltr!important}html[dir=rtl] .editor-line,html[dir=rtl] .replay-line{text-align:left;direction:ltr}html[dir=rtl] .challenge-arrow,html[dir=rtl] .enter-arena-button span,html[dir=rtl] .challenge-start span,html[dir=rtl] .submit-button span{display:inline-block;transform:scaleX(-1)}html[dir=rtl] .challenge-card:hover .challenge-arrow{transform:scaleX(-1)translate(4px)}html[dir=rtl] .back-button,html[dir=rtl] .replay-link,html[dir=rtl] .analytics-replay-link{direction:rtl}html[dir=rtl] .search-trigger,html[dir=rtl] .search-result,html[dir=rtl] .user-menu a,html[dir=rtl] .logout-button,html[dir=rtl] .leaderboard-footer,html[dir=rtl] .timeline-step,html[dir=rtl] .analytics-session b,html[dir=rtl] .analytics-session small,html[dir=rtl] .season-card,html[dir=rtl] .opponent-diff,html[dir=rtl] .history-row>strong,html[dir=rtl] .profile-rating,html[dir=rtl] .profile-streak,html[dir=rtl] .submission-date,html[dir=rtl] .leaderboard-count,html[dir=rtl] .footer-bottom span:last-child,html[dir=rtl] .demo-status{text-align:left}html[dir=rtl] .match-time,html[dir=rtl] .replay-score,html[dir=rtl] .achievement-state,html[dir=rtl] .leaderboard-rating{text-align:right}html[dir=rtl] .competitive-stats>div,html[dir=rtl] .profile-stat,html[dir=rtl] .skill-item:nth-child(odd),html[dir=rtl] .challenge-stats div,html[dir=rtl] .rating-card,html[dir=rtl] .progress-stats,html[dir=rtl] .mode-tab{border-right:0;border-left:1px solid var(--border)}html[dir=rtl] .competitive-stats>div:last-child,html[dir=rtl] .profile-stat:last-child,html[dir=rtl] .challenge-stats div:last-child{border-left:0}html[dir=rtl] .mode-tab{border-left-color:var(--border)}html[dir=rtl] .mode-tab.active,html[dir=rtl] .mode-tab:last-child{border-left-color:#0000}html[dir=rtl] .leaderboard-row.current-player,html[dir=rtl] .leaderboard.landing .leaderboard-row.current-player{box-shadow:inset -3px 0 0 var(--primary)}html[dir=rtl] .mode-card.active{box-shadow:inset -3px 0 var(--primary)}html[dir=rtl] .profile-header:before{left:-180px;right:auto}html[dir=rtl] .mode-number{left:22px;right:auto}@media (width<=900px){html[dir=rtl] .demo-result{right:12px}}html[dir=rtl] .timeline:before{left:auto;right:4px}html[dir=rtl] .process-item:hover{padding-left:12px;padding-right:20px}html[dir=rtl] .submission-row:hover{padding-left:14px;padding-right:14px}html[dir=rtl] .leaderboard-row:hover{padding-left:20px;padding-right:26px}html[dir=rtl] input[type=text],html[dir=rtl] input[type=password],html[dir=rtl] input[type=search],html[dir=rtl] textarea{text-align:right;font-family:var(--font-fa);direction:rtl}html[dir=rtl] input[type=email],html[dir=rtl] input[type=number],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=url]{text-align:left;font-family:var(--font-mono);direction:ltr}html[dir=rtl] button{font-family:var(--font-fa)}html[dir=rtl] .theme-toggle{direction:ltr}html[dir=rtl] .hero{text-align:right}html[dir=rtl] .hero h1{letter-spacing:0;font-weight:800;line-height:1.2}html[dir=rtl] .hero h1 span{-webkit-text-stroke:0;color:var(--text-muted)}html[dir=rtl] .hero-eyebrow:before,html[dir=rtl] .section-number:before{order:2}html[dir=rtl] .hero-actions{flex-direction:row;justify-content:flex-start}html[dir=rtl] .section-heading{text-align:right}html[dir=rtl] .section-heading h2{letter-spacing:0;line-height:1.2}html[dir=rtl] .process-item{text-align:right}html[dir=rtl] .mode-display{direction:rtl}html[dir=rtl] .mode-display-info{text-align:right}html[dir=rtl] .mode-tabs{direction:rtl}html[dir=rtl] .final-cta-content{text-align:right}html[dir=rtl] .footer-main{text-align:right;direction:rtl}html[dir=rtl] .footer-bottom{direction:rtl}html[dir=rtl] .stat-item{border-left:0;border-right:1px solid var(--border)}html[dir=rtl] .stat-item:first-child{border-right:1px solid var(--border)}html[dir=rtl] .stat-item:last-child{border-left:1px solid var(--border)}html[dir=rtl] .demo-result{left:-18px;right:auto}html[dir=rtl] .navbar-inner,html[dir=rtl] .navbar-actions,html[dir=rtl] .navbar-links{flex-direction:row-reverse}@media (width<=640px){html[dir=rtl] .hero-actions{flex-direction:column}html[dir=rtl] .demo-result{left:8px;right:auto}}html[lang=fa] .hero h1,html[lang=fa] .section-heading h2,html[lang=fa] .final-cta-content h2,html[lang=fa] .home-hero-title,html[lang=fa] .challenges-header h1{font-weight:800;line-height:1.25}html[lang=fa] .hero-description,html[lang=fa] .section-heading p,html[lang=fa] .final-cta-content p,html[lang=fa] .home-header-body,html[lang=fa] .challenges-header p{line-height:2}n html[dir=rtl] .vf-button,html[dir=rtl] .vf-dialog,html[dir=rtl] .vf-toast{direction:rtl}html[lang=fa] .vf-dialog-heading,html[lang=fa] .vf-toast-content,html[lang=fa] .vf-button,html[lang=fa] .vf-toast-action{font-family:var(--font-fa);letter-spacing:0}html[dir=rtl] .vf-dialog-footer{flex-direction:row}:root{--vf-background:var(--bg-primary);--vf-foreground:var(--text-primary);--vf-card:var(--bg-surface);--vf-card-foreground:var(--text-primary);--vf-popover:var(--bg-elevated);--vf-muted:var(--text-muted);--vf-border:var(--border);--vf-primary:var(--primary);--vf-primary-foreground:var(--text-invert);--vf-secondary:var(--secondary);--vf-destructive:var(--danger);--vf-ring:var(--primary);--vf-radius:var(--radius-md)}.vf-button{border-radius:var(--vf-radius);min-height:40px;color:var(--vf-foreground);font:600 var(--text-md)/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}html[lang=fa] .vf-button{font-family:var(--font-fa);letter-spacing:0}.vf-button:focus-visible{box-shadow:0 0 0 2px var(--vf-background), 0 0 0 4px rgba(var(--primary-rgb), .55);outline:none}.vf-button:disabled{opacity:.5;pointer-events:none}.vf-button:active{transform:scale(.985)}.vf-button-default{background:var(--vf-primary);color:var(--vf-primary-foreground)}.vf-button-default:hover{background:var(--accent-hover)}.vf-button-secondary{background:var(--bg-elevated);border-color:var(--vf-border)}.vf-button-secondary:hover,.vf-button-outline:hover{background:var(--primary-soft);border-color:rgba(var(--primary-rgb), .45)}.vf-button-outline{border-color:var(--vf-border);background:0 0}.vf-button-ghost{color:var(--text-secondary)}.vf-button-ghost:hover{background:var(--primary-soft);color:var(--text-primary)}.vf-button-brand{background:var(--accent);color:var(--text-invert);box-shadow:var(--shadow-accent)}.vf-button-brand:hover{background:var(--accent-hover)}.vf-button-destructive{background:var(--vf-destructive);color:#fff}.vf-button-destructive:hover{filter:brightness(1.06)}.vf-button-sm{min-height:32px;font-size:var(--text-sm);border-radius:var(--radius-sm);padding-inline:12px}.vf-button-md{min-height:40px}.vf-button-lg{min-height:48px;font-size:var(--text-lg);border-radius:var(--radius-lg);padding-inline:24px}.vf-button-icon{width:40px;min-width:40px;padding-inline:0}.vf-dialog-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.vf-dialog{border:1px solid var(--vf-border);border-radius:var(--radius-xl);background:var(--vf-popover);width:min(520px,100%);max-height:min(720px,100vh - 32px);color:var(--vf-card-foreground);box-shadow:var(--shadow-strong);animation:vf-dialog-in .22s var(--ease-out);padding:20px;overflow:auto}.vf-dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.vf-dialog-heading{min-width:0}.vf-dialog-heading h2{font-size:var(--text-lg);font-weight:750;line-height:1.5}.vf-dialog-heading p{color:var(--vf-muted);font-size:var(--text-md);margin-top:4px;line-height:1.8}.vf-dialog-close,.vf-toast-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--vf-muted);font:500 20px/1 var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;transition:background-color .16s,color .16s,border-color .16s;display:inline-grid}html[lang=fa] .vf-dialog-close,html[lang=fa] .vf-toast-close{font-family:var(--font-fa)}.vf-dialog-close:hover,.vf-toast-close:hover{border-color:var(--vf-border);background:var(--primary-soft);color:var(--vf-foreground)}.vf-dialog-body{margin-top:16px}.vf-dialog-footer{flex-direction:row-reverse;justify-content:flex-start;gap:8px;margin-top:20px;display:flex}.vf-toast-region{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);display:flex;position:fixed}.vf-toast-bottom-start{inset-block-end:16px;inset-inline-start:16px}.vf-toast-bottom-end{inset-block-end:16px;inset-inline-end:16px}.vf-toast-top-start{inset-block-start:16px;inset-inline-start:16px}.vf-toast-top-end{inset-block-start:16px;inset-inline-end:16px}.vf-toast{border:1px solid var(--vf-border);border-radius:var(--radius-lg);background:var(--vf-popover);min-width:0;color:var(--vf-foreground);box-shadow:var(--shadow-md);pointer-events:auto;animation:vf-toast-in .22s var(--ease-out);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.vf-toast-icon{background:var(--vf-foreground);width:20px;height:20px;color:var(--vf-background);font:800 11px/1 var(--font-sans);border-radius:999px;flex:none;place-items:center;display:inline-grid}.vf-toast-error .vf-toast-icon{background:var(--danger);color:#fff}.vf-toast-content{text-align:start;flex:1;gap:2px;min-width:0;display:grid}.vf-toast-content strong{font-size:var(--text-md);line-height:1.5}.vf-toast-content span{color:var(--vf-muted);font-size:var(--text-sm);line-height:1.6}.vf-toast-action{border:1px solid var(--vf-border);border-radius:var(--radius-sm);min-height:30px;color:var(--vf-foreground);font:600 var(--text-sm)/1 var(--font-sans);cursor:pointer;background:0 0;padding:0 9px}html[lang=fa] .vf-toast-action{font-family:var(--font-fa)}.vf-toast-action:hover{background:var(--primary-soft)}.vf-toast-dismiss-all{min-height:28px;color:var(--vf-muted);font:600 var(--text-xs)/1 var(--font-fa);cursor:pointer;pointer-events:auto;background:0 0;border:0;align-self:flex-start;padding:0 8px}.vf-toast-dismiss-all:hover{color:var(--vf-foreground)}@keyframes vf-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vf-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (width>=640px){.vf-dialog-overlay{align-items:center}}@media (prefers-reduced-motion:reduce){.vf-button,.vf-dialog,.vf-toast,.vf-dialog-close,.vf-toast-close{transition:none!important;animation:none!important}}@media (width<=640px){.vf-toast-region{width:calc(100vw - 24px)}.vf-toast-bottom-start,.vf-toast-bottom-end{inset-block-end:12px;inset-inline:12px}}@media (width<=380px){.vf-dialog{padding:16px}}html[lang=fa] .vf-num{font-variant-numeric:normal;font-feature-settings:"ss01"}.vf-field{gap:6px;display:grid}.vf-field-label{font:600 var(--text-sm)/1.4 var(--font-sans);color:var(--text-secondary)}html[lang=fa] .vf-field-label{font-family:var(--font-fa);letter-spacing:0}.vf-field-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.6}html[lang=fa] .vf-field-hint{font-family:var(--font-fa)}.vf-field-error{font-size:var(--text-sm);color:var(--danger);margin:0;line-height:1.5}html[lang=fa] .vf-field-error{font-family:var(--font-fa)}.vf-input,.vf-input-control{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;min-height:40px;color:var(--text-primary);font:500 var(--text-md)/1.4 var(--font-sans);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;outline:none;padding:0 12px}html[lang=fa] .vf-input,html[lang=fa] .vf-input-control{font-family:var(--font-fa);letter-spacing:0}.vf-input:focus,.vf-input-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .25)}.vf-input-error,.vf-input-error .vf-input-control{border-color:var(--danger)}.vf-input-error:focus,.vf-input-error .vf-input-control:focus{box-shadow:0 0 0 3px rgba(var(--danger-rgb,220, 38, 38), .25)}.vf-input-with-addon{align-items:stretch;padding:0;display:flex;overflow:hidden}.vf-input-with-addon .vf-input-control{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1}.vf-input-with-addon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .25)}.vf-input-addon{background:var(--bg-elevated);color:var(--text-muted);font:600 var(--text-sm)/1 var(--font-sans);white-space:nowrap;align-items:center;padding-inline:10px;display:inline-flex}html[lang=fa] .vf-input-addon{font-family:var(--font-fa)}.vf-input-addon-start{border-inline-end:1px solid var(--border)}.vf-input-addon-end{border-inline-start:1px solid var(--border)}.vf-textarea-wrap{gap:4px;display:grid;position:relative}.vf-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;min-height:96px;color:var(--text-primary);font:500 var(--text-md)/1.7 var(--font-sans);resize:vertical;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;outline:none;padding:10px 12px}html[lang=fa] .vf-textarea{font-family:var(--font-fa);letter-spacing:0;line-height:1.85}.vf-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .25)}.vf-textarea-error{border-color:var(--danger)}.vf-textarea-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;justify-self:end}html[lang=fa] .vf-textarea-count{font-family:var(--font-fa)}.vf-alert{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.vf-alert-icon{width:22px;height:22px;font:800 11px/1 var(--font-sans);background:var(--text-muted);color:var(--bg-primary);border-radius:999px;flex:none;place-items:center;display:inline-grid}.vf-alert-body{flex:1;gap:2px;min-width:0;display:grid}.vf-alert-title{font-size:var(--text-md);font-weight:700;line-height:1.5}html[lang=fa] .vf-alert-title{font-family:var(--font-fa);letter-spacing:0}.vf-alert-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}html[lang=fa] .vf-alert-desc{font-family:var(--font-fa)}.vf-alert-info .vf-alert-icon{background:var(--info,#38bdf8);color:#0b1220}.vf-alert-success .vf-alert-icon{background:var(--success);color:#fff}.vf-alert-warning .vf-alert-icon{background:var(--warning);color:#1a1200}.vf-alert-destructive{border-color:rgba(var(--danger-rgb,220, 38, 38), .35);background:rgba(var(--danger-rgb,220, 38, 38), .08)}.vf-alert-destructive .vf-alert-icon{background:var(--danger);color:#fff}.vf-badge{border-radius:var(--radius-pill);min-height:22px;font:700 var(--text-xs)/1 var(--font-sans);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex}html[lang=fa] .vf-badge{font-family:var(--font-fa);letter-spacing:0}.vf-badge-default{background:var(--primary-soft,rgba(var(--primary-rgb), .15));color:var(--primary)}.vf-badge-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.vf-badge-outline{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.vf-badge-success{background:rgba(var(--success-rgb,34, 197, 94), .15);color:var(--success)}.vf-badge-warning{background:rgba(var(--warning-rgb,234, 179, 8), .18);color:var(--warning)}.vf-badge-destructive{background:rgba(var(--danger-rgb,220, 38, 38), .15);color:var(--danger)}.vf-badge-brand{background:var(--accent);color:var(--text-invert,#fff)}.vf-progress{gap:6px;display:grid}.vf-progress-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vf-progress-label{font:600 var(--text-sm)/1.4 var(--font-sans);color:var(--text-secondary)}html[lang=fa] .vf-progress-label{font-family:var(--font-fa);letter-spacing:0}.vf-progress-value{font:700 var(--text-sm)/1 var(--font-sans);color:var(--text-primary);font-variant-numeric:tabular-nums}html[lang=fa] .vf-progress-value{font-family:var(--font-fa)}.vf-progress-track{border-radius:var(--radius-pill);background:var(--bg-elevated);height:8px;overflow:hidden}.vf-progress-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width var(--duration-base) var(--ease-out)}.vf-empty{text-align:center;place-items:center;gap:8px;padding:40px 24px;display:grid}.vf-empty-icon{opacity:.55;margin-bottom:4px;font-size:28px;line-height:1}.vf-empty-title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}html[lang=fa] .vf-empty-title{font-family:var(--font-fa);letter-spacing:0}.vf-empty-desc{max-width:320px;font-size:var(--text-md);color:var(--text-muted);margin:0;line-height:1.7}html[lang=fa] .vf-empty-desc{font-family:var(--font-fa)}.vf-empty-action{margin-top:12px}.vf-skeleton{background:linear-gradient(90deg, var(--bg-elevated) 0%, var(--bg-surface) 50%, var(--bg-elevated) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s ease-in-out infinite vf-skeleton-pulse;display:block}.vf-skeleton-sm{border-radius:var(--radius-sm)}.vf-skeleton-full{border-radius:999px}@keyframes vf-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.vf-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.vf-switch-disabled{opacity:.5;pointer-events:none}.vf-switch-track{background:var(--bg-elevated);cursor:pointer;width:44px;height:26px;transition:background-color var(--duration-fast) ease;border:0;border-radius:999px;flex:none;padding:0;position:relative}.vf-switch-track:focus-visible{box-shadow:var(--focus-ring);outline:none}.vf-switch-on{background:var(--primary)}.vf-switch-thumb{top:3px;width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-out);background:#fff;border-radius:999px;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #00000040}.vf-switch-on .vf-switch-thumb{transform:translate(18px)}html[dir=rtl] .vf-switch-on .vf-switch-thumb{transform:translate(-18px)}.vf-switch-label{font:500 var(--text-md)/1.4 var(--font-sans);color:var(--text-primary)}html[lang=fa] .vf-switch-label{font-family:var(--font-fa);letter-spacing:0}.vf-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-surface);color:var(--text-primary);overflow:hidden}.vf-card-header{padding:16px 18px 0}.vf-card-title{font-size:var(--text-lg);margin:0;font-weight:700;line-height:1.4}html[lang=fa] .vf-card-title{font-family:var(--font-fa);letter-spacing:0}.vf-card-desc{font-size:var(--text-sm);color:var(--text-muted);margin:4px 0 0;line-height:1.6}html[lang=fa] .vf-card-desc{font-family:var(--font-fa)}.vf-card-body{padding:14px 18px 18px}.vf-card-footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding:12px 18px}.vf-tabs{gap:12px;display:grid}.vf-tabs-list{flex-wrap:wrap;gap:2px;display:flex}.vf-tabs-underline .vf-tabs-list{border-bottom:1px solid var(--border);gap:0}.vf-tabs-segmented .vf-tabs-list{border-radius:var(--radius-md);background:var(--bg-elevated);width:fit-content;padding:3px}.vf-tabs-trigger{min-height:36px;color:var(--text-muted);font:600 var(--text-sm)/1 var(--font-sans);cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;background:0 0;border:0;padding:0 14px}html[lang=fa] .vf-tabs-trigger{font-family:var(--font-fa);letter-spacing:0}.vf-tabs-trigger:disabled{opacity:.45;pointer-events:none}.vf-tabs-underline .vf-tabs-trigger{border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px}.vf-tabs-underline .vf-tabs-trigger-active{color:var(--text-primary);border-bottom-color:var(--primary)}.vf-tabs-segmented .vf-tabs-trigger{border-radius:calc(var(--radius-md) - 2px)}.vf-tabs-segmented .vf-tabs-trigger-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #0000001f}.vf-tabs-content{min-width:0}@media (prefers-reduced-motion:reduce){.vf-skeleton,.vf-progress-fill,.vf-switch-thumb{transition:none!important;animation:none!important}}