/* Shared TR-Servers community layout. */
:root{--shell-accent:#0fc0fc;--shell-bg:#0b0c0f;--shell-panel:#15161b;--shell-line:#27282e;--shell-muted:#92939f}
body.community-shell{background:var(--shell-bg);color:#f2f2f5;padding-left:228px;padding-top:76px;font-family:Inter,Arial,sans-serif}
.community-shell .header{height:64px;position:fixed;inset:0 0 auto;z-index:100;background:#17181c;border-bottom:1px solid var(--shell-line);backdrop-filter:none}
.community-shell .nav-wrap{height:64px;width:100%;max-width:none;padding:0 24px;gap:16px}.community-shell .brand{min-width:204px}.community-shell .brand-symbol{width:34px;height:34px;border-radius:7px;background:var(--shell-accent);box-shadow:none;font-size:22px}.community-shell .brand-text{font-size:16px}.community-shell .brand-text>span{font-size:8px;letter-spacing:1px;color:#8d8e9b}.community-shell .header #navigation{display:none!important}.community-shell .menu-toggle{display:none}.community-shell .nav-account{margin-left:auto}.community-shell .button,.community-shell .account-trigger{background:var(--shell-accent);border:1px solid var(--shell-accent);border-radius:7px;color:#fff;box-shadow:none}.community-shell .button:hover{background:#1598bf;transform:translateY(-1px)}.community-shell .nav-connect{background:#24252c;border-color:#393a44}.community-shell .site-language{border-color:#363741;background:#202127}.community-shell [data-site-lang][aria-pressed=true]{background:#37313c;color:#91cfe0}.community-shell .discord-icon{background:#24252c;border-color:#363741}.community-shell .wrap{width:calc(100% - 64px);max-width:1450px;margin-left:auto;margin-right:auto}
.community-sidebar{position:fixed;top:64px;bottom:0;left:0;width:228px;z-index:90;border-right:1px solid var(--shell-line);background:#15161a;display:flex;flex-direction:column;padding:16px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#383941 transparent}.side-status{display:flex;align-items:center;gap:8px;border:1px solid #23503e;background:#16352a55;padding:11px 9px;border-radius:7px;font-size:12px;font-weight:700}.side-status i{width:7px;height:7px;background:#39d98a;border-radius:50%;flex:none}.side-status small{font-size:8px;color:#81b89b;margin-left:auto}.community-sidebar .community-nav{display:block;position:static;background:none;padding:0;border:0;max-height:none;overflow:visible}.side-group{margin-top:22px}.side-group>small{display:block;color:#686b78;font-size:9px;letter-spacing:1.7px;padding:0 12px 9px}.community-sidebar .side-group a{display:flex;align-items:center;gap:12px;color:#a2a4b0;font-size:12px;padding:10px 12px;margin:2px 0;border-radius:7px;text-decoration:none;font-weight:600;white-space:normal;line-height:1.3}.community-sidebar .side-group a:after{display:none}.community-sidebar .side-group a:hover{background:#222329;color:#f4f4f6}.community-sidebar .side-group a.active{background:#0fc0fc15;color:#77d2ef}.side-icon{width:21px;text-align:center;font-size:19px;line-height:22px;color:#8e909e}.side-group a.active .side-icon{color:#77d2ef}.side-bottom{margin-top:auto;padding-top:24px}.side-discord{padding:14px;border:1px solid #323548;background:#1b1d2a;border-radius:8px}.side-discord>span{color:#a4acff;margin-right:7px}.side-discord strong{font-size:12px}.side-discord p{font-size:11px;color:#9297ae;margin:8px 0 14px}.side-discord a{display:block;text-align:center;padding:9px;background:#5865f2;border-radius:5px;font-size:11px;font-weight:bold;color:white}.side-legal{display:flex;justify-content:center;gap:20px;margin-top:18px;font-size:10px;color:#737583}.side-collapse{width:100%;margin-top:14px;background:none;color:#7a7d8a;font-size:11px;text-align:left;padding:9px 12px;border:0;cursor:pointer}
.hub-intro{display:flex;justify-content:space-between;align-items:center;padding:20px 0 24px}.hub-eyebrow{font-size:9px;letter-spacing:1.7px;color:#777b8b;font-weight:700}.hub-intro h1{font-size:29px;letter-spacing:-1px;margin:8px 0 9px}.hub-intro p{font-size:13px;color:#9193a1;margin:0}.hub-help{font-size:12px;color:#b3b5c1}.community-shell .reward-countdown{margin-top:0;margin-bottom:24px;padding:15px 20px;background:#18171d;border:1px solid #36303b;border-left:3px solid var(--shell-accent);border-radius:8px;box-shadow:none}.community-shell .reward-countdown h2{font-size:13px}.community-shell .reward-countdown time{color:#85cfe5;font-size:21px}.community-shell .reward-countdown p{font-size:10px}
.hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.hub-primary{min-width:0}.hub-server{border:1px solid var(--shell-line);border-radius:10px;background:var(--shell-panel);overflow:hidden}.hub-cover{height:180px;position:relative;background:#151820;overflow:hidden}.hub-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:brightness(.65)}.hub-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15161b,transparent 80%)}.hub-cover>span{position:absolute;left:22px;bottom:18px;z-index:1;font-size:10px;color:#85cfe5;letter-spacing:2px}.hub-cover b{color:#f4f4f8;display:block;font-size:22px;letter-spacing:.5px;margin-top:6px}.hub-server-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}.hub-server-label{font-size:9px;letter-spacing:1.5px;color:#868897}.hub-server-body h2{font-size:18px;line-height:1.3;letter-spacing:-.5px;margin:7px 0}.hub-server-body p{font-size:11px;color:#8d8f9d;margin:0;line-height:1.6}.hub-connect{font-size:12px;white-space:nowrap;padding:12px 16px;min-height:40px}.hub-server-links{display:flex;gap:14px;align-items:center;border-top:1px solid var(--shell-line);padding:13px 22px;font-size:10px;color:#828695}.hub-server-links>a{margin-left:auto}.hub-copy{background:#25262e;border:1px solid #353640;color:#c8cad3;padding:6px 9px;border-radius:5px;font-size:10px;cursor:pointer}
.community-shell .home-live{width:100%;margin:24px 0 0}.community-shell .live-header{margin-bottom:12px}.community-shell .live-header h2{letter-spacing:1px;font-size:10px;color:#b2b4bf}.community-shell .live-header p{font-size:9px;color:#737887}.community-shell .live-panel{border:1px solid var(--shell-line);border-radius:10px;background:var(--shell-panel)}.community-shell .live-grid{grid-template-columns:repeat(3,minmax(0,1fr));background:none}.community-shell .live-card{padding:19px 14px;gap:10px}.community-shell .live-card+.live-card{border-color:var(--shell-line)}.community-shell .live-card small{font-size:8px;letter-spacing:.8px;color:#7d8293}.community-shell .live-card strong{font-size:13px;color:#e2e4ec}.community-shell .live-card p{font-size:10px;color:#868b9a}.community-shell .live-icon{background:#22242c;border-radius:7px;flex-basis:30px;height:32px;font-size:15px}.community-shell .live-online{padding:18px;border-color:var(--shell-line)}.community-shell .live-online h3{font-size:12px;color:#c4c8d3}.community-shell .live-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-shell .live-player{background:#1b1d24;border-color:#2c2e37;border-radius:6px;padding:10px}.community-shell .live-player-level{background:#0fc0fc14;color:#9ddbea}.community-shell .live-player-rank small{display:none}
.hub-leaders{border:1px solid var(--shell-line);border-radius:10px;background:var(--shell-panel);padding:22px 18px 0}.hub-leaders header{display:flex;align-items:center;justify-content:space-between}.hub-leaders h2{font-size:15px;letter-spacing:-.2px;margin:8px 0 20px}.hub-trophy{font-size:28px;color:#efbc6b}.hub-metric{display:flex;gap:4px;padding:4px;border-radius:6px;background:#0e0f13}.hub-metric button{flex:1;border:0;background:none;color:#858a9a;border-radius:4px;font-size:11px;padding:8px;cursor:pointer}.hub-metric button[aria-pressed=true]{background:#1c2b32;color:#9ddbea}.hub-player{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #252730;text-decoration:none}.hub-position{color:#737887;font-size:13px;font-weight:bold}.hub-player:first-child .hub-position{color:#f6c677}.hub-player>div{flex:1;min-width:0}.hub-player strong{display:block;font-size:12px;color:#e9eaf0;overflow-wrap:anywhere;line-height:1.5}.hub-player small{font-size:10px;color:#777e8f;display:block;margin-top:3px}.hub-player>b{font-size:11px;color:#aeb5c7}.hub-all{display:block;text-align:center;padding:17px 0;font-size:11px;color:#85cfe5}.hub-empty{font-size:12px;padding:24px 0;color:#8c91a0}.hub-quick-help{display:flex;align-items:center;gap:12px;padding:20px 16px;border:1px solid var(--shell-line);border-radius:9px;background:#14151a;margin-top:20px}.hub-quick-help>span{width:32px;height:32px;display:grid;place-items:center;color:#85cfe5;background:#0fc0fc14;border-radius:7px}.hub-quick-help>div{flex:1}.hub-quick-help strong{font-size:12px}.hub-quick-help p{font-size:10px;line-height:1.7;color:#858b9a;margin:5px 0 0}.hub-quick-help>b{color:#737b8e}
.community-shell .section{padding-top:54px;padding-bottom:12px}.community-shell h2{letter-spacing:-.7px}.community-shell .section-top h2,.community-shell .guide-intro h2,.community-shell .faq-intro h2{font-size:29px}.community-shell .eyebrow{color:#898e9c;letter-spacing:1.2px}.community-shell .feature,.community-shell .controls-section,.community-shell .steps,.community-shell .final-cta,.community-shell .legal-copy,.community-shell .rules-list{background:#14151b;border-color:var(--shell-line);border-radius:9px;box-shadow:none}.community-shell .feature{padding:24px 22px 0}.community-shell .feature h3{font-size:17px;margin-top:20px}.community-shell .feature p{font-size:12px;min-height:60px}.community-shell .feature-icon{color:#9ddbea;background:#0fc0fc12;border-color:#0fc0fc33;border-radius:7px}.community-shell .feature-foot{margin-top:22px}.community-shell .controls-section{margin-top:40px}.community-shell .arena-showcase{height:330px;border-radius:10px}.community-shell .final-cta{padding:32px;margin-top:40px}.community-shell .final-cta h2{font-size:30px}.community-shell .cta-watermark{opacity:.2}.community-shell .footer{border-color:var(--shell-line);margin-top:45px}.community-shell .footer .wrap{width:calc(100% - 64px)}.community-shell .portal-page{padding-top:26px}.community-shell .breadcrumb{margin-bottom:26px}.community-shell .portal-page h1{font-size:32px;letter-spacing:-1px}.community-shell .lb{--lb-purple:#0fc0fc;--lb-line:#292b34;--lb-muted:#9296a5}.community-shell th{background:#20222a;color:#cbd0dc}.community-shell td{border-color:#2a2c36}.community-shell input,.community-shell select{background:#14161c;border-color:#343743}.community-shell input:focus{outline-color:#0fc0fc}.community-shell dialog{background:#17191f;border:1px solid #383b47;border-radius:12px}.community-shell .account-trigger,.community-shell .nav-connect{font-size:12px}.community-shell a:focus-visible,.community-shell button:focus-visible{outline:2px solid #58c7e8;outline-offset:3px}
body.community-shell.sidebar-compact{padding-left:78px}.sidebar-compact .community-sidebar{width:78px;padding-inline:8px}.sidebar-compact .side-status{justify-content:center}.sidebar-compact .side-status span,.sidebar-compact .side-status small,.sidebar-compact .side-group>small,.sidebar-compact .side-group a>span:last-child,.sidebar-compact .side-discord,.sidebar-compact .side-legal{display:none}.sidebar-compact .side-group a{justify-content:center;padding:10px 0}.sidebar-compact .side-collapse{font-size:0;text-align:center}.sidebar-compact .side-collapse:before{content:'→';font-size:20px}
@media(min-width:1800px){.community-shell .wrap{max-width:1500px}.hub-grid{grid-template-columns:minmax(0,1fr) 340px}.hub-cover{height:240px}}
@media(max-width:1200px){.hub-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.community-shell .wrap{width:calc(100% - 40px)}.hub-server-body{flex-wrap:wrap;gap:14px}.community-shell .live-grid{grid-template-columns:1fr}.community-shell .live-card+.live-card{border-left:0;border-top:1px solid var(--shell-line)}.community-shell .live-card{padding:14px 18px}.community-shell .live-card small{margin-bottom:5px}.community-shell .live-card p{margin-top:3px}}
@media(max-width:950px){body.community-shell,body.community-shell.sidebar-compact{padding-left:0}.community-sidebar{display:none}.community-shell .menu-toggle{display:flex;order:3}.community-shell .header #navigation.open{display:flex!important;position:absolute;top:64px;left:0;right:0;background:#17191f;max-height:calc(100dvh - 64px);overflow-y:auto;padding:16px 24px}.community-shell .header #navigation.open a{color:#b9bdc9;font-size:13px}.community-shell .header #navigation.open a.active{background:#0fc0fc19;color:#85cfe5}.community-shell .header #services-dropdown{background:#20222a;border-color:#373946}.community-shell .brand{min-width:0}.community-shell .nav-wrap{padding:0 18px}.community-shell .brand-text{font-size:14px}.community-shell .nav-connect{display:none}.community-shell .section{padding-top:40px}}
@media(max-width:640px){body.community-shell{padding-top:64px}.community-shell .wrap,.community-shell .footer .wrap{width:calc(100% - 32px)}.community-shell .nav-wrap{padding:0 12px;gap:8px}.community-shell .brand-text{font-size:12px}.community-shell .brand-text>span{display:none}.community-shell .brand-symbol{height:30px;width:30px;font-size:19px}.community-shell .nav-account{gap:6px}.community-shell .discord-icon{display:none}.community-shell .account-trigger{font-size:10px;padding:8px;min-height:34px;max-width:95px}.community-shell .site-language button{font-size:10px;padding:5px}.community-shell .site-language{padding:2px}.community-shell .menu-toggle{padding:8px}.hub-intro{padding:24px 0 20px;gap:12px}.hub-intro h1{font-size:25px}.hub-intro p{font-size:11px}.hub-help{font-size:10px;max-width:100px;line-height:1.7;text-align:right}.hub-grid{grid-template-columns:1fr;gap:22px}.hub-cover{height:160px}.hub-cover b{font-size:19px}.hub-server-body{padding:18px}.hub-server-body h2{font-size:17px}.hub-connect{width:100%}.hub-server-links{padding:12px 16px;gap:8px;flex-wrap:wrap;font-size:9px}.hub-server-links>a{font-size:9px}.community-shell .live-grid{grid-template-columns:1fr}.community-shell .live-player-grid{grid-template-columns:1fr}.community-shell .live-header{align-items:flex-start;gap:6px}.community-shell .reward-countdown{padding:12px 14px;gap:12px}.community-shell .reward-countdown h2{font-size:11px}.community-shell .reward-countdown time{font-size:18px}.community-shell .reward-countdown-clock>span{font-size:9px}.community-shell .reward-countdown p{font-size:9px}.community-shell .section-top h2,.community-shell .guide-intro h2{font-size:25px}.community-shell .portal-page h1{font-size:27px}.community-shell .lb-heading{margin-top:20px}.community-shell .arena-showcase{height:250px}.hub-rail{display:grid;gap:16px}.hub-quick-help{margin:0}.community-shell .section-top>p{font-size:11px}.community-shell .feature p{min-height:0}}
@media(max-width:640px){.community-shell .nav-wrap{display:flex!important;flex-wrap:nowrap!important;height:64px!important;align-items:center!important}.community-shell .nav-account{position:static!important;display:flex!important;flex-basis:auto!important;width:auto!important;order:1!important;gap:5px!important;flex-wrap:nowrap!important;margin:0 0 0 auto!important;padding:0!important;border:0!important}.community-shell .menu-toggle{order:2!important;flex:none}.community-shell .brand{gap:7px}.community-shell .brand-text{font-size:11px}.community-shell .brand-symbol{width:27px;height:27px}.community-shell .account-trigger>span:first-child{display:none}.community-shell .nav-account .site-language{position:static!important;margin:0!important}.community-shell #account-label{max-width:67px}.community-shell .live-panel{width:100%}}
/* Page surfaces follow the same palette as the shared navigation. */
.community-shell .help-sidebar,.community-shell .help-article,.community-shell .help-category,.community-shell .store-card,.community-shell .team-member,.community-shell .lb-podium-card,.community-shell .clan-race-card,.community-shell .clan-champion,.community-shell .pp-card{background:#15161c;border-color:#30323c;box-shadow:none}.community-shell .lb-place-1{background:linear-gradient(145deg,#18282f,#15161c);border-color:#326779}.community-shell .lb-place-1 .lb-place,.community-shell .lb-crown,.community-shell .lb-heading h1 span{color:#85cfe5}.community-shell .lb-live-dot{background:#58c7e8;box-shadow:0 0 10px #0fc0fc33}.community-shell .table-scroll{border-color:#30323c}.community-shell .help-layout{gap:24px}.community-shell .page-description{font-size:13px}.side-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.community-shell .help-center{--help-accent:#85cfe5;--help-border:#30323b}.community-shell .help-hero{background:linear-gradient(120deg,#1e1921,#14151b);border-color:#30323b;border-radius:10px}.community-shell .help-hero h1:focus,.community-shell h1[tabindex="-1"]:focus{outline:none}.community-shell .help-icon{color:#85cfe5;background:#0fc0fc12}.community-shell .help-category:hover,.community-shell .help-category[aria-pressed=true]{background:#19282f;border-color:#326779}.community-shell .help-question,.community-shell .help-related,.community-shell .help-support{background:#15161c;border-color:#30323b}.community-shell .help-question:hover{background:#19252c}.community-shell .help-action{background:#0fc0fc;border-color:#0fc0fc}.community-shell .help-article li>span{background:#20313a;color:#85cfe5}.community-shell .help-support>a,.community-shell .help-breadcrumb a,.community-shell .help-back{color:#a1cbd7}.community-shell .help-search{background:#101116;border-color:#363842}.community-shell .help-search:focus-within{border-color:#58c7e8;box-shadow:0 0 0 3px #0fc0fc11}.community-shell .help-search kbd{background:#242630;border-color:#373945}.community-shell .store-product,.community-shell .store-order{background:#15161c;border-color:#343640;border-radius:10px}.community-shell .store-product.store-featured{background:linear-gradient(145deg,#18282f,#15161c);border-color:#326779}.community-shell .store-banner{background:#1c1b20;border-color:#3d383b;border-radius:8px}.community-shell .store-tag{background:#20313a;color:#b2dce8;border-radius:5px}.community-shell .store-product li:before{color:#9ddbea}.community-shell .store-product-copy,.community-shell .store-price>span{color:#9398a8}.community-shell .store-target{border-color:#30333c}.community-shell .clan-weekly,.community-shell .clan-panel,.community-shell .account-card,.community-shell .team-hero{background:#15161c;border-color:#33353f;border-radius:10px}.community-shell .clan-weekly .eyebrow,.community-shell .clan-race-card b,.community-shell #clan-countdown{color:#a1cbd7}.community-shell .lb-podium-stats b,.community-shell .lb-stat-value{color:#adcbd5}.side-status i{background:#727a87}.side-status[data-state=online] i{background:#39d98a}

/* Cyan brand: restrained accents on neutral dark surfaces. */
.community-shell .brand{min-width:0}.site-brand-logo{display:block;width:250px;max-height:44px;object-fit:contain;object-position:left center}.community-shell .brand-symbol,.community-shell .brand-text{display:none}.community-shell .button,.community-shell .account-trigger{background:#1a5264;border-color:#26748a;color:#e7f8ff}.community-shell .button:hover{background:#226b80}.community-shell .nav-connect{background:#22262e;border-color:#363e48}.community-shell .side-group a.active{background:#0fc0fc12;color:#85d5ec}.community-shell .site-language button[aria-pressed=true]{background:#20333d;color:#9bdff2}.community-shell .side-discord{background:#171f29;border-color:#303e50}.community-shell .side-discord a{background:#28445f}.community-shell .side-discord>span{color:#99c4e8}.community-shell .help-hero{background:linear-gradient(120deg,#18252c,#14171d)}.community-shell .help-action{background:#1b566a;border-color:#26758a}.community-shell .lb-place-1{background:linear-gradient(145deg,#192b34,#15171c)}.community-shell .store-product.store-featured{background:linear-gradient(145deg,#192c34,#15171c)}.community-shell .reward-countdown{margin-top:24px;margin-bottom:0;background:#141b21}.side-status{background:#112e282e;border-color:#284f45;justify-content:flex-start;gap:9px}.side-online-number{font-variant-numeric:tabular-nums}.side-status small{margin:0;color:#899e9d;font-size:11px;font-weight:400}.side-status i{position:relative}.side-status[data-state=online] i:after{content:'';position:absolute;inset:-4px;border:1px solid #39d98a66;border-radius:50%;animation:online-pulse 2s ease-out infinite}@keyframes online-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}.hub-now-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.hub-now-heading h1{font-size:27px;letter-spacing:-.8px;margin:8px 0 0}.hub-live-badge{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#183026;border:1px solid #2a4d3d;border-radius:5px;font-size:9px;color:#7aceaa;letter-spacing:1px}.hub-live-badge i{width:6px;height:6px;border-radius:50%;background:#4edb98;animation:live-glow 2s infinite}@keyframes live-glow{50%{opacity:.35}}.hub-mini-banner{height:100px;position:relative;overflow:hidden;border-radius:9px;border:1px solid #2b303a;background:#161a20;margin-bottom:18px}.hub-mini-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:brightness(.4)}.hub-mini-banner>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:18px 22px;font-size:9px;letter-spacing:1.8px;color:#96d3e3;background:linear-gradient(90deg,#111a25c9,transparent)}.hub-mini-banner b{color:#e3eaf0;font-size:19px;letter-spacing:.5px;margin-top:7px}.hub-visitor-stats{display:grid;grid-template-columns:1fr 1fr;padding:18px 20px;border:1px solid #2c3039;background:#17191e;border-radius:9px;gap:20px}.hub-visitor-stats>div{display:flex;align-items:center;gap:13px}.hub-visitor-stats>div+div{border-left:1px solid #2b3038;padding-left:24px}.visitor-icon{display:grid;place-items:center;background:#252932;color:#9aa6b8;border-radius:7px;width:36px;height:36px;font-size:23px}.hub-visitor-stats strong{display:block;font-size:19px;color:#e8edf5;line-height:1.3;font-variant-numeric:tabular-nums}.hub-visitor-stats small{display:block;font-size:10px;color:#818b9d;margin-top:4px}.community-shell .hub-grid{margin-top:20px}.community-shell .hub-rail{margin-top:0}.community-shell .hub-leaders{margin-top:0}.community-shell .live-header h2{display:none}.community-shell .live-header{justify-content:flex-end}.community-shell .home-live{margin-top:12px}.sidebar-compact .side-online-number,.sidebar-compact .side-online-label{display:none!important}@media(max-width:640px){.site-brand-logo{width:137px;max-height:32px}.hub-now-heading h1{font-size:24px}.hub-mini-banner{height:85px}.hub-mini-banner b{font-size:16px}.hub-visitor-stats{padding:14px 12px;gap:10px}.hub-visitor-stats>div+div{padding-left:12px}.hub-visitor-stats>div{gap:8px}.visitor-icon{width:27px;height:29px;font-size:18px}.hub-visitor-stats small{font-size:9px}.hub-visitor-stats strong{font-size:18px}.community-shell .hub-grid{margin-top:20px}}@media(prefers-reduced-motion:reduce){.side-status i:after,.hub-live-badge i{animation:none}}

/* Live server information is one continuous card. */
.community-shell .hub-primary{border:1px solid #2c313b;border-radius:11px;background:#15171c;overflow:hidden;align-self:start}.community-shell .hub-now-heading{margin:0;padding:20px 22px;background:#171a20}.community-shell .hub-now-heading h1{font-size:24px;margin-top:7px}.community-shell .hub-mini-banner{height:100px;margin:0;border:0;border-radius:0;border-top:1px solid #2c313b;border-bottom:1px solid #2c313b}.community-shell .hub-visitor-stats{border:0;border-radius:0;border-bottom:1px solid #2c313b;background:transparent;padding:20px 22px}.community-shell .hub-primary .home-live{margin:0;width:100%;max-width:none}.community-shell .hub-primary .live-panel{border:0;border-radius:0;background:transparent}.community-shell .hub-primary .live-grid{border-bottom:1px solid #2c313b}.community-shell .hub-primary .live-online{border-top:0;padding:20px 22px}.community-shell .hub-primary .live-header{margin:0;padding:0 22px 15px;min-height:0}.community-shell .hub-primary .live-header p{font-size:9px}.community-shell .header .brand{position:absolute;left:0;top:0;width:228px;height:64px;display:flex;align-items:center;justify-content:center;margin:0;padding:0 14px}.community-shell .header .site-brand-logo{width:200px;max-width:100%;max-height:40px;object-position:center}
@media(max-width:950px){.community-shell .header .brand{position:static;width:auto;height:auto;padding:0;flex:none}.community-shell .header .site-brand-logo{width:200px}.community-shell .hub-now-heading{padding:18px}.community-shell .hub-visitor-stats{padding:18px}}
@media(max-width:640px){.community-shell .header .site-brand-logo{width:125px}.community-shell .hub-now-heading h1{font-size:22px}.community-shell .hub-mini-banner{height:85px}.community-shell .hub-visitor-stats{padding:15px 12px}.community-shell .hub-primary .live-online{padding:17px}.community-shell .hub-primary .live-header{padding:0 17px 13px}.community-shell .hub-now-heading{padding:17px}}

/* The same podium marks in player and clan ranking tables. */
.standing-number{display:inline-flex;align-items:center;gap:5px;min-width:30px;color:#8e99ac;font-size:12px;font-weight:400;white-space:nowrap}.standing-number svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.standing-top-1{color:#f3ce35}.standing-top-2{color:#afb7c3}.standing-top-3{color:#d99243}.community-shell .lb-simple .lb-row-position,.community-shell .clan-standing{font-weight:400;font-size:12px}.community-shell .lb-simple .medal-row,.community-shell .clan-public-table .medal-row{background:transparent}.community-shell .lb-simple .medal-row td:first-child,.community-shell .clan-public-table .medal-row td:first-child{border-left:0;box-shadow:none}.community-shell .lb-simple .medal-row:hover,.community-shell .clan-public-table .medal-row:hover{background:#ffffff03}

/* Banner includes online status and the live reward countdown. */
.community-shell .hub-primary .hub-mini-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:center;gap:24px;height:auto;min-height:152px;padding:22px;border-top:0;position:relative;isolation:isolate}.community-shell .hub-mini-banner>img{position:absolute;inset:0;z-index:-2;filter:brightness(.32);width:100%;height:100%;object-fit:cover}.community-shell .hub-mini-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10182077,#111923bb)}.community-shell .hub-mini-banner>span{position:relative;inset:auto;background:none;padding:0;display:flex;min-width:0;line-height:1.5}.community-shell .hub-mini-banner>span b{font-size:19px;line-height:1.3;overflow-wrap:anywhere}.hub-banner-right{min-width:0;border-left:1px solid #8bb5ca26;padding-left:22px}.hub-banner-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.banner-online{color:#a4b8c7;font:11px Arial,sans-serif;white-space:nowrap}.banner-online strong{color:#e0f2f7;font-size:14px;margin-right:5px;font-variant-numeric:tabular-nums}.community-shell .hub-banner-right .reward-countdown{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:none;min-height:0;margin:0;padding:12px 0 0;background:none;border:0;border-top:1px solid #8bb5ca26;border-radius:0;box-shadow:none}.community-shell .hub-banner-right .reward-countdown h2{font-size:11px;line-height:1.5;margin:0;color:#c3e5ef;letter-spacing:0}.community-shell .hub-banner-right .reward-countdown p{font-size:8px;margin:4px 0 0;color:#7f9bab;line-height:1.5}.community-shell .hub-banner-right .reward-countdown-clock{flex:none;text-align:right}.community-shell .hub-banner-right .reward-countdown-clock>span{display:block;font-size:8px;color:#839fae;margin-bottom:3px}.community-shell .hub-banner-right .reward-countdown time{font-size:17px;color:#9bd9e9;line-height:1.4}.community-shell .hub-banner-right .hub-live-badge{font-size:8px;padding:5px 7px}.community-shell .hub-banner-right .reward-countdown[data-active=true] h2{color:#9ae5be}
@media(max-width:1200px){.community-shell .hub-primary .hub-mini-banner{grid-template-columns:1fr;gap:18px;padding:20px;min-height:0}.hub-banner-right{padding:14px 0 0;border-left:0;border-top:1px solid #8bb5ca26}.hub-banner-status{margin-bottom:10px}.community-shell .hub-banner-right .reward-countdown{padding-top:10px}}
@media(max-width:640px){.community-shell .hub-primary .hub-mini-banner{padding:18px;gap:15px}.community-shell .hub-mini-banner>span b{font-size:18px}.community-shell .hub-banner-right .reward-countdown h2{font-size:11px}.community-shell .hub-banner-right .reward-countdown p{font-size:9px}.community-shell .hub-banner-right .reward-countdown time{font-size:18px}}

/* Matching top tabs for player and clan rankings. */
.community-shell .lb-layout{display:block}.community-shell .lb-results>.lb-filters,.community-shell .clan-ranking-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;position:static;padding:0 0 14px;margin:0 0 15px;background:none;border:0;border-bottom:1px solid #2d333e;border-radius:0}.community-shell .lb-filters>h2,.community-shell .lb-filters>.lb-filter-label,.community-shell .lb-filters>.lb-ratio-help{display:none}.community-shell .lb-filter-options,.community-shell .clan-ranking-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;order:0}.community-shell .lb-filter-options button,.community-shell .clan-ranking-tabs button{display:block;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#909bad;padding:12px 10px;font:12px Arial,sans-serif;cursor:pointer;white-space:nowrap}.community-shell .lb-filter-options button>span{display:none}.community-shell .lb-filter-options button[aria-pressed=true],.community-shell .clan-ranking-tabs button[aria-pressed=true]{color:#a8dcec;border-bottom-color:#0fc0fc;background:#0fc0fc08}.community-shell .lb-filters>#lb-search{order:1;margin-left:auto;width:210px;max-width:100%;font-size:11px}.community-shell .lb-filters>.lb-reset{order:2;margin:0;width:auto;min-height:34px;font-size:10px;padding:9px 12px}.community-shell .clan-ranking-toolbar>.clan-search{order:1;margin:0 0 0 auto;max-width:240px;width:220px}.community-shell .clan-ranking-toolbar .clan-search input{margin:0;font-size:11px;padding:11px}.community-shell .lb-filter-options button:hover,.community-shell .clan-ranking-tabs button:hover{color:#e4eff5;background:#ffffff05}
@media(max-width:750px){.community-shell .lb-filter-options,.community-shell .clan-ranking-tabs{width:100%;gap:3px}.community-shell .lb-filter-options button,.community-shell .clan-ranking-tabs button{font-size:11px;padding:10px 8px}.community-shell .lb-filters>#lb-search{margin-left:0;flex:1;min-width:140px}.community-shell .clan-ranking-toolbar>.clan-search{margin-left:0;width:100%;max-width:none}}

/* Live details belong to the header banner; keep their original data bindings. */
.community-shell .hub-primary .hub-mini-banner{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:18px 24px;padding:22px 22px 0;min-height:0;border-bottom:0}.community-shell .hub-mini-banner .hub-banner-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;border-top:1px solid #91bbcb26;border-radius:0;margin:0;background:#0c16244a;width:calc(100% + 44px);max-width:none;transform:translateX(-22px)}.community-shell .hub-banner-details .live-card{padding:15px 18px;gap:9px;background:none}.community-shell .hub-banner-details .live-card+.live-card{border-left:1px solid #91bbcb20;border-top:0}.community-shell .hub-banner-details .live-card small{font-size:8px;margin-bottom:6px;letter-spacing:.7px;color:#8faabc}.community-shell .hub-banner-details .live-card strong{font-size:12px;line-height:1.5;color:#deedf3}.community-shell .hub-banner-details .live-card p{font-size:9px;line-height:1.6;margin-top:4px;color:#8cabbc}.community-shell .hub-banner-details .live-icon{flex-basis:26px;height:28px;font-size:13px;background:#20303c99}.community-shell .hub-primary .home-live{display:flex;flex-direction:column}.community-shell .hub-primary .home-live>.hub-mini-banner{order:-2}.community-shell .hub-primary .hub-visitor-stats{border-top:1px solid #2c313b}.community-shell .hub-primary>.hub-visitor-stats{display:none}
@media(max-width:1200px){.community-shell .hub-primary .hub-mini-banner{grid-template-columns:1fr;gap:17px;padding:20px 20px 0}.community-shell .hub-mini-banner .hub-banner-details{width:calc(100% + 40px);transform:translateX(-20px);grid-template-columns:repeat(3,minmax(0,1fr))}.community-shell .hub-banner-details .live-card{padding:13px 10px;gap:7px}.community-shell .hub-banner-details .live-icon{display:none}}
@media(max-width:640px){.community-shell .hub-primary .hub-mini-banner{padding:18px 18px 0}.community-shell .hub-mini-banner .hub-banner-details{width:calc(100% + 36px);transform:translateX(-18px);grid-template-columns:1fr}.community-shell .hub-banner-details .live-card{padding:11px 18px}.community-shell .hub-banner-details .live-card+.live-card{border-left:0;border-top:1px solid #91bbcb20}.community-shell .hub-banner-details .live-icon{display:grid}.community-shell .hub-banner-details .live-card small{margin-bottom:3px}.community-shell .hub-banner-details .live-card p{margin-top:2px}}

/* Center the header controls and show completed championship results. */
.community-shell .header .nav-wrap{align-items:center!important;height:64px!important;min-height:64px!important;padding-top:0!important;padding-bottom:0!important}.community-shell .header .nav-account{height:64px;align-items:center!important;align-self:center;flex-wrap:nowrap;padding-top:0!important;padding-bottom:0!important;transform:none;gap:9px}.community-shell .header .nav-account>.site-language,.community-shell .header .nav-account>.button,.community-shell .header .nav-account>.discord-icon{margin-top:0!important;margin-bottom:0!important;align-self:center}.community-shell .header .nav-account .button,.community-shell .header .nav-account .discord-icon{min-height:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}.header-champions{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:228px;flex:1;min-width:0;height:64px;padding:0 20px}.header-champion{display:flex;align-items:center;gap:10px;min-width:0;max-width:260px}.header-champion+.header-champion{border-left:1px solid #303640;padding-left:28px}.header-champion>div{min-width:0}.header-champion small{display:block;color:#8595a9;font:10px/1.5 Arial,sans-serif}.header-champion strong{display:block;color:#d4e7ef;font:600 12px/1.6 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.header-champion-icon{font-size:22px;color:#d1b373}.header-champion-icon.season{color:#8bc8dd}
@media(max-width:1400px){.header-champions{gap:16px;padding:0 10px}.header-champion+.header-champion{padding-left:16px}.header-champion strong{max-width:155px}.header-champion small{font-size:9px}.header-champion-icon{font-size:18px}}
@media(max-width:1200px){.header-champions{display:none}}
@media(max-width:640px){.community-shell .header .nav-account .button{height:34px;min-height:34px}.community-shell .header .nav-account{gap:5px}}

@media(max-width:950px){.community-shell .header .nav-account>.nav-connect{display:none!important}}@media(max-width:640px){.community-shell .header .nav-account>.discord-icon{display:none!important}}

.map-list-heading{margin:0 0 24px}.community-shell .map-list-heading h1{font-size:27px;margin:0 0 9px}.map-list-heading p{font-size:12px;color:#8999ad}.map-list-count{font-size:10px;color:#8090a4;margin:0 0 12px}.map-ranking-table table{min-width:900px}.map-ranking-table th{font-size:10px;white-space:nowrap;padding:16px 14px}.map-ranking-table td{font-size:12px;padding:17px 14px}.map-list-name{font-weight:600;color:#d2e2ec;min-width:200px}.map-champion-crown{color:#d9b755}.map-ranking-table a{color:#a6d7e7}.map-no-champion{font-size:11px;color:#78879b}.map-champion-note{font-size:10px;line-height:1.8;color:#78899e;margin:16px 0}@media(max-width:640px){.community-shell .map-list-heading h1{font-size:24px}}

/* A single podium style for players and clans. */
.top-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;margin:24px 0}.top-card{position:relative;min-width:0;min-height:160px;padding:16px 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #42454b;border-radius:12px;background:linear-gradient(180deg,#101418,#17191e);color:#eef1f4;text-align:center;text-decoration:none;cursor:pointer;font:inherit;box-sizing:border-box}.top-card:hover{filter:brightness(1.12)}.top-card.top-place-1{grid-column:2;grid-row:1;min-height:186px;border-color:#80631e;background:linear-gradient(180deg,#0d1317 35%,#302516)}.top-card.top-place-2{grid-column:1;grid-row:1}.top-card.top-place-3{grid-column:3;grid-row:1;border-color:#764916;background:linear-gradient(180deg,#0d1317 35%,#251b16)}.top-place{position:absolute;top:13px;left:13px;font-size:17px;font-weight:700;color:#b4b6bd}.top-place-1 .top-place{color:#f5ce26}.top-place-3 .top-place{color:#e29120}.top-card .lb-avatar,.top-card .clan-logo{display:block;position:relative;width:54px;height:54px;flex:0 0 54px;border-radius:50%;border:2px solid #afb5bf;overflow:hidden;background:#1b2028;margin-bottom:3px;box-sizing:border-box}.top-card .lb-avatar img,.top-card .clan-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.top-card.top-place-1 .lb-avatar,.top-card.top-place-1 .clan-logo{width:68px;height:68px;flex-basis:68px;border-color:#e3bd29}.top-card.top-place-3 .lb-avatar,.top-card.top-place-3 .clan-logo{border-color:#dc8d20}.top-name{font-size:14px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.top-score{font:700 22px/1.3 monospace;color:#0fc0fc;letter-spacing:.3px;overflow-wrap:anywhere;max-width:100%}.top-card small{font-size:10px;color:#7f8794;line-height:1.6}.clan-race-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8999ab;border-bottom:1px solid #2e3540;padding:12px 0}.clan-race-caption #clan-countdown{font-size:11px;color:#a0c2d2}.top-three[hidden]{display:none!important}
@media(max-width:640px){.top-three{gap:8px;margin:20px 0}.top-card{padding:13px 7px;min-height:150px;border-radius:9px;gap:4px}.top-card.top-place-1{min-height:172px}.top-place{font-size:13px;left:8px;top:8px}.top-card .lb-avatar,.top-card .clan-logo{width:40px;height:40px;flex-basis:40px}.top-card.top-place-1 .lb-avatar,.top-card.top-place-1 .clan-logo{width:51px;height:51px;flex-basis:51px}.top-name{font-size:11px}.top-score{font-size:16px}.top-card small{font-size:8px}.clan-race-caption{gap:10px;font-size:10px}}

.tools-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0;max-width:1050px}.tools-hub-card{display:flex;gap:20px;align-items:flex-start;padding:26px;border:1px solid #303b47;border-radius:11px;background:#151a21;text-decoration:none}.tools-hub-card:hover{border-color:#40788b;background:#18222b}.tools-hub-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#0fc0fc10;border:1px solid #0fc0fc22;border-radius:10px;color:#86d5ec;font-size:27px}.community-shell .tools-hub-card h2{font-size:19px;margin:0 0 12px}.tools-hub-card p{color:#8b9baf;font-size:12px;line-height:1.9;margin:0 0 20px}.tools-hub-action{font-size:11px;color:#a0d8e9}@media(max-width:700px){.tools-hub{grid-template-columns:1fr}.tools-hub-card{padding:21px;gap:16px}}

/* Map and last winner follow the online player list. */
.community-shell .hub-primary .hub-mini-banner{padding-bottom:22px}.community-shell .live-panel>.live-details-below{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-top:1px solid #2d3540;border-bottom:0;border-radius:0;background:#121a22;margin:0;width:100%;transform:none}.community-shell .live-details-below .live-card{padding:17px 22px;gap:12px}.community-shell .live-details-below .live-card+.live-card{border-left:1px solid #2d3540;border-top:0}.community-shell .live-details-below .live-card small{font-size:9px;margin-bottom:7px}.community-shell .live-details-below .live-card strong{font-size:13px}.community-shell .live-details-below .live-card p{font-size:10px}.community-shell .hub-primary .live-header{padding-top:12px}.community-shell .hub-primary [hidden]{display:none!important}
@media(max-width:1200px){.community-shell .hub-primary .hub-mini-banner{padding-bottom:20px}}
@media(max-width:640px){.community-shell .hub-primary .hub-mini-banner{padding-bottom:18px}.community-shell .live-panel>.live-details-below{grid-template-columns:1fr}.community-shell .live-details-below .live-card{padding:15px 17px}.community-shell .live-details-below .live-card+.live-card{border-left:0;border-top:1px solid #2d3540}}

/* Clear, compact online roster. */
.community-shell .hub-primary .live-online{padding:20px 22px}.community-shell .live-online>header{margin-bottom:14px}.community-shell .live-online h3{font-size:13px;letter-spacing:0;color:#cbdce7}.community-shell #live-online-count{font-size:10px;padding:5px 9px;border:1px solid #30414b;background:#17252c;border-radius:20px;color:#8fc9d9}.community-shell .live-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:10px}.community-shell .live-player{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:13px 16px;border:1px solid #2b3743;border-radius:9px;background:linear-gradient(110deg,#1a232d,#161d25);text-decoration:none;transition:border-color .15s,background .15s}.community-shell a.live-player:hover{border-color:#42788c;background:#1c2b36}.community-shell .live-player-rank{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:9px;background:#0e171f;border:1px solid #2c3b48}.community-shell .live-player-rank img{width:32px;height:32px;object-fit:contain}.live-player-identity{flex:1;min-width:0}.community-shell .live-player-identity strong{display:block;font-size:13px;color:#e3eef4;line-height:1.6;overflow-wrap:anywhere}.live-player-identity>small{display:block;font-size:10px;color:#7e96ab;line-height:1.5;margin-top:2px}.live-player-presence{display:flex;align-items:center;gap:6px;flex:none;color:#87bfa8;font-size:9px}.live-player-presence i{width:5px;height:5px;flex:none;background:#53c69a;border-radius:50%;box-shadow:0 0 0 3px #53c69a0d}.community-shell .live-player-level{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;flex:none;min-width:44px;padding:5px 9px;margin:0;border-left:1px solid #354452;background:none;border-radius:0;color:#9fd8e9}.live-player-level small{font-size:7px;letter-spacing:.5px;color:#7397aa}.live-player-level b{font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}.live-player-open{font-size:13px;color:#5e8399;flex:none}.online-empty{display:flex;align-items:center;gap:14px;padding:20px;border:1px dashed #2d3b48;border-radius:9px;background:#111a22;color:#809aae}.online-empty>span{font-size:27px;color:#5d91a5}.online-empty strong{font-size:12px;color:#a6c2d2}.community-shell .online-empty p{font-size:11px;color:#718a9e;margin:4px 0 0;line-height:1.7}
@media(max-width:640px){.community-shell .hub-primary .live-online{padding:17px}.community-shell .live-player{padding:12px;gap:10px}.community-shell .live-player-rank{width:37px;height:39px}.live-player-presence>span{display:none}.community-shell .live-player-identity strong{font-size:12px}.community-shell .live-player-level{padding:4px 7px;min-width:35px}.live-player-open{font-size:11px}.community-shell .online-empty{padding:16px}}

.account-menu-wrap{position:relative;display:flex;align-items:center;height:100%;flex:none}.community-shell .account-trigger.account-signed-in{background:transparent;border-color:transparent;gap:8px;padding:5px 7px;color:#d3e1eb;max-width:200px;box-shadow:none}.community-shell .account-trigger.account-signed-in:hover{background:#242a33;transform:none}.account-header-avatar{width:26px;height:26px;object-fit:cover;border-radius:50%;background:#25313d}.account-header-chevron{font-size:14px;color:#7b8799}.account-dropdown{position:absolute;right:0;top:calc(100% - 6px);width:192px;padding:5px;background:#17191e;border:1px solid #30343c;border-radius:9px;box-shadow:0 12px 32px #0006;z-index:10010}.account-dropdown[hidden]{display:none!important}.account-dropdown a,.account-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;border:0;border-radius:5px;background:none;color:#d6dbe4;text-align:left;font:12px Arial,sans-serif;cursor:pointer;box-sizing:border-box;white-space:nowrap}.account-dropdown a:hover,.account-dropdown button:hover{background:#252a33}.account-dropdown a>span,.account-dropdown button>span{width:16px;flex:none;text-align:center;color:#8c97a8;font-size:17px}.account-dropdown .account-menu-crown{color:#dfbd35}.account-dropdown .account-menu-discord{border-top:1px solid #2b2e35;margin-top:4px;padding-top:14px;border-radius:0}.account-dropdown .account-menu-discord>span{color:#8b88ef}.account-dropdown .account-menu-logout{border-top:1px solid #2b2e35;margin-top:4px;padding-top:14px;border-radius:0;color:#f0747b}.account-menu-error{padding:8px;font-size:10px;color:#e99b9b;line-height:1.7;margin:0;white-space:normal}
@media(max-width:640px){.community-shell .account-trigger.account-signed-in{gap:5px;padding:4px;max-width:108px}.community-shell .account-signed-in .account-header-chevron{display:inline}.account-header-avatar{width:22px;height:22px}.community-shell .account-trigger.account-signed-in #account-label{max-width:55px}.account-dropdown{width:185px;right:0}}

.community-shell .side-discord{position:relative;overflow:hidden;padding:14px;border:1px solid #493d7c;border-radius:12px;background:#171820}.discord-card-identity{display:flex;align-items:center;gap:9px;position:relative;z-index:1;margin-bottom:13px;min-width:0}.discord-community-icon{width:40px;height:40px;flex:none;object-fit:cover;border-radius:9px;background:#202632}.discord-card-identity>div{min-width:0;flex:1}.community-shell .side-discord .discord-community-name{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:#e7e9f0}.community-shell .side-discord p{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin:3px 0 0;color:#828797;font-size:9px;line-height:1.6}.side-discord p i{width:5px;height:5px;border-radius:50%;background:#51ce99;flex:none}.side-discord p b{color:#d8dce6;font-size:10px}.community-shell .side-discord>a{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:7px;background:#5847ba;border:0;border-radius:7px;padding:11px 6px;color:#fff;font-size:11px;line-height:1.4;font-weight:700}.community-shell .side-discord>a:hover{background:#6856cf}.side-discord:after{content:'◕';position:absolute;right:-15px;top:-29px;color:#6b54d323;font-size:110px;line-height:1;transform:rotate(-20deg)}.sidebar-vip{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;padding:12px;border-radius:8px;background:#85d5ec;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.4px}.sidebar-vip:hover{background:#0c7896}.sidebar-vip>span{font-size:20px;line-height:1}.sidebar-compact .sidebar-vip{display:none}

/* Roster columns follow the number of online players. */
.community-shell .live-player-grid[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.community-shell .live-player-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.community-shell .live-player-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.community-shell .live-player-grid[data-columns="3"] .live-player{gap:9px;padding:12px}.community-shell .live-player-grid[data-columns="3"] .live-player-presence>span{display:none}.community-shell .live-player-grid[data-columns="3"] .live-player-rank{width:36px;height:38px}.community-shell .live-player-grid[data-columns="3"] .live-player-level{padding:4px 6px;min-width:32px}
@media(max-width:1100px) and (min-width:641px){.community-shell .live-player-grid[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.community-shell .live-player-grid[data-columns="2"] .live-player-presence>span{display:none}}
@media(max-width:640px){.community-shell .live-player-grid[data-columns]{grid-template-columns:minmax(0,1fr)}}