.server-page{--accent:#a78bfa;--surface:#17181d;--line:#2b2d35;--muted:#a1a3ae;color:#f5f5f7}.server-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.server-page-heading .eyebrow{font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.4px;color:#b4a1e8;margin-bottom:10px}.server-page-heading h1{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-1.5px}.server-page-heading p{color:var(--muted);margin-top:10px;font-size:14px}.server-page .button{font-size:13px;padding:12px 17px;border-radius:8px;gap:10px}.server-page .primary{background:#d9fb83;color:#1e2512}.server-page .primary:hover{background:#e6ffad}.server-page .secondary{background:#1d1e25;border-color:#353640;color:#efedf5}.community-banner{isolation:isolate;position:relative;min-height:330px;overflow:hidden;border:1px solid #3c3e46;border-radius:16px;background:#202b2d}.community-banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.community-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12161def,#151920dc 30%,#1318207a 62%,#10121a22),linear-gradient(0deg,#11151a66,transparent)}.community-banner-content{padding:36px;max-width:610px}.community-banner-badges{display:flex;align-items:center;gap:15px}.server-page .status{font:500 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:capitalize;color:#f5c988}.server-page .status.online{color:#d9fb83}.server-page .status i{width:6px;height:6px;box-shadow:0 0 0 4px #ffffff08}.server-page .demo-badge{white-space:nowrap;font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.8px;color:#e2d5ff;background:#1d1728aa;border:1px solid #d4b7ff55;border-radius:5px;padding:5px 8px}.community-banner h2{font-size:clamp(29px,2.8vw,42px);font-weight:700;line-height:1.13;letter-spacing:-1.2px;margin:20px 0 10px}.community-banner p{color:#d4d5dc;font-size:15px;max-width:445px;line-height:1.65}.server-page .server-meta{gap:20px;margin:21px 0 25px}.server-page .server-meta span{font-size:12px;color:#c6c9d2;gap:8px}.community-art-credit{position:absolute;right:18px;bottom:14px;font-size:10px;color:#e0e3e6b3}.server-demo-notice{display:flex;gap:12px;align-items:center;color:#a8a8b7;padding:16px 2px;font-size:12px}.server-demo-notice strong{color:#d3cce6;font-weight:500}.demo-notice-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa;flex-shrink:0}.server-demo-notice a{display:flex;align-items:center;white-space:nowrap;gap:8px;margin-left:auto;color:#c4acf7}.server-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;border-bottom:1px solid var(--line)}.server-toolbar nav{display:flex;gap:28px}.server-toolbar nav a{color:#9b9daa;padding:14px 0;font-size:13px;border-bottom:2px solid transparent}.server-toolbar nav a:hover{color:#f5f5f7}.server-toolbar nav a.active{color:#e7ddff;border-color:#ad92ef}.server-toolbar>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#858894}.server-page .stat-grid{margin:24px 0;gap:16px}.server-page .stat{position:relative;background:#17181d;border:1px solid #2a2c34;border-radius:12px;padding:22px;min-height:144px}.server-page .stat-label{font:500 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#a8aab6;gap:10px}.server-page .stat-label svg{color:#8e839f;width:17px}.server-page .stat>strong{margin-top:16px;font-size:clamp(27px,2.3vw,36px);letter-spacing:-1.1px}.server-page .stat strong small{font-size:16px;margin-left:7px}.server-page .stat>span:last-child,.server-page .stat>strong+span{display:block;margin-top:8px;font-size:11px;color:#9698a5}.occupancy-track{height:3px;position:absolute;bottom:0;left:0;right:0;background:#25292a}.occupancy-track i{display:block;height:100%;background:#d9fb83}.server-page .server-content-grid{grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);gap:22px}.server-page .main-column,.server-page .secondary-column{gap:22px}.server-page .panel{border:1px solid #2b2d35;border-radius:12px;background:#17181d}.server-page .panel-heading{padding:25px 24px 23px;gap:16px}.server-page .panel-heading h2{font-size:20px;letter-spacing:-.5px}.server-page .panel-heading p{margin-top:6px;font-size:12px;color:#9395a2}.server-page .panel-action{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#c0a7f3}.server-page .panel-action:hover{color:#e6dcff}.server-page .segmented{border:1px solid #32333d;padding:3px;background:#121318;border-radius:7px;gap:1px}.server-page .segmented button{font-family:inherit;font-size:11px;padding:6px 10px;border-radius:4px}.server-page .segmented button.active{background:#34303f;color:#e2d5ff}.server-page .chart-summary{padding:0 24px;gap:12px}.server-page .chart-summary>strong{font-size:37px;font-weight:600}.server-page .chart-summary>span{color:#999ca9;font-size:11px}.server-page .chart-summary b{display:flex;align-items:center;gap:5px;margin-top:3px;color:#c4d59a;font-size:11px}.server-page .chart-legend{font-family:inherit;font-size:10px!important;letter-spacing:0}.server-page .chart-legend i{border-radius:50%;width:6px;height:6px}.server-page .chart{height:206px;margin:22px 24px 0 43px;border-radius:3px}.server-page .chart-axis{top:13px;bottom:16px;font-family:inherit;font-size:10px;color:#838593}.server-page .chart-times{padding:8px 24px 20px 43px;color:#898b98;font-family:inherit;font-size:10px;letter-spacing:0}.server-page .panel-note{font-family:inherit;color:#91939f;padding:13px 24px;font-size:11px;letter-spacing:0;line-height:1.6}.server-page .leaderboard-controls{margin:0 24px 20px}.server-page .search{margin:0;border:1px solid #33353f;padding:10px 12px;border-radius:7px;background:#111217;flex-direction:row}.server-page .search input{color:#e2e2e9;font-size:12px}.server-page .search button{background:none;color:#a0a2af;display:flex;border:0;padding:2px}.leaderboard-sort{margin-top:13px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#989ba8}.leaderboard-sort select{font-size:11px;background:#212229;border:1px solid #343640;border-radius:5px;width:auto;padding:4px 23px 4px 8px}.server-page .leaderboard-head{margin:0 43px 0 24px;color:#8d909f;font:500 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;grid-template-columns:1fr 46px 40px;text-transform:none;padding-bottom:10px}.server-page .player-row{padding:13px 24px;gap:10px;font-size:13px;border-bottom:1px solid #ffffff05}.server-page .player-row:hover{background:#22222d}.server-page .rank{color:#828596;font-family:inherit;font-size:11px;width:18px}.server-page .top-rank{color:#cbb4ff}.server-page .avatar{width:33px;height:33px;border-radius:8px;background:#30253f;border:1px solid #a78bfa22;color:#c9b2f3;font-size:10px;flex-shrink:0}.server-page .avatar-tone-1{background:#28313c;border-color:#8bcbfa22;color:#a8cdeb}.server-page .avatar-tone-2{background:#30372a;border-color:#c4e18a22;color:#cee2ae}.server-page .avatar-tone-3{background:#3d302e;border-color:#fac18b22;color:#e1b6a7}.server-page .player-name{font-weight:500;white-space:nowrap}.server-page .player-name small{color:#898c9b;font-size:10px;margin-top:3px}.server-page .player-row>strong{font-size:12px;font-weight:500}.server-page .player-row .kd{font-family:inherit;font-size:12px;color:#cbb8f2}.server-page .player-row>svg{color:#75788b}.leaderboard-more{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:12px;border:0;border-top:1px solid #2b2d35;background:#1c1d24;color:#c3b0ee}.leaderboard-more:hover{background:#27242f}.server-page .matches-list{padding:0 24px 7px}.server-page .match-row{gap:14px;padding:17px 0}.match-map-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;color:#b8a4dc;background:#2a2633;border:1px solid #776d8f22;border-radius:9px}.server-page .match-row strong{font-size:13px;font-weight:500}.server-page .match-row>div>span{font-size:10px;color:#9395a3;margin-top:4px}.server-page .match-outcome strong{color:#c4d9a9;font-size:12px}.server-page .match-score{font-family:inherit;font-size:13px;white-space:nowrap;min-width:65px}.server-page .match-score small{color:#737587}.server-page .match-row>svg{color:#7e788e}.server-page .match-row:hover{color:#d4c2ff}.server-page .match-row:hover>svg{color:#c8b2f7}.server-discovery-card{display:flex;gap:16px;padding:25px;border:1px solid #3b334c;background:linear-gradient(120deg,#24202e,#1c1a24);border-radius:12px}.server-discovery-card:hover{border-color:#87729f}.discovery-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid #9c81cf33;background:#a78bfa14;color:#c0a5ed;border-radius:10px}.server-discovery-card h3{font-size:17px;font-weight:600;letter-spacing:-.4px}.server-discovery-card p{color:#a7a2b4;font-size:12px;line-height:1.7;margin-top:7px}.server-discovery-card div>span{display:flex;gap:8px;align-items:center;margin-top:16px;color:#cab3fa;font-size:12px}.server-page .back-link{font-size:12px;gap:8px;margin-bottom:24px}.server-page .back-link:hover{color:#d2bbff}.player-profile-banner{display:flex;align-items:center;gap:26px;position:relative;isolation:isolate;padding:36px;min-height:218px;border:1px solid #3a3545;border-radius:14px;overflow:hidden;background:#26232c}.player-profile-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}.player-profile-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b1723fa,#1b1723ee 45%,#1b172366)}.server-page .profile-avatar{flex-shrink:0;width:96px;height:96px;border-radius:20px;background:#40314fe6;border:1px solid #c1a5f144;color:#d6c1fa;font:500 32px/1 Arial,sans-serif;box-shadow:0 8px 35px #0c0a1244}.player-profile-banner h1{font-size:clamp(34px,4vw,49px);letter-spacing:-1.5px;margin:9px 0 11px}.player-profile-banner .eyebrow{font:500 12px/1.5 Arial,sans-serif;color:#b8aec9;letter-spacing:.2px}.player-profile-banner p{font-size:13px;color:#bcb5c9}.player-profile-banner .demo-badge{margin-left:auto;align-self:flex-start}.player-performance-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:22px;margin:24px 0}.player-trend-chart{display:flex;align-items:flex-end;gap:10px;height:210px;padding:10px 25px 0}.player-trend-chart a{display:flex;flex:1;align-items:center;height:100%;justify-content:flex-end;flex-direction:column;gap:8px;min-width:0}.player-trend-chart a>strong{font-size:11px;font-weight:500;color:#bdb5d0}.player-trend-chart a>i{width:100%;max-width:35px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#7652b5,#b294e6);opacity:.78;min-height:3px}.player-trend-chart a:hover>i{opacity:1}.player-trend-chart a>span{color:#8e899b;font-size:10px}.trend-caption{padding:15px 25px 22px;display:flex;justify-content:space-between;gap:15px;color:#8e909d;font-size:11px}.player-snapshot{padding:25px}.player-snapshot h2{font-size:20px}.player-snapshot>p{color:#9a98a6;font-size:12px;margin-top:7px}.player-snapshot dl{margin:25px 0 0}.player-snapshot dl>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #ffffff0c}.player-snapshot dt{color:#a3a0ad;font-size:12px}.player-snapshot dd{color:#e8e1f6;font-size:15px;font-weight:600;margin:0}.server-table-wrap{position:relative;overflow:auto;max-width:100%;scrollbar-color:#615372 #17181d;scrollbar-width:thin}.server-page table{min-width:570px}.server-page th{font:500 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#9999aa;background:#ffffff02}.server-page td,.server-page th{white-space:nowrap;padding:16px 24px;border-top:1px solid #2a2b33}.server-page td{font-size:13px;color:#c5c5d0}.server-page td strong{color:#ededf3;font-weight:500}.server-page tbody tr:hover{background:#ffffff02}.server-page td a{display:inline-flex;align-items:center;gap:10px;color:#e4d9f5}.server-page td a:hover{color:#c0a4f5}.server-page td small{display:block;color:#898996;font-size:10px;margin-top:4px}.server-page .table-kd{color:#c6b0ee;font-weight:500}.server-page .pagination{padding:20px 24px;border-top:1px solid #2b2d35;align-items:center}.server-page .pagination>span{font-size:12px;color:#9294a2}.match-report-banner .community-banner-content{max-width:760px;padding:35px}.match-report-banner h1{font-size:clamp(40px,4vw,60px);line-height:1.1;letter-spacing:-1.5px;margin:20px 0 14px}.match-result{display:flex;align-items:center;gap:10px;color:#d9fb83;font-size:16px}.match-result small{color:#b5bcc4;font-size:13px}.server-page .small-stat{font-size:23px!important;line-height:1.4}.match-report-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-bottom:24px}.match-report-summary .panel{padding:24px;display:flex;gap:18px;align-items:center}.match-report-summary .panel>svg{color:#c6addf}.match-report-summary h2{font-size:17px;margin-bottom:6px}.match-report-summary p{color:#9696a5;font-size:12px}.match-report-summary strong{font-size:20px;color:#d9fb83;margin-left:auto}.server-page .data-context{margin-top:19px;color:#858794;font-size:11px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1280px){.server-page .server-content-grid{grid-template-columns:minmax(0,1fr)}.server-page .secondary-column{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.server-page .stat{padding:20px}.player-performance-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}@media (max-width:850px){.server-page-heading{align-items:flex-start}.server-page-heading>.button{display:none}.community-banner-content{padding:30px}.server-demo-notice{align-items:flex-start}.server-demo-notice .demo-notice-dot{margin-top:7px}.server-demo-notice a{display:none}.server-toolbar{flex-wrap:wrap;row-gap:0}.server-toolbar>span{padding:10px 0}.player-performance-grid,.server-page .secondary-column{grid-template-columns:minmax(0,1fr)}.player-profile-banner{padding:28px;gap:20px}.player-profile-banner .demo-badge{position:absolute;top:15px;right:15px}.match-report-summary{grid-template-columns:minmax(0,1fr);gap:15px}}@media (max-width:560px){.server-table-wrap:before{content:"Swipe to explore all columns →";display:block;position:sticky;left:0;padding:9px 18px;font-size:10px;color:#a697be;background:#211d29;border-top:1px solid #302b39}.server-page-heading{margin-bottom:23px}.server-page-heading h1{font-size:30px;letter-spacing:-1px}.server-page-heading p{font-size:13px;max-width:290px}.community-banner{min-height:357px;border-radius:12px}.community-banner-content{padding:26px 23px 35px}.community-banner:after{background:linear-gradient(90deg,#151722e6,#15172299),linear-gradient(0deg,#151722aa,transparent)}.community-banner h2{font-size:31px;max-width:300px;line-height:1.15}.community-banner p{font-size:13px}.server-page .server-meta{gap:10px;flex-direction:column;margin:18px 0 20px}.community-art-credit{font-size:8px;left:23px;right:auto;bottom:13px}.server-demo-notice{font-size:11px;gap:9px;padding:14px 0 10px}.server-toolbar{margin-top:7px}.server-toolbar nav{gap:24px}.server-toolbar nav a{font-size:12px;padding:12px 0}.server-toolbar>span{font-size:10px;padding-top:0}.server-page .stat-grid{gap:11px;margin:20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.server-page .stat{padding:18px 16px;min-height:132px}.server-page .stat-label{font-size:11px}.server-page .stat-label svg{width:15px}.server-page .stat>strong{font-size:28px}.server-page .stat strong small{font-size:13px}.server-page .stat>span:last-child,.server-page .stat>strong+span{font-size:10px;line-height:1.5}.server-page .panel-heading{padding:21px 18px 19px;gap:9px;align-items:flex-start}.server-page .panel-heading h2{font-size:18px}.server-page .panel-heading p{font-size:11px}.server-page .population-panel .panel-heading{flex-wrap:wrap}.server-page .segmented button{padding:5px 8px;font-size:11px}.server-page .chart-summary{padding:0 18px}.server-page .chart-summary>strong{font-size:33px}.server-page .chart-summary b,.server-page .chart-summary>span{font-size:10px}.server-page .chart-legend{display:none}.server-page .chart{margin-right:18px;margin-left:36px;height:180px}.server-page .chart-times{padding-left:36px;padding-right:18px}.server-page .panel-note{padding:12px 18px;font-size:10px}.server-page .leaderboard-controls{margin:0 18px 19px}.server-page .player-row{padding:13px 18px;gap:8px}.server-page .player-name{font-size:12px}.server-page .player-row .kd,.server-page .player-row>strong{font-size:11px}.server-page .leaderboard-head{margin-left:18px;margin-right:35px}.server-page .matches-list{padding:0 18px 7px}.server-page .match-row{gap:10px}.match-map-icon{width:34px;height:36px}.server-page .match-outcome{display:none}.server-page .match-score{font-size:12px}.server-page .panel-action{font-size:11px}.server-discovery-card{padding:22px}.player-profile-banner{padding:48px 22px 28px;min-height:220px;gap:16px}.server-page .profile-avatar{width:65px;height:65px;font-size:23px;border-radius:14px}.player-profile-banner .eyebrow{font-size:10px}.player-profile-banner h1{font-size:32px}.player-profile-banner p{font-size:11px}.player-trend-chart{gap:6px;padding:8px 20px 0}.player-trend-chart a>strong{font-size:10px}.server-page .small-stat{font-size:20px!important}.match-report-banner .community-banner-content{padding:28px 23px 39px}.match-report-banner{min-height:280px}.match-report-banner h1{font-size:44px}.match-result{align-items:flex-start;flex-wrap:wrap}.match-report-summary .panel{padding:20px;gap:13px}.match-report-summary h2{font-size:15px}.server-page .pagination{flex-wrap:wrap}}