.mobile-only{display:block}@media (min-width:768px){.mobile-only{display:none!important}}.filters-drawer-overlay{z-index:1001;background:#00000073;animation:.2s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.filters-drawer-mobile{z-index:1002;background:var(--card-bg);border-top-left-radius:24px;border-top-right-radius:24px;max-height:90vh;padding:24px 16px 16px;animation:.25s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 24px #1e293b21}.filters-drawer-close{color:#6366f1;cursor:pointer;z-index:1003;background:0 0;border:none;font-size:2rem;position:absolute;top:16px;right:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.serverlist-mobile-header{display:none}@media (max-width:767px){.serverlist-mobile-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:54px;min-height:54px;padding:0 16px;display:flex;position:-webkit-sticky;position:sticky;top:56px;box-shadow:0 2px 8px #1e293b0a}.serverlist-mobile-title{color:var(--text-main);letter-spacing:.01em;margin:0;font-size:1.18rem;font-weight:700}.serverlist-mobile-filter{background:var(--bg-elevated-soft);color:var(--accent-primary);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;padding:7px 18px;font-size:1rem;font-weight:600;transition:background .18s,color .18s;display:flex;box-shadow:0 1px 4px #6366f10f}.serverlist-mobile-filter:hover{background:var(--bg-elevated);color:var(--accent-hover)}.serverlist-mobile-filter-label{display:inline}}.paginate-arrow{color:var(--text-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0 8px;padding:0;font-size:18px;transition:color .3s;display:flex}.paginate-arrow:hover:not(.disabled){color:var(--text-main)}.paginate-arrow.disabled,.paginate-arrow[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.ranking-list-container{background:var(--bg-elevated-soft);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius);border:1.5px solid var(--border-subtle);flex-direction:column;gap:24px;margin-top:24px;padding:24px;display:flex}@media (max-width:767px){.ranking-list-container{box-shadow:none;background:0 0;border:none;gap:16px;padding:10px 0 0}}.aside-nav-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin:0 auto 20px;padding:12px 24px;font-weight:600;transition:all .3s;display:none}.aside-nav-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.paginate{justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:24px 0;display:flex}.paginate-left,.paginate-right{color:var(--text-soft);cursor:pointer;font-size:18px;transition:color .3s}.paginate-left:hover,.paginate-right:hover{color:var(--text-main)}.paginate-left.disabled,.paginate-right.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.paginate-items{gap:8px;margin:0;padding:0;list-style:none;display:flex}.paginate-item{background:var(--bg-elevated-soft);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-main);border-radius:8px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.paginate-item:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.paginate-item-selected{background:var(--accent-primary);pointer-events:none}.placement-sponsored{position:relative}.placement-sponsored .ranking-list-item-rank{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.placement-daily{box-shadow:0 0 20px #fbbf2433;border-color:#fbbf24!important}.placement-daily:hover{box-shadow:0 12px 40px #fbbf2466;border-color:#fcd34d!important}.placement-weekly{box-shadow:0 0 20px #a78bfa33;border-color:#a78bfa!important}.placement-weekly:hover{box-shadow:0 12px 40px #a78bfa66;border-color:#c4b5fd!important}.placement-monthly{box-shadow:0 0 20px #f472b633;border-color:#f472b6!important}.placement-monthly:hover{box-shadow:0 12px 40px #f472b666;border-color:#f9a8d4!important}.placement-empty{border-radius:var(--border-radius);background:var(--bg-elevated-soft);opacity:.6;cursor:pointer;margin-bottom:16px;text-decoration:none;transition:all .3s;display:block;border:2px dashed var(--border-subtle)!important}.placement-empty:hover{opacity:1;border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 32px #3b82f633}@media (max-width:1024px){.aside-nav-btn{display:block}}@media (max-width:768px){.ranking-list-container{padding:16px}.paginate-item{width:36px;height:36px;font-size:14px}}