.server-card{padding:24px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.18s ease}
.server-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 80% 0%,rgba(124,58,237,.14),transparent 20rem);pointer-events:none}
.server-card>*{position:relative}
.server-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.42)}
.server-card.offline,.server-card.full{opacity:.65;filter:saturate(.75)}
.server-dot{position:absolute;right:22px;top:22px;width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.5)}
.server-dot.warn{background:#f59e0b;box-shadow:0 0 18px rgba(245,158,11,.5)}
.server-dot.danger{background:#ef4444;box-shadow:0 0 18px rgba(239,68,68,.5)}
.server-icon{width:58px;height:58px;border-radius:20px;background:rgba(2,6,23,.34);border:1px solid var(--line);display:grid;place-items:center;color:#a5b4fc;font-size:28px}
.server-name{margin:20px 0 0;color:#fff;font-size:23px;line-height:1.1;letter-spacing:-.045em;font-weight:1000}
.server-location{margin-top:9px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:1000}
.server-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.score{display:block;color:#a5b4fc;font-size:30px;letter-spacing:-.055em;font-weight:1000}