.legacy-server-page{--dark-bg-primary:#0d1118;--dark-bg-secondary:#171d29;--dark-bg-tertiary:#1f293a;--dark-bg-hover:#263246;--dark-border-color:#ffffff1f;--dark-border-light:#fff3;--dark-text-primary:#f5f8fc;--dark-text-secondary:#bbc7d8;--dark-text-muted:#8290a6;--dark-accent-primary:#7487ff;--dark-accent-secondary:#38bdab;--dark-accent-warning:#ffb14a;--dark-accent-danger:#ff6b8a;--dark-card-shadow:0 22px 60px #00000052;background:linear-gradient(135deg, #7487ff1f, transparent 38%), linear-gradient(225deg, #38bdab1a, transparent 44%), linear-gradient(180deg, #111827 0%, var(--dark-bg-primary) 52%, #090d13 100%);min-height:100vh;color:var(--dark-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px}.legacy-server-page a{text-decoration:none}.legacy-server-page .main-wrapper,.legacy-server-page .app{background:0 0;min-height:100vh}.legacy-server-page .app{align-items:flex-start;display:flex}.legacy-server-page .sidebar{z-index:60;border-right:1px solid var(--dark-border-color);scrollbar-color:#7c8aff61 #ffffff0a;scrollbar-width:thin;background:linear-gradient(#181f2cfa 0%,#0b0f16fa 100%);width:230px;min-height:100vh;padding:0 0 60px;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:10px 0 32px #0000002e}.legacy-server-page .sidebar::-webkit-scrollbar{width:8px}.legacy-server-page .sidebar::-webkit-scrollbar-track{background:#ffffff0a}.legacy-server-page .sidebar::-webkit-scrollbar-thumb{background:#7c8aff61;border-radius:999px}.legacy-server-page .sidebar-container{width:100%}.legacy-server-page .sidebar-header{border-bottom:1px solid var(--dark-border-color);justify-content:center;width:100%;margin-bottom:15px;padding-bottom:5px;display:flex}.legacy-server-page .brand,.legacy-server-page .logo,.legacy-server-page .logo-text{justify-content:center;align-items:center;width:100%;display:flex}.legacy-server-page .logo{padding:15px 0}.legacy-server-page .logo-upkk{color:#0000;letter-spacing:3px;background:linear-gradient(135deg,#8da0ff 0%,#55d6be 52%,#ffbf68 100%);-webkit-background-clip:text;background-clip:text;padding:8px 0;font-family:Arial Black,Segoe UI,sans-serif;font-size:36px;font-weight:900;line-height:1;display:inline-block;position:relative}.legacy-server-page .logo-upkk:after{content:"";background:linear-gradient(90deg,#8da0ff,#55d6be,#ffbf68);border-radius:2px;width:100%;height:3px;position:absolute;bottom:0;left:0}.legacy-server-page .sidebar-menu{margin:0;padding:0;list-style:none}.legacy-server-page .sidebar-menu li a{min-height:44px;color:var(--dark-text-secondary);border-radius:8px;align-items:center;gap:9px;margin:4px 8px;padding:12px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.legacy-server-page .sidebar-menu li a:before{background:linear-gradient(180deg, var(--dark-accent-primary), var(--dark-accent-secondary));content:"";width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.legacy-server-page .sidebar-menu li.active a,.legacy-server-page .sidebar-menu li a:hover{color:var(--dark-text-primary);background:#ffffff12;transform:translate(5px)}.legacy-server-page .sidebar-menu li.active a:before,.legacy-server-page .sidebar-menu li a:hover:before{transform:scaleY(1)}.legacy-server-page .sidebar-icon{color:currentColor;width:16px;display:inline-flex}.legacy-server-page .sidebar-setting-card{background:linear-gradient(135deg,#7487ff24,#38bdab14);border:1px solid #7485ff52;border-radius:8px;margin:8px;padding:14px 16px}.legacy-server-page .light-mode-card{background:#ffc10714;border-color:#ffc10759;justify-content:space-between;align-items:center;display:flex}.legacy-server-page .setting-label{color:var(--dark-text-primary);align-items:center;gap:10px;font-weight:500;display:flex}.legacy-server-page .theme-toggle-pill{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));border-radius:999px;width:44px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.legacy-server-page .theme-toggle-pill span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000038}.legacy-server-page .theme-toggle-pill.is-on{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.legacy-server-page .theme-toggle-pill.is-on span{transform:translate(22px)}.legacy-server-page .language-card{background:linear-gradient(135deg,#7487ff29,#38bdab14);gap:11px;display:grid}.legacy-server-page .language-pill{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:flex}.legacy-server-page .language-select{position:relative}.legacy-server-page .language-select-trigger{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff;cursor:pointer;border:1px solid #ffffff21;border-radius:22px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;display:flex}.legacy-server-page .language-select-menu{z-index:90;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121823f7;border:1px solid #ffffff24;border-radius:10px;gap:5px;min-width:176px;padding:8px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-6px);box-shadow:0 18px 48px #00000061,inset 0 1px #ffffff0f}.legacy-server-page .language-select:hover .language-select-menu,.legacy-server-page .language-select:focus-within .language-select-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.legacy-server-page .language-select-menu a{min-height:36px;color:var(--dark-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.legacy-server-page .language-select-menu a:hover,.legacy-server-page .language-select-menu a.active{color:var(--dark-text-primary);background:#7487ff2b}.legacy-server-page .language-select-menu a span{color:#fff;background:#ffffff14;border-radius:7px;justify-content:center;align-items:center;width:28px;height:24px;font-size:11px;font-weight:900;display:inline-flex}.legacy-server-page .language-select-menu a strong{font-size:13px;font-weight:750}.legacy-server-page .sidebar-links{margin-top:8px}.legacy-server-page .nav-divider{border-top:1px solid #ffffff1a;margin:12px 15px 0}.legacy-server-page .how-it-works-panel{color:var(--dark-text-secondary);background:#ffffff0e;border:1px solid #ffffff13;border-radius:8px;margin:10px 8px;padding:10px 12px;font-size:12px;line-height:1.55}.legacy-server-page .how-it-works-title{color:var(--dark-text-primary);align-items:center;gap:7px;margin-bottom:8px;font-weight:700;display:flex}.legacy-server-page .server-browser{width:min(1400px,100vw - 238px);min-width:0;color:var(--dark-text-primary);margin:0 auto 0 230px;padding:0 20px 20px}.legacy-server-page .top-nav-bar{z-index:50;border-bottom:1px solid var(--dark-border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#1b2332e6,#121823db);border-radius:0 0 12px 12px;margin-bottom:20px;position:sticky;top:0;box-shadow:0 16px 42px #0000003d,inset 0 1px #ffffff0f}.legacy-server-page .top-nav-inner{justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.legacy-server-page .top-nav-left,.legacy-server-page .top-nav-right,.legacy-server-page .top-nav-stats,.legacy-server-page .top-nav-toggle,.legacy-server-page .top-nav-toggle-label{align-items:center;display:flex}.legacy-server-page .top-nav-left{gap:16px;min-width:0}.legacy-server-page .top-nav-logo{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:18px;font-weight:800}.legacy-server-page .top-nav-stats{gap:14px;min-width:0;overflow:hidden}.legacy-server-page .top-nav-stat{color:var(--dark-text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.legacy-server-page .top-nav-stat strong{color:var(--dark-text-primary);font-weight:700}.legacy-server-page .top-nav-stat-address{text-overflow:ellipsis;max-width:min(32vw,260px);overflow:hidden}.legacy-server-page .top-nav-right{flex-shrink:0;gap:6px}.legacy-server-page .top-nav-toggle{border-radius:8px;gap:6px;min-height:36px;padding:4px 8px}.legacy-server-page .top-nav-toggle-label{color:var(--dark-text-secondary);gap:4px}.legacy-server-page .top-nav-toggle-text,.legacy-server-page .ios-toggle-status{font-size:12px;font-weight:500}.legacy-server-page .ios-toggle{cursor:pointer;background:#555;border:none;border-radius:999px;width:44px;height:26px;padding:0;position:relative}.legacy-server-page .ios-toggle-slider{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px}.legacy-server-page .ios-toggle.is-on{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary))}.legacy-server-page .ios-toggle.is-on .ios-toggle-slider{transform:translate(18px)}.legacy-server-page .top-nav-btn{min-height:36px;color:var(--dark-text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.legacy-server-page .top-nav-btn:hover{color:var(--dark-text-primary);background:#ffffff17}.legacy-server-page .top-nav-btn-favorites{color:#f87171}.legacy-server-page .top-nav-btn-discord{color:#818cf8}.legacy-server-page .top-nav-btn-admin{color:#5eead4}.legacy-server-page .top-nav-btn-client{color:#34d399}.legacy-server-page .top-nav-btn-darkmode{color:#fbbf24}.legacy-server-page .top-nav-btn-login{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff}.legacy-server-page .top-nav-auth-placeholder{color:#0000;background:#ffffff0e;border-radius:8px;align-items:center;min-width:72px;min-height:28px;display:inline-flex}.legacy-server-page .top-nav-user-group{align-items:center;gap:4px;min-width:0;display:inline-flex}.legacy-server-page .top-nav-btn-user{max-width:168px;color:var(--dark-text-primary);overflow:hidden}.legacy-server-page .top-nav-btn-user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.legacy-server-page .top-nav-btn-logout{color:#fca5a5}.legacy-server-page .top-nav-dropdown{position:relative}.legacy-server-page .top-nav-dropdown-arrow{transition:transform .16s}.legacy-server-page .top-nav-dropdown.open .top-nav-dropdown-arrow{transform:rotate(180deg)}.legacy-server-page .top-nav-dropdown-menu{z-index:95;opacity:0;pointer-events:none;transform-origin:100% 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff12,#ffffff06),#121823fa;border:1px solid #ffffff24;border-radius:12px;gap:8px;width:320px;padding:10px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px)scale(.98);box-shadow:0 24px 64px #0000006b,inset 0 1px #ffffff12}.legacy-server-page .top-nav-dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.legacy-server-page .top-nav-dropdown-item{color:var(--dark-text-primary);border-radius:10px;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:10px;transition:background .16s,transform .16s;display:grid}.legacy-server-page .top-nav-dropdown-item:hover{background:#7487ff21;transform:translate(2px)}.legacy-server-page .top-nav-dropdown-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.legacy-server-page .top-nav-dropdown-icon-github{background:linear-gradient(135deg,#24292f,#57606a)}.legacy-server-page .top-nav-dropdown-icon-china{background:linear-gradient(135deg,#f97316,#f59e0b)}.legacy-server-page .top-nav-dropdown-text{gap:2px;min-width:0;display:grid}.legacy-server-page .top-nav-dropdown-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;overflow:hidden}.legacy-server-page .top-nav-dropdown-text small{color:var(--dark-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.legacy-server-page .top-nav-dropdown-external{color:var(--dark-text-muted)}.legacy-server-page .filters-section{border:1px solid var(--dark-border-color);background:linear-gradient(180deg, #ffffff13, #ffffff08), var(--dark-bg-secondary);box-shadow:var(--dark-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;margin-bottom:20px;padding:16px 20px}.legacy-server-page .server-seo-summary{border-left:3px solid var(--dark-accent-secondary);max-width:1060px;color:var(--dark-text-secondary);margin:0 0 20px;padding:2px 0 2px 14px}.legacy-server-page .server-seo-summary h2{color:var(--dark-text-primary);margin:0 0 5px;font-size:15px;font-weight:850;line-height:1.35}.legacy-server-page .server-seo-summary p{max-width:980px;margin:0;font-size:13px;line-height:1.6}.legacy-server-page .filter-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.legacy-server-page .filter-toolbar .search-group{flex:260px;min-width:150px;max-width:400px}.legacy-server-page .search-input{position:relative}.legacy-server-page .search-input input{border:2px solid var(--dark-border-color);width:100%;height:44px;color:var(--dark-text-primary);background:#080c137a;border-radius:8px;outline:none;padding:0 14px 0 42px}.legacy-server-page .search-input input:focus{border-color:var(--dark-accent-primary);box-shadow:0 0 0 3px #7487ff29}.legacy-server-page .search-input input::placeholder{color:var(--dark-text-muted)}.legacy-server-page .search-icon{width:18px;height:18px;color:var(--dark-text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.legacy-server-page .game-tabs,.legacy-server-page .pagination-inline{white-space:nowrap;border:1px solid #7487ff2e;border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.legacy-server-page .game-tabs{background:#667eea1f}.legacy-server-page .pagination-inline{background:#ffffff0e}.legacy-server-page .game-tab{min-width:44px;min-height:34px;color:var(--dark-text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:5px 13px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.legacy-server-page .game-tab:hover{color:#667eea;background:#667eea33}.legacy-server-page .game-tab.active,.legacy-server-page .game-tab.is-pending{color:#fff;box-shadow:none;background:#667eea}.legacy-server-page .game-tab.is-pending{cursor:progress;opacity:.94}.legacy-server-page .btn-filter-toggle,.legacy-server-page .btn-reset,.legacy-server-page .btn-add-server{color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 14px;font-weight:700;display:inline-flex}.legacy-server-page .btn-filter-toggle{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary))}.legacy-server-page .btn-reset{color:var(--dark-text-primary);background:#fff1}.legacy-server-page .btn-add-server{background:linear-gradient(135deg,#38bdab2e,#4caf5024);border:1px solid #38bdab7a;box-shadow:0 0 18px #38bdab29}.legacy-server-page .view-mode-toggle{border:1px solid var(--dark-border-color);background:#ffffff0e;border-radius:8px;display:flex;overflow:hidden}.legacy-server-page .view-mode-btn{width:40px;height:40px;color:var(--dark-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.legacy-server-page .view-mode-btn.active{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff}.legacy-server-page .per-page-selector select{border:1px solid var(--dark-border-color);background:var(--dark-bg-secondary);width:64px;height:40px;color:var(--dark-text-secondary);text-align:center;border-radius:8px}.legacy-server-page .page-btn-inline{color:#aeb8ff;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:34px;min-height:34px;font-size:16px;font-weight:800;display:inline-flex}.legacy-server-page .page-btn-inline.disabled{opacity:.3}.legacy-server-page .page-btn-inline.is-pending{color:#fff;background:#7487ff2e}.legacy-server-page .page-indicator{color:#aeb8ff;padding:0 3px;font-size:13px;font-weight:700}.legacy-server-page .filter-drawer{border-top:1px solid var(--dark-border-color);flex:100%;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding-top:12px;display:none}.legacy-server-page .filter-drawer.is-open{display:grid}.legacy-server-page .filter-drawer label{gap:6px;min-width:0;display:grid}.legacy-server-page .filter-drawer label span{color:var(--dark-text-secondary);font-size:12px;font-weight:800}.legacy-server-page .filter-drawer select{border:1px solid var(--dark-border-color);width:100%;min-width:0;height:40px;color:var(--dark-text-primary);background:#080c137a;border-radius:8px;outline:none}.legacy-server-page .filter-drawer select:focus{border-color:var(--dark-accent-primary)}.legacy-server-page .btn-apply-advanced{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-self:end;align-items:center;gap:7px;height:40px;padding:0 16px;font-weight:800;display:inline-flex}.legacy-server-page .category-filter{border:1px solid var(--dark-border-color);background:linear-gradient(180deg, #ffffff12, #ffffff08), var(--dark-bg-secondary);box-shadow:var(--dark-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;margin-bottom:20px;padding:20px}.legacy-server-page .category-pills{flex-wrap:wrap;gap:10px;display:flex}.legacy-server-page .category-pill{border:1px solid var(--dark-border-color);color:#b9c3ff;background:#ffffff0e;border-radius:20px;justify-content:center;align-items:center;min-height:40px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.legacy-server-page .category-pill:hover{border-color:var(--dark-accent-primary);color:#eef1ff;background:#7487ff1f;transform:translateY(-2px)}.legacy-server-page .category-pill.active,.legacy-server-page .category-pill.is-pending{border-color:var(--dark-accent-primary);background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px #38bdab33,inset 0 0 0 1px #fff3}.legacy-server-page .category-pill.active:after,.legacy-server-page .category-pill.is-pending:after{content:"";background:#fffffff0;border-radius:999px;width:5px;height:5px;position:absolute;bottom:5px;right:7px;box-shadow:0 0 10px #ffffffad}.legacy-server-page .category-pill.is-pending{cursor:progress;opacity:.94}.legacy-server-page .api-preview-banner{color:#ffb74d;background:#ff980014;border:1px solid #ff980040;border-radius:8px;margin:-8px 0 16px;padding:10px 14px;font-size:12px}.legacy-server-page .content-with-drawer{align-items:flex-start;gap:20px;display:flex}.legacy-server-page .server-results-region{position:relative}.legacy-server-page .server-results-progress{z-index:4;opacity:0;pointer-events:none;border-radius:999px;width:100%;height:2px;transition:opacity .12s;position:absolute;top:-8px;left:0;overflow:hidden}.legacy-server-page .server-results-progress:after{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--dark-accent-primary), var(--dark-accent-secondary), transparent);content:"";width:38%;position:absolute;inset:0;transform:translate(-120%)}.legacy-server-page .server-results-region.is-refreshing .server-results-progress{opacity:1}.legacy-server-page .server-results-region.is-refreshing .server-results-progress:after{animation:.9s ease-in-out infinite server-results-progress}@keyframes server-results-progress{to{transform:translate(360%)}}.legacy-server-page .main-content{flex:1;min-width:0}.legacy-server-page .refresh-countdown-container{border:1px solid var(--dark-border-color);background:linear-gradient(135deg, #fff1 0%, #ffffff08 100%), var(--dark-bg-secondary);box-shadow:var(--dark-card-shadow);border-radius:10px;margin-bottom:20px;padding:12px 20px}.legacy-server-page .refresh-countdown-header{color:var(--dark-text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.legacy-server-page .refresh-countdown-time{color:var(--dark-accent-primary);font-weight:700}.legacy-server-page .refresh-progress-bar-container,.legacy-server-page .player-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.legacy-server-page .refresh-progress-bar-fill{background:linear-gradient(90deg, var(--dark-accent-primary), var(--dark-accent-secondary), var(--dark-accent-warning));border-radius:4px;height:100%;transition:width 1s linear}.legacy-server-page .server-grid{contain:layout;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:30px;display:grid}.legacy-server-page .server-card{border:1px solid var(--dark-border-color);background:linear-gradient(180deg, #ffffff12, #ffffff07), var(--dark-bg-secondary);height:392px;box-shadow:var(--dark-card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);contain:layout paint;border-radius:12px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;transform:translateZ(0)}.legacy-server-page .server-card:hover{border-color:var(--dark-accent-primary);transform:translateY(-4px)translateZ(0);box-shadow:0 26px 70px #00000061,0 0 0 1px #7487ff1f}.legacy-server-page .server-card-link{z-index:1;cursor:pointer;position:absolute;inset:0}.legacy-server-page .server-card-link:after{content:"";opacity:0;background:#7487ff14;border-radius:12px;transition:opacity .16s;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #7487ff59}.legacy-server-page .server-card-link.is-pending:after{opacity:1}.legacy-server-page .server-image{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));width:100%;height:180px;position:relative}.legacy-server-page .server-map-image{object-fit:cover;pointer-events:none}.legacy-server-page .server-card.is-offline{border-color:#f8717152}.legacy-server-page .server-card.is-offline .server-map-image{filter:grayscale(.75)brightness(.48)}.legacy-server-page .server-offline-overlay{z-index:3;color:#fff;pointer-events:none;text-align:center;background:radial-gradient(circle at 50% 45%,#f871712e,#0000 48%),#05080ead;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.legacy-server-page .server-offline-overlay strong{letter-spacing:.04em;font-size:18px;font-weight:900}.legacy-server-page .server-offline-overlay span{color:#ffffffe0;background:#00000047;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.legacy-server-page .server-badge{z-index:2;color:#fff;background:#0a0e16c7;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.legacy-server-page .server-actions{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;right:10px}.legacy-server-page .action-btn{color:#667eea;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.legacy-server-page .action-btn svg{stroke-width:2px;width:20px;height:20px}.legacy-server-page .action-btn:hover{background:#fff;transform:scale(1.1)}.legacy-server-page:not(.is-light-theme) .server-card .action-btn{background-color:#ffffff26}.legacy-server-page:not(.is-light-theme) .server-card .action-btn:hover{background-color:#ffffff40}.legacy-server-page .action-btn:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.legacy-server-page .action-auto,.legacy-server-page .action-btn.auto-join-btn{color:#fff;background:#ff9800e6}.legacy-server-page .action-connect{color:#5b6ef7}.legacy-server-page .action-refresh,.legacy-server-page .action-share,.legacy-server-page .action-copy{color:#667eea}.legacy-server-page .action-favorite{color:#ff4081}.legacy-server-page .action-refresh{color:#fff;background:#667eeae6}.legacy-server-page .action-btn.favorited{color:#fff;background:#ff4081}.legacy-server-page .action-btn.favorited svg{fill:#fff}.legacy-server-page .action-btn.refreshing svg{animation:1s linear infinite spin}.legacy-server-page .action-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.legacy-server-page .action-auto:hover,.legacy-server-page .action-btn.auto-join-btn:hover{background:#ff9800}.legacy-server-page .action-refresh:hover{background:#667eea}.legacy-server-page .action-favorite.is-active{color:#fff;background:#ff4081}.legacy-server-page .action-favorite.is-active:hover{background:#ff4081}.legacy-server-page .action-favorite.is-active svg{fill:currentColor}.legacy-server-page .action-auto.is-active{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);animation:2s infinite pulse-auto-join}.legacy-server-page:not(.is-light-theme) .server-card .action-btn,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.auto-join-btn,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.refresh-btn,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.favorite-btn,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.favorited{background-color:#ffffff26}.legacy-server-page:not(.is-light-theme) .server-card .action-btn:hover,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.auto-join-btn:hover,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.refresh-btn:hover,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.favorite-btn:hover,.legacy-server-page:not(.is-light-theme) .server-card .action-btn.favorited:hover{background-color:#ffffff40}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-auto-join{0%{box-shadow:0 0 #4caf5066,0 2px 8px #0003}70%{box-shadow:0 0 0 10px #4caf5000,0 2px 8px #0003}to{box-shadow:0 0 #4caf5000,0 2px 8px #0003}}.legacy-server-page .server-info{padding:16px}.legacy-server-page .server-name{min-width:0;color:var(--dark-text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin:0 48px 8px 0;font-size:16px;font-weight:800;line-height:1.4;display:flex;overflow:hidden}.legacy-server-page .game-chip{flex-shrink:0;display:inline-flex}.legacy-server-page .server-map{color:var(--dark-text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;display:flex;overflow:hidden}.legacy-server-page .player-count{flex-direction:column;margin-top:12px;padding:0;display:flex}.legacy-server-page .player-count-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.legacy-server-page .player-count-left{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;display:flex}.legacy-server-page .players{color:var(--dark-accent-primary);font-size:18px;font-weight:900}.legacy-server-page .max-players{color:#999;font-size:14px}.legacy-server-page .bot-count{color:var(--dark-accent-warning);font-size:12px;font-weight:700}.legacy-server-page .multi-server-btn{z-index:4;color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#f97316,#f59e0b);border:0;border-radius:5px;align-items:center;gap:5px;min-height:32px;margin-left:6px;padding:5px 12px;font-size:13px;font-weight:800;line-height:1.4;display:inline-flex;position:relative}.legacy-server-page .multi-server-btn:hover{filter:brightness(1.06)saturate(1.08);transform:translateY(-1px)}.legacy-server-page .player-progress-fill{border-radius:4px;height:100%;transition:width .3s}.legacy-server-page .progress-green{background:linear-gradient(90deg,#4caf50,#8bc34a)}.legacy-server-page .progress-yellow{background:linear-gradient(90deg,#ff9800,#ffc107)}.legacy-server-page .progress-red{background:linear-gradient(90deg,#f44336,#e91e63)}.legacy-server-page .server-card-utility-actions{z-index:4;gap:8px;min-width:0;margin-top:12px;display:flex;position:relative}.legacy-server-page .server-utility-btn{min-width:0;min-height:34px;color:var(--dark-text-secondary);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;line-height:1.1;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.legacy-server-page .server-utility-btn svg,.legacy-server-page .server-utility-btn span{min-width:0}.legacy-server-page .server-utility-btn svg{flex:none}.legacy-server-page .server-utility-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legacy-server-page .server-utility-btn:hover{color:#dbe4ff;background:#667eea24;border-color:#667eea61;transform:translateY(-1px)}.legacy-server-page .server-utility-btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.legacy-server-page .server-utility-refresh{color:#a9b7ff}.legacy-server-page .server-utility-favorite{color:#ff7ca7}.legacy-server-page .server-utility-favorite.is-active{color:#ff8fb4;background:#ff408124;border-color:#ff408161}.legacy-server-page .server-comments{color:#999;margin:10px 0 0;font-size:12px}.legacy-server-page .server-grid.is-list-view{grid-template-columns:1fr}.legacy-server-page .server-grid.is-list-view .server-card{grid-template-columns:minmax(220px,300px) minmax(0,1fr);height:220px;display:grid}.legacy-server-page .server-grid.is-list-view .server-card:hover{transform:translateY(-2px)translateZ(0)}.legacy-server-page .server-grid.is-list-view .server-card-link{z-index:1}.legacy-server-page .server-grid.is-list-view .server-image{height:100%}.legacy-server-page .server-grid.is-list-view .server-actions{top:10px;right:10px}.legacy-server-page .server-grid.is-list-view .server-info{flex-direction:column;justify-content:center;min-width:0;padding:18px 22px;display:flex}.legacy-server-page .server-grid.is-list-view .server-name{margin-right:0;font-size:18px}.legacy-server-page .server-grid.is-list-view .server-comments{margin-top:14px}.legacy-server-page .pagination-shell{justify-items:center;gap:12px;margin:30px 0;display:grid}.legacy-server-page .pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.legacy-server-page .pagination-pages{align-items:center;gap:8px;display:flex}.legacy-server-page .page-btn{border:1px solid var(--dark-border-color);background:var(--dark-bg-secondary);min-width:46px;height:46px;color:var(--dark-text-primary);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:700;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.legacy-server-page .page-btn:hover:not(.disabled){border-color:var(--dark-accent-primary);background:var(--dark-bg-hover);transform:translateY(-1px)}.legacy-server-page .page-number{min-width:46px;padding:0}.legacy-server-page .page-btn.active{border-color:var(--dark-accent-primary);background:var(--dark-accent-primary);color:#fff}.legacy-server-page .page-btn.is-pending{border-color:var(--dark-accent-primary);background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff}.legacy-server-page .page-btn.disabled{cursor:not-allowed;opacity:.5}.legacy-server-page .pagination-ellipsis{width:28px;color:var(--dark-text-muted);justify-content:center;align-items:center;display:inline-flex}.legacy-server-page .pagination-jump{border:1px solid var(--dark-border-color);background:var(--dark-bg-secondary);color:var(--dark-text-secondary);border-radius:10px;align-items:center;gap:8px;padding:7px 8px 7px 12px;font-size:13px;display:flex}.legacy-server-page .pagination-jump label{font-weight:700}.legacy-server-page .pagination-jump input{border:1px solid var(--dark-border-light);background:var(--dark-bg-primary);width:72px;height:34px;color:var(--dark-text-primary);text-align:center;border-radius:7px;outline:none;padding:0 8px}.legacy-server-page .pagination-jump input:focus{border-color:var(--dark-accent-primary);box-shadow:0 0 0 3px #7487ff24}.legacy-server-page .pagination-jump button{background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff;border-radius:7px;height:34px;padding:0 13px;font-weight:800}.legacy-server-page .empty-state{border:1px dashed var(--dark-border-color);color:var(--dark-text-secondary);text-align:center;background:#ffffff09;border-radius:12px;padding:48px 20px}.legacy-server-page .empty-state h2{color:var(--dark-text-primary);margin:0 0 8px;font-size:18px}.legacy-server-page .mobile-menu-toggle{z-index:9999;background:linear-gradient(135deg, var(--dark-accent-primary), var(--dark-accent-secondary));color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:fixed;top:15px;left:15px;box-shadow:0 4px 12px #0000004d}.legacy-server-page .server-sidebar-backdrop{display:none}.server-page-skeleton{pointer-events:none}.server-page-skeleton .skeleton-sidebar{padding:20px 14px}.server-page-skeleton .skeleton-logo,.server-page-skeleton .skeleton-sidebar-line,.server-page-skeleton .skeleton-sidebar-card,.server-page-skeleton .skeleton-line,.server-page-skeleton .skeleton-pill-row span,.server-page-skeleton .skeleton-search,.server-page-skeleton .skeleton-pill,.server-page-skeleton .skeleton-select-row span,.server-page-skeleton .skeleton-category-row span,.server-page-skeleton .skeleton-progress,.server-page-skeleton .skeleton-card-image,.server-page-skeleton .skeleton-title,.server-page-skeleton .skeleton-info-tile,.server-page-skeleton .skeleton-detail-grid span,.server-page-skeleton .skeleton-chart-large,.server-page-skeleton .skeleton-donut,.server-page-skeleton .skeleton-legend,.server-page-skeleton .skeleton-map-preview{background:#ffffff14;border-radius:10px;position:relative;overflow:hidden}.server-page-skeleton .skeleton-logo:after,.server-page-skeleton .skeleton-sidebar-line:after,.server-page-skeleton .skeleton-sidebar-card:after,.server-page-skeleton .skeleton-line:after,.server-page-skeleton .skeleton-pill-row span:after,.server-page-skeleton .skeleton-search:after,.server-page-skeleton .skeleton-pill:after,.server-page-skeleton .skeleton-select-row span:after,.server-page-skeleton .skeleton-category-row span:after,.server-page-skeleton .skeleton-progress:after,.server-page-skeleton .skeleton-card-image:after,.server-page-skeleton .skeleton-title:after,.server-page-skeleton .skeleton-info-tile:after,.server-page-skeleton .skeleton-detail-grid span:after,.server-page-skeleton .skeleton-chart-large:after,.server-page-skeleton .skeleton-donut:after,.server-page-skeleton .skeleton-legend:after,.server-page-skeleton .skeleton-map-preview:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.server-page-skeleton .skeleton-logo{width:132px;height:44px;margin:0 auto 22px}.server-page-skeleton .skeleton-sidebar-line{width:100%;height:42px;margin-top:10px}.server-page-skeleton .skeleton-sidebar-line.short{width:72%}.server-page-skeleton .skeleton-sidebar-card{width:100%;height:112px;margin-top:18px}.server-page-skeleton .skeleton-top-nav{justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;display:flex}.server-page-skeleton .skeleton-line{height:16px}.server-page-skeleton .skeleton-pill-row,.server-page-skeleton .skeleton-filter-row,.server-page-skeleton .skeleton-select-row,.server-page-skeleton .skeleton-category-row{flex-wrap:wrap;gap:10px;display:flex}.server-page-skeleton .skeleton-pill-row span{border-radius:999px;width:86px;height:28px}.server-page-skeleton .skeleton-search{flex:280px;height:44px}.server-page-skeleton .skeleton-pill{flex:0 0 116px;height:40px}.server-page-skeleton .skeleton-select-row{margin-top:14px}.server-page-skeleton .skeleton-select-row span{flex:160px;height:40px}.server-page-skeleton .skeleton-category-row span{border-radius:999px;width:104px;height:36px}.server-page-skeleton .skeleton-panel{opacity:.9}.server-page-skeleton .skeleton-progress{border-radius:999px;height:8px;margin-top:12px}.server-page-skeleton .skeleton-card{height:372px}.server-page-skeleton .skeleton-card-image{border-radius:0;height:180px}.server-page-skeleton .skeleton-card-body{gap:16px;padding:18px;display:grid}.server-page-skeleton .skeleton-detail-header{margin-top:20px}.server-page-skeleton .skeleton-title{width:min(100%,620px);height:42px}.server-page-skeleton .skeleton-info-tile{height:78px}.server-page-skeleton .skeleton-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px;display:grid}.server-page-skeleton .skeleton-detail-grid span{height:70px}.server-page-skeleton .skeleton-chart-large{height:430px;margin-top:20px}.server-page-skeleton .skeleton-map-chart-row{grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr);gap:22px;margin-top:20px;display:grid}.server-page-skeleton .skeleton-donut,.server-page-skeleton .skeleton-legend{height:420px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page){--dark-bg-primary:#eef6ff;--dark-bg-secondary:#ffffffc7;--dark-bg-tertiary:#f0f7ffe6;--dark-bg-hover:#e2f1fff0;--dark-border-color:#6f8fb93d;--dark-border-light:#5d7ba657;--dark-text-primary:#102033;--dark-text-secondary:#425871;--dark-text-muted:#73869f;--dark-accent-primary:#2563eb;--dark-accent-secondary:#05a9c7;--dark-card-shadow:0 18px 48px #264d7b1f;background:linear-gradient(#f8fcff 0%,#edf7ff 48%,#eaf4ff 100%)}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .main-wrapper,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .app{background:var(--dark-bg-primary)}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffeb 0%,#eff7ffe0 100%);border-right-color:#6989b23d;box-shadow:8px 0 30px #365b8414}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .top-nav-bar{color:var(--dark-text-primary);background:linear-gradient(#ffffffe6,#f0f8ffc7);border-bottom-color:#6989b238;box-shadow:0 12px 34px #325a861f,inset 0 1px #fffffff0}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .top-nav-btn:hover{background:#4f63d917}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .top-nav-dropdown-menu,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .language-select-menu{background:linear-gradient(#fffffffa,#f4fafff5);border-color:#6989b23d;box-shadow:0 20px 54px #264d7b29,inset 0 1px #ffffffe0}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .top-nav-dropdown-icon-github{background:linear-gradient(135deg,#374151,#6b7280)}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .language-select-menu a span{color:#3340a5;background:#4f63d91c}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .top-nav-bar,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .filters-section,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .category-filter,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .refresh-countdown-container,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-card,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .empty-state{box-shadow:var(--dark-card-shadow)}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .filters-section,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .category-filter,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .refresh-countdown-container,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-card,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .empty-state{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd1,#f5fbffa8),#ffffffc2;border-color:#6989b238}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .filters-section{box-shadow:0 18px 44px #264d7b1c,inset 0 1px #ffffffeb}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .search-input input,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .filter-drawer select,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .per-page-selector select{color:#102033;background:linear-gradient(#fffffffa,#f2f9ffe6);border-color:#5b7dab42;box-shadow:inset 0 1px #ffffffeb,0 1px 2px #2c55820a}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .search-input input:focus,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .filter-drawer select:focus,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .per-page-selector select:focus{border-color:#2563eb94;box-shadow:0 0 0 3px #0ea5e929,inset 0 1px #fffffff0}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .search-input input::placeholder{color:#7d8fa6}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .game-tabs,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .pagination-inline,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .view-mode-toggle{background:#e2f1ffb8;border-color:#2563eb2e}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .game-tab,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-btn-inline,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .view-mode-btn,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-indicator{color:#3d5572}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .game-tab:hover,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .view-mode-btn:hover,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-btn-inline:hover{color:#1d4ed8;background:#2563eb1a}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .game-tab.active,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .game-tab.is-pending,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .view-mode-btn.active,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .view-mode-btn.is-pending{color:#fff;background:linear-gradient(135deg,#2563eb,#05a9c7);box-shadow:0 10px 24px #2563eb33}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .btn-filter-toggle,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .btn-apply-advanced{background:linear-gradient(135deg,#2563eb,#05a9c7);box-shadow:0 12px 26px #2563eb2e}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .btn-reset{color:#2f4661;background:#ffffffb8;border:1px solid #5b7dab3d}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .btn-add-server{color:#08738a;background:linear-gradient(135deg,#05a9c729,#2563eb14),#fffc;border-color:#05a9c75c;box-shadow:0 12px 26px #05a9c724}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-seo-summary{color:#425871;border-left-color:#05a9c7}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .category-pill{color:#315c82;background:#ffffffad;border-color:#5b7dab3d;box-shadow:inset 0 1px #ffffffd6}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .category-pill:hover{color:#1d4ed8;background:#e2f1ffc7;border-color:#2563eb6b}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .category-pill.active,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .category-pill.is-pending{color:#fff;background:linear-gradient(135deg,#2563eb,#05a9c7);border-color:#2563eb8c;box-shadow:0 14px 30px #2563eb38,inset 0 1px #ffffff47}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-card{background:linear-gradient(#ffffffd6,#f3faffad),#ffffffc2}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-card:hover{border-color:#2563eb5c;box-shadow:0 24px 58px #264d7b29,0 0 0 1px #2563eb14}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-badge{background:#102033b8}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-actions{background:0 0}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-btn{color:#667eea;background:#ffffffe6;box-shadow:0 2px 8px #0003}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-btn:hover{background:#fff}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-connect{color:#5b6ef7}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-auto{color:#fff;background:#ff9800e6}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-refresh{color:#fff;background:#667eeae6}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-share,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-copy{color:#667eea}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-favorite{color:#ff4081}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-favorite.is-active{color:#fff;background:#ff4081;box-shadow:0 2px 8px #0003}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .action-auto.is-active{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%)}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-utility-btn{color:#52667f;background:#ffffffa3;border-color:#5b7dab2e}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-utility-btn:hover{color:#2563eb;background:#ebf6ffdb;border-color:#2563eb47}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-utility-refresh{color:#2563eb}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-utility-favorite{color:#e11d48}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-utility-favorite.is-active{color:#e11d48;background:#ffe4ebd1;border-color:#e11d483d}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .max-players,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-comments{color:#72849c}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-btn{color:#223951;background:#ffffffb8;border-color:#5b7dab3d;box-shadow:0 10px 24px #264d7b14}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .pagination-jump{background:#ffffffb8;border-color:#5b7dab3d;box-shadow:0 10px 24px #264d7b14}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .pagination-jump input{color:#102033;background:#fff;border-color:#5b7dab3d}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-btn:hover,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-btn.active,:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .page-btn.is-pending{color:#fff;background:linear-gradient(135deg,#2563eb,#05a9c7);border-color:#2563eb6b}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .how-it-works-panel{background:#4f63d914}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .server-card:hover{box-shadow:0 14px 34px #1c273e24}:is(.legacy-server-page.is-light-theme,html.is-light-theme .legacy-server-page) .api-preview-banner{color:#9a5b00;background:#f59e0b1a}@media (max-width:1260px){.legacy-server-page .top-nav-btn-client,.legacy-server-page .top-nav-btn-admin,.legacy-server-page .top-nav-stat-category{display:none}}@media (max-width:991px){.legacy-server-page .mobile-menu-toggle{display:flex}.legacy-server-page .sidebar{transition:left .24s;left:-230px;transform:none}.legacy-server-page.is-sidebar-open .sidebar{left:0;transform:none}.legacy-server-page .sidebar.is-mobile-open{left:0!important;transform:none!important}.legacy-server-page.is-sidebar-open .server-sidebar-backdrop{z-index:55;background:#0000008c;border:none;display:block;position:fixed;inset:0}.legacy-server-page .server-browser{width:100%;margin-left:0;padding:0 20px 20px}.legacy-server-page .top-nav-bar{border-radius:0 0 12px 12px}.legacy-server-page .top-nav-inner{flex-wrap:wrap;height:auto;min-height:70px;padding:10px 16px 10px 64px}.legacy-server-page .top-nav-right{scrollbar-width:none;max-width:100%;padding-bottom:3px;overflow-x:auto}.legacy-server-page .top-nav-right::-webkit-scrollbar{display:none}}@media (max-width:768px){.legacy-server-page{font-size:14px}.legacy-server-page .server-browser{padding:0 12px 16px}.legacy-server-page .top-nav-inner{min-height:58px;padding:8px 12px 8px 56px}.legacy-server-page .top-nav-stats{display:none}.legacy-server-page .top-nav-bar,.legacy-server-page .filters-section,.legacy-server-page .category-filter,.legacy-server-page .server-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 28px #0000003d}.legacy-server-page .top-nav-btn,.legacy-server-page .top-nav-toggle,.legacy-server-page .language-select-trigger{min-height:44px}.legacy-server-page .filters-section{border-radius:10px;margin-bottom:12px;padding:12px}.legacy-server-page .filter-toolbar{align-items:stretch;gap:8px}.legacy-server-page .filter-toolbar .search-group,.legacy-server-page .game-tabs{flex:100%;max-width:none}.legacy-server-page .btn-filter-toggle,.legacy-server-page .btn-reset,.legacy-server-page .btn-add-server{flex:calc(33.3333% - 6.66667px);min-width:0;min-height:44px;padding:0 8px}.legacy-server-page .view-mode-toggle{flex:116px}.legacy-server-page .per-page-selector{flex:0 0 82px}.legacy-server-page .pagination-inline{flex:112px}.legacy-server-page .btn-filter-toggle,.legacy-server-page .btn-reset,.legacy-server-page .btn-add-server,.legacy-server-page .view-mode-toggle{justify-content:center}.legacy-server-page .view-mode-btn{flex:1}.legacy-server-page .per-page-selector select{width:100%;height:44px}.legacy-server-page .pagination-inline{justify-content:center}.legacy-server-page .game-tab,.legacy-server-page .page-btn-inline,.legacy-server-page .view-mode-btn{min-height:44px}.legacy-server-page .page-btn-inline{min-width:44px}.legacy-server-page .pagination{gap:6px;width:100%;min-width:0}.legacy-server-page .pagination-pages{scrollbar-width:none;order:3;justify-content:flex-start;width:100%;min-width:0;padding-bottom:2px;overflow-x:auto}.legacy-server-page .pagination-pages::-webkit-scrollbar{display:none}.legacy-server-page .page-btn{min-width:42px;height:42px;padding:0 11px}.legacy-server-page .pagination-control-label{display:none}.legacy-server-page .pagination-jump{justify-content:center;width:min(100%,310px)}.legacy-server-page .category-filter{border-radius:10px;margin-bottom:12px;padding:10px 12px}.legacy-server-page .category-pills{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding-bottom:2px;overflow-x:auto}.legacy-server-page .category-pills::-webkit-scrollbar{display:none}.legacy-server-page .category-pill{flex:none;min-height:44px;font-size:13px}.legacy-server-page .server-grid{grid-template-columns:1fr;gap:14px}.legacy-server-page .server-card{border-radius:10px;height:360px}.legacy-server-page .server-image{height:156px}.legacy-server-page .server-actions{flex-direction:row;justify-content:flex-end;gap:6px;inset:auto 10px 10px}.legacy-server-page .action-btn{width:38px;height:38px}.legacy-server-page .action-btn:hover{transform:none}.legacy-server-page .server-info{padding:14px}.legacy-server-page .server-name{margin-right:0;font-size:15px}.legacy-server-page .server-map{margin-bottom:10px;font-size:13px}.legacy-server-page .player-count,.legacy-server-page .server-comments{margin-top:8px}.legacy-server-page .server-grid.is-list-view .server-card{height:360px;display:block}.legacy-server-page .server-grid.is-list-view .server-image{height:156px}.legacy-server-page .server-grid.is-list-view .server-actions{flex-direction:row;inset:auto 10px 10px}.legacy-server-page .server-grid.is-list-view .server-info{padding:14px;display:block}.legacy-server-page .server-grid.is-list-view .server-name{margin-right:0;font-size:15px}}