.server-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1.15fr);gap:28px;align-items:center}
.server-heading-copy{min-width:0}.server-heading .eyebrow{font-size:10px;letter-spacing:1.4px}.server-heading h1{font-size:38px;margin:8px 0}.server-heading p{font-size:13px}
.server-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type refresh" "search free";gap:10px 12px;align-items:end;margin:0}
.server-filters .server-type{grid-area:type;gap:8px;justify-content:flex-end}.server-filters .server-type .button{min-height:36px;padding:8px 14px;font-size:12px}.server-filters>.button{grid-area:refresh;min-height:36px;padding:8px 12px;font-size:12px}
.server-filters label{display:grid;gap:4px;min-width:0;font-size:12px}.server-filters .server-search-field{grid-area:search}.server-filters input[type=search]{width:100%;min-height:36px;margin:0;padding:8px 10px;font-size:13px}.server-filters .server-free{grid-area:free;display:flex;align-items:center;gap:8px;min-height:36px;white-space:nowrap}.server-free input{margin:0}
#server-order,#server-status{font-size:12px;line-height:1.4;margin:7px 0}#server-vote-status,#server-copy-status{font-size:13px;margin:8px 0}#server-vote-status:empty,#server-copy-status:empty{display:none}
.server-regions{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}.server-region-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid #3b4037;border-radius:2px;background:#171a15;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.server-region-button img{width:24px;height:18px;object-fit:cover;border:1px solid #0009;flex:none}.server-region-button:hover{color:var(--text);border-color:#5a6152}.server-region-button[aria-pressed=true]{color:var(--accent);background:#c6e86b12;border-color:#c6e86b77}.server-region-count{font:11px var(--mono);color:#8c947f;padding-left:6px;border-left:1px solid #3b4037}.server-region-button[aria-pressed=true] .server-region-count{color:var(--accent)}
.server-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #3b4037;overscroll-behavior-x:contain}.server-table{width:100%;min-width:640px;table-layout:auto;border-collapse:collapse;background:#171a15}.server-table th,.server-table td{padding:9px 10px;border-bottom:1px solid #3b4037;vertical-align:middle}.server-table th{background:#20261b;font-size:12px;white-space:nowrap}.server-table th:first-child{width:100%}.server-table th[hidden]{display:none}.server-table th button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:5px 0;min-height:30px}.server-table th[aria-sort=ascending],.server-table th[aria-sort=descending]{color:var(--accent)}.server-table th button:focus-visible,.server-details-link:focus-visible,.server-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.server-table .server-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.server-table td.server-number{font:500 13px var(--mono)}.server-card h2{font-size:18px;line-height:1.15;margin:0 0 3px;overflow-wrap:anywhere;min-width:180px}.server-card h2 a{color:var(--text)}.server-card h2 a:hover{color:var(--accent);text-decoration:underline}.server-card p{font-size:12px;line-height:1.4;margin:2px 0;overflow-wrap:anywhere}.server-card code{user-select:all;font-size:10px}.server-card .button{min-height:34px;padding:7px 10px;font-size:12px;white-space:nowrap;gap:6px}.server-card button:disabled{opacity:.55;cursor:not-allowed}.server-row-actions{display:flex;gap:6px;justify-content:flex-end}.server-join.copied{background:#e4ffad;border-color:#e4ffad}.server-pagination{margin:16px 0;align-items:center}.server-credit{font-size:.8rem;color:#bbc2b2}
.server-table .server-region-cell{white-space:nowrap;font:12px var(--mono);color:var(--muted)}.server-region-cell img,.server-region-tag img{width:20px;height:15px;object-fit:cover;border:1px solid #0009;vertical-align:-3px;margin-right:7px}.server-region-tag{display:inline-flex;align-items:center;white-space:nowrap}
.server-detail-head h1{overflow-wrap:anywhere}.server-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:13px var(--mono);color:var(--muted)}.server-detail-meta .server-region-tag img{width:24px;height:18px;vertical-align:-4px}#server-detail-status{font-size:12px}
.server-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:24px}.server-panel{border:1px solid #3b4037;background:#171a15;padding:20px;min-width:0;overflow-wrap:anywhere}.server-panel h2{font-size:24px;margin-bottom:12px}.server-panel label{display:grid;gap:6px;margin:14px 0}.server-panel input{width:100%;min-width:0}.server-panel p{font-size:.85rem}.server-join-actions{margin:14px 0;flex-wrap:wrap}.server-join-actions .button{gap:8px}.server-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.85rem;margin:0}.server-facts dt{color:#bbc2b2}.server-facts dd{margin:0}
@media(max-width:1100px){.server-heading{grid-template-columns:minmax(0,1fr) minmax(390px,1fr);gap:20px}}
@media(max-width:900px){.server-detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.server-heading{grid-template-columns:1fr;gap:14px}.server-heading h1{font-size:32px}.server-heading p{font-size:12px}.server-filters{grid-template-columns:minmax(0,1fr) auto}.server-filters .server-type{justify-content:flex-start}.server-filters input[type=search]{font-size:16px;min-height:40px}.server-card h2{font-size:18px}.server-card .button{min-height:40px}.server-card .server-code{font-size:11px}.server-card code{font-size:10px}.server-region-button{min-height:40px}}
@media(max-width:420px){.server-card .server-code{display:none}.server-filters .server-free{font-size:11px}.server-filters{grid-template-columns:1fr;grid-template-areas:"type" "search" "free" "refresh"}.server-filters>.button{justify-self:start}.server-region-button img+span{display:none}.server-row-actions{flex-direction:column}}
.server-statistics{margin-bottom:24px}.server-statistics-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.server-statistics-heading label{margin:0;min-width:140px}.server-statistics-chart svg{display:block;width:100%;min-width:560px}.server-statistics-chart{overflow-x:auto}.server-statistics-table{max-height:320px;overflow:auto}.server-statistics-table table{width:100%;font-size:13px;border-collapse:collapse}.server-statistics-table th,.server-statistics-table td{padding:8px;text-align:left;border-bottom:1px solid #3b4037}#server-uptime{color:var(--accent);font-weight:600}