:root{--bg:#050505;--panel:#0d0f12;--line:#30353c;--text:#f7f7f7;--muted:#9da3ac;--red:#ed1c24;--yellow:#ffd428;--sidebar:220px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:var(--text)}html{scroll-behavior:smooth;scroll-padding-top:78px}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 48% -10%,#222,#050505 34%)}a{color:inherit;text-decoration:none}button{font:inherit}
.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(#0d0f12,#08090b);border-right:1px solid #20242a;padding:22px 15px;z-index:50;overflow-y:auto}.sidebar-logo{width:70px;margin:0 auto 26px}.nav a,.players-toggle{width:100%;display:flex;align-items:center;gap:11px;padding:12px 13px;border:0;border-radius:9px;margin:5px 0;background:transparent;color:#e7e8eb;font-size:13px;font-weight:650;text-align:left;cursor:pointer}.nav a:hover,.nav a.active,.players-toggle:hover{background:linear-gradient(90deg,#ed2c2e,#a90910)}.nav-icon{width:18px;text-align:center}.chev{margin-left:auto;transition:.2s}.players-toggle.open .chev{transform:rotate(180deg)}.player-menu{display:none;padding-left:8px}.player-menu.open{display:block}.player-menu a{padding:8px 10px;margin:3px 0;font-size:12px}
.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #363c45;flex:0 0 auto}.avatar.sm{width:30px;height:30px;border-width:1px}.avatar.lg{width:68px;height:68px}.avatar.xl{width:112px;height:112px;border-radius:15px}
.main{grid-column:2;padding:18px 24px 42px;min-width:0}.mobile-bar{display:none}.header{min-height:94px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #191d22;margin-bottom:18px}.header-logo{width:126px}.header h1{margin:0;font-size:37px;line-height:1;font-weight:900;text-transform:uppercase}.header h1 span{color:var(--yellow)}.header .sub{margin-left:auto;text-align:right;color:var(--muted);font-size:11px;line-height:1.7}
.card{background:linear-gradient(#101318,#090b0e);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.24)}.card h3{margin:0 0 15px;font-size:13px;text-transform:uppercase}.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#d7d9dd}.kicker.bold{font-weight:800}.big{font-size:35px;font-weight:800;line-height:1;margin:10px 0 4px}.muted{font-size:11px;color:var(--muted)}
.top{display:grid;grid-template-columns:1.3fr repeat(3,.72fr);gap:14px}.leader{display:flex;align-items:center;gap:15px}.leader strong{display:block;font-size:21px;margin-top:3px}.leader .win{color:var(--yellow);font-size:16px;font-weight:800;margin-top:5px}
.middle{display:grid;grid-template-columns:.8fr .98fr 1.22fr;gap:14px;margin-top:14px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8e949e;font-size:9px;text-transform:uppercase;padding:7px 5px;border-bottom:1px solid var(--line)}td{padding:9px 5px;border-bottom:1px solid #22272e;font-size:11px}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:8px;font-weight:650}.rank{font-weight:800}.medal{font-size:18px}
.pie-layout{display:grid;grid-template-columns:minmax(125px,1fr) 172px;gap:17px;align-items:center}.pie-legend{display:flex;flex-direction:column;gap:8px}.legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) 28px;gap:7px;align-items:center;font-size:10px}.swatch{width:9px;height:9px;border-radius:2px}.pie{width:172px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#FFD428 0.00deg 123.16deg, #F23B35 123.16deg 217.89deg, #3D70E8 217.89deg 293.68deg, #42B85A 293.68deg 331.58deg, #8C55DD 331.58deg 350.53deg, #FF8128 350.53deg 360.00deg);position:relative;justify-self:end}.pie:after{content:"38";position:absolute;inset:39px;border-radius:50%;background:#090b0e;display:grid;place-items:center;font-size:25px;font-weight:800;border:1px solid #282e35}
.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:105px minmax(70px,1fr) 38px;align-items:center;gap:9px}.bar-name{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650}.bar-track{height:22px;background:#07090b;border-left:1px solid #4a5059;overflow:hidden}.bar-fill{height:100%}.bar-value{font-size:12px;font-weight:800;text-align:right}
.bottom{display:grid;grid-template-columns:1fr 1.18fr .92fr;gap:14px;margin-top:14px}.record{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #242930;font-size:10px}.record b{color:var(--yellow)}.table-wrap{overflow-x:auto}.games-table{min-width:490px}.extra-game{display:none}.show-all .extra-game{display:table-row}.see-all{width:100%;margin-top:12px;padding:10px;border:1px solid var(--red);border-radius:8px;background:transparent;color:#ff4848;font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer}.avg-sub{font-size:9px;color:#9da3ac;margin:-9px 0 14px}.avg-row{display:grid;grid-template-columns:92px minmax(60px,1fr) 43px;align-items:center;gap:7px;margin:10px 0}.avg-name{display:flex;align-items:center;gap:7px;font-size:10px}.avg-track{height:20px;background:#07090b}.avg-fill{height:100%}.avg-value{font-size:10px;font-weight:800;text-align:right}
.upload-area{display:flex;justify-content:center;margin-top:18px}.upload{border:0;background:var(--red);color:white;padding:13px 22px;border-radius:9px;font-weight:800}
.player-view{display:none}.player-view:target{display:block}body:has(.player-view:target) #dashboard{display:none}.back{display:inline-flex;margin-bottom:16px;color:#bbb;font-size:11px}.profile{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;padding:26px;background:linear-gradient(120deg,#111419,#08090b);border:1px solid var(--line);border-radius:13px}.profile h2{font-size:33px;margin:0}.profile p{color:var(--muted);font-size:12px}.profile-rank{color:var(--yellow);font-weight:800;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}.stat{background:#0d0f12;border:1px solid #2d3239;border-radius:10px;padding:17px}.stat-icon{font-size:20px;margin-bottom:10px}.stat-label{font-size:9px;color:#9ca2ab;text-transform:uppercase}.stat-number{font-size:23px;font-weight:800;margin-top:9px}.note{margin-top:14px;border:1px solid #2d3239;background:#0a0c0f;border-radius:10px;padding:18px;color:#c5c8cd;font-size:11px;line-height:1.7}.overlay{display:none}
@media(max-width:1180px){.middle{grid-template-columns:1fr 1fr}.round-card{grid-column:1/-1}.bottom{grid-template-columns:1fr 1fr}.avg-card{grid-column:1/-1}}
@media(max-width:820px){html,body{background:#050505}.layout{display:block}.main{grid-column:auto;padding:74px 12px 32px}.mobile-bar{display:flex;position:fixed;left:0;right:0;top:0;height:62px;z-index:45;align-items:center;padding:10px 12px;background:#050505;border-bottom:1px solid #242830}.hamburger{width:40px;height:40px;display:grid;place-items:center;border:1px solid #343a43;border-radius:9px;background:#101318;color:white;font-size:21px}.sidebar{transform:translateX(-105%);transition:.24s;width:min(82vw,290px);box-shadow:16px 0 50px rgba(0,0,0,.52)}.sidebar.open{transform:translateX(0)}.sidebar-logo{display:none}.overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:44;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.header{min-height:auto;gap:11px;padding:6px 0 15px;margin-bottom:12px}.header-logo{width:82px}.header h1{font-size:20px;line-height:1.1}.header .sub{display:none}.top,.middle,.bottom{grid-template-columns:1fr;gap:11px}.middle,.bottom{margin-top:11px}.round-card,.avg-card{grid-column:auto}.card{width:100%;max-width:520px;margin-left:auto;margin-right:auto;padding:16px}.top .metric{display:grid;grid-template-columns:1fr auto;align-items:center}.top .metric .big{grid-row:1/3;grid-column:2;margin:0;font-size:31px}.pie-layout{grid-template-columns:1fr 165px}.pie{width:165px}.pie:after{inset:37px}.profile{grid-template-columns:90px 1fr;padding:19px}.avatar.xl{width:88px;height:88px}.profile-rank{grid-column:1/-1}.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.main{padding-left:10px;padding-right:10px}.header-logo{width:75px}.header h1{font-size:18px}.pie-layout{grid-template-columns:1fr}.pie{grid-row:1;justify-self:center}.pie-legend{grid-row:2}.bar-row{grid-template-columns:96px minmax(55px,1fr) 34px}.stats-grid{grid-template-columns:1fr}}