:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#c0c0c0;--text-muted:#888888;--border-color:#2a2a2a;--border-light:#333333;--hover-bg:#1f1f1f;--accent-color:#f5f5f5;--accent-color-dark:#ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-weight:200;transition:background-color .3s ease,color .3s ease}*{font-family:inherit}.container{max-width:1600px;margin:0 auto;padding:1.5rem;width:100%}.brand{position:absolute;top:1.5rem;left:1.5rem;font-size:1.2rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em;z-index:100;text-transform:uppercase}.gamemode-nav-container,.nav-menu-container{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem 0}.gamemode-nav-container{padding:1rem 0}.gamemode-nav-menu,.nav-menu{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;gap:0;align-items:center;justify-content:center}.nav-menu .nav-item{flex:1 1;display:flex;justify-content:center}.nav-menu .nav-item:first-child{justify-content:flex-end;padding-right:1rem}.nav-menu .nav-item:nth-child(2){justify-content:center}.nav-menu .nav-item:nth-child(3){justify-content:flex-start;padding-left:1rem}.gamemode-nav-menu{gap:1rem}.nav-item{list-style:none}.nav-link{position:relative;display:inline-block;text-decoration:none}.nav-item-dropdown{position:relative;padding-bottom:0}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);width:max-content;min-width:100%;padding-top:0;background:transparent;border:0;box-shadow:0 12px 30px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:120}.nav-item-dropdown:hover .nav-dropdown-menu{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.nav-dropdown-link{display:block;width:100%;margin:0;background:#0b0b0b;text-align:center;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative;isolation:isolate;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.nav-dropdown-link+.nav-dropdown-link{margin-top:0}.nav-dropdown-link.active{border-color:rgba(168,85,247,.55);background-color:#1a1322}.nav-dropdown-link.active .nav-text{background:none;color:#d8b4fe!important;-webkit-text-fill-color:#d8b4fe!important}.nav-dropdown-link .nav-text{position:relative;z-index:2;text-align:center;color:#e5e7eb;padding:.55rem .8rem;transition:color .2s ease;background:none;-webkit-text-fill-color:#e5e7eb!important}.nav-dropdown-link .nav-bg-animation,.nav-dropdown-link .nav-border-animation{display:none}.nav-dropdown-link:before{inset:0;background:#16111d;transition:opacity .2s ease;z-index:0}.nav-dropdown-link:after,.nav-dropdown-link:before{content:"";position:absolute;opacity:0;pointer-events:none}.nav-dropdown-link:after{left:0;right:0;bottom:0;height:2px;background:linear-gradient(135deg,#a855f7,#ec4899);transform:scaleX(.35);transform-origin:center;transition:transform .2s ease,opacity .2s ease;z-index:1}.nav-dropdown-link:focus-visible,.nav-dropdown-link:hover{border-color:rgba(168,85,247,.55);box-shadow:0 8px 18px rgba(0,0,0,.35)}.nav-dropdown-link:focus-visible .nav-text,.nav-dropdown-link:hover .nav-text{background:none;color:#f0abfc!important;-webkit-text-fill-color:#f0abfc!important;text-shadow:0 0 10px rgba(236,72,153,.35)}.nav-dropdown-link:focus-visible:before,.nav-dropdown-link:hover:before{opacity:1}.nav-dropdown-link:focus-visible:after,.nav-dropdown-link:hover:after{transform:scaleX(1);opacity:1}.nav-link.is-disabled{cursor:not-allowed}.nav-link.is-disabled .nav-text{color:var(--text-muted);opacity:.55}.nav-link.is-disabled .nav-bg-animation,.nav-link.is-disabled .nav-border-animation{display:none}.nav-link.is-disabled:after{content:"coming soon";position:absolute;left:50%;top:-1.8rem;transform:translateX(-50%) translateY(4px);padding:.2rem .45rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.65rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:50}.nav-link.is-disabled:focus-visible:after,.nav-link.is-disabled:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.nav-text{position:relative;z-index:10;display:block;text-transform:uppercase;color:#262626;font-family:inherit;font-weight:600;transition:color .3s ease;font-size:1rem;padding:.5rem .75rem}[data-theme=dark] .nav-text,[data-theme=light] .nav-text{color:#f5f5f5}.group.active .nav-text,.group:hover .nav-text{color:white!important}[data-theme=dark] .group.active .nav-text,[data-theme=dark] .group:hover .nav-text,[data-theme=light] .group.active .nav-text,[data-theme=light] .group:hover .nav-text{color:black!important}.nav-border-animation{position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #262626;border-bottom:2px solid #262626;transform:scaleY(2);opacity:0;transition:all .3s ease;transform-origin:center}[data-theme=dark] .nav-border-animation,[data-theme=light] .nav-border-animation{border-top-color:#f5f5f5;border-bottom-color:#f5f5f5}.group.active .nav-border-animation,.group:hover .nav-border-animation{transform:scaleY(1);opacity:1}.nav-bg-animation{position:absolute;top:2px;left:0;width:100%;height:100%;background:#262626;transform:scale(0);opacity:0;transition:all .3s ease;transform-origin:top}[data-theme=dark] .nav-bg-animation,[data-theme=light] .nav-bg-animation{background:#f5f5f5}.group.active .nav-bg-animation,.group:hover .nav-bg-animation{transform:scale(1);opacity:1}.header{text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;position:relative}.title-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.title-wrapper{display:inline-block}.title{font-size:2.2rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin:0}.year-badge{position:static;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;font-size:1.05rem;opacity:.75;line-height:1;margin-left:.25rem}.gamemode-badge{background:var(--accent-color);color:white;padding:.5rem 1rem;border-radius:0;font-size:.9rem;font-weight:600;letter-spacing:.05em;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .gamemode-badge,[data-theme=light] .gamemode-badge{background:var(--accent-color);color:black}.subtitle{font-size:.95rem;font-weight:200;letter-spacing:.01em}.subtitle,.update-info{color:var(--text-muted)}.update-info{font-size:.75rem;font-weight:300;opacity:.7;margin-top:.5rem;letter-spacing:.05em;text-transform:lowercase}.theme-toggle{position:absolute;top:0;right:0;width:64px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;padding:4px;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.theme-toggle-slider{width:24px;height:24px;background:var(--accent-color);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:2}[data-theme=dark] .theme-toggle-slider,[data-theme=light] .theme-toggle-slider{transform:translateX(32px);background:var(--accent-color)}.theme-toggle-icon{width:14px;height:14px;fill:none;stroke:var(--bg-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle-background{position:absolute;top:4px;left:4px;right:4px;bottom:4px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;z-index:1}.theme-toggle-moon,.theme-toggle-sun{width:12px;height:12px;fill:none;stroke:var(--text-primary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transition:opacity .3s ease}[data-theme=dark] .theme-toggle-moon,[data-theme=light] .theme-toggle-moon{opacity:1}[data-theme=light] .theme-toggle-sun{opacity:.8}.controls{justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;padding-left:0}.control-group,.controls{display:flex;align-items:center}.control-group{gap:.75rem}.control-label{font-size:.875rem;color:var(--text-secondary)}.control-label,.match-history-btn{font-weight:500;white-space:nowrap}.match-history-btn{padding:.5rem 1rem;border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);font-family:inherit;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.match-history-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.match-history-panel{max-width:1200px;width:min(1200px,92vw);border:1px solid var(--border-color);background:var(--bg-secondary);max-height:min(80vh,860px);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.match-history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);gap:1rem}.match-history-title{font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.match-history-meta{font-size:.75rem;color:var(--text-muted);text-transform:lowercase;letter-spacing:.05em}.match-history-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem 1rem}.match-history-overlay[hidden]{display:none!important}.match-history-close{margin-left:auto;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);width:32px;height:32px;cursor:pointer;font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.match-history-close:hover{background:var(--text-primary);color:var(--bg-primary)}.profile-page .profile-container{max-width:1400px}.profile-hero{margin:1.5rem 0 2rem;padding:1.25rem 1.5rem 1.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);position:relative;overflow:hidden}.profile-hero:after{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,#22d3ee,#facc15,#8b5cf6,#f97316)}.profile-hero-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);display:flex;align-items:center;gap:1rem}.profile-season-select{font-family:inherit;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.35rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.profile-season-select:hover{border-color:var(--text-muted);color:var(--text-primary)}.profile-season-select:focus{outline:none;border-color:var(--accent-color)}.profile-season-select option{background:var(--bg-secondary);color:var(--text-primary)}.profile-season-select option:focus,.profile-season-select option:hover{background:linear-gradient(135deg,#a855f7,#ec4899);color:#ffffff}.profile-hero-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.profile-hero-left{display:grid;grid-gap:.5rem;gap:.5rem}.profile-last-online{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.profile-status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4)}.profile-back{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);text-decoration:none;width:-moz-fit-content;width:fit-content;transition:color .2s ease}.profile-back:hover{color:var(--text-primary)}.profile-hero-right{position:absolute;top:1.25rem;right:1.5rem;display:flex;align-items:center;justify-content:flex-end;min-width:240px;gap:.75rem}.profile-leaderboard-rank{font-size:2.5rem;font-weight:700;color:var(--text-primary);opacity:.9;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.profile-hero-name{font-size:clamp(2.2rem,6vw,4rem);font-weight:600;margin:.4rem 0 .5rem;letter-spacing:.02em;text-transform:lowercase}.profile-share-btn-hero{align-self:flex-start}.profile-hero-rank{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border-color);background:var(--bg-secondary)}.profile-rank-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(139,92,246,.35))}.profile-rank-info{display:grid;grid-gap:.3rem;gap:.3rem}.profile-rank-elo{font-size:1.5rem;font-weight:600;letter-spacing:.04em;color:var(--text-primary)}.profile-rank-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.profile-share-btn{border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(139,92,246,.35));color:var(--text-primary);padding:.4rem .85rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;box-shadow:0 10px 30px rgba(34,211,238,.15);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease;border-radius:999px}.profile-share-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 40px rgba(139,92,246,.35);filter:brightness(1.1)}.profile-share-btn:active{transform:translateY(0) scale(.99);box-shadow:0 8px 22px rgba(34,211,238,.2)}.profile-card-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1200;padding:2rem}.profile-card-overlay[hidden]{display:none!important}.profile-card-modal{display:grid;grid-gap:1rem;gap:1rem;justify-items:center}.profile-card-close-row{width:100%;display:flex;justify-content:flex-end}.profile-card-close{border:1px solid var(--border-color);background:transparent;color:var(--text-primary);width:32px;height:32px;cursor:pointer;font-size:1.1rem}.profile-share-card{width:min(520px,90vw);height:300px;border-radius:18px;padding:2rem;background:linear-gradient(135deg,#1a2a2e,#1e1e2e);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.5);position:relative;overflow:hidden;display:grid;grid-gap:1rem;gap:1rem;transform-style:preserve-3d;transition:transform .1s ease}.profile-share-card[data-rank=gold]{background:linear-gradient(135deg,#2d2518,#1e1a14)}.profile-share-card[data-rank=platinum]{background:linear-gradient(135deg,#142433,#121a24)}.profile-share-card[data-rank=diamond]{background:linear-gradient(135deg,#1a1a2e,#14202e)}.profile-share-card[data-rank=master]{background:linear-gradient(135deg,#2a1420,#1e1424)}.profile-share-card[data-rank=grandmaster]{background:linear-gradient(135deg,#2a2210,#241c0e,#1e180c)}.profile-share-card[data-rank=legend]{background:linear-gradient(135deg,#142a33,#123040,#0e2838)}.profile-share-gloss{position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(255,255,255,.35),transparent 40%);opacity:.7;pointer-events:none}.profile-share-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.7)}.profile-share-name{font-size:2.2rem;font-weight:600;text-transform:lowercase;color:var(--text-primary)}.profile-share-rank{display:flex;align-items:center;gap:.75rem}.profile-share-rank img{width:48px;height:48px;object-fit:contain}.profile-share-rank span{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:rgba(255,255,255,.8)}.profile-share-stats{display:flex;gap:1.5rem}.profile-share-stat{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.8rem;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.12em}.profile-share-stat strong{font-size:1.2rem;letter-spacing:.08em;color:var(--text-primary)}.profile-card-share{border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.4);color:var(--text-primary);padding:.6rem 1.2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.profile-card-share:hover{background:rgba(255,255,255,.15)}.profile-body{display:grid;grid-gap:2rem;gap:2rem;padding-bottom:3rem;scrollbar-width:none}.profile-body::-webkit-scrollbar{width:0;height:0}.profile-loading{font-size:.9rem;color:var(--text-muted);text-transform:lowercase}.profile-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1.25rem;gap:1.25rem}.elo-chart-container{margin:1.5rem 0;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.elo-chart-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:1rem}.elo-chart{width:100%;height:auto;min-height:180px}.elo-chart-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.elo-chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.elo-chart-stat{font-size:.8rem;color:var(--text-secondary)}.elo-chart-stat strong{color:var(--text-primary);font-weight:600}.elo-chart-up strong{color:#10b981}.elo-chart-down strong{color:#ef4444}.profile-card{border:1px solid var(--border-color);background:var(--bg-secondary);padding:1rem 1.1rem;display:grid;grid-gap:.35rem;gap:.35rem;position:relative;overflow:hidden}.profile-card-rage[data-rage=low]{background:rgba(34,197,94,.18)}.profile-card-rage[data-rage=mid]{background:rgba(250,204,21,.18)}.profile-card-rage[data-rage=high]{background:rgba(239,68,68,.18)}.profile-card:after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,rgba(34,211,238,.6),rgba(250,204,21,.6))}body[data-rank=bronze] .profile-card:after,body[data-rank=bronze] .profile-hero:after{background:linear-gradient(90deg,#a16207,#f97316)}body[data-rank=silver] .profile-card:after,body[data-rank=silver] .profile-hero:after{background:linear-gradient(90deg,#94a3b8,#e2e8f0)}body[data-rank=gold] .profile-card:after,body[data-rank=gold] .profile-hero:after{background:linear-gradient(90deg,#facc15,#f59e0b)}body[data-rank=platinum] .profile-card:after,body[data-rank=platinum] .profile-hero:after{background:linear-gradient(90deg,#38bdf8,#0ea5e9);box-shadow:0 0 16px rgba(56,189,248,.35)}body[data-rank=diamond] .profile-card:after,body[data-rank=diamond] .profile-hero:after{background:linear-gradient(90deg,#6366f1,#22d3ee);box-shadow:0 0 18px rgba(99,102,241,.45)}body[data-rank=master] .profile-card:after,body[data-rank=master] .profile-hero:after{background:linear-gradient(90deg,#f43f5e,#a855f7);box-shadow:0 0 20px rgba(244,63,94,.55)}body[data-rank=grandmaster] .profile-card:after,body[data-rank=grandmaster] .profile-hero:after{background:linear-gradient(90deg,#fcd34d,#fbbf24,#f59e0b);box-shadow:0 0 18px rgba(251,191,36,.5)}body[data-rank=legend] .profile-card:after,body[data-rank=legend] .profile-hero:after{background:linear-gradient(90deg,#7dd3fc,#38bdf8,#0ea5e9);box-shadow:0 0 30px rgba(56,189,248,.75)}.profile-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.profile-card-value{font-size:1.1rem;font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem}.profile-breakdown{border:1px solid var(--border-color);background:var(--bg-tertiary);padding:1rem 1.1rem;display:grid;grid-gap:.6rem;gap:.6rem}.profile-breakdown h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.profile-region-summary{border:1px solid var(--border-color);background:var(--bg-tertiary);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.profile-region-summary h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0}.region-pie-container{display:flex;align-items:center;justify-content:center;gap:3rem;padding:1rem 0}.region-pie-chart{width:280px;height:280px;flex-shrink:0}.region-pie-legend{display:flex;flex-direction:column;gap:.5rem}.region-pie-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.region-pie-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.region-pie-name{color:var(--text-primary);font-weight:600;min-width:30px}.region-pie-percent{color:var(--text-secondary)}.region-chart-empty{color:var(--text-muted);font-size:.85rem;padding:1rem 0}.profile-breakdown-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-secondary)}.profile-breakdown-extra,.profile-breakdown-list{display:grid;grid-gap:.35rem;gap:.35rem}.profile-breakdown[data-collapsed=true] .profile-breakdown-extra{display:none}.profile-breakdown-toggle{margin-top:.35rem;padding:.2rem .6rem;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;width:-moz-fit-content;width:fit-content}.profile-breakdown-toggle:hover{background:var(--text-primary);color:var(--bg-primary)}.profile-breakdown-bar{flex:1 1;height:5px;background:var(--bg-primary);border:1px solid var(--border-light);position:relative}.profile-breakdown-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.profile-table{display:grid;grid-gap:.5rem;gap:.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);padding:1rem 1.1rem}.profile-table-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.profile-table-header,.profile-table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr .8fr .8fr .8fr .8fr .8fr .8fr;grid-gap:.6rem;gap:.6rem;align-items:center}.profile-table-header{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:.35rem}.profile-table-header button{all:unset;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.65rem}.profile-table-header button:hover{color:var(--text-primary)}.profile-table-header button[data-sort-dir=asc]:after{content:" ▲";font-size:.6rem}.profile-table-header button[data-sort-dir=desc]:after{content:" ▼";font-size:.6rem}.profile-table-row{font-size:.85rem;color:var(--text-primary);padding:.3rem 0}.profile-table-row span{color:var(--text-secondary)}.profile-table-row .profile-highlight{color:var(--text-primary)}.profile-table-extra{display:none}.profile-table[data-collapsed=false] .profile-table-extra{display:contents}.profile-table-toggle{width:100%;padding:.75rem 1rem;margin-top:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s ease}.profile-table-toggle:hover{background:var(--bg-secondary);border-color:var(--text-muted);color:var(--text-primary)}.profile-table[data-collapsed=false] .profile-table-toggle{display:none}@media (max-width:900px){.profile-hero-inner{flex-direction:column;align-items:flex-start}.profile-hero-right{width:100%;justify-content:flex-start}}.profile-link{cursor:pointer;text-decoration:none;transition:opacity .2s ease}.profile-link:hover{opacity:.7}.match-history-list{display:flex;flex-direction:column;overflow:auto;max-height:calc(80vh - 70px);gap:1rem;padding:1rem}.match-history-footer{padding:.75rem 1rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;justify-content:center}.match-history-more{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .8rem;cursor:pointer;transition:background .2s ease,color .2s ease}.match-history-more:hover{background:var(--text-primary);color:var(--bg-primary)}.match-item{border:none;background:transparent;padding:.75rem 0;flex-direction:column;gap:.35rem;border-radius:0;box-shadow:none}.match-item:last-child{border-bottom:1px solid var(--border-color)}.match-summary{display:block;gap:.6rem;padding:.2rem 0;text-transform:lowercase;font-size:.8rem;color:var(--text-secondary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-summary:hover{background:transparent}.match-date{font-size:.8rem;color:var(--text-primary)}.match-duration,.match-rounds,.match-winner{font-size:.8rem;color:var(--text-secondary)}.match-detail-body{padding:.35rem 0 0;background:transparent;width:100%;box-sizing:border-box;align-self:stretch}.match-detail-loading{font-size:.8rem;color:var(--text-muted)}.match-table{display:grid;grid-gap:.35rem;gap:.35rem;width:100%;margin-left:0;justify-items:stretch}.match-table-header,.match-table-row{display:grid;grid-template-columns:1.2fr 1.2fr .8fr .8fr .6fr;grid-gap:.75rem;gap:.75rem;align-items:center;justify-items:start;width:100%;text-align:left;justify-content:start}.match-table-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.match-table-row{font-size:.85rem;color:var(--text-primary);padding:.2rem 0}.match-team{font-weight:500}.match-player{color:var(--text-secondary)}.match-player-kd,.match-player-score,.match-team-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.match-team-row{color:var(--text-primary);font-weight:500}.match-team-row .match-team{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.match-team[data-team=ugly]{color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.35)}.match-team[data-team=gold]{color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.35)}.match-team[data-team=purple]{color:#8b5cf6;text-shadow:0 0 10px rgba(139,92,246,.35)}.match-team[data-team=orange]{color:#f97316;text-shadow:0 0 10px rgba(249,115,22,.35)}.match-table-row[data-team=ugly]{border-left:2px solid rgba(34,211,238,.45);padding-left:.4rem}.match-table-row[data-team=gold]{border-left:2px solid rgba(250,204,21,.45);padding-left:.4rem}.match-table-row[data-team=purple]{border-left:2px solid rgba(139,92,246,.45);padding-left:.4rem}.match-table-row[data-team=orange]{border-left:2px solid rgba(249,115,22,.45);padding-left:.4rem}.match-table-row.match-team-row[data-team=ugly] .match-team-score{color:#22d3ee}.match-table-row.match-team-row[data-team=gold] .match-team-score{color:#facc15}.match-table-row.match-team-row[data-team=purple] .match-team-score{color:#8b5cf6}.match-table-row.match-team-row[data-team=orange] .match-team-score{color:#f97316}.match-team-row{position:relative}.match-team-row:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,0))}.match-team-score{font-weight:600}.match-player-score,.match-team-score{color:var(--text-primary)}.match-player-kd{color:var(--text-secondary);gap:.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.match-kd-breakdown,.match-player-kd{display:inline-flex;align-items:center}.match-kd-breakdown{gap:.25rem;font-size:.75rem;color:var(--text-muted)}body,html{scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;height:0}.scroll-progress{position:fixed;top:0;right:0;width:8px;height:100vh;background:transparent;z-index:999;pointer-events:none;overflow:hidden}.scroll-progress-fill{position:absolute;top:-70vh;left:0;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0),#1f1f1f 60%,#2a2a2a)}.match-history-panel{position:relative}.match-history-list{scrollbar-width:none}.match-history-list::-webkit-scrollbar{width:0;height:0}.match-history-progress{position:fixed;top:56px;right:0;height:calc(100vh - 68px);width:8px;background:transparent;pointer-events:none;overflow:hidden}.match-history-progress .scroll-progress-fill{position:absolute;top:-70%;left:0;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0),#1f1f1f 60%,#2a2a2a)}.match-kills{color:#22c55e;font-weight:500}.match-deaths{color:#ef4444;font-weight:500}.match-kd-sep,.match-sep{color:var(--text-muted)}.match-winner-team[data-team=ugly]{color:#22d3ee}.match-winner-team[data-team=gold]{color:#facc15}.match-winner-team[data-team=purple]{color:#8b5cf6}.match-winner-team[data-team=orange]{color:#f97316}.match-empty{padding:1rem 1.25rem;color:var(--text-muted);font-size:.85rem;text-transform:lowercase}.sumobar-popup-row{display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sumobar-popup-id{color:var(--text-primary);font-weight:600;min-width:4.5rem}.sumobar-popup-team{color:#c084fc;text-transform:lowercase}.sumobar-popup-players{color:var(--text-primary);opacity:.9}.sumobar-popup-sep,.sumobar-popup-time{color:var(--text-muted)}.no-scroll{overflow:hidden}@media (max-width:900px){.match-summary{grid-template-columns:1fr;gap:.25rem}.match-table-header,.match-table-row{grid-template-columns:1fr 1fr;row-gap:.2rem}}.region-toggle,.time-toggle{display:inline-flex;background:transparent;border:1px solid var(--text-primary);border-radius:0;overflow:hidden;position:relative}.time-toggle{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;align-items:stretch}.time-toggle::-webkit-scrollbar{display:none}.season-select{padding:.5rem 2rem .5rem 1rem;border:1px solid var(--text-primary);border-radius:0;background:transparent;color:var(--text-primary);font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:10px}[data-theme=dark] .season-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.season-select:hover{background-color:var(--hover-bg)}.season-select:focus{outline:none;box-shadow:0 0 0 2px var(--text-primary)}.season-select option{background:var(--bg-primary);color:var(--text-primary);padding:.5rem}.sumobar-search{padding:.5rem .75rem;border:1px solid var(--text-primary);border-radius:0;background:transparent;color:var(--text-primary);font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;min-width:220px}.sumobar-search:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 1px rgba(168,85,247,.35)}.season-select option:focus,.season-select option:hover{background:linear-gradient(135deg,#a855f7,#ec4899);color:#ffffff}.season-dropdown{position:relative;min-width:200px}.season-dropdown-btn{width:100%;display:inline-flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--text-primary);border-radius:0;background:transparent;color:var(--text-primary);text-transform:uppercase;font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;font-size:1rem;cursor:pointer}.season-dropdown-btn:focus-visible,.season-dropdown-btn:hover{outline:none;background:var(--hover-bg)}.season-dropdown-caret{font-size:.8rem;color:var(--text-muted)}.season-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:30;border:1px solid var(--text-primary);border-top:none;background:var(--bg-primary);box-shadow:0 10px 22px rgba(0,0,0,.45);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.season-dropdown.is-open .season-dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.season-dropdown-option{width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-primary);text-align:left;padding:.5rem .75rem;text-transform:uppercase;font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.season-dropdown-option:last-child{border-bottom:none}.season-dropdown-option.active,.season-dropdown-option:focus-visible,.season-dropdown-option:hover{outline:none}.season-dropdown-option[data-season="2026"].active,.season-dropdown-option[data-season="2026"]:focus-visible,.season-dropdown-option[data-season="2026"]:hover{background:linear-gradient(0deg,rgba(8,8,12,.45),rgba(8,8,12,.45)),linear-gradient(135deg,#a855f7,#ec4899);color:#f5ecff}.season-dropdown-option[data-season="2025"].active,.season-dropdown-option[data-season="2025"]:focus-visible,.season-dropdown-option[data-season="2025"]:hover{background:linear-gradient(0deg,rgba(8,8,12,.45),rgba(8,8,12,.45)),linear-gradient(135deg,#f97316,#ef4444);color:#fff1e6}.season-dropdown-option[data-season="2024"].active,.season-dropdown-option[data-season="2024"]:focus-visible,.season-dropdown-option[data-season="2024"]:hover{background:linear-gradient(0deg,rgba(8,8,12,.45),rgba(8,8,12,.45)),linear-gradient(135deg,#f59e0b,#d97706 50%,#b45309);color:#fef9e7}.season-dropdown-option[data-season="2023"].active,.season-dropdown-option[data-season="2023"]:focus-visible,.season-dropdown-option[data-season="2023"]:hover{background:linear-gradient(0deg,rgba(8,8,12,.45),rgba(8,8,12,.45)),linear-gradient(135deg,#10b981,#06b6d4);color:#e6fcf5}.sumobar-layout{display:grid;grid-gap:1rem;gap:1rem}.sumobar-panel{background:var(--bg-secondary);border:1px solid var(--border-color)}.sumobar-meta{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.72rem;text-transform:lowercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.sumobar-table-wrap{overflow-x:auto}.sumobar-table{width:100%;border-collapse:collapse;min-width:980px}.sumobar-table td,.sumobar-table th{padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;font-size:.8rem;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sumobar-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--bg-tertiary)}.sumobar-player-cell{color:var(--text-primary);font-weight:500}.sumobar-state-cell{text-align:center!important;color:var(--text-secondary);padding:1rem!important}.sumobar-panel-title{padding:.8rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.sumobar-match-row,.sumobar-state-row{display:grid;grid-template-columns:90px 90px minmax(220px,1fr) 110px 170px;grid-gap:.75rem;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.78rem;color:var(--text-secondary);align-items:center}.sumobar-state-row{display:block;color:var(--text-muted)}.sumobar-match-id{color:var(--text-primary);font-weight:600}.sumobar-match-team{text-transform:lowercase;color:#c084fc}.region-btn,.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-primary);font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;text-transform:uppercase}.region-btn:hover,.toggle-btn:hover{color:white}[data-theme=dark] .region-btn:hover,[data-theme=dark] .toggle-btn:hover,[data-theme=light] .region-btn:hover,[data-theme=light] .toggle-btn:hover{color:black}.region-btn.active,.toggle-btn.active{color:white;z-index:2}[data-theme=dark] .region-btn.active,[data-theme=dark] .toggle-btn.active,[data-theme=light] .region-btn.active,[data-theme=light] .toggle-btn.active{color:black}.region-btn:after,.toggle-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--text-primary);transform:scale(0);opacity:0;transition:all .3s ease;transform-origin:center;z-index:-1}.season-toggle .toggle-btn{border-right:1px solid rgba(255,255,255,.12)}.season-toggle .toggle-btn:last-child{border-right:none}[data-theme=light] .season-toggle .toggle-btn{border-right-color:rgba(0,0,0,.18)}.time-toggle .toggle-btn[data-range=weekly]{--range-accent:#38bdf8}.time-toggle .toggle-btn[data-range=weekly].active,.time-toggle .toggle-btn[data-range=weekly]:focus-visible,.time-toggle .toggle-btn[data-range=weekly]:hover{color:inherit}.time-toggle .toggle-btn[data-range="2026"]{--range-accent:#a855f7}.time-toggle .toggle-btn[data-range="2025"]{--range-accent:#ec4899}.time-toggle .toggle-btn[data-range="2024"]{--range-accent:#f59e0b}.time-toggle .toggle-btn[data-range="2023"]{--range-accent:#10b981}.time-toggle .toggle-btn:after{background:var(--range-accent,var(--text-primary));transform:scale(0);opacity:0}.time-toggle .toggle-btn:focus-visible:after,.time-toggle .toggle-btn:hover:after{transform:scale(1);opacity:1}.time-toggle .toggle-btn.active:after{transform:scale(1);opacity:1}.time-toggle .toggle-btn.active,.time-toggle .toggle-btn:focus-visible,.time-toggle .toggle-btn:hover{color:var(--range-accent,var(--text-primary))}.weekly-pill-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:.5rem .75rem .5rem 1.3rem;border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.06);color:rgba(56,189,248,.7);font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;outline:none;transition:border-color .2s ease,background .2s ease,color .2s ease}.weekly-pill-btn:after{display:none!important}.weekly-pill-btn:hover{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.12);color:#7dd3fc}.weekly-pill-btn.active{border-color:rgba(56,189,248,.6);background:rgba(56,189,248,.18);color:#bae6fd}.weekly-pill-title{display:block;line-height:1;text-align:center;width:100%}.weekly-pill-dot{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(56,189,248,.45);box-shadow:none;transition:background .2s ease,box-shadow .2s ease}.weekly-pill-btn:hover .weekly-pill-dot{background:#7dd3fc;box-shadow:0 0 6px rgba(125,211,252,.35)}.weekly-pill-btn.active .weekly-pill-dot{background:#38bdf8;box-shadow:0 0 6px rgba(56,189,248,.4)}.weekly-control-group{position:relative}.weekly-subtitle{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:.25rem;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;opacity:.6}[data-theme=dark] .region-btn:after,[data-theme=dark] .toggle-btn:after,[data-theme=light] .region-btn:after,[data-theme=light] .toggle-btn:after{background:var(--text-primary)}.region-btn.active:after,.region-btn:hover:after,.toggle-btn.active:after,.toggle-btn:hover:after{transform:scale(1);opacity:1}.checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;position:relative}.checkbox-container input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;background:transparent;border:2px solid var(--text-primary);border-radius:0;position:relative;transition:all .3s ease}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:8px;border:solid var(--bg-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark{background:var(--text-primary)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container:hover .checkmark{background:var(--hover-bg);border-color:var(--text-primary)}.checkbox-container input:checked:hover~.checkmark{background:var(--text-primary)}.simple-mode .avg-place,.simple-mode .avg-place-col,.simple-mode .avg-score-col,.simple-mode .change,.simple-mode .change-col,.simple-mode .high-score,.simple-mode .high-score-col,.simple-mode .percentage,.simple-mode .score,.simple-mode .stat,.simple-mode .winrate-col,.tier,.tier-col{display:none!important}.simple-mode .tier-col{display:block!important}.simple-mode .tier{display:flex!important;align-items:center;justify-content:flex-start}.rank-icon{width:28px;height:28px;margin-right:.5rem;object-fit:contain;vertical-align:middle;filter:none}.rank-bronze{color:#cd7f32}.rank-silver{color:#c0c0c0}.rank-gold{color:#ffd700}.rank-platinum{color:#e5e4e2}.rank-diamond{color:#b9f2ff}.rank-master{color:#ff6b6b;text-shadow:0 0 6px rgba(244,63,94,.25)}.rank-grandmaster{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.4),0 0 16px rgba(245,158,11,.3)}.rank-legend{color:#7dd3fc;text-shadow:0 0 12px rgba(56,189,248,.6),0 0 26px rgba(14,165,233,.55)}a.tier{text-decoration:none;cursor:pointer;transition:opacity .2s ease}a.tier:hover{opacity:.7}.rank-col,.rank-position{flex:0 0 40px;text-align:center}.player,.player-col{flex:1 1 140px;min-width:120px;text-align:left}.rating,.rating-col{flex:0 0 75px;text-align:right}.change,.change-col{flex:0 0 65px;text-align:center}.activity-col,.last-active{flex:0 0 105px;text-align:center;overflow:hidden;text-overflow:ellipsis}.matches,.matches-col{flex:0 0 90px;text-align:center}.avg-place-col,.percentage,.stat.avg-place,.winrate-col{flex:0 0 75px;text-align:center}.avg-score-cell,.avg-score-col{flex:0 0 70px;text-align:center}.high-score,.high-score-col{flex:0 0 85px;text-align:center}.kd,.kd-col{flex:0 0 60px;text-align:center}.simple-mode .leaderboard-entry,.simple-mode .leaderboard-header{display:flex!important;align-items:center;gap:1rem;min-width:auto}.simple-mode .rank-col,.simple-mode .rank-position{flex:0 0 40px;text-align:center}.simple-mode .player,.simple-mode .player-col{flex:1 1 180px;min-width:180px;text-align:left}.simple-mode .rating-col{display:flex!important;align-items:center;justify-content:flex-end}.simple-mode .rating,.simple-mode .rating-col{flex:0 0 100px!important;text-align:right!important}.simple-mode .activity-col,.simple-mode .last-active{flex:0 0 100px!important;min-width:0;overflow:hidden;text-overflow:ellipsis}.simple-mode .matches,.simple-mode .matches-col{flex:0 0 110px!important;gap:.5rem}.simple-mode .kd-col,.simple-mode .matches,.simple-mode .matches-col{text-align:center!important;display:flex!important;align-items:center;justify-content:center}.simple-mode .kd,.simple-mode .kd-col{flex:0 0 80px!important}.simple-mode .kd{text-align:center!important}.simple-mode .tier,.simple-mode .tier-col{flex:0 0 150px;text-align:center}.simple-mode .matches .matches-count,.simple-mode .matches .winrate-bar{display:block!important}.tier{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.rank-name{text-transform:lowercase;color:var(--text-primary)!important;font-size:.9rem;font-weight:500}.main-content{display:flex;justify-content:center;align-items:start;width:100%}.leaderboard-wrapper{background:var(--bg-secondary);border-radius:0;border:1px solid var(--border-color);overflow-x:auto;overflow-y:visible;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:1200px;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch;transition:all .4s ease-in-out;position:relative}.leaderboard-wrapper:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at -20% -40%,rgba(255,255,255,.12),transparent 60%);background-size:200% 200%;background-position:-120% -120%;animation:leaderboard-gloss 10s ease-in-out infinite;pointer-events:none;opacity:0}@keyframes leaderboard-gloss{0%,72%{opacity:0;background-position:-120% -120%}76%{opacity:.5}84%{opacity:.35;background-position:120% 120%}to{opacity:0;background-position:120% 120%}}.leaderboard-wrapper{transition:opacity .2s ease,filter .2s ease,transform .2s ease}.leaderboard-wrapper.transitioning{opacity:.3;filter:blur(2px);transform:scale(.98)}.leaderboard-data-credit{margin:2rem 0 1.5rem;padding:0 1rem;font-size:.7rem;font-weight:300;color:var(--text-muted);opacity:.5;text-align:center;letter-spacing:.02em}.leaderboard-header{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:.875rem 1rem;font-weight:500;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;min-width:1060px}.leaderboard-header>div{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;overflow:hidden}.leaderboard-entry{gap:.5rem;padding:.875rem 1rem;transition:background-color .15s ease;font-weight:400;min-width:1060px;position:relative}.datatable-toolbar,.leaderboard-entry{display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.datatable-toolbar{justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary)}.datatable-toolbar-left,.datatable-toolbar-right{display:flex;align-items:center;gap:.5rem}.datatable-page-size,.datatable-search{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);padding:.35rem .5rem;font-size:.75rem;border-radius:4px}.datatable-search{min-width:220px}.datatable-page-size-label,.datatable-selected-count{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.datatable-columns-menu{position:relative}.datatable-columns-menu>summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--border-light);background:var(--bg-tertiary);padding:.35rem .55rem;font-size:.7rem;border-radius:4px;color:var(--text-primary);text-transform:uppercase}.datatable-columns-menu>summary::-webkit-details-marker{display:none}.datatable-columns-list{position:absolute;right:0;top:calc(100% + .35rem);display:grid;grid-gap:.35rem;gap:.35rem;min-width:170px;padding:.5rem;border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:4px;z-index:20}.datatable-columns-list label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;text-transform:uppercase;color:var(--text-secondary)}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;color:var(--text-secondary);transition:color .18s ease,text-shadow .18s ease}.sortable-header:hover{color:#d1d5db}.sortable-header-label{line-height:1}.sort-indicator{font-size:.64rem;color:#c084fc;opacity:1;transform:translateY(-1px);transition:color .18s ease,opacity .18s ease,text-shadow .18s ease}.sort-indicator.active{color:#c084fc;opacity:1;text-shadow:0 0 8px rgba(192,132,252,.45)}.sortable-header.is-active-sort{color:#c084fc;text-shadow:0 0 8px rgba(192,132,252,.18)}.is-hidden-column{display:none!important}.datatable-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.datatable-page-btn{border:1px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-primary);padding:.35rem .65rem;border-radius:4px;font-size:.72rem;cursor:pointer}.datatable-page-btn:disabled{opacity:.45;cursor:not-allowed}.datatable-page-indicator{font-size:.72rem;color:var(--text-secondary);min-width:90px;text-align:center}.leaderboard-entry>a,.leaderboard-entry>div{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;min-width:0;overflow:hidden}.leaderboard-entry .rating,.leaderboard-header .rating-col{justify-content:flex-end;text-align:right;width:100%;min-width:0;padding-right:.25rem;box-sizing:border-box}.leaderboard-entry .player{justify-content:flex-start;text-align:left;overflow:visible}.leaderboard-entry:hover{background:var(--hover-bg)}.leaderboard-entry:before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--rank-tint,rgba(255,255,255,.04)) 0,transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 6px);opacity:.8;pointer-events:none;z-index:0}.leaderboard-entry.rank-tint-rank-bronze{--rank-tint:rgba(161,98,7,0.08)}.leaderboard-entry.rank-tint-rank-silver{--rank-tint:rgba(148,163,184,0.09)}.leaderboard-entry.rank-tint-rank-gold{--rank-tint:rgba(250,204,21,0.1)}.leaderboard-entry.rank-tint-rank-platinum{--rank-tint:rgba(14,165,233,0.12)}.leaderboard-entry.rank-tint-rank-diamond{--rank-tint:rgba(99,102,241,0.14)}.leaderboard-entry.rank-tint-rank-master{--rank-tint:rgba(244,63,94,0.16)}.leaderboard-entry.rank-tint-rank-grandmaster{--rank-tint:rgba(251,191,36,0.18)}.leaderboard-entry.rank-tint-rank-legend{--rank-tint:rgba(56,189,248,0.26);overflow:hidden;background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(14,165,233,.06) 40%,rgba(56,189,248,.1))}.leaderboard-entry.rank-tint-rank-legend:before{background:linear-gradient(270deg,var(--rank-tint) 0,transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 6px),linear-gradient(180deg,rgba(255,255,255,.15) 0,transparent 50%,rgba(255,255,255,.05) 100%);z-index:0}.leaderboard-entry.rank-tint-rank-legend:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.12) 49%,rgba(186,230,253,.15) 50%,rgba(255,255,255,.12) 51%,transparent 60%);background-size:400% 100%;background-position:200% 0;animation:legend-shine 20s linear infinite;pointer-events:none;z-index:2}@keyframes legend-shine{0%{background-position:200% 0}60%{background-position:-100% 0}to{background-position:-100% 0}}.leaderboard-entry:nth-child(2n){background:var(--bg-tertiary)}.leaderboard-entry:nth-child(2n):hover{background:var(--hover-bg)}.leaderboard-entry:last-child{border-bottom:none}.rank-position{font-weight:300;color:var(--text-secondary);font-size:.9rem}.player{display:flex;align-items:center;gap:.75rem}.flag{width:24px;height:16px;border-radius:0;display:inline-block;font-size:.7rem;text-align:center;line-height:16px;color:white;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;overflow:hidden}.flag:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.flag.de{background:linear-gradient(180deg,#000 33%,#dd0000 0,#dd0000 66%,#ffcc00 0)}.flag.us{background:linear-gradient(90deg,#b22234 50%,#3c3b6e 0)}.flag.gb{background:linear-gradient(135deg,#012169 25%,#ffffff 0,#ffffff 50%,#c8102e 0)}.flag.ca{background:linear-gradient(90deg,#ff0000 25%,#ffffff 0,#ffffff 75%,#ff0000 0)}.flag.au{background:linear-gradient(135deg,#012169 50%,#ffffff 0)}.username{font-weight:500;color:var(--text-primary);font-size:.95rem}.leaderboard-entry.rank-tint-rank-master .username{text-shadow:0 0 5px rgba(244,63,94,.3)}.leaderboard-entry.rank-tint-rank-grandmaster .username{color:#fcd34d;text-shadow:0 0 8px rgba(251,191,36,.5),0 0 16px rgba(245,158,11,.35)}.leaderboard-entry.rank-tint-rank-legend .username{color:#c5f3ff;text-shadow:0 0 12px rgba(56,189,248,.7),0 0 26px rgba(14,165,233,.65)}.rating{font-weight:600;color:var(--text-primary);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.change{font-weight:500;font-size:.85rem;padding:.2rem .4rem;border-radius:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.change.positive{color:#198754;background:#d1e7dd}.change.negative{color:#dc3545;background:#f8d7da}.change.neutral{color:var(--text-muted);background:var(--bg-tertiary)}[data-theme=dark] .change.positive,[data-theme=light] .change.positive{color:#10b981;background:rgba(16,185,129,.15)}[data-theme=dark] .change.negative,[data-theme=light] .change.negative{color:#ef4444;background:rgba(239,68,68,.15)}.last-active{font-size:.8rem;color:var(--text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.matches{display:flex;align-items:center;gap:.5rem;min-width:0}.winrate-bar{flex:1 1;min-width:40px;max-width:60px;width:60px;height:12px;border-radius:2px;background:var(--bg-tertiary);position:relative;overflow:hidden}.winrate-fill{height:100%;border-radius:2px;transition:width .3s ease}.matches-count{flex:0 0 auto;min-width:2.2em}.matches-count,.stat{font-size:.85rem;color:var(--text-secondary);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.percentage{font-size:.85rem;color:var(--text-secondary);font-weight:400}.score{font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kd,.score{font-size:.85rem;color:var(--text-secondary)}.kd{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}.highest-scores-section,.recent-matches-section,.stats-section{background:var(--bg-secondary);border-radius:0;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.section-title{font-size:1rem;font-weight:600;padding:1rem 1.25rem;margin:0;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);letter-spacing:.01em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:1.25rem;grid-gap:1rem;gap:1rem}.stat-item,.stats-grid{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.25rem;display:block}.stat-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:lowercase;letter-spacing:.02em}.recent-matches{max-height:250px;overflow-y:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-text{font-family:SUSE Mono,monospace;font-weight:200;font-size:1rem;color:var(--text-primary);margin-bottom:1rem}.loading-dots{display:inline-flex;align-items:center}.loading-dots span{color:var(--text-primary);font-size:1.5rem;animation:loading-dots-fade 1.4s infinite}.loading-dots span:first-child{animation-delay:.2s}.loading-dots span:nth-child(2){animation-delay:.4s}.loading-dots span:nth-child(3){animation-delay:.6s}@keyframes loading-dots-fade{0%,to{opacity:0}50%{opacity:1}}.match-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.6rem .8rem;border-radius:6px;margin-bottom:.4rem;background:var(--bg-tertiary);border-left:3px solid var(--accent-color);position:relative}.match-info{gap:.25rem}.match-info,.match-result{display:flex;flex-direction:column}.match-result{gap:.15rem}.team-result{display:flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.1rem 0}.team-result.winner{font-weight:600;color:var(--text-primary)}.team-result:not(.winner){opacity:.7;font-size:.75rem}.team-emoji{width:14px;text-align:center;flex-shrink:0}.team-players{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.team-score{font-weight:500;color:var(--text-primary);flex-shrink:0;min-width:35px;text-align:right}.team-result.winner .team-score{font-weight:700;color:var(--accent-color)}.win-indicator{margin-left:.3rem;font-size:.9rem;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.team-result[data-team=purple]{border-left:3px solid #8b5cf6}.team-result[data-team=ugly]{border-left:3px solid #10b981}.team-result[data-team=gold]{border-left:3px solid #f59e0b}.team-result[data-team=orange]{border-left:3px solid #f97316}.team-result{padding-left:.5rem;margin-bottom:.2rem}.opponent{font-weight:500;color:var(--text-primary);font-size:.9rem}.recent-match .score{font-size:.8rem}.match-time{font-size:.75rem;color:var(--text-tertiary);text-align:right;margin-top:.1rem;flex-shrink:0}.score-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--bg-tertiary);font-size:.9rem}.score-item:last-child{border-bottom:none}.score-rank{font-weight:600;color:var(--accent-color);width:30px;flex-shrink:0}.score-player{flex:1 1;color:var(--text-primary);margin:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-value{font-weight:600;color:var(--text-primary);width:60px;flex-shrink:0}.recent-matches::-webkit-scrollbar{width:8px}.recent-matches::-webkit-scrollbar-track{background:var(--bg-tertiary)}.recent-matches::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:0}.recent-matches::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.match-entry{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.9rem;font-weight:300;line-height:1.5;transition:all .2s ease;position:relative}.match-entry:hover{background:var(--hover-bg);padding-left:2rem}.match-entry:last-child{border-bottom:none}.match-time{color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.match-details{color:var(--text-secondary);font-weight:400}.score-tabs,.score-tabs-row2,.score-tabs-row3{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.score-tab{flex:1 1;padding:.8rem .6rem;border:none;background:transparent;color:var(--text-muted);font-weight:300;font-size:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-color);text-align:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.score-tab:last-child{border-right:none}.score-tab:hover{color:var(--text-primary);background:var(--hover-bg);transform:translateY(-1px)}.score-tab.active{background:var(--text-primary);color:var(--bg-primary);font-weight:500}.highest-scores-content{max-height:250px;overflow-y:auto}.highest-scores-content::-webkit-scrollbar{width:8px}.highest-scores-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.highest-scores-content::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:0}.highest-scores-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.score-entry{display:grid;grid-template-columns:40px 1fr 80px 80px;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);align-items:center;font-size:.9rem;font-weight:300;grid-gap:.75rem;gap:.75rem;transition:all .2s ease}.score-entry:hover{background:var(--hover-bg);padding-left:2rem}.score-entry:last-child{border-bottom:none}.score-rank{color:var(--text-muted);font-weight:500;text-align:center;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:0}.score-username{color:var(--text-primary);font-weight:400}.score-value{color:var(--text-secondary);text-align:right;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-date{color:var(--text-muted);font-size:.8rem;text-align:right;font-weight:400}@media (max-width:1400px){.main-content{grid-template-columns:1fr 320px;gap:1.25rem}}@media (max-width:1200px){.main-content{grid-template-columns:1fr;gap:1.5rem}.sidebar{order:-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem}.controls,.sidebar{gap:1.5rem}.leaderboard-entry,.leaderboard-header{font-size:.7rem;padding:.75rem .875rem;gap:.3rem}}@media (max-width:768px){.container{padding:1rem}.controls{flex-direction:column;gap:1rem;align-items:stretch}.control-group{flex-direction:column;gap:.5rem;text-align:center}.region-toggle,.sort-toggle,.time-toggle{align-self:center}.sidebar{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem}.stat-number{font-size:1.2rem}.score-tab{font-size:.7rem;padding:.5rem .25rem}.datatable-toolbar{flex-direction:column;align-items:stretch}.datatable-toolbar-left,.datatable-toolbar-right{width:100%;flex-wrap:wrap}.datatable-search{min-width:100%}}@media (max-width:1200px){.container{padding:1rem}.main-content{grid-template-columns:1fr 300px;gap:1rem}.simple-mode .player,.simple-mode .player-col{min-width:140px;flex:1 1 140px}}@media (max-width:1024px){.nav-menu{gap:1rem}.nav-text{font-size:.9rem;padding:.4rem .8rem}.controls{flex-wrap:wrap;gap:1rem}.control-group{flex:1 1;min-width:200px}.main-content{grid-template-columns:1fr 280px}.simple-mode .leaderboard-entry,.simple-mode .leaderboard-header{gap:.5rem;min-width:500px}.simple-mode .rating,.simple-mode .rating-col{flex:0 0 80px!important}.simple-mode .matches,.simple-mode .matches-col{flex:0 0 90px!important}}@media (max-width:768px){.container{padding:.5rem}.brand{font-size:.9rem;margin-bottom:.5rem}.nav-menu{gap:.5rem}.nav-text{font-size:.8rem;padding:.3rem .6rem}.title{font-size:1.8rem}.subtitle,.year-badge{font-size:.9rem}.controls{gap:.8rem;margin-bottom:1rem}.main-content{grid-template-columns:1fr;gap:1.5rem}.sidebar{order:-1}.sidebar,.sidebar-section{margin-bottom:1rem}.leaderboard-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.simple-mode .leaderboard-entry,.simple-mode .leaderboard-header{min-width:480px;gap:.4rem}.simple-mode .rank-col,.simple-mode .rank-position{flex:0 0 35px}.simple-mode .player,.simple-mode .player-col{flex:1 1 120px;min-width:120px}.simple-mode .rating,.simple-mode .rating-col{flex:0 0 70px!important}.simple-mode .matches,.simple-mode .matches-col{flex:0 0 80px!important}.simple-mode .kd,.simple-mode .kd-col{flex:0 0 60px!important}.simple-mode .tier,.simple-mode .tier-col{flex:0 0 120px}.rank-icon{width:20px;height:20px}.rank-name{font-size:.8rem}}@media (max-width:480px){.container{padding:.3rem}.brand{font-size:.8rem}.nav-menu{gap:.3rem}.nav-text{font-size:.7rem;padding:.25rem .5rem}.title{font-size:1.5rem}.year-badge{font-size:.75rem}.gamemode-badge{font-size:.7rem;padding:.2rem .5rem}.theme-toggle{width:50px;height:26px}.theme-toggle-slider{width:20px;height:20px}[data-theme=dark] .theme-toggle-slider,[data-theme=light] .theme-toggle-slider{transform:translateX(26px)}.controls{flex-direction:column;gap:.5rem}.control-group{min-width:auto}.region-toggle,.time-toggle{gap:.2rem}.region-btn,.toggle-btn{padding:.4rem .8rem;font-size:.8rem}.checkbox-container .control-label{font-size:.8rem}.simple-mode .leaderboard-entry,.simple-mode .leaderboard-header{min-width:420px;gap:.3rem}.simple-mode .rank-col,.simple-mode .rank-position{flex:0 0 30px;font-size:.8rem}.simple-mode .player,.simple-mode .player-col{flex:1 1 100px;min-width:100px}.username{font-size:.9rem}.simple-mode .rating,.simple-mode .rating-col{flex:0 0 60px!important;font-size:.9rem}.simple-mode .matches,.simple-mode .matches-col{flex:0 0 70px!important}.matches-count{font-size:.8rem}.simple-mode .kd,.simple-mode .kd-col{flex:0 0 50px!important;font-size:.9rem}.simple-mode .tier,.simple-mode .tier-col{flex:0 0 100px}.rank-icon{width:18px;height:18px}.rank-name{font-size:.7rem}.sidebar{padding:1rem}.sidebar-section h3{font-size:.9rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}}#squares-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;border:none;display:block;pointer-events:auto}.hub-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:2;pointer-events:none}.brand,.hub-nav-link{pointer-events:auto}.hub-content,.hub-navigation,.hub-subtitle,.hub-title{pointer-events:none}.hub-content{text-align:center;max-width:800px;width:100%;animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hub-title{font-size:4rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;letter-spacing:.02em;text-transform:uppercase}.hub-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:4rem;font-weight:300}.hub-navigation{display:flex;flex-direction:column;gap:2rem;align-items:center;margin-bottom:3rem}.hub-theme-toggle{display:flex;justify-content:center;align-items:center}.hub-nav-link{position:relative;display:inline-block;text-decoration:none;width:400px;max-width:90vw;opacity:0;animation:fadeInUp .6s ease-out forwards}.hub-nav-link:first-child{animation-delay:.3s}.hub-nav-link:nth-child(2){animation-delay:.5s}.hub-nav-link:nth-child(3){animation-delay:.7s}.social-links{gap:2rem;margin-top:3rem;opacity:0;animation:fadeInUp .6s ease-out forwards;animation-delay:.9s}.social-link,.social-links{display:flex;justify-content:center;align-items:center}.social-link{width:48px;height:48px;color:var(--text-secondary);transition:all .3s ease;position:relative;text-decoration:none;pointer-events:auto}.social-link:before{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-radius:4px;transition:all .3s ease}.social-link:hover{color:var(--text-primary);transform:translateY(-2px)}.social-link:hover:before{border-color:var(--border-light)}.social-icon{width:28px;height:28px;position:relative;z-index:1}.hub-nav-text{position:relative;display:block;padding:2rem 3rem;font-size:1.8rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--text-primary);background:transparent;transition:all .8s ease;z-index:2}.hub-nav-border{position:absolute;inset:0;border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,linear-gradient(45deg,var(--text-primary),var(--text-secondary)) border-box;opacity:0;transition:opacity .8s ease}.hub-nav-bg{position:absolute;inset:0;background:var(--text-primary);transform:scaleX(0);transform-origin:left;transition:transform .8s ease;z-index:1}.hub-nav-link:hover .hub-nav-text{color:var(--bg-primary);border-color:var(--text-primary)}.hub-nav-link:hover .hub-nav-bg{transform:scaleX(1)}.hub-nav-link:hover .hub-nav-border{opacity:1}@media (max-width:768px){.hub-title{font-size:2.5rem}.hub-subtitle{font-size:1rem;margin-bottom:3rem}.hub-nav-text{font-size:1.4rem;padding:1.5rem 2rem}.hub-nav-link{width:300px}}@media (max-width:480px){.hub-title{font-size:2rem}.hub-nav-text{font-size:1.2rem;padding:1.2rem 1.5rem}.hub-nav-link{width:250px}}.page-content{max-width:1200px;width:100%;margin:0 auto;padding:2rem 0}.content-section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem;text-transform:lowercase}.section-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:1.5rem;transition:all .3s ease}.feature-card:hover{background:var(--hover-bg);border-color:var(--text-primary)}.feature-card h3{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;text-transform:lowercase}.feature-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.feature-status{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mini-leaderboard{background:var(--bg-secondary);border:1px solid var(--border-color);margin-top:1rem}.mini-leaderboard-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-secondary);font-size:.85rem;text-transform:lowercase}.mini-leaderboard-header,.mini-leaderboard-row{display:grid;grid-template-columns:60px 1fr 100px;padding:.75rem 1rem}.mini-leaderboard-row{border-bottom:1px solid var(--border-light);font-size:.9rem;transition:background-color .2s ease}.mini-leaderboard-row:hover{background:var(--hover-bg)}.mini-leaderboard-row:last-child{border-bottom:none}.tutorials-categories{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.tutorial-category{background:var(--bg-secondary);border:1px solid var(--border-color);padding:0}.category-summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1rem;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;background:var(--bg-tertiary);color:var(--text-primary);font-weight:400;text-transform:lowercase;transition:background .2s ease,transform .2s ease,border-color .2s ease;position:relative}.category-summary::-webkit-details-marker{display:none}.category-title{font-size:1.1rem;letter-spacing:.04em}.category-description{font-size:.85rem;text-transform:lowercase}.category-description,.category-toggle{color:var(--text-secondary);font-weight:300}.category-toggle{font-size:1.2rem;transition:transform .2s ease,color .2s ease}.tutorial-category[open] .category-toggle{transform:rotate(45deg);color:var(--text-primary)}.tutorial-category.is-disabled .category-toggle{opacity:.4}.category-summary.is-disabled{cursor:not-allowed;opacity:.7}.category-summary.is-disabled:after{content:"coming soon";position:absolute;right:1.5rem;top:-1.6rem;padding:.2rem .45rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.65rem;font-weight:300;letter-spacing:.08em;text-transform:lowercase;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:2}.category-summary.is-disabled:focus-visible:after,.category-summary.is-disabled:hover:after{opacity:1;transform:translateY(0)}.category-summary:hover{background:var(--hover-bg);transform:translateY(-1px)}.category-summary:active{transform:translateY(0)}.tutorial-category{transition:border-color .2s ease,box-shadow .2s ease}.tutorial-category[open]{border-color:var(--border-light);box-shadow:0 6px 18px rgba(0,0,0,.12)}.category-content{padding:1.25rem 1.5rem 1.5rem;display:grid;grid-gap:1rem;gap:1rem;animation:fadeInUpSmall .25s ease}.category-intro{display:grid;grid-gap:.4rem;gap:.4rem}.category-intro h3{font-size:1rem;font-weight:500;color:var(--text-primary);text-transform:lowercase}.category-intro p{font-size:.9rem;font-weight:300;color:var(--text-secondary);line-height:1.6}.category-intro.account-creation{border:1px solid var(--border-light);background:var(--bg-tertiary);padding:.9rem 1rem}.account-link{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:.35rem .7rem;border:1px solid var(--text-primary);color:var(--text-primary);text-decoration:none;text-transform:lowercase;letter-spacing:.08em;font-size:.75rem;font-weight:400;transition:background .2s ease,color .2s ease,transform .2s ease}.account-link:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-1px)}.account-link:active{transform:translateY(0)}.camera-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.camera-card{border:1px solid var(--border-color);background:var(--bg-secondary);display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);grid-gap:.75rem;gap:.75rem;overflow:hidden}.camera-image img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.camera-info{padding:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.camera-info h4{font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.camera-command{border:1px solid var(--border-light);background:var(--bg-tertiary);padding:.4rem .75rem .9rem;font-family:SUSE Mono,monospace;font-size:.75rem;color:var(--text-secondary);display:grid;grid-gap:.25rem;gap:.25rem;text-transform:lowercase;position:relative}.camera-command span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wall-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.wall-card{border:1px solid var(--border-color);background:var(--bg-secondary);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:.9rem;gap:.9rem;overflow:hidden}.wall-image{display:flex;align-items:center;justify-content:center;padding:.6rem}.wall-image img{width:100%;height:auto;max-height:200px;object-fit:contain;display:block}.wall-info{padding:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.wall-info h4{font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.wall-info p{font-size:.9rem;font-weight:300;color:var(--text-secondary);line-height:1.5;text-transform:lowercase}.wall-download{justify-content:center;width:-moz-fit-content;width:fit-content;padding:.2rem .6rem;border:1px solid var(--text-primary);color:var(--text-primary);text-decoration:none;text-transform:lowercase;letter-spacing:.08em;font-size:.75rem;font-weight:400;transition:background .2s ease,color .2s ease,transform .2s ease}.wall-download,.wall-download-row{display:inline-flex;align-items:center}.wall-download-row{gap:.6rem;flex-wrap:wrap}.wall-download-note{font-size:.7rem;color:var(--text-muted);font-weight:300;text-transform:lowercase}.bind-card{border:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.bind-card+.bind-card{margin-top:1rem}.bind-title{font-size:.75rem;letter-spacing:.12em;padding:.75rem .9rem 0}.bind-blurb,.bind-title{text-transform:lowercase;color:var(--text-muted)}.bind-blurb{display:grid;grid-gap:.35rem;gap:.35rem;margin-top:.5rem;font-size:.7rem;line-height:1.6}.bind-image{display:flex;align-items:center;justify-content:center;padding:.8rem}.bind-image img{width:70%;height:auto;max-height:420px;object-fit:contain;display:block}.wall-download:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-1px)}.wall-download:active{transform:translateY(0)}.copy-button{position:absolute;bottom:.45rem;right:.5rem;border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:.65rem;font-weight:400;padding:.2rem .5rem;cursor:pointer;text-transform:lowercase;transition:background .2s ease,color .2s ease,border-color .2s ease}.copy-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color)}.copy-button:active{transform:translateY(1px)}@keyframes fadeInUpSmall{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-detail h3{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:.35rem;text-transform:lowercase}.tutorial-detail p{font-size:.9rem;font-weight:300;color:var(--text-secondary);line-height:1.5}@media (max-width:768px){.page-content{padding:1rem}.feature-grid,.tutorials-grid{grid-template-columns:1fr}.tutorials-grid{gap:1.5rem}.tutorial-category{padding:1rem}.mini-leaderboard-header,.mini-leaderboard-row{grid-template-columns:50px 1fr 80px;padding:.5rem .75rem;font-size:.8rem}.category-summary{grid-template-columns:1fr;gap:.4rem;text-align:center}.category-toggle{justify-self:center}.camera-card{grid-template-columns:1fr}.camera-image img{min-height:280px}.wall-card{grid-template-columns:1fr}.wall-image img{max-height:160px}.bind-image img{max-height:300px}}.gallery-header{position:relative}.difficulty-nav-container,.difficulty-nav-menu{width:100%;padding:0;margin:0}.difficulty-nav-menu{display:flex;flex-direction:column;gap:.5rem;list-style:none}.difficulty-nav-menu .nav-link{width:100%;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#0f1115;color:#d7dee9;border-radius:0;cursor:pointer;transition:border-color .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}.difficulty-nav-menu .nav-text{display:block;padding:.75rem 1rem;font-size:.9rem;width:100%;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.difficulty-nav-menu .nav-border-animation{display:none}.difficulty-nav-menu .nav-bg-animation{position:absolute;top:2px;left:4px;width:calc(100% - 4px);height:100%;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(124,58,237,.1));transform:translateY(-100%);opacity:0;transition:all .3s ease}[data-theme=light] .difficulty-nav-menu .nav-bg-animation{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(124,58,237,.08))}.difficulty-nav-menu .group:hover .nav-bg-animation{transform:translateY(0);opacity:.45}.difficulty-nav-menu .group.active .nav-bg-animation{transform:translateY(-100%);opacity:0}.difficulty-nav-menu .nav-link:focus-visible,.difficulty-nav-menu .nav-link:hover{color:#f8fbff;border-color:rgba(255,255,255,.32);box-shadow:0 0 0 1px rgba(124,58,237,.25)}.difficulty-nav-menu .nav-link.active{background:#0f1115;border-color:rgba(255,255,255,.42);color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}[data-theme=dark] .difficulty-nav-menu .group.active .nav-text,[data-theme=dark] .difficulty-nav-menu .group:hover .nav-text,[data-theme=light] .difficulty-nav-menu .group.active .nav-text,[data-theme=light] .difficulty-nav-menu .group:hover .nav-text{color:#f5f7fb!important}.difficulty-nav-menu .nav-link{position:relative;overflow:hidden}.difficulty-nav-menu .nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;pointer-events:none}.difficulty-nav-menu .nav-link[data-difficulty=basic]:before{background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%,#64748b)}.difficulty-nav-menu .nav-link[data-difficulty=intermediate]:before{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 35%,#2dd4bf)}.difficulty-nav-menu .nav-link[data-difficulty=advanced]:before{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 35%,#fbbf24)}.difficulty-nav-menu .nav-link[data-difficulty=expert]:before{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 35%,#fb923c)}.difficulty-nav-menu .nav-link[data-difficulty=demon]:before{background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%,#f87171)}.difficulty-nav-menu .nav-link[data-difficulty=transcendent]:before{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 35%,#38bdf8)}.maze-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;pointer-events:none;z-index:1}.maze-card[data-difficulty=basic]:before{background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%,#64748b)}.maze-card[data-difficulty=intermediate]:before{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 35%,#2dd4bf)}.maze-card[data-difficulty=advanced]:before{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 35%,#fbbf24)}.maze-card[data-difficulty=expert]:before{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 35%,#fb923c)}.maze-card[data-difficulty=demon]:before{background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%,#f87171)}.maze-card[data-difficulty=transcendent]:before{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 35%,#38bdf8)}.mazing-main-content{display:grid;grid-template-columns:140px 1fr;grid-gap:1.5rem;gap:1.5rem;max-width:1400px;width:100%;margin:0 auto;padding:1rem 2rem;align-items:start}.mazing-gallery{width:100%;padding:0}.gallery-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.gallery-title{font-size:2rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;text-transform:lowercase}.gallery-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.gallery-stats{display:flex;justify-content:center;gap:2rem;align-items:center}.maze-count{font-size:.9rem;color:var(--text-muted);font-weight:500}.difficulty-indicator{font-size:.8rem;padding:.3rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);text-transform:uppercase;font-weight:500;letter-spacing:.05em}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maze-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.maze-card{background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;position:relative;aspect-ratio:16/10}.maze-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.2);border-color:var(--text-primary)}.maze-video-container{position:relative;width:100%;height:70%;overflow:hidden;background:var(--bg-tertiary)}.maze-video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.maze-card:hover .maze-video{transform:scale(1.05)}.maze-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.maze-card:hover .maze-video-overlay{opacity:1}.play-button{width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--bg-primary);transition:all .3s ease}.play-button:hover{background:white;transform:scale(1.1)}.maze-info{padding:1.5rem;height:30%;display:flex;flex-direction:column;justify-content:space-between}.maze-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;text-transform:lowercase}.maze-description{font-size:.85rem;color:var(--text-secondary);line-height:1.4;flex-grow:1}.maze-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.maze-complexity{padding:.2rem .5rem;background:var(--bg-tertiary);text-transform:uppercase;font-weight:500;letter-spacing:.05em}.maze-complexity,.maze-id{font-size:.75rem;color:var(--text-muted)}.maze-id{font-family:monospace}.gallery-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.gallery-empty h3{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.gallery-empty p{font-size:.9rem;color:var(--text-muted)}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.video-modal.active{opacity:1;visibility:visible}.video-modal-content{position:relative;max-width:90vw;max-height:90vh}.modal-video{width:100%;height:auto;max-height:90vh}.modal-close{position:absolute;top:-50px;right:0;background:none;border:none;color:white;font-size:2rem;cursor:pointer;padding:.5rem;transition:opacity .3s ease}.modal-close:hover{opacity:.7}@media (max-width:1024px){.main-content{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.difficulty-nav-container{width:100%;display:flex;justify-content:center;padding:1rem 0}.difficulty-nav-menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;max-width:600px;width:100%}.difficulty-nav-menu .nav-text{padding:1rem 1.5rem;font-size:1rem}}@media (max-width:768px){.difficulty-nav-menu{grid-template-columns:repeat(2,1fr);gap:.75rem}.difficulty-nav-menu .nav-text{font-size:.9rem;padding:.75rem 1rem}.maze-grid{grid-template-columns:1fr;gap:1.5rem}.gallery-header{margin-bottom:2rem;padding-bottom:1.5rem}.gallery-title{font-size:1.5rem}.gallery-stats{flex-direction:column;gap:1rem}.maze-info{padding:1rem}}@media (max-width:480px){.main-content{padding:1rem}.difficulty-nav-menu{grid-template-columns:1fr;gap:.5rem}.maze-grid{grid-template-columns:1fr;gap:1rem}}.coming-soon-notice{max-width:600px;margin:2rem auto;padding:2rem;background:var(--surface-color);border:2px solid var(--accent-color);border-radius:12px;text-align:center}.coming-soon-notice h2{font-size:1.5rem;font-weight:600;text-transform:lowercase;margin:0 0 1rem;color:var(--accent-color)}.coming-soon-notice p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.back-button-container{max-width:1400px;margin:1rem auto 0;padding:0 1rem}.ranks-container{max-width:800px;margin:2rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.rank-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.rank-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 16px rgba(0,0,0,.2)}.rank-card-legendary{border:1px solid var(--border-color);background:var(--surface-color);position:relative;overflow:hidden}.rank-card-legendary:hover{border-color:rgba(168,85,247,.7);box-shadow:0 8px 16px rgba(0,0,0,.2),0 0 18px rgba(168,85,247,.25)}.rank-card-legendary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.12),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.rank-card-legendary:hover:after{opacity:1}.tronnies-header{margin-bottom:1.25rem;text-align:center}.tronnies-badge{border-color:rgba(236,72,153,.6);background:rgba(168,85,247,.16);color:#f5d0fe}.tronnies-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.35rem}.tronnies-stat-card{border:1px solid var(--border-color);background:linear-gradient(180deg,rgba(168,85,247,.1),rgba(0,0,0,0));padding:.9rem;text-align:center}.tronnies-stat-value{font-size:1.45rem;font-weight:700;letter-spacing:.02em;color:#f9a8d4}.tronnies-stat-label{margin-top:.25rem;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--text-secondary)}.tronnies-stat-note{margin-top:.3rem;font-size:.75rem;color:var(--text-muted)}.tronnies-content-shell{border:1px solid var(--border-color);background:var(--bg-secondary);padding-bottom:.85rem}.tronnies-tabs-nav{align-items:stretch;border-bottom:1px solid var(--border-color);background:rgba(0,0,0,.25)}.tronnies-tabs,.tronnies-tabs-nav{display:flex;justify-content:center}.tronnies-tabs{flex-wrap:wrap}.tronnies-tabs-arrow{border:none;border-right:1px solid var(--border-color);background:transparent;color:var(--text-secondary);width:42px;min-width:42px;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.tronnies-tabs-arrow:last-child{border-right:none;border-left:1px solid var(--border-color)}.tronnies-tabs-arrow:hover{background:rgba(168,85,247,.12);color:#f0abfc}.tronnies-tab{border:none;border-right:1px solid var(--border-color);background:transparent;color:var(--text-secondary);padding:.7rem 1rem;text-transform:lowercase;letter-spacing:.03em;font-family:SUSE Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tronnies-tab:hover{background:rgba(168,85,247,.12);color:#f0abfc}.tronnies-tab.active{background:rgba(168,85,247,.2);color:#f5d0fe}.tronnies-panel{padding:1.2rem 1rem .8rem}.tronnies-animate-in{animation:tronniesFadeSlide .26s ease both}.tronnies-panel-head{margin-bottom:1rem;text-align:center}.tronnies-panel-title{margin:0;text-transform:lowercase;font-size:1.1rem}.tronnies-panel-subtitle{margin:.2rem 0 0;font-size:.82rem;color:var(--text-muted);text-transform:lowercase}.tronnies-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin-bottom:1.05rem;align-items:end}.tronnies-podium-item{border:1px solid var(--border-color);padding:.55rem .65rem;background:rgba(0,0,0,.22);text-align:center;position:relative;overflow:hidden}.tronnies-podium-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;opacity:.85}.tronnies-podium-rank{font-size:.68rem;letter-spacing:.08em;color:var(--text-muted)}.tronnies-podium-name{font-size:.95rem;font-weight:700;margin-top:.2rem}.tronnies-podium-title{font-size:.7rem;color:var(--text-secondary);margin-top:.2rem;text-transform:lowercase}.podium-rank-1{border-color:rgba(250,204,21,.7);box-shadow:inset 0 0 0 1px rgba(250,204,21,.24),0 12px 24px rgba(0,0,0,.3)}.podium-rank-1:after{background:linear-gradient(90deg,#facc15,#f59e0b)}.podium-rank-2{border-color:rgba(148,163,184,.55)}.podium-rank-2:after{background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.podium-rank-3{border-color:rgba(251,146,60,.55)}.podium-rank-3:after{background:linear-gradient(90deg,#fb923c,#f97316)}.podium-slot-center{min-height:122px;transform:translateY(-6px)}.podium-slot-left,.podium-slot-right{min-height:102px}.tronnies-awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,220px));justify-content:center;align-content:start;grid-gap:.95rem;gap:.95rem}.tronnies-award-card{border:1px solid var(--border-color);background:linear-gradient(145deg,rgba(17,24,39,.65),rgba(0,0,0,.1));padding:.65rem .75rem;position:relative;overflow:hidden;min-height:178px;animation:tronniesFadeSlide .26s ease both}.tronnies-award-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#a855f7,#ec4899);opacity:.8}.tronnies-award-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.45rem}.tronnies-award-rank{font-size:.68rem;color:var(--text-muted);letter-spacing:.08em}.tronnies-award-main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3rem}.tronnies-award-title{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#c4b5fd;text-align:center}.tronnies-winner-row{display:flex;gap:.4rem;align-items:center;justify-content:center}.tronnies-winner-label{font-size:.66rem;text-transform:uppercase;color:var(--text-muted)}.tronnies-winner-name{font-size:1rem;font-weight:700;color:#f0abfc}.tronnies-award-stat{color:var(--text-primary);font-size:.8rem;margin-left:0;text-align:center}.tronnies-runnerup{margin-top:.35rem;color:var(--text-muted);font-size:.72rem;text-transform:lowercase;text-align:center}@keyframes tronniesFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.tronnies-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tronnies-awards-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.tronnies-podium{grid-template-columns:1fr;align-items:stretch}.podium-slot-center{transform:none}.podium-slot-center,.podium-slot-left,.podium-slot-right{min-height:0}}@media (max-width:640px){.tronnies-stats-grid{grid-template-columns:1fr}.tronnies-tabs,.tronnies-tabs-nav{flex-direction:column}.tronnies-tabs-arrow{width:100%;min-width:0;min-height:38px;border-right:none;border-bottom:1px solid var(--border-color)}.tronnies-tabs-arrow:last-child{border-left:none;border-top:1px solid var(--border-color)}.tronnies-tab{border-right:none;border-bottom:1px solid var(--border-color);text-align:left}.tronnies-awards-grid{grid-template-columns:1fr}}.rank-icon-container{flex-shrink:0}.rank-display-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.rank-details{flex:1 1}.rank-details .rank-name{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.rank-range{font-size:1rem;color:var(--text-secondary);margin:0;font-family:SUSE Mono,monospace}@media (max-width:768px){.ranks-container{grid-template-columns:1fr;gap:1rem}.rank-card{padding:1.5rem}.rank-display-icon{width:60px;height:60px}.rank-details .rank-name{font-size:1.25rem}.rank-range{font-size:.9rem}}