.server-picker{--sp-border:#e8edf5;--sp-muted:#64748b;--sp-text:#0f172a;--sp-accent:#0061f2}.server-picker-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.server-picker-head h2{margin:0 0 0.3rem;font-size:1.55rem;font-weight:700;color:var(--sp-text)}.server-picker-head p{margin:0;color:var(--sp-muted)}.server-tools{display:flex;flex-wrap:wrap;gap:0.45rem;margin-bottom:1rem}.server-tools button{border:1px solid var(--sp-border);background:#fff;color:var(--sp-muted);border-radius:999px;padding:0.4rem 0.85rem;font-size:0.8rem;font-weight:600;cursor:pointer}.server-tools button.is-active{background:var(--sp-accent);border-color:var(--sp-accent);color:#fff}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.95rem}@media (max-width:991.98px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.server-grid{grid-template-columns:1fr}}.server-card{border:1px solid var(--sp-border);border-radius:14px;background:#fff;padding:1rem 1.05rem 1.05rem;display:flex;flex-direction:column;min-height:100%;transition:border-color .15s,box-shadow .15s,transform .15s}.server-card:hover{border-color:#b7cdf8;box-shadow:0 10px 24px rgba(15,23,42,.06);transform:translateY(-1px)}.server-card.is-full{opacity:.92}.server-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;margin-bottom:0.85rem}.server-card-title{margin:0;font-size:1.02rem;font-weight:700;color:var(--sp-text)}.server-card-host{margin:0.2rem 0 0;font-size:0.82rem;color:var(--sp-muted);word-break:break-all}.server-status{display:inline-flex;align-items:center;gap:0.35rem;border-radius:999px;padding:0.25rem 0.55rem;font-size:0.72rem;font-weight:700;flex-shrink:0}.server-status.online{background:#e8f8ef;color:#157347}.server-status.offline{background:#fdecec;color:#b02a37}.server-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.server-meta{list-style:none;margin:0;padding:0;display:grid;gap:0.45rem}.server-meta li{display:flex;justify-content:space-between;gap:0.75rem;font-size:0.86rem;color:var(--sp-text);padding:0.35rem 0;border-bottom:1px solid #f1f5f9}.server-meta li:last-child{border-bottom:0}.server-meta span{color:var(--sp-muted)}.server-meta strong{font-weight:600;text-align:right}.server-card-foot{margin-top:auto;padding-top:0.9rem;display:grid;gap:0.65rem}.server-slot{display:flex;align-items:center;justify-content:space-between;font-size:0.8rem;color:var(--sp-muted)}.server-slot b{color:var(--sp-text)}.server-slot.is-full b{color:#b02a37}.server-card .btn{border-radius:10px;font-weight:600}.server-empty{display:none;text-align:center;padding:2rem 1rem;border:1px dashed var(--sp-border);border-radius:12px;color:var(--sp-muted);background:#f8fafc}.server-empty.is-visible{display:block}.server-hero-crumb{display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center;margin-bottom:0.85rem;font-size:0.85rem}.server-hero-crumb a{color:rgba(255,255,255,.85)}.server-hero-crumb span{color:rgba(255,255,255,.55)}.server-hero-flag{width:42px;height:28px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.25);margin-right:0.55rem;vertical-align:middle}.server-hero-stats{display:flex;flex-wrap:wrap;gap:0.65rem;margin:1rem 0 1.25rem}.server-hero-stat{min-width:92px;padding:0.5rem 0.8rem;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.server-hero-stat strong{display:block;color:#fff;font-size:1.1rem;line-height:1.1}.server-hero-stat span{color:rgba(255,255,255,.78);font-size:0.72rem}