:root{--font-ui:"Manrope","Segoe UI",sans-serif;--font-display:"Unbounded","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",monospace;--bg:#07131f;--surface:rgba(8,20,32,.82);--surface-2:rgba(14,29,46,.92);--surface-3:rgba(25,78,111,.28);--text:#f4fbff;--muted:#93aabc;--border:rgba(114,216,255,.16);--accent:#7cf7ff;--accent-2:#ff8a3d;--accent-3:#9fffc7;--success:#6ef6ab;--danger:#ff727e;--warning:#ffd166;--shadow:0 28px 90px rgba(0,0,0,.42);--radius:22px;--focus:0 0 0 3px rgba(124,247,255,.22);--max-width:1480px}[data-theme=light]{color-scheme:light;--bg:#eff6fb;--surface:hsla(0,0%,100%,.82);--surface-2:rgba(235,244,249,.92);--surface-3:rgba(79,174,199,.12);--text:#071521;--muted:#5a7283;--border:rgba(6,24,39,.1);--accent:#008ec2;--accent-2:#ff8a3d;--accent-3:#0ea86f;--success:#0b9c69;--danger:#db4a59;--warning:#c98d15;--shadow:0 24px 70px rgba(7,21,33,.12);--focus:0 0 0 3px rgba(0,142,194,.18)}[data-theme=arena]{color-scheme:dark;--bg:#07131f;--surface:rgba(8,20,32,.82);--surface-2:rgba(14,29,46,.92);--surface-3:rgba(25,78,111,.28);--text:#f4fbff;--muted:#93aabc;--border:rgba(114,216,255,.16);--accent:#7cf7ff;--accent-2:#ff8a3d;--accent-3:#9fffc7;--success:#6ef6ab;--danger:#ff727e;--warning:#ffd166;--shadow:0 28px 90px rgba(0,0,0,.42);--focus:0 0 0 3px rgba(124,247,255,.22)}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-ui),sans-serif;color:var(--text);background:radial-gradient(900px 560px at 10% -10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%),radial-gradient(980px 520px at 100% 0,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 68%),linear-gradient(180deg,hsla(0,0%,100%,.015),hsla(0,0%,100%,0)),var(--bg);line-height:1.45;letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 84%);mask-image:radial-gradient(circle at center,#000,transparent 84%);opacity:.35;z-index:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus)}.metric-num{font-family:var(--font-mono),monospace}.shell-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;position:relative;z-index:1}.shell-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-2) 78%,transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px;box-shadow:inset -1px 0 0 hsla(0,0%,100%,.04)}.brand-block{display:grid;grid-gap:8px;gap:8px;margin-bottom:28px;padding:16px 16px 18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-3) 34%,var(--surface)));box-shadow:var(--shadow)}.brand-block .brand-kicker{font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.brand-block strong{font-size:1.38rem;text-transform:uppercase;letter-spacing:.08em}.brand-block span{color:var(--muted);font-size:.82rem}.sidebar-nav{display:grid;grid-gap:8px;gap:8px}.sidebar-link{padding:12px 14px;border-radius:14px;color:var(--muted);border:1px solid var(--border);transition:all .16s ease;text-transform:uppercase;letter-spacing:.06em;font-size:.84rem;background:color-mix(in srgb,var(--surface) 84%,transparent)}.sidebar-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--surface-3) 65%,var(--surface));transform:translateX(2px)}.sidebar-link.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--accent-2) 14%,var(--surface)));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04)}.shell-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-actions{justify-self:end;display:inline-flex;align-items:center;gap:8px}.close-button,.menu-button{display:none;border:1px solid var(--border);border-radius:12px;padding:8px 10px;cursor:pointer}.close-button,.global-search-wrap,.menu-button{background:color-mix(in srgb,var(--surface-2) 86%,transparent)}.global-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:14px;padding:10px 12px;min-width:0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.025)}.global-search-icon{color:var(--muted)}.global-search{width:100%;border:0;background:transparent}.theme-toggle{gap:8px;background:color-mix(in srgb,var(--surface-2) 86%,transparent);padding:8px 12px;cursor:pointer;color:var(--muted)}.theme-toggle,.topbar-login-link{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px}.topbar-login-link{justify-content:center;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--text);padding:8px 14px;white-space:nowrap;font-weight:700;color:#04111b}.topbar-auth-menu{position:relative}.topbar-auth-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 86%,transparent);color:var(--text);padding:8px 12px;white-space:nowrap}.topbar-auth-menu>summary::-webkit-details-marker{display:none}.topbar-auth-menu[open]>summary{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.topbar-auth-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);z-index:30}.topbar-auth-dropdown a,.topbar-auth-dropdown button{display:flex;align-items:center;justify-content:flex-start;width:100%;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);color:var(--text);padding:8px 10px;cursor:pointer}.theme-toggle-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 65%,transparent)}.update-stamp{display:grid;grid-gap:4px;gap:4px;padding:11px 13px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:.82rem}.update-stamp strong{color:var(--text)}.topbar-stamp{grid-column:1/-1}.shell-content{padding:26px 24px 36px;display:grid;grid-gap:22px;gap:22px}.page-header{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-3) 46%,var(--surface))),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%);box-shadow:var(--shadow);padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-header h1{margin:0;font-size:clamp(1.6rem,2.8vw,2.8rem);text-transform:uppercase;letter-spacing:.06em}.page-header p{margin:8px 0 0;color:var(--muted);max-width:62ch}.page-header-actions{display:flex;gap:10px;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.section-header h2{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}.section-header a{color:var(--accent);font-size:.9rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-default{background:var(--surface)}.card-elevated{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-3) 44%,var(--surface)))}.card-subtle{background:color-mix(in srgb,var(--surface-2) 78%,transparent)}[data-theme=arena] .card-glass{background:color-mix(in srgb,var(--surface) 75%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.card-title{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.card-subtitle{margin:4px 0 0;color:var(--muted);font-size:.9rem}.stat-card{border:1px solid var(--border);border-radius:18px;padding:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-3) 42%,var(--surface)));display:grid;grid-gap:6px;gap:6px;min-height:94px;overflow:hidden;position:relative}.stat-caption,.stat-label{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:1.8rem}.metric-chip-row{display:flex;flex-wrap:wrap;gap:8px}.metric-chip{font-size:.84rem;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.delta-pill,.metric-chip{border-radius:999px;border:1px solid var(--border);padding:5px 10px}.delta-pill{font-size:.82rem;display:inline-flex;gap:2px}.delta-positive{color:var(--success);border-color:color-mix(in srgb,var(--success) 60%,var(--border))}.delta-negative{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 60%,var(--border))}.delta-neutral{color:var(--muted)}.rank-badge{border:1px solid;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.title-badge{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:.74rem;color:var(--muted);margin-top:5px}.elo-bar,.perf-bar{position:relative;height:10px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 85%,var(--surface));overflow:hidden;border:1px solid var(--border)}.elo-bar.is-compact,.perf-bar.is-compact{height:7px}.elo-bar-fill,.perf-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(120deg,var(--accent),var(--accent-2))}.hof-card,.map-card,.map-result-card,.match-card,.player-card,.team-panel{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent);padding:14px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hof-card:hover,.map-card:hover,.match-card:hover,.player-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow)}.player-card-head{display:flex;gap:10px;align-items:center}.avatar{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.player-link{font-weight:700}.player-rank-row{margin:12px 0 8px;display:flex;justify-content:space-between;align-items:center}.map-card-grid,.match-card-head,.match-card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.84rem}.hof-player,.map-card-link,.match-title{font-size:1rem;font-weight:700;margin:10px 0;display:inline-block}.map-chip{border:1px solid var(--border);border-radius:999px;padding:4px 10px;background:color-mix(in srgb,var(--surface-2) 88%,transparent);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.match-card-score{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hof-kicker{color:var(--muted);font-size:.83rem}.hof-value{display:block;margin:8px 0;font-size:1.4rem}.map-result-card{display:grid;grid-gap:6px;gap:6px}.map-result-card.is-selected{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.team-panel header{margin-bottom:10px}.team-panel h3{margin:0}.team-panel small{color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:10px;font-size:.92rem}.data-table th{color:var(--muted);font-weight:600;text-align:left}.data-table tbody tr{transition:background-color .16s ease}.data-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 76%,var(--surface))}.leaderboard-player-cell{display:inline-flex;align-items:center;gap:8px}.leaderboard-you-badge{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:999px;padding:2px 8px;font-size:.75rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}.row-arrow{width:28px;color:var(--muted);opacity:0;transform:translateX(-4px);transition:opacity .16s ease,transform .16s ease}.data-table tbody tr:hover .row-arrow{opacity:1;transform:translateX(0)}.row-arrow-head{width:28px}.row-link{text-decoration:underline;text-underline-offset:2px}.align-right{text-align:right}.align-center{text-align:center}.is-right{text-align:right}.is-center{text-align:center}.is-left{text-align:left}.table-empty{text-align:center;color:var(--muted)}.compact .data-table{min-width:560px}.filters-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filters-form input,.filters-form select{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 84%,transparent);padding:10px 12px}.filter-inline{display:block}.filter-mobile{display:none}.btn{border-radius:12px;padding:10px 14px;border:1px solid var(--border);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#04111b;border-color:transparent}.btn-secondary{background:color-mix(in srgb,var(--surface-2) 90%,transparent)}.btn-ghost{background:transparent;border-color:var(--border)}.empty-state,.error-card,.skeleton-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--surface)}.empty-state h3,.error-card h3{margin:0 0 6px}.empty-state p,.error-card p{margin:0;color:var(--muted)}.error-card{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 35%,var(--surface)),var(--surface-2));background-size:200% 100%;animation:skeletonWave 1.1s linear infinite;margin-bottom:10px}.pagination{display:inline-flex;align-items:center;gap:10px}.page-btn{border:1px solid var(--border);border-radius:10px;padding:7px 10px}.page-btn.is-disabled{opacity:.5;pointer-events:none}.mobile-drawer{position:fixed;inset:0;z-index:60}.mobile-drawer-overlay{position:absolute;inset:0;border:0;background:rgba(0,0,0,.45)}.mobile-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(340px,90vw);background:color-mix(in srgb,var(--surface) 96%,transparent);border-left:1px solid var(--border);padding:16px;overflow:auto}.mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chart-empty{color:var(--muted);font-size:.9rem}.sparkline-wrap{margin:0}.sparkline-wrap svg{width:100%;height:180px;display:block}.tabs-row{display:flex;gap:8px;flex-wrap:wrap}.mobile-only{display:none}.desktop-only{display:block}.tab-link{border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:var(--muted);background:color-mix(in srgb,var(--surface) 86%,transparent);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.tab-link.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.metric-list{display:grid;grid-gap:8px;gap:8px}.metric-list li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed color-mix(in srgb,var(--border) 76%,transparent);padding-bottom:8px}.page-main{display:grid;grid-gap:22px;gap:22px}.hero{border:1px solid var(--border);border-radius:24px;padding:24px;background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-3) 44%,var(--surface))),radial-gradient(circle at top right,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 38%);box-shadow:var(--shadow)}.hero h1{margin:10px 0 0;font-size:clamp(1.7rem,3vw,3rem);text-transform:uppercase;letter-spacing:.08em}.hero p{margin:12px 0 0;color:var(--muted);max-width:62ch}.hero-kicker,.subtle-label{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.hero-actions,.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.toolbar{margin-top:18px}.select-control{min-height:42px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 84%,transparent);padding:10px 12px}.leaderboard-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.leaderboard-top-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-3) 38%,var(--surface)))}.card-row{display:flex;align-items:center;gap:8px;margin-top:10px}.grid-three.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.session-card{min-height:100%}.session-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.session-front-content{display:grid;grid-gap:14px;gap:14px}.session-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.player-chip-list{display:flex;flex-wrap:wrap;gap:8px}.player-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 90%,transparent);white-space:nowrap}.player-chip.wait{border-color:color-mix(in srgb,var(--accent-2) 48%,var(--border))}.site-footer{display:none}@keyframes skeletonWave{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{grid-template-columns:auto minmax(180px,1fr) auto}.grid-three.schedule-grid,.leaderboard-top{grid-template-columns:1fr}}@media (max-width:960px){.shell-layout{grid-template-columns:minmax(0,1fr)}.shell-sidebar{display:none}.close-button,.menu-button{display:inline-flex;align-items:center;justify-content:center}.filter-inline{display:none}.filter-mobile{display:block}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.desktop-only{display:none}.mobile-only{display:grid}.topbar{padding:12px;gap:10px}.shell-content{padding:14px}.theme-toggle,.topbar-actions{justify-self:stretch}.topbar-actions{grid-column:1/-1}.topbar-auth-menu>summary,.topbar-login-link{width:100%;justify-content:center}.topbar-auth-dropdown{left:0;right:auto;min-width:min(280px,100%)}.global-search-wrap{grid-column:1/-1}.session-meta-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell-content{gap:26px}.shell-content>.update-stamp,.shell-content>div,.shell-content>nav,.shell-content>section{scroll-margin-top:120px}.content-section{display:grid;grid-gap:18px;gap:18px}.grid-2,.grid-3,.grid-4{gap:18px}.overview-hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,.92fr) minmax(300px,.9fr);gap:22px;padding:34px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-3) 72%,var(--surface))),radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 26%)}.overview-hero-copy{display:grid;align-content:center;grid-gap:18px;gap:18px}.overview-hero-copy p{max-width:52ch}.overview-hero-art{display:grid;grid-gap:14px;gap:14px}.overview-hero-art-frame{position:relative;min-height:520px;border-radius:30px;padding:18px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 90%,transparent)),radial-gradient(circle at center,color-mix(in srgb,var(--accent) 14%,transparent),transparent 42%);overflow:hidden}.overview-hero-art-frame:before{content:"";position:absolute;inset:12px;border-radius:22px;border:1px solid hsla(0,0%,100%,.08);pointer-events:none;z-index:2}.overview-hero-art-frame:after{content:"";position:absolute;inset:18px;border-radius:22px;background:linear-gradient(180deg,rgba(6,14,24,.03),rgba(6,14,24,.44) 58%,rgba(6,14,24,.82)),linear-gradient(120deg,rgba(124,247,255,.12),transparent 26%);pointer-events:none;z-index:1}.overview-hero-illustration{object-fit:cover;object-position:center 18%;border-radius:22px;filter:saturate(1.04) contrast(1.06)}.overview-hero-art-copy{position:absolute;inset:auto 34px 36px 34px;z-index:3;display:grid;grid-gap:8px;gap:8px;max-width:22rem}.overview-hero-art-copy strong{font-family:var(--font-display),sans-serif;font-size:clamp(1.3rem,1.4vw,1.7rem)}.overview-hero-art-copy p{margin:0;color:color-mix(in srgb,var(--text) 74%,var(--muted));font-size:.92rem;line-height:1.55}.overview-hero-spotlight{display:grid;grid-gap:10px;gap:10px}.overview-spotlight-card{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface) 86%,transparent))}.overview-spotlight-card span,.player-opgg-kpi-card span,.player-opgg-summary-card span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.overview-spotlight-card strong{font-size:1rem}.overview-hero-panel{gap:16px}.overview-hero-grid{gap:14px}.overview-pulse-card{min-height:118px;padding:16px}.section-header{margin-bottom:2px}.section-header h2{font-size:1.18rem}.card,.empty-state,.error-card,.hof-card,.map-card,.map-result-card,.match-card,.player-card,.team-panel{padding:22px}.match-card{gap:12px}.match-card-head,.match-card-meta{line-height:1.55}.match-card-meta{flex-wrap:wrap}.player-opgg-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.88fr);grid-gap:20px;gap:20px}.player-opgg-identity,.player-opgg-summary{position:relative;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:30px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-3) 64%,var(--surface))),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 28%);box-shadow:0 24px 54px rgba(0,0,0,.22),inset 0 1px 0 hsla(0,0%,100%,.05)}.player-opgg-identity{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:22px;gap:22px;padding:28px;align-items:center}.player-opgg-avatar-shell{width:116px;height:116px;padding:6px;border-radius:32px;background:linear-gradient(160deg,var(--accent),var(--accent-2));box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 18%,transparent)}.player-opgg-avatar{width:100%;height:100%;border-radius:28px;background:color-mix(in srgb,var(--surface-2) 92%,transparent)}.player-opgg-copy{display:grid;grid-gap:14px;gap:14px}.player-opgg-copy h1{margin:0;font-family:var(--font-display),sans-serif;font-size:clamp(2rem,3vw,3.2rem);line-height:1.02}.player-opgg-copy p{margin:0;max-width:56ch;color:color-mix(in srgb,var(--text) 74%,var(--muted))}.player-opgg-bars{display:grid;grid-gap:12px;gap:12px;margin-top:6px}.player-opgg-summary{display:grid;grid-gap:18px;gap:18px;padding:24px}.player-opgg-summary-head{display:grid;grid-gap:4px;gap:4px}.player-opgg-summary-head strong{font-family:var(--font-display),sans-serif;font-size:1.2rem}.player-opgg-kpi-grid,.player-opgg-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.player-opgg-kpi-card,.player-opgg-summary-card{display:grid;grid-gap:6px;gap:6px;min-height:108px;padding:16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface-2) 98%,transparent),color-mix(in srgb,var(--surface) 84%,transparent))}.player-opgg-kpi-card strong,.player-opgg-summary-card strong{font-size:1.5rem}.player-opgg-update{padding:14px 16px;min-height:0}.player-opgg-tabs{padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);width:-moz-fit-content;width:fit-content}.player-opgg-layout{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.player-opgg-main,.player-opgg-sidebar{display:grid;grid-gap:18px;gap:18px}.player-opgg-sidebar{position:-webkit-sticky;position:sticky;top:118px}.player-opgg-statlist{display:grid;grid-gap:12px;gap:12px}.player-opgg-statrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 78%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.player-opgg-statrow span{color:var(--muted)}.player-match-feed,.player-match-feed-card{display:grid;grid-gap:14px;gap:14px}.player-match-feed-card{padding:18px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.player-match-feed-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 64%,var(--border));box-shadow:0 18px 40px rgba(0,0,0,.18)}.player-match-feed-card.is-positive{box-shadow:inset 4px 0 0 color-mix(in srgb,var(--success) 86%,transparent)}.player-match-feed-card.is-negative{box-shadow:inset 4px 0 0 color-mix(in srgb,var(--danger) 86%,transparent)}.player-match-feed-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:.88rem}.player-match-feed-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.player-match-feed-body>div{display:grid;grid-gap:4px;gap:4px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--surface) 72%,transparent)}@media (max-width:1280px){.overview-hero{grid-template-columns:1fr}.overview-hero-art-frame{min-height:380px}.player-opgg-layout{grid-template-columns:1fr}.player-opgg-sidebar{position:static}}@media (max-width:960px){.overview-hero{padding:24px 20px}.overview-hero-illustration{min-height:280px}.overview-hero-art-copy{inset:auto 26px 28px 26px;max-width:none}.player-opgg-hero,.player-opgg-identity{grid-template-columns:1fr}.player-opgg-identity{padding:22px}.player-opgg-avatar-shell{width:92px;height:92px}.player-match-feed-body,.player-opgg-kpi-grid,.player-opgg-summary-grid{grid-template-columns:1fr}.player-opgg-tabs{width:100%}}html{background:var(--bg)}body{background:radial-gradient(720px 420px at 8% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%),radial-gradient(860px 520px at 100% 6%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 72%),radial-gradient(620px 360px at 50% 100%,color-mix(in srgb,var(--accent-3) 10%,transparent),transparent 74%),linear-gradient(180deg,hsla(0,0%,100%,.03),transparent 22%),var(--bg)}body:before{background:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:88px 88px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 78%);mask-image:radial-gradient(circle at center,#000,transparent 78%);opacity:.22}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 16%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 18%),radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 22%),radial-gradient(circle at 60% 88%,color-mix(in srgb,var(--accent-3) 16%,transparent),transparent 16%);filter:blur(60px);opacity:.58;z-index:0}.shell-layout{grid-template-columns:330px minmax(0,1fr);max-width:var(--max-width);margin:0 auto;padding:18px;gap:18px}.shell-sidebar{top:18px;height:calc(100vh - 36px);display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:32px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent)),radial-gradient(circle at top,color-mix(in srgb,var(--accent) 16%,transparent),transparent 38%);padding:22px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.shell-sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 30%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 26%);opacity:.8}.brand-block{position:relative;gap:12px;margin-bottom:22px;padding:22px;border-radius:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-3) 58%,var(--surface))),radial-gradient(circle at top right,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 42%)}.brand-block:after{content:"";position:absolute;width:180px;height:180px;right:-72px;top:-92px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 36%,transparent),transparent 68%);filter:blur(10px)}.brand-block .brand-kicker,.hero-kicker,.sidebar-brief-card span,.sidebar-brief-title,.stat-caption,.stat-label,.subtle-label,.topbar-title-kicker{color:color-mix(in srgb,var(--accent) 90%,#fff 6%)}.brand-block strong,.card-title,.hero h1,.overview-hero h1,.page-header h1,.section-header h2,.topbar-title strong{font-family:var(--font-display),sans-serif;letter-spacing:.01em;text-transform:none}.brand-block strong{font-size:1.9rem;line-height:1.05;max-width:8ch}.brand-block span:last-child{max-width:28ch;font-size:.9rem;line-height:1.55}.sidebar-nav{flex:1 1 auto;min-height:0;gap:10px}.sidebar-link{display:flex;align-items:center;gap:14px;min-height:62px;padding:14px 16px;border-radius:18px;text-transform:none;letter-spacing:0;font-size:.92rem;background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.sidebar-link svg{flex:0 0 auto}.sidebar-link-copy{display:grid;grid-gap:3px;gap:3px}.sidebar-link-copy strong{font-size:.95rem}.sidebar-link-copy small{color:var(--muted);font-size:.76rem}.sidebar-link.is-active{transform:translateX(4px);background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--accent-2) 14%,var(--surface)));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 16px 36px rgba(0,0,0,.24)}.sidebar-brief{position:relative;margin-top:18px;flex:0 0 auto;padding:18px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.sidebar-brief-title{margin:0 0 12px;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sidebar-brief-grid{display:grid;grid-gap:10px;gap:10px}.sidebar-brief-card{display:grid;grid-gap:2px;gap:2px;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.sidebar-brief-card strong{font-size:.95rem}.sidebar-brief-footnote{margin:14px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.shell-main,.topbar{gap:14px}.topbar{top:18px;grid-template-columns:auto minmax(210px,.8fr) minmax(320px,1.2fr) auto;padding:16px 18px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-2) 82%,transparent)),linear-gradient(120deg,hsla(0,0%,100%,.04),transparent 24%);box-shadow:var(--shadow)}.topbar-title{display:grid;grid-gap:3px;gap:3px}.topbar-title-kicker{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.topbar-title strong{font-size:1rem;line-height:1.2}.topbar-actions{gap:10px}.global-search-wrap,.theme-toggle,.topbar-auth-menu>summary,.topbar-login-link,.update-stamp{border-radius:16px;background:color-mix(in srgb,var(--surface-2) 80%,transparent)}.global-search-wrap{min-height:56px;padding:0 16px}.global-search{font-size:.95rem}.global-search::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent)}.theme-toggle{min-height:48px;padding:10px 14px;color:var(--text)}.theme-toggle-dot{width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}.topbar-login-link{min-height:48px;padding:10px 16px;font-weight:800;color:#03101a}.update-stamp{gap:6px}.shell-content{padding:0 4px 30px;gap:18px}.shell-content>*{width:100%}.card,.empty-state,.error-card,.hero,.hof-card,.map-card,.map-result-card,.match-card,.overview-hero,.page-header,.player-card,.skeleton-card,.stat-card,.team-panel{border-color:color-mix(in srgb,var(--border) 90%,transparent);box-shadow:0 22px 52px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.04)}.hero,.overview-hero,.page-header{border-radius:32px}.page-header{position:relative;min-height:220px;padding:28px;align-items:flex-end;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 20%,transparent),transparent 34%),radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-3) 62%,var(--surface)));overflow:hidden}.overview-hero:after,.page-header:after{content:"";position:absolute;inset:auto -60px -80px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 64%);filter:blur(18px);pointer-events:none}.hero h1,.overview-hero h1,.page-header h1{margin:0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.05}.hero p,.overview-hero p,.page-header p{margin-top:14px;max-width:62ch;font-size:1rem;color:color-mix(in srgb,var(--text) 72%,var(--muted))}.hero-actions,.page-header-actions{gap:12px}.overview-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);grid-gap:18px;gap:18px;padding:30px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-3) 56%,var(--surface))),radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 26%);overflow:hidden}.overview-hero-copy{position:relative;z-index:1}.overview-hero-panel{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:26px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface) 86%,transparent))}.overview-hero-panel-head{display:grid;grid-gap:4px;gap:4px}.overview-hero-panel-head strong{font-family:var(--font-display),sans-serif;font-size:1.3rem}.overview-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.overview-pulse-card{display:grid;grid-gap:6px;gap:6px;min-height:108px;padding:14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-3) 34%,var(--surface)))}.overview-pulse-card span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.overview-pulse-card strong{font-size:clamp(1.5rem,2vw,2rem)}.overview-pulse-card small{color:color-mix(in srgb,var(--text) 68%,var(--muted))}.overview-hero-note{display:grid;grid-gap:8px;gap:8px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--surface) 68%,transparent);border:1px solid color-mix(in srgb,var(--border) 64%,transparent)}.overview-hero-note p{margin:0;font-size:.92rem}.card,.empty-state,.error-card,.hof-card,.map-card,.map-result-card,.match-card,.player-card,.skeleton-card,.team-panel{border-radius:24px;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 82%,transparent))}.card-head{margin-bottom:16px}.card-title,.section-header h2{font-size:1.08rem}.card-subtitle,.section-header a,.topbar-auth-dropdown a,.topbar-auth-dropdown button{font-size:.88rem}.section-header{margin-bottom:10px}.section-header a{color:var(--text);padding:8px 12px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 76%,transparent)}.stat-card{min-height:132px;padding:18px;border-radius:24px;gap:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-3) 56%,var(--surface))),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%)}.stat-value{font-size:clamp(1.8rem,2.6vw,2.6rem)}.delta-pill,.leaderboard-you-badge,.map-chip,.metric-chip,.page-btn,.player-chip,.rank-badge,.tab-link,.title-badge{border-radius:999px}.metric-chip-row{gap:10px;margin-top:12px}.metric-chip{padding:7px 12px;color:var(--text)}.btn{min-height:48px;padding:0 18px;border-radius:16px;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 14%,transparent)}.btn-ghost,.btn-secondary{background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.data-table{min-width:100%}.data-table td,.data-table th{padding:14px 12px;border-bottom-color:color-mix(in srgb,var(--border) 78%,transparent)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.table-row.is-current-user td{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.filters-form{padding:18px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 86%,transparent)}.filters-form label{display:grid;grid-gap:8px;gap:8px;min-width:150px;color:var(--muted);font-size:.83rem;text-transform:uppercase;letter-spacing:.08em}.filters-form input,.filters-form select{min-height:46px;border-radius:14px}.hof-card,.map-card,.match-card,.player-card{position:relative;overflow:hidden}.hof-card:before,.map-card:before,.match-card:before,.player-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.06),transparent 24%);pointer-events:none}.avatar{width:52px;height:52px;border-radius:16px}.hof-player,.map-card-link,.match-title,.player-link{font-size:1.02rem}.map-card-grid,.match-card-head,.match-card-meta{font-size:.8rem}.match-card-score{padding:10px 0 4px}.metric-list li{padding:4px 0 12px}.empty-state,.error-card{min-height:180px;display:grid;align-content:center}.pagination{gap:12px;justify-content:center;padding:8px 0}.site-footer{display:grid;grid-gap:12px;gap:12px;padding:24px 0 10px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 76%,transparent)}@media (max-width:1200px){.shell-layout{grid-template-columns:290px minmax(0,1fr)}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar-title{display:none}.overview-hero{grid-template-columns:1fr}}@media (max-width:960px){.shell-layout{padding:12px;gap:12px}.topbar{top:12px;grid-template-columns:auto minmax(0,1fr);padding:12px}.global-search-wrap,.topbar-actions,.topbar-stamp{grid-column:1/-1}.hero,.overview-hero,.page-header{padding:22px 18px;border-radius:24px}.overview-hero-grid{grid-template-columns:1fr}.filters-form{padding:14px}}