.sidebar{background-color:var(--app-sidebar-surface);z-index:1000;height:calc(100vh - 68px);box-shadow:4px 0 24px var(--app-black-alpha-30);will-change:width,box-shadow;contain:layout style paint;backface-visibility:hidden;-webkit-font-smoothing:antialiased;flex-direction:column;transition:width .3s;display:flex;position:fixed;left:0;overflow:visible}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar.expanded{width:210px}.sidebar.collapsed{width:68px}.sidebar.collapsed>.sidebar-language>.language-btn{justify-content:center}.sidebar.collapsed>.sidebar-language>.language-btn>span{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 0}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-toggle{margin-top:12px;position:static}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:14px 0}.sidebar.collapsed .sidebar-tournament-btn{background:var(--app-surface-selected);width:100%;min-height:52px;box-shadow:none;justify-content:center;align-items:center;padding:14px 0;display:flex}.sidebar.collapsed .sidebar-tournament-btn:after{display:none}.sidebar.collapsed .sidebar-tournament-btn:hover{background:var(--app-surface-3);box-shadow:none}.sidebar.collapsed .sidebar-nav-item-icon{margin-right:0}.sidebar.collapsed .sidebar-section-header{display:none}.sidebar-content{flex-direction:column;flex:1;padding-top:10px;padding-bottom:10px;display:flex;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:var(--app-border-secondary);border-radius:2px}.sidebar-section{flex-direction:column;gap:12px;padding:9px 10px;display:flex}.sidebar-section-header{color:var(--app-primary);font-size:12px;font-weight:600}.sidebar-tournament{flex-direction:column;gap:5px;display:flex}@keyframes glossy-sweep{0%{left:-80%}to{left:140%}}.sidebar-tournament-btn{background:var(--app-surface-2);cursor:pointer;border:none;border-radius:8px;transition:background .25s;position:relative;overflow:hidden}.sidebar-tournament-btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff14 35%,#ffffff2e 50%,#ffffff14 65%,#0000 100%);width:40%;height:140%;position:absolute;top:-20%;left:-80%;transform:skew(-20deg)}.sidebar-tournament-btn:hover{background:var(--app-surface-selected);box-shadow:0 2px 8px #0006}.sidebar-tournament-btn:hover .sidebar-banner-text>span{color:var(--app-text-primary)}.sidebar-tournament-btn:hover:after{animation:1.2s ease-in-out infinite glossy-sweep}.sidebar-tournament-icon{width:24px;height:24px}.sidebar-banner{border-radius:8px;align-items:center;width:100%;height:60px;display:flex}.sidebar-banner-inner{align-items:center;gap:12px;width:100%;height:100%;padding:0 16px;display:flex}.sidebar-banner-inner>img{width:24px;height:24px;filter:var(--app-filter-primary)}.sidebar-banner-text{flex-direction:column;gap:2px;display:flex}.sidebar-banner-text>p{font-size:12px;font-weight:var(--AppTheme--weight-regular);text-align:left;color:var(--app-neutral-280);margin:0;font-family:PyeongChangPeace,sans-serif}.sidebar-banner-text>span{font-size:10px;font-weight:var(--AppTheme--weight-regular);text-align:left;color:var(--app-white)}.sidebar-nav-items{flex-direction:column;display:flex;position:relative}.sidebar-nav-item-wrapper{width:100%;position:relative}.sidebar-nav-item{background-color:var(--app-surface-selected);cursor:pointer;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;padding:12px 16px;display:flex}.sidebar-nav-item:hover{background-color:var(--app-surface-selected)}.sidebar-nav-item:hover .sidebar-nav-item-icon{opacity:1}.sidebar-nav-item.active{background-color:var(--app-surface-3)}.sidebar-nav-item.active .sidebar-nav-item-label{color:var(--app-primary)}.sidebar-nav-item.active .sidebar-nav-item-icon{opacity:1}.sidebar-nav-icon-text{align-items:center;gap:14px;display:flex;position:relative}.sidebar-nav-icon-text .count-badge{color:var(--app-dark-0);background:var(--app-primary);width:fit-content;font-size:12px;font-weight:var(--AppTheme--weight-regular);border-radius:50rem;place-items:center;min-width:18px;height:18px;display:grid}.sidebar-nav-icon-text .count-badge.count-badge-collapse{position:absolute;left:20px}.sidebar-nav-item-icon{width:24px;height:24px;filter:var(--app-filter-primary)}.sidebar-nav-item-dropdown{width:10px;height:100%;transition:transform .3s;position:absolute;right:15px;transform:rotate(0)}.sidebar-nav-item-dropdown.open{transform:rotate(180deg)}.sidebar-nav-item-label{font-size:14px;font-weight:var(--AppTheme--weight-regular);letter-spacing:-2.5%;color:var(--app-text-secondary);white-space:nowrap}.sidebar-sublink-container{background:var(--app-surface-0);z-index:1002;border-radius:8px;flex-direction:column;width:100%;max-height:400px;margin-bottom:5px;display:flex;position:relative;overflow-y:auto}.sidebar-sublink-container::-webkit-scrollbar{width:4px}.sidebar-sublink-container::-webkit-scrollbar-track{background:0 0}.sidebar-sublink-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-sublink-container::-webkit-scrollbar-thumb:hover{background:#fff6}.sidebar-sublink-item{color:var(--app-text-secondary);font-size:14px;font-weight:var(--AppTheme--weight-regular);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:14px;padding:12px 16px;display:flex}.sidebar-sublink-item.active{background:var(--app-surface-selected);color:var(--app-primary)}.sidebar-sublink-item.active .sidebar-sublink-item-icon{filter:var(--app-filter-primary)}.sidebar-sublink-item:hover{background:var(--app-surface-selected);color:var(--app-primary)}.sidebar-sublink-item .sidebar-sublink-item-icon{width:24px;height:24px;filter:var(--app-filter-muted)}@media (max-width:1999px){.sidebar.expanded,.sidebar.collapsed{box-shadow:8px 0 24px var(--app-black-alpha-30)}}@media (min-width:1600px){.sidebar{z-index:1000;transition:width .3s;position:fixed!important}.sidebar.expanded{width:210px}.sidebar.expanded .sidebar-nav-item-label,.sidebar.expanded .sidebar-nav-item-dropdown,.sidebar.expanded .sidebar-sublink-container,.sidebar.expanded .sidebar-language,.sidebar.expanded .sidebar-section-header{opacity:1;pointer-events:auto;transition:opacity .3s}.sidebar.expanded .sidebar-banner{opacity:1}.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-nav-item-label,.sidebar.collapsed .sidebar-nav-item-dropdown,.sidebar.collapsed .sidebar-sublink-container,.sidebar.collapsed .sidebar-language,.sidebar.collapsed .sidebar-section-header{opacity:0;pointer-events:none;transition:opacity .3s}.sidebar.collapsed .sidebar-banner{opacity:0}.sidebar.collapsed>.sidebar-language>.language-btn{justify-content:center}.sidebar.collapsed>.sidebar-language>.language-btn>span{opacity:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 0}.sidebar.collapsed .logo-text{opacity:0}.sidebar.collapsed .sidebar-toggle{margin-top:12px;position:static}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:14px 0}.sidebar.collapsed .sidebar-nav-item-icon{margin-right:0}}
.sidebar-language{border-top:1px solid var(--app-surface-1);flex-direction:column;gap:4px;padding:12px;display:flex}.sidebar-language .language-btn{cursor:pointer;color:var(--app-white);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.sidebar-language .language-btn:hover{background-color:var(--app-surface-1);color:var(--app-neutral-260)}.sidebar-language .language-btn.active{background-color:rgba(var(--app-primary), .1);color:var(--app-primary)}.sidebar-language .language-btn img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:20px;height:20px}.sidebar-language .language-btn span{font-size:13px;font-weight:var(--AppTheme--weight-regular);white-space:nowrap}.sidebar-language--disabled{opacity:.5;pointer-events:none}.sidebar-language--disabled>.active{background-color:var(--app-surface-muted)!important;color:var(--app-text-secondary)!important}.sidebar-language--disabled .language-btn{cursor:not-allowed}.sidebar-language--disabled .language-btn:hover{background:inherit;transform:none}