/* Community HQ: full navigation, optional icon rail and mobile bottom navigation. */
:root{--sidebar:264px}
.platform-sidebar{padding:17px 14px 20px;background:radial-gradient(ellipse at 0 0,#73253621,transparent 48%),#101115;gap:0;overscroll-behavior:contain}
.sidebar-heading{display:flex;align-items:center;justify-content:flex-end;margin:0 7px 13px;min-height:32px}
.sidebar-heading>span{font-size:10px;font-weight:750;letter-spacing:2.3px;color:#ac959f}
.sidebar-heading .icon-button{border:1px solid #ffffff0e;min-width:32px;min-height:32px;padding:6px}
.sidebar-heading svg{width:17px;height:17px}.sidebar-heading [data-sidebar-close]{display:none;font-size:25px;line-height:1}
.sidebar-player-card{border:1px solid #61414b70;border-radius:13px;background:linear-gradient(140deg,#33212b,#1b1b23 72%);padding:13px;margin-bottom:24px;box-shadow:inset 0 1px #ffffff06}
.sidebar-identity{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:0;color:#eee;text-align:left;min-width:0}
.sidebar-identity .avatar{width:37px;height:37px;flex-shrink:0;font-size:12px}
.sidebar-identity>span:not(.avatar):not(.sidebar-identity-arrow){min-width:0;flex:1}
.sidebar-identity small{display:block;font-size:8px;letter-spacing:1.15px;color:#bf9ca9;margin-bottom:4px}
.sidebar-identity strong{display:block;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-identity-arrow{font-size:17px;color:#b593a0}
.sidebar-standing{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0c;margin-top:13px;padding-top:12px}
.sidebar-standing>span:last-child{text-align:right}.sidebar-standing small{display:block;font-size:8px;letter-spacing:1.2px;color:#a6a0ae;margin-bottom:3px}
.sidebar-standing strong{font-size:21px;letter-spacing:-.6px;color:#f0d292;line-height:1.2}.sidebar-standing em{font-size:10px;font-style:normal;color:#b9a988;letter-spacing:0}
.sidebar-standing>span:last-child strong{color:#eee5eb}.sidebar-guest>svg{width:29px;height:29px;color:#d98c9b}
.sidebar-signin{display:flex;justify-content:space-between;width:100%;border:1px solid #b7495d;border-radius:7px;background:#902437;padding:8px 11px;margin-top:14px;font-size:12px;font-weight:650}
.platform-sidebar .sidebar-label{font-size:9px;margin:0 11px 9px;letter-spacing:1.6px;color:#a39aa8;display:flex}
.platform-sidebar nav{gap:4px}.platform-sidebar .nav-item{min-height:43px;font-size:13px;padding:10px 11px;gap:11px;border-radius:9px}
.platform-sidebar .nav-item>svg{width:19px;height:19px}.platform-sidebar .nav-item>span:first-of-type{display:block}
.platform-sidebar .nav-chip{font-size:9px;padding:3px 6px;min-height:20px}.platform-sidebar .nav-ready{color:#ade1b9;background:#37604436;border-color:#537e555f}
.platform-sidebar .sidebar-divider{margin:17px 10px;flex-shrink:0}.platform-sidebar #play-nav{padding:0;margin:0;border:0}
.platform-sidebar a[href="membership"]>svg{color:#db8195}.platform-sidebar a[href="battle"]>svg{color:#88bfe5}.platform-sidebar a[href="leaderboard"]>svg{color:#dcbd79}
.sidebar-giveaway-card{display:block;position:relative;overflow:hidden;border:1px solid #a37c3a66;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#c7953226,transparent 72%),linear-gradient(125deg,#29231a,#17171a);padding:15px 13px;margin:17px 1px 0}
.sidebar-giveaway-card:hover{border-color:#d4ab60}.sidebar-giveaway-label{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:1.25px;color:#c7af81}
.sidebar-giveaway-label i{width:5px;height:5px;background:#e6be69;border-radius:50%;box-shadow:0 0 9px #d6a83788}
.sidebar-giveaway-card>strong{display:block;font:750 25px/1.2 Oxanium,Inter,sans-serif;letter-spacing:-.5px;color:#f3d58c;margin:11px 0 13px;overflow-wrap:anywhere}
.sidebar-giveaway-timer{display:block;font-size:10px;color:#a89d88}.sidebar-giveaway-timer b{display:block;color:#ebd7ad;font-size:12px;margin-top:2px;font-variant-numeric:tabular-nums}
.sidebar-giveaway-footer{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #d9b26122;margin-top:12px;padding-top:10px;font-size:9px;color:#b3a98f}.sidebar-giveaway-footer b{font-weight:650;color:#e5ca90}
.platform-sidebar .sidebar-app{display:flex;margin:21px 1px 12px;padding:12px;gap:10px}.platform-sidebar .sidebar-app strong{font-size:11px}.platform-sidebar .sidebar-app small{font-size:10px}.platform-sidebar .sidebar-bottom{display:flex;padding:13px 10px 0;margin-top:0;gap:10px}.platform-sidebar .sidebar-bottom>a{font-size:12px}
#mobile-navigation{display:none}
@media(min-width:1041px){html.sidebar-collapsed{--sidebar:80px}.sidebar-collapsed .platform-sidebar{padding-inline:10px}.sidebar-collapsed .sidebar-heading{margin:0 0 15px;justify-content:center}.sidebar-collapsed [data-sidebar-collapse] svg{transform:rotate(180deg)}.sidebar-collapsed .sidebar-heading>span,.sidebar-collapsed .sidebar-label,.sidebar-collapsed #sidebar-giveaway,.sidebar-collapsed .sidebar-standing,.sidebar-collapsed .sidebar-signin,.sidebar-collapsed .sidebar-identity>span:not(.avatar),.sidebar-collapsed .sidebar-identity small,.sidebar-collapsed .sidebar-identity strong,.sidebar-collapsed .sidebar-bottom>span,.sidebar-collapsed .sidebar-bottom a>span:not([data-icon]){display:none}.sidebar-collapsed .sidebar-player-card{padding:10px 0;margin-bottom:20px;border-color:transparent;background:none;box-shadow:none}.sidebar-collapsed .sidebar-identity{justify-content:center}.sidebar-collapsed .platform-sidebar .nav-item{justify-content:center;padding:12px 0}.sidebar-collapsed .platform-sidebar .nav-item>span{display:none}.sidebar-collapsed .platform-sidebar .sidebar-divider{margin:17px 6px}.sidebar-collapsed .sidebar-app{justify-content:center;padding:12px 0}.sidebar-collapsed .sidebar-app>div,.sidebar-collapsed .sidebar-app>span:not([data-icon]){display:none}.sidebar-collapsed .sidebar-bottom{padding-inline:0}.sidebar-collapsed .sidebar-bottom>a{justify-content:center}.sidebar-collapsed .site-brand{width:190px}}
@media(min-width:681px) and (max-width:1040px){:root{--sidebar:80px}.sidebar-heading,#sidebar-player,#sidebar-giveaway,.platform-sidebar .sidebar-label,.platform-sidebar .sidebar-app,.platform-sidebar .sidebar-bottom{display:none}.platform-sidebar{padding:23px 10px}.platform-sidebar .nav-item{justify-content:center;padding:12px 0}.platform-sidebar .nav-item>span,.platform-sidebar .nav-item>span:first-of-type{display:none}.platform-sidebar .sidebar-divider{display:block;margin:18px 6px}.platform-sidebar nav{gap:6px}}
@media(max-width:680px){:root{--sidebar:0px}.workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}#menu-toggle{display:none}.platform-sidebar{width:min(330px,calc(100vw - 24px));padding:17px 18px 24px;bottom:calc(66px + env(safe-area-inset-bottom,0px));border-right:1px solid #55404a;box-shadow:20px 0 80px #0008}.platform-sidebar .sidebar-heading{display:flex}.sidebar-heading [data-sidebar-collapse]{display:none}.sidebar-heading [data-sidebar-close]{display:flex}.sidebar-heading>span{font-size:11px}.sidebar-player-card{margin-bottom:24px}.sidebar-identity small{font-size:9px}.sidebar-identity strong{font-size:15px}.sidebar-standing strong{font-size:24px}.platform-sidebar .nav-item{min-height:47px;font-size:14px}.platform-sidebar .sidebar-label{font-size:10px}.platform-sidebar .sidebar-divider{display:block}.platform-sidebar .nav-chip{font-size:10px}.platform-sidebar .sidebar-app,.platform-sidebar .sidebar-bottom{display:flex}.sidebar-drawer-open{overflow:hidden}.platform-sidebar.open~.mobile-shade{bottom:calc(66px + env(safe-area-inset-bottom,0px))}#mobile-navigation{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:70;height:calc(66px + env(safe-area-inset-bottom,0px));padding:5px 7px calc(5px + env(safe-area-inset-bottom,0px));background:#121318f5;backdrop-filter:blur(20px);border-top:1px solid #4b354350;box-shadow:0 -8px 30px #0003}#mobile-navigation>a,#mobile-navigation>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border:0;border-radius:9px;background:none;color:#9693a1;font:550 10px/1.3 Inter,sans-serif;padding:5px 0}#mobile-navigation svg{width:20px;height:20px}#mobile-navigation .active,#mobile-navigation button[aria-expanded="true"]{background:linear-gradient(180deg,#71283c40,#4a24342a);color:#f5c1cb}#mobile-navigation .active:before{content:'';position:absolute;top:-5px;width:24px;height:2px;border-radius:2px;background:#e4758d}#mobile-navigation i{display:none}#mobile-navigation .is-ready i{display:block;position:absolute;top:6px;left:calc(50% + 9px);width:6px;height:6px;background:#9ddbaf;border:1px solid #183626;border-radius:50%;box-shadow:0 0 8px #83c39366}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

@media(min-width:681px){.sidebar-collapsed .platform-sidebar .nav-item.is-ready:after{content:"";position:absolute;right:10px;top:8px;width:5px;height:5px;border-radius:50%;background:#9ddbaf}}