.servers-head{padding:132px var(--gutter) 18px;text-align:center;justify-items:center;gap:10px;display:grid}.servers-head h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.6vw,56px);font-weight:600}.servers-head p{max-width:620px;color:var(--muted);margin:0}.servers-body{padding-top:8px}.server-directory{gap:18px;display:grid}.directory-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.directory-stats>div{background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;border-radius:20px;gap:2px;padding:16px 20px;display:grid}.directory-stats strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:650}.directory-stats strong small{color:var(--dim);font-size:16px;font-weight:600}.directory-stats span{color:var(--muted);font-size:13px}.directory-toolbar{z-index:20;box-shadow:0 0 0 1px var(--line) inset, 0 18px 40px -24px #000000e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080920db;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex;position:sticky;top:84px}.directory-filters{flex-wrap:wrap;gap:4px;display:flex}.directory-filters button{color:var(--muted);font:550 13.5px var(--font-sans);cursor:pointer;transition:color .25s, background .35s var(--ease);background:0 0;border:0;border-radius:999px;padding:8px 14px}.directory-filters button:hover{color:var(--text)}.directory-filters button.active{color:#0b0c2a;background:#fff}.directory-sort{color:var(--muted);align-items:center;gap:8px;padding-right:6px;font-size:13px;display:flex}.directory-sort select{color:var(--text);font:550 13.5px var(--font-sans);background:#ffffff12;border:0;border-radius:12px;padding:7px 10px}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.directory-empty{border-radius:var(--radius);background:var(--panel);color:var(--muted);text-align:center;padding:36px}.directory-note{color:var(--dim);margin:4px 0 0;font-size:13px}.server-map{border-radius:var(--radius);background:radial-gradient(80% 90% at 50% 40%, #2f43ff29, transparent 70%), var(--panel);box-shadow:0 0 0 1px var(--line) inset;gap:10px;padding:14px;display:grid;position:relative}.server-map-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.map-views{background:#ffffff0d;border-radius:999px;gap:4px;padding:4px;display:flex}.map-views button{color:var(--muted);font:600 13px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px}.map-views button[aria-pressed=true]{color:var(--text);background:#ffffff1f}.map-nearest{color:var(--muted);margin:0;font-size:13.5px}.map-nearest b{color:var(--text);font-weight:650}.map-nearest span{color:var(--success);font-variant-numeric:tabular-nums;font-weight:650}.map-canvas{width:100%;height:auto;display:block;overflow:visible}.map-land{fill:none;stroke:#8496ff57;stroke-linecap:round}.map-route{fill:none;stroke:var(--success);stroke-width:1.6px;stroke-dasharray:4 5;opacity:.75;animation:1.6s linear infinite map-route}@keyframes map-route{to{stroke-dashoffset:-18px}}.map-marker{cursor:pointer;outline:none}.marker-dot{fill:var(--success);stroke:#04051a;stroke-width:1.6px;transition:r .25s var(--ease)}.marker-halo{fill:var(--success);opacity:.18;transform-origin:50%;animation:marker-pulse 2.4s var(--ease) infinite}.map-marker.degraded .marker-dot,.map-marker.maintenance .marker-dot,.map-marker.degraded .marker-halo,.map-marker.maintenance .marker-halo{fill:var(--warning)}.map-marker.offline .marker-dot{fill:var(--danger)}.map-marker.offline .marker-halo{display:none}.map-marker.is-active .marker-dot,.map-marker:focus-visible .marker-dot{r:6.5;fill:#fff}@keyframes marker-pulse{0%{opacity:.5;transform:scale(.45)}to{opacity:0;transform:scale(1.5)}}.map-you rect{fill:#fff;stroke:#04051a;stroke-width:1.5px}.map-you text{fill:#fff;font:700 10px var(--font-sans);text-anchor:middle}.map-tip{z-index:2;min-width:120px;box-shadow:0 0 0 1px var(--line-strong) inset, 0 18px 40px -18px #000;pointer-events:none;background:#06071af0;border-radius:14px;gap:1px;padding:9px 12px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.map-tip strong{font-size:14px}.map-tip small{color:var(--muted);font-size:12px}.map-tip span{color:var(--success);font-size:12.5px;font-weight:650}.server-map>svg,.server-map>.map-tip{grid-area:2/1}.server-card{border-radius:var(--radius);background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;transition:transform .6s var(--ease), box-shadow .5s var(--ease);gap:14px;padding:18px;scroll-margin:160px;display:grid;position:relative;overflow:hidden}.server-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2f43ff2e,#0000 70%);border-radius:50%;width:260px;height:260px;transition:opacity .5s;position:absolute;inset:auto -20% -60% auto}.server-card:hover{box-shadow:0 0 0 1px var(--line-strong) inset, 0 40px 90px -40px #2f43ffb3;transform:translateY(-4px)}.server-card.offline,.server-card.maintenance{opacity:.72}.server-card.is-selected{box-shadow:inset 0 0 0 1px #b8a6ffb3,0 30px 70px -40px #2f43ffcc}.server-protocols{color:var(--ice);letter-spacing:.01em;margin:0;font-size:12.5px;font-weight:600}.server-card-top{align-items:center;gap:14px;display:flex}.server-card-top>div{flex:1;min-width:0;display:grid}.server-card-top strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;font-size:18px;overflow:hidden}.server-card-top small{color:var(--muted);font-size:13px}.server-flag{width:48px;height:48px;box-shadow:0 0 0 1px var(--line) inset;background:#ffffff0f;border-radius:16px;flex:none;place-items:center;font-size:26px;display:grid}.server-state{color:var(--muted);background:#ffffff0f;border-radius:999px;flex:none;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:650;display:inline-flex}.server-state i{background:currentColor;border-radius:50%;width:8px;height:8px;position:relative}.server-state.online{color:var(--success);background:#62e3aa1f}.server-state.online i:after{content:"";animation:server-ping 2.2s var(--ease) infinite;border:1.5px solid;border-radius:50%;position:absolute;inset:-5px}.server-state.degraded,.server-state.maintenance{color:var(--warning);background:#ffc46b1f}.server-state.offline{color:var(--danger);background:#ff6d8a1f}.server-state.large{margin-top:18px;padding:8px 16px;font-size:14px}@keyframes server-ping{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.server-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.server-metrics>div{background:#ffffff09;border-radius:14px;gap:3px;padding:11px 12px;display:grid}.server-metrics span{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:650}.server-metrics b{font-variant-numeric:tabular-nums;font-size:14.5px}.load-bar{background:#ffffff14;border-radius:3px;height:5px;margin-top:4px;display:block;position:relative;overflow:hidden}.load-bar em{background:var(--success);width:8%;transition:width 1s var(--ease);border-radius:3px;position:absolute;inset:0 auto 0 0}.load-bar.medium em{background:var(--warning)}.load-bar.high em{background:var(--danger)}.load-bar em[data-level="1"]{width:10%}.load-bar em[data-level="2"]{width:20%}.load-bar em[data-level="3"]{width:30%}.load-bar em[data-level="4"]{width:40%}.load-bar em[data-level="5"]{width:50%}.load-bar em[data-level="6"]{width:60%}.load-bar em[data-level="7"]{width:70%}.load-bar em[data-level="8"]{width:80%}.load-bar em[data-level="9"]{width:90%}.load-bar em[data-level="10"]{width:100%}.server-tags{flex-wrap:wrap;gap:6px;display:flex}.server-tags .tag{color:var(--muted);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.server-tags .tag.ok{color:var(--success);background:#62e3aa1a}.server-card-more{color:var(--lilac);opacity:.8;transition:opacity .3s, transform .4s var(--ease);font-size:13px;font-weight:600}.server-card:hover .server-card-more{opacity:1;transform:translate(3px)}.server-hero{padding:150px var(--gutter) 40px;text-align:center;justify-items:center;gap:6px;display:grid;position:relative}.server-hero:before{content:"";z-index:-1;background:radial-gradient(45% 50% at 50% 30%,#2f43ff47,#0000 70%);position:absolute;inset:0}.back-link{color:var(--muted);justify-self:center;margin-bottom:18px;font-size:14px}.back-link:hover{color:var(--text)}.server-hero-flag{filter:drop-shadow(0 12px 30px #2f43ff80);font-size:64px;line-height:1;animation:5s ease-in-out infinite server-float}@keyframes server-float{50%{transform:translateY(-6px)}}.server-hero h1{font-family:var(--font-display);letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(40px,6vw,76px);font-weight:600}.server-hero-place{color:var(--muted);margin:0;font-size:18px}.server-hero-summary{max-width:620px;color:var(--ice);margin:10px 0 0}.server-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.server-stats article{border-radius:var(--radius);background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;gap:6px;padding:22px;display:grid}.server-stats span{color:var(--dim);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:650}.server-stats strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.server-stats small{color:var(--muted);font-size:12.5px}.server-section{margin-top:40px}.server-section h2{letter-spacing:-.02em;margin:0 0 6px;font-size:26px}.server-section>p{color:var(--muted);margin:0 0 18px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.service-tile{background:var(--panel);box-shadow:0 0 0 1px var(--line) inset;border-radius:20px;gap:4px;padding:18px;display:grid}.service-tile b{border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.service-tile.ok b{color:var(--success);background:#62e3aa29}.service-tile.no b{color:var(--danger);background:#ff6d8a24}.service-tile span{font-weight:650}.service-tile small{color:var(--muted);font-size:12.5px}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px;display:grid}.tech-grid article{background:linear-gradient(145deg, #2f43ff24, #6f4dff14), var(--panel);box-shadow:0 0 0 1px var(--line) inset;border-radius:20px;padding:20px}.tech-grid strong{font-size:16px}.tech-grid p{color:var(--muted);margin:6px 0 0;font-size:14px}.server-cta{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line-strong) inset;background:linear-gradient(120deg,#2f43ff4d,#6f4dff38 50%,#ef7bff24);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:30px 34px;display:flex}.server-cta h2{margin:0 0 4px;font-size:26px}.server-cta p{color:var(--muted);margin:0}@media (max-width:860px){.server-stats{grid-template-columns:1fr 1fr}.servers-head{padding-top:112px}.directory-toolbar{top:72px}.directory-stats strong{font-size:21px}.directory-stats>div{padding:12px 14px}.map-nearest{font-size:12.5px}.server-hero{padding-top:120px}}@media (prefers-reduced-motion:reduce){.server-hero-flag,.server-state.online i:after,.marker-halo,.map-route{animation:none}}
