@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap);*{margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--bg-main:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--border-strong:#fff3;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--accent-cyan:#0fc;--accent-purple:#b92b27;--accent-blue:#1565c0;--accent-gradient:linear-gradient(135deg,#00c9ff,#92fe9d);--rank-gradient:linear-gradient(90deg,#b92b27,#1565c0);--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 32px #0009;--shadow-glow:0 0 40px #00c9ff26;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--transition-fast:0.15s ease-out;--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1)}html{scroll-behavior:smooth}body,html{background-color:#000;background-color:var(--bg-main)}body{-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,#ffffff08,#0000 25%),radial-gradient(circle at 85% 30%,#00c9ff0a,#0000 25%);color:#ededed;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;margin:0;overflow-x:hidden;padding:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:#ededed;color:var(--text-primary);font-weight:800;letter-spacing:-.04em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}nav{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0009;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);height:70px;left:0;padding:0 5%;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);z-index:1000}.nav-container,nav{align-items:center;display:flex}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.nav-logo{align-items:center;display:flex;font-size:20px;font-weight:800;gap:12px;letter-spacing:-.05em}.nav-logo span{-webkit-text-fill-color:#0000;background:#ededed;background:var(--text-primary);-webkit-background-clip:text}.nav-logo:before{background:linear-gradient(135deg,#00c9ff,#92fe9d);background:var(--accent-gradient);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 0 16px #00c9ff66;content:"";display:block;height:16px;width:16px}.nav-links{align-items:center;display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-links a{color:#a1a1aa;color:var(--text-secondary);font-size:13px;font-weight:600;transition:color .15s ease-out;transition:color var(--transition-fast)}.nav-links a:hover{color:#ededed;color:var(--text-primary)}.nav-cta{align-items:center;display:flex;gap:16px}.btn-discord-nav,.btn-nav-login{align-items:center;background:#fff;border-radius:9999px;border-radius:var(--radius-full);color:#000;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:transform .15s ease-out,box-shadow .15s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-discord-nav:hover,.btn-nav-login:hover{box-shadow:0 0 20px #fff3;transform:scale(1.03)}.user-menu{align-items:center;display:flex;gap:16px}.user-name{color:#ededed;color:var(--text-primary);font-size:13px;font-weight:500}.btn-logout{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s ease-out;transition:all var(--transition-fast)}.btn-logout:hover{background:#ffffff0d;border-color:#ffffff1f;border-color:var(--border-hover)}.btn-logout:hover,.nav-toggle{color:#ededed;color:var(--text-primary)}.nav-toggle{background:#0000;border:none;cursor:pointer;display:none;font-size:24px}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 5% 80px;position:relative;text-align:center}.hero-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 0),linear-gradient(90deg,#ffffff0f 1px,#0000 0);background-image:linear-gradient(var(--border-subtle) 1px,#0000 1px),linear-gradient(90deg,var(--border-subtle) 1px,#0000 1px);background-size:64px 64px;inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 10%,#0000 80%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 10%,#0000 80%);pointer-events:none;position:absolute}.hero-badge{align-items:center;animation:fadeUp .8s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff1f;border:1px solid var(--border-hover);border-radius:9999px;border-radius:var(--radius-full);color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:32px;padding:6px 16px}.badge-dot{background:#0fc;border-radius:50%;box-shadow:0 0 10px #0fc;height:6px;width:6px}.hero h1{animation:fadeUp 1s ease-out .2s forwards;font-size:clamp(48px,8vw,110px);letter-spacing:-.05em;line-height:1;margin-bottom:24px;max-width:1000px;opacity:0}.hero h1 .accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c9ff,#92fe9d);background:var(--accent-gradient);-webkit-background-clip:text}.hero h1 .dim{color:#71717a;color:var(--text-tertiary)}.hero-sub{animation:fadeUp 1s ease-out .4s forwards;color:#a1a1aa;color:var(--text-secondary);font-size:clamp(16px,2vw,20px);line-height:1.6;margin-bottom:48px;max-width:600px;opacity:0}.hero-actions{animation:fadeUp 1s ease-out .6s forwards;display:flex;gap:16px;opacity:0}.btn-discord{align-items:center;background:#fff;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#000;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:transform .15s ease-out,box-shadow .15s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-discord:hover{box-shadow:0 8px 24px #fff3;transform:translateY(-2px)}.btn-discord.btn-small{font-size:13px;padding:10px 24px}.btn-discord.btn-xs{font-size:12px;padding:8px 16px}.btn-ghost{align-items:center;background:#0000;border:1px solid #fff3;border:1px solid var(--border-strong);border-radius:9999px;border-radius:var(--radius-full);color:#ededed;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:all .15s ease-out;transition:all var(--transition-fast)}.btn-ghost:hover{background:#ffffff0d;border-color:#ededed;border-color:var(--text-primary)}.btn-ghost.btn-small{font-size:13px;padding:10px 24px}.btn-ghost.btn-xs{border:1px solid #ffffff1f;border:1px solid var(--border-hover);font-size:12px;padding:8px 16px}.hero-stats{animation:fadeUp 1s ease-out .8s forwards;display:flex;gap:48px;margin-top:80px;opacity:0}.h-stat{display:flex;flex-direction:column;gap:4px}.h-stat-val{font-size:32px;font-weight:800;letter-spacing:-.04em}.h-stat-label{color:#71717a;color:var(--text-tertiary);font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.h-divider{background:#ffffff0f;background:var(--border-subtle);width:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{margin:0 auto;max-width:1400px;padding:120px 5%}.section-label{align-items:center;color:#71717a;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;gap:12px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.section-label:before{background:#71717a;background:var(--text-tertiary);content:"";height:1px;width:24px}.section-title{font-size:clamp(32px,5vw,48px);letter-spacing:-.04em;margin-bottom:24px}.section-desc{color:#a1a1aa;color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:600px}.lb-wrap{background:#0a0a0a;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-sm);margin-top:48px;overflow:hidden}.lb-section .lb-header{background:#ffffff03;color:#71717a;color:var(--text-tertiary);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.lb-section .lb-header,.lb-section .lb-row{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:60px 1fr 120px 120px 120px;padding:16px 24px}.lb-section .lb-row{align-items:center;cursor:pointer;transition:background .15s ease-out;transition:background var(--transition-fast)}.lb-section .lb-row:hover{background:#ffffff08}.lb-section .lb-row:last-child{border-bottom:none}.lb-rank{color:#a1a1aa;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.lb-player{display:flex!important;gap:16px}.lb-avatar,.lb-player{align-items:center;overflow:hidden}.lb-avatar{background:#ffffff1f;background:var(--border-hover);border-radius:9999px;border-radius:var(--radius-full);color:#ededed;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;height:40px;justify-content:center;min-width:40px;width:40px}.lb-avatar img{height:100%;object-fit:cover;width:100%}.lb-player>div{display:flex;flex-direction:column;gap:2px;min-width:0}.lb-name{align-items:center;display:flex;font-size:15px;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-badge,.lb-name{color:#ededed;color:var(--text-primary);font-weight:600}.lb-badge{background:#ffffff1a;border-radius:9999px;border-radius:var(--radius-full);font-size:10px;padding:2px 8px}.lb-tag{color:#71717a;color:var(--text-tertiary);font-size:12px}.lb-tag,.lb-val{font-family:JetBrains Mono,monospace}.lb-val{color:#a1a1aa;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:right}.lb-val.elo{color:#ededed;color:var(--text-primary);font-weight:700}.steps{grid-gap:1px;background:#ffffff0f;background:var(--border-subtle);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:24px;border-radius:var(--radius-lg);display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin-top:48px;overflow:hidden}.step{background:#0a0a0a;background:var(--bg-secondary);padding:40px 32px;position:relative;transition:background .15s ease-out;transition:background var(--transition-fast)}.step:hover{background:#111;background:var(--bg-tertiary)}.step:before{color:#ffffff05;content:attr(data-num);font-size:80px;font-weight:800;line-height:1;position:absolute;right:24px;top:24px}.step-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border:1px solid var(--border-hover);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:24px;width:48px}.step h4{font-size:18px;margin-bottom:12px}.step p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.6}footer{background:#000;background:var(--bg-main);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);justify-content:space-between;margin:0 auto;max-width:1400px;padding:60px 5%}.footer-logo,footer{align-items:center;display:flex}.footer-logo{color:#ededed;color:var(--text-primary);font-size:20px;font-weight:800;gap:8px}.footer-text{color:#71717a;color:var(--text-tertiary);font-size:13px}.footer-links{display:flex;gap:24px}.footer-links a{color:#a1a1aa;color:var(--text-secondary);font-size:13px;font-weight:500}.footer-links a:hover{color:#ededed;color:var(--text-primary)}@media (max-width:1024px){.hero h1{font-size:clamp(40px,8vw,80px)}.steps{grid-template-columns:repeat(2,1fr)}.lb-section .lb-header,.lb-section .lb-row{grid-template-columns:50px 1fr 100px 100px}.lb-section .lb-header :nth-child(5),.lb-section .lb-row :nth-child(5){display:none}}@media (max-width:768px){nav{height:60px;padding:0 20px}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:none;flex-direction:column;left:0;padding:20px;position:absolute;right:0;top:60px}.nav-links.open{display:flex}.nav-toggle{display:block;margin-left:auto}.nav-cta{margin-left:16px}section{padding:80px 20px}.hero{padding:100px 20px 60px}.hero h1{font-size:40px}.hero-stats{flex-direction:column;gap:32px;margin-top:48px}.h-divider{display:none}.lb-section .lb-header,.lb-section .lb-row{grid-template-columns:40px 1fr 80px;padding:16px}.lb-section .lb-header :nth-child(4),.lb-section .lb-row :nth-child(4){display:none}.steps{border-left:none;border-radius:0;border-right:none;grid-template-columns:1fr}.step{border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);margin-bottom:16px}footer{flex-direction:column;gap:24px;padding:40px 20px;text-align:center}}.feature-card{background:#0a0a0a;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);padding:24px;transition:all .15s ease-out;transition:all var(--transition-fast)}.feature-card:hover{background:#111;background:var(--bg-tertiary);border-color:#ffffff1f;border-color:var(--border-hover);transform:translateY(-4px)}.guide-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.guide-modal{animation:fadeUp .3s ease-out forwards;background:#0a0a0a;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0009;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-width:640px;overflow:hidden;position:relative;width:100%}.guide-modal:before{background:linear-gradient(135deg,#00c9ff,#92fe9d);background:var(--accent-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.guide-header{background:#111;background:var(--bg-tertiary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:24px 32px}.guide-header,.guide-header h3{align-items:center;display:flex}.guide-header h3{color:#ededed;color:var(--text-primary);font-size:20px;gap:12px;margin:0}.btn-close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease-out;transition:all var(--transition-fast)}.btn-close:hover{background:#ffffff0d;color:#ededed;color:var(--text-primary)}.guide-content{gap:32px;max-height:60vh;overflow-y:auto;padding:32px}.guide-content,.guide-step{display:flex;flex-direction:column}.guide-step{gap:8px}.guide-step h4{align-items:center;color:#ededed;color:var(--text-primary);display:flex;font-size:16px;gap:12px;margin:0}.guide-step-num{background:#00c9ff1a;border-radius:6px;border-radius:var(--radius-sm);color:#0fc;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 8px}.guide-step p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 0 54px}.guide-code{background:#000;border:1px solid #ffffff1f;border:1px solid var(--border-hover);border-radius:12px;border-radius:var(--radius-md);color:#0fc;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:13px;margin:8px 0 0 54px;padding:12px 16px}.guide-footer{background:#111;background:var(--bg-tertiary);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;padding:24px 32px}.leaderboard-page{background-color:var(--bg-main);background-image:radial-gradient(circle at 50% 10%,#00c9ff08,#0000 40%);min-height:100vh;padding-top:100px}.lb-page-header{margin-bottom:48px;text-align:center}.lb-page-title{-webkit-text-fill-color:#0000;background:var(--text-primary);-webkit-background-clip:text;display:inline-block;font-size:clamp(32px,5vw,48px);letter-spacing:-.04em;margin-bottom:16px}.lb-page-desc{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.lb-container{margin:0 auto;max-width:1400px;padding:0 5%}.lb-table{animation:fadeUp .8s ease-out forwards;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:80px;overflow:hidden;width:100%}.lb-t-header{background:#0a0a0af2;border-bottom:1px solid var(--border-subtle);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;z-index:100}.lb-t-header,.lb-t-row{display:grid;grid-template-columns:60px 1fr 100px 100px 100px 120px;padding:16px 24px;position:relative}.lb-t-row{align-items:center;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);z-index:1}.lb-t-row:hover{background:#ffffff08;transform:translateX(4px)}.lb-t-row:last-child{border-bottom:none}.lb-col.rank{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.lb-t-row:nth-child(2) .lb-col.rank{color:#fc0;text-shadow:0 0 10px #ffcc004d}.lb-t-row:nth-child(3) .lb-col.rank{color:silver;text-shadow:0 0 10px #c0c0c04d}.lb-t-row:nth-child(4) .lb-col.rank{color:#cd7f32;text-shadow:0 0 10px #cd7f324d}.lb-col.player{display:flex!important;gap:16px}.lb-col-avatar,.lb-col.player{align-items:center;overflow:hidden}.lb-col-avatar{background:var(--border-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;min-width:40px;width:40px}.lb-col-avatar img{height:100%;object-fit:cover;width:100%}.lb-col-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lb-col-name{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:6px}.lb-col-discord,.lb-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-col-discord{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:12px}.lb-col.stat{color:var(--text-secondary);font-size:14px;font-weight:500}.lb-col.elo,.lb-col.stat{font-family:JetBrains Mono,monospace;text-align:right}.lb-col.elo{color:var(--text-primary);font-size:15px;font-weight:700}.lb-win{color:#10b981}.lb-loss{color:#ef4444}.lb-filters{align-items:center;animation:fadeUp .8s ease-out .2s forwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;opacity:0}.lb-search{flex:1 1;max-width:320px;position:relative}.lb-search input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);font-size:14px;outline:none;padding:12px 16px 12px 40px;transition:all var(--transition-fast);width:100%}.lb-search input:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px #ffffff0d}.lb-search svg{color:var(--text-tertiary);height:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.lb-tabs{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;gap:8px;padding:4px}.lb-tab{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all var(--transition-fast)}.lb-tab.active,.lb-tab:hover{color:var(--text-primary)}.lb-tab.active{background:#ffffff14}.lb-empty,.lb-loading{color:var(--text-tertiary);font-size:14px;font-weight:500;padding:64px 24px;text-align:center}.lb-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-subtle);border-radius:50%;border-top-color:var(--accent-cyan);height:24px;margin:0 auto 16px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.lb-t-header,.lb-t-row{grid-template-columns:50px 1fr 80px 80px 80px;padding:16px}.lb-t-header :nth-child(5),.lb-t-row :nth-child(5){display:none}}@media (max-width:768px){.leaderboard-page{padding-top:80px}.lb-filters{align-items:stretch;flex-direction:column}.lb-search{max-width:100%}.lb-t-header,.lb-t-row{grid-template-columns:40px 1fr 80px}.lb-t-header :nth-child(3),.lb-t-header :nth-child(4),.lb-t-header :nth-child(5),.lb-t-row :nth-child(3),.lb-t-row :nth-child(4),.lb-t-row :nth-child(5){display:none}.lb-col-avatar{font-size:12px;height:32px;width:32px}.lb-col-name{font-size:14px}.lb-col.rank{font-size:16px}}.profile-page{background-color:var(--bg-main);background-image:radial-gradient(circle at 80% 20%,#b92b270d,#0000 40%);min-height:100vh;padding-top:100px}.profile-container{margin:0 auto;max-width:1200px;padding:0 5%}.br-header{align-items:center;animation:fadeUp .8s ease-out forwards;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:40px;margin-bottom:32px;padding:48px}.br-avatar-wrapper{background:var(--rank-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);height:160px;min-width:160px;padding:4px;position:relative;width:160px}.br-avatar-wrapper img{background:var(--bg-main);border:4px solid var(--bg-secondary);border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.br-rank-badge{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);bottom:0;box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800;padding:6px 12px;position:absolute;right:10px}.br-info{flex:1 1}.br-name{align-items:center;display:flex;font-size:clamp(32px,5vw,48px);gap:16px;letter-spacing:-.04em;margin-bottom:8px}.br-discord{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:16px;margin-bottom:24px}.br-stats-hero{display:flex;gap:40px}.br-stat-b{display:flex;flex-direction:column;gap:4px}.br-stat-v{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800}.br-stat-v.elo{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text}.br-stat-l{color:var(--text-tertiary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.profile-grid{grid-gap:32px;animation:fadeUp .8s ease-out .2s forwards;display:grid;gap:32px;grid-template-columns:1fr 2fr;opacity:0}.panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.panel-title{align-items:center;display:flex;font-size:18px;font-weight:700;gap:12px;margin-bottom:24px}.panel-title:before{background:var(--accent-blue);border-radius:50%;content:"";display:block;height:12px;width:12px}.stats-list{display:flex;flex-direction:column;gap:16px}.stat-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-bottom:16px}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-item-l{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-item-v{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.match-history{display:flex;flex-direction:column;gap:16px}.match-card{align-items:center;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:20px;transition:all var(--transition-fast)}.match-card:hover{background:#ffffff0a;transform:translateX(4px)}.mc-left{align-items:center;display:flex;gap:20px}.mc-result{border-radius:var(--radius-sm);font-size:14px;font-weight:800;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.mc-result.win{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.mc-result.loss{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.mc-details{display:flex;flex-direction:column;gap:4px}.mc-id{color:var(--text-primary);font-size:15px;font-weight:600}.mc-date{color:var(--text-tertiary);font-size:13px}.mc-elo{text-align:right}.mc-elo-change{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.mc-elo-change.pos{color:#10b981}.mc-elo-change.neg{color:#ef4444}.mc-elo-total{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:13px;margin-top:4px}.empty-matches{background:#ffffff03;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:14px;padding:40px;text-align:center}.btn-back{align-items:center;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px;transition:all var(--transition-fast)}.btn-back:hover{background:#ffffff14;border-color:var(--border-hover);color:var(--text-primary)}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-page{padding-top:80px}.br-header{flex-direction:column;gap:24px;padding:32px 20px;text-align:center}.br-name{font-size:28px;justify-content:center}.br-stats-hero{gap:24px;justify-content:center}.match-card{align-items:flex-start;flex-direction:column;gap:16px}.mc-elo{text-align:left}}
/*# sourceMappingURL=main.c97c4f5d.css.map*/