.page-server-browser{max-width:1100px;margin:0 auto;padding:1rem 1rem 4rem}.page-server-browser .breadcrumb{color:var(--text2);margin:.5rem 0 1.25rem;font-size:.8rem}.page-server-browser .breadcrumb a{color:var(--text2)}.page-server-browser .breadcrumb a:hover{color:var(--accent)}.sb-hero{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--bg2);border-radius:2px;margin-bottom:1.25rem;padding:1.5rem}.sb-kicker{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.sb-hero h1{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(1.8rem,5vw,2.8rem);font-style:italic;line-height:1}.sb-sub{color:var(--text2);max-width:62ch;margin:.6rem 0 0}.sb-controls{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.sb-presets{flex-wrap:wrap;gap:.4rem;display:flex}.sb-chip{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:999px;padding:.38rem .85rem;font-size:.84rem;font-weight:600;transition:border-color .12s,color .12s,background .12s}.sb-chip:hover{border-color:var(--accent);color:var(--text)}.sb-chip.active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent);color:var(--accent)}.sb-row2{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sb-map-input{background:var(--bg3);border:1px solid var(--border);min-width:220px;color:var(--text);border-radius:2px;flex:1;padding:.5rem .75rem;font-size:.88rem}.sb-map-input:focus{border-color:var(--accent);outline:none}.sb-empty-toggle{color:var(--text2);cursor:pointer;align-items:center;gap:.4rem;font-size:.84rem;display:flex}.sb-refresh{background:var(--accent);color:#04120d;cursor:pointer;border:0;border-radius:2px;padding:.5rem .9rem;font-size:.84rem;font-weight:700}.sb-refresh:disabled{opacity:.6;cursor:default}.sb-error{color:#f87171}.sb-table-wrap{border:1px solid var(--border);border-radius:3px;overflow-x:auto}.sb-table{border-collapse:collapse;width:100%;font-size:.86rem}.sb-table th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text2);background:var(--bg2);border-bottom:2px solid var(--accent);white-space:nowrap;padding:.6rem .75rem;font-size:.72rem}.sb-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.55rem .75rem}.sb-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 4%, transparent)}.sb-loading{text-align:center;color:var(--text2);padding:2rem 0!important}.sb-name{max-width:420px}.sb-name span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.sb-name small{color:var(--text2);font-size:.72rem}.sb-map{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.sb-num{text-align:right;white-space:nowrap}.sb-num .full{color:#f87171}.sb-num small{color:var(--text2)}.sb-vac{text-align:center;color:var(--accent)}.sb-join{white-space:nowrap;text-align:right}.sb-connect{background:var(--accent);color:#04120d;border-radius:2px;padding:.3rem .7rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-block}.sb-copy{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:2px;margin-left:.35rem;padding:.3rem .5rem}.sb-copy:hover{border-color:var(--accent);color:var(--accent)}.sb-pager{color:var(--text2);justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.84rem;display:flex}.sb-pager button{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:2px;padding:.3rem .65rem}.sb-pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sb-pager button:disabled{opacity:.4;cursor:default}.sb-seo,.sb-faq{margin-top:2.5rem}.sb-seo h2,.sb-faq h2{font-family:var(--font-display);text-transform:uppercase;margin:0 0 .75rem;font-size:1.3rem;font-style:italic}.sb-seo p{color:var(--text2);max-width:75ch;margin:0 0 .9rem;line-height:1.65}.sb-seo code{background:var(--bg3);border-radius:2px;padding:.1rem .35rem}.sb-faq-item{border:1px solid var(--border);background:var(--bg2);border-radius:2px;margin-bottom:.5rem;padding:.5rem .9rem}.sb-faq-item summary{cursor:pointer;color:var(--text);font-weight:600}.sb-faq-item p{color:var(--text2);margin:.6rem 0 .2rem;line-height:1.6}