html,body{background:#060b16;min-height:100%;margin:0}.servers-page{isolation:isolate;direction:ltr;background:#060b16;min-height:100dvh;position:relative;overflow-x:hidden}.servers-page button,.servers-page input{font:inherit}.servers-page{--bg-0:#060a12;--surface:#0e1826;--line:#78aadc1a;--line-hi:#78c8ff38;--txt:#e8f1fb;--txt-2:#9fb2c8;--txt-3:#6b7f96;--cyan:#22d3ee;--blue:#3b82f6;--gold:#fbbf24;--green:#34d399;--red:#f87171;--violet:#a78bfa;--accent-grad:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%);--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--ease:cubic-bezier(.2,.7,.3,1)}.servers-page *{box-sizing:border-box}.servers-page,.servers-page{height:100%}.servers-page{color:var(--txt);-webkit-font-smoothing:antialiased;background:#060b16;margin:0;font-family:Inter,Vazirmatn,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45}.servers-page ::-webkit-scrollbar{width:10px;height:10px}.servers-page ::-webkit-scrollbar-track{background:0 0}.servers-page ::-webkit-scrollbar-thumb{background:#1b2c42 padding-box padding-box;border:2px solid #0000;border-radius:20px}.servers-page ::-webkit-scrollbar-thumb:hover{background:#27405e padding-box padding-box}.servers-page .wrap{max-width:1180px;margin:0 auto;padding:22px 20px 80px}.servers-page .topbar{border:1px solid var(--line);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(14px);z-index:40;background:linear-gradient(#142236bf,#0c162499);align-items:center;gap:18px;padding:12px 14px 12px 18px;display:flex;position:sticky;top:14px;box-shadow:0 12px 40px -18px #000000e6,inset 0 1px #ffffff0a}.servers-page .brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.servers-page .brand-logo{background:var(--accent-grad);letter-spacing:-.5px;color:#04121c;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid;box-shadow:0 6px 18px -6px #22d3eeb3}.servers-page .brand-txt b{letter-spacing:-.2px;font-size:15.5px;font-weight:700;line-height:1.2;display:block}.servers-page .brand-txt span{color:var(--txt-3);letter-spacing:.3px;font-size:11.5px;display:block}.servers-page .nav{align-items:center;gap:2px;margin-inline-start:auto;display:flex}.servers-page .nav a{color:var(--txt-2);transition:color .18s var(--ease), background .18s var(--ease);white-space:nowrap;border-radius:11px;padding:9px 15px;font-size:13.5px;font-weight:500;text-decoration:none;position:relative}.servers-page .nav a:hover{color:var(--txt);background:#ffffff0d}.servers-page .nav a.active{color:#0a1622;background:var(--accent-grad);font-weight:650;box-shadow:0 6px 18px -8px #22d3eecc}.servers-page .nav a.boost{color:var(--gold);font-weight:650}.servers-page .nav a.boost:hover{background:#fbbf241f}.servers-page .nav a.boost:after{content:"";border:1px solid #fbbf244d;border-radius:11px;position:absolute;inset:0}.servers-page .controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.servers-page .sorts{border:1px solid var(--line);background:#0d172699;border-radius:14px;align-items:center;gap:6px;padding:5px;display:flex}.servers-page .sorts button{color:var(--txt-2);cursor:pointer;white-space:nowrap;transition:all .18s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.servers-page .sorts button:hover{color:var(--txt);background:#ffffff0f}.servers-page .sorts button.on{background:var(--accent-grad);color:#04121c;box-shadow:0 6px 16px -8px #22d3eee6}.servers-page .sorts button svg{opacity:.75}.servers-page .sorts button.on svg{opacity:1}.servers-page .right-tools{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.servers-page .search{width:250px;position:relative}.servers-page .search svg{inset-inline-start:12px;color:var(--txt-3);pointer-events:none;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.servers-page .search input{border:1px solid var(--line);width:100%;height:40px;color:var(--txt);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s;background:#060c16b3;border-radius:11px;outline:none;padding-inline:36px 12px;font-family:inherit;font-size:13px}.servers-page .search input::placeholder{color:var(--txt-3)}.servers-page .search input:focus{background:#060c16f2;border-color:#22d3ee73;box-shadow:0 0 0 4px #22d3ee1a}.servers-page .search:focus-within svg{color:var(--cyan)}.servers-page .icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--txt);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease), transform .12s var(--ease);background:#ffffff0a;border-radius:11px;flex:none;place-items:center;display:grid}.servers-page .icon-btn:hover{border-color:var(--line-hi);color:var(--cyan);background:#ffffff14}.servers-page .icon-btn:active{transform:scale(.94)}.servers-page .spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.servers-page .count{color:var(--txt-3);font-variant-numeric:tabular-nums;padding-inline-end:2px;font-size:12.5px}.servers-page .list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.servers-page .card{--tier:transparent;border-radius:var(--r-lg);border:1px solid var(--line);transition:transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease);animation:rise .4s var(--ease) backwards;background:linear-gradient(#1320328c,#0b13208c);align-items:center;gap:16px;padding:14px 16px;display:flex;position:relative;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.servers-page .card:before{content:"";inset-inline-start:0;background:var(--accent-grad);opacity:0;width:3px;transition:opacity .22s var(--ease);border-radius:0 3px 3px 0;position:absolute;top:14px;bottom:14px}.servers-page .card:hover{border-color:var(--line-hi);background:linear-gradient(#18293fbf,#0d1726b3);transform:translateY(-2px);box-shadow:0 18px 44px -22px #000000f2,0 0 0 1px #22d3ee14}.servers-page .card:hover:before{opacity:1}.servers-page .card.boosted{border-color:color-mix(in srgb, var(--tier) 28%, transparent);background:linear-gradient(115deg, color-mix(in srgb, var(--tier) 8%, transparent) 0%, #13203299 45%)}.servers-page .card.boosted:before{background:var(--tier);opacity:1}.servers-page .card.boosted:hover{border-color:color-mix(in srgb, var(--tier) 50%, transparent);box-shadow:0 18px 44px -22px #000000f2, 0 0 0 1px color-mix(in srgb, var(--tier) 16%, transparent)}.servers-page .rank{text-align:center;width:26px;color:var(--txt-3);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.servers-page .card.boosted .rank{color:var(--tier)}.servers-page .avatar{border:1px solid var(--line);background:#0d1929;border-radius:15px;flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.servers-page .avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.servers-page .avatar .fallback{color:var(--cyan);letter-spacing:-.5px;font-size:19px;font-weight:800}.servers-page .card.boosted .avatar{border-color:color-mix(in srgb, var(--tier) 35%, transparent)}.servers-page .avatar .dot{background:var(--green);border:3px solid #0b1421;border-radius:50%;width:14px;height:14px;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.servers-page .avatar .dot.off{background:var(--txt-3)}.servers-page .info{flex:1;min-width:0}.servers-page .title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.servers-page .name{letter-spacing:-.25px;color:var(--txt);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:700;overflow:hidden}.servers-page .card.boosted .name{color:var(--tier)}.servers-page .badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.servers-page .badge.on{color:var(--green);background:#34d39921;border:1px solid #34d39940}.servers-page .badge.off{color:var(--txt-3);background:#94a3b81a;border:1px solid #94a3b833}.servers-page .badge .pulse{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0}@keyframes pulse{70%{box-shadow:0 0 0 5px #34d39900}to{box-shadow:0 0 #34d39900}}.servers-page .badge.boost{color:var(--tier);background:color-mix(in srgb, var(--tier) 14%, transparent);border:1px solid color-mix(in srgb, var(--tier) 32%, transparent)}.servers-page .desc{color:var(--txt-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:12.8px;overflow:hidden}.servers-page .tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.servers-page .tag{cursor:pointer;color:#93c5fd;transition:all .16s var(--ease);background:#3b82f61f;border:1px solid #3b82f62e;border-radius:7px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:600}.servers-page .tag:hover{color:#dbeafe;background:#3b82f63d;transform:translateY(-1px)}.servers-page .playersbox{text-align:center;border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex:none;min-width:92px;padding:8px 12px}.servers-page .playersbox b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:1.2;display:block}.servers-page .playersbox b i{color:var(--txt-3);font-size:12.5px;font-style:normal;font-weight:500}.servers-page .playersbox span{color:var(--txt-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;display:block}.servers-page .boostbox{text-align:center;border:1px solid var(--line);background:#ffffff08;border-radius:12px;flex:none;min-width:72px;padding:8px 12px}.servers-page .boostbox b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:1.2;display:block}.servers-page .boostbox span{color:var(--txt-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600;display:block}.servers-page .card.boosted .boostbox{background:color-mix(in srgb, var(--tier) 12%, transparent);border-color:color-mix(in srgb, var(--tier) 30%, transparent);box-shadow:0 0 18px -8px var(--tier)}.servers-page .card.boosted .boostbox b{color:var(--tier)}.servers-page .join{cursor:pointer;background:var(--accent-grad);color:#04121c;letter-spacing:.1px;height:42px;transition:filter .18s var(--ease), transform .12s var(--ease), box-shadow .18s var(--ease);border:0;border-radius:12px;flex:none;align-items:center;gap:7px;padding:0 22px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px -12px #22d3eee6}.servers-page .join:hover{filter:brightness(1.1);box-shadow:0 12px 28px -10px #22d3ee}.servers-page .join:active{transform:scale(.96)}.servers-page .join svg{transition:transform .2s var(--ease)}.servers-page .card:hover .join svg{transform:translate(3px)}.servers-page .sk{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(90deg,#13203280 25%,#20324aa6 37%,#13203280 63%) 0 0/400% 100%;height:86px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.servers-page .empty{text-align:center;border-radius:var(--r-lg);border:1px dashed var(--line-hi);background:#0f1a2a66;padding:64px 20px}.servers-page .empty svg{color:var(--txt-3);margin-bottom:14px}.servers-page .empty h3{margin:0 0 6px;font-size:16px;font-weight:700}.servers-page .empty p{color:var(--txt-3);margin:0;font-size:13px}.servers-page .toast{border:1px solid var(--line-hi);color:var(--txt);opacity:0;visibility:hidden;transition:all .25s var(--ease);z-index:99;background:#122135;border-radius:13px;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:600;display:flex;position:fixed;inset-block-end:26px;inset-inline-start:50%;transform:translate(-50%,20px);box-shadow:0 20px 50px -18px #000000f2}.servers-page .toast.show{opacity:1;visibility:visible;transform:translate(-50%)}@media (max-width:1024px){.servers-page .search{width:200px}.servers-page .nav a{padding:8px 11px;font-size:13px}}@media (max-width:900px){.servers-page .controls{gap:8px}.servers-page .sorts{flex:100%;justify-content:center}.servers-page .sorts button{flex:1;justify-content:center;padding:8px;font-size:12.5px}.servers-page .right-tools{flex:100%;margin-inline-start:0}.servers-page .search{flex:1;width:auto}}@media (max-width:820px){.servers-page .wrap{padding:16px 14px 60px}.servers-page .topbar{flex-wrap:wrap;position:static}.servers-page .nav{border-top:1px solid var(--line);scrollbar-width:none;order:3;width:100%;margin-inline-start:0;padding-top:8px;overflow-x:auto}.servers-page .nav::-webkit-scrollbar{display:none}.servers-page .card{flex-wrap:wrap;padding:14px}.servers-page .rank{display:none}.servers-page .info{flex:calc(100% - 72px);min-width:0}.servers-page .playersbox,.servers-page .boostbox{flex:1 1 0;order:5}.servers-page .join{flex:100%;order:7;justify-content:center;margin-top:2px}}@media (max-width:480px){.servers-page .name{font-size:15px}.servers-page .avatar{width:48px;height:48px}.servers-page .sorts button span{display:none}.servers-page .sorts button{gap:0}}@media (prefers-reduced-motion:reduce){.servers-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.servers-page .avatar .fallback{z-index:0;place-items:center;display:grid;position:absolute;inset:0}.servers-page .avatar img{z-index:1;position:absolute;inset:0}.servers-page .avatar .dot{z-index:2}.servers-page .join:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.4)}