:root{
  --server-row-height:5.75rem;
  --server-green:#76c985;
  --server-blue:#83b5d9;
  --server-danger:#e07d68;
}
*{box-sizing:border-box}
.server-page{min-height:100vh;background:var(--color-canvas);font-size:1rem}
.server-page::before{display:none}
.server-page .site-header{grid-template-columns:auto 1fr}
.server-workspace{width:min(100% - 2rem,100rem);margin:0 auto;padding:2rem 0 4rem}
.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:0 0 1.5rem;border-bottom:1px solid var(--color-border)}
.workspace-head h1{margin:0;font:700 1.8125rem/1.2 var(--rl-font-body);letter-spacing:-.025em;text-wrap:balance}
.workspace-head p{max-width:68ch;margin:.5rem 0 0;color:var(--color-muted);font-size:.9375rem;line-height:1.5;text-wrap:pretty}
.freshness{display:flex;align-items:center;gap:.5rem;flex:none;color:var(--color-muted);font:500 .75rem var(--rl-font-data)}
.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--server-green);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--server-green) 14%,transparent)}
.workspace-grid{display:grid;grid-template-columns:14rem minmax(31rem,1fr) 20rem;gap:0;align-items:start}
.filter-rail,.server-index,.wipe-rail{min-width:0}
.filter-rail{position:sticky;top:var(--header-height);max-height:calc(100vh - var(--header-height));overflow:auto;padding:1.5rem 1.25rem 1.5rem 0}
.filter-shell summary{display:none}
#serverFilters{display:flex;flex-direction:column;gap:1rem}
.field{display:grid;gap:.4rem}.field>span,.choice-group legend,.sort-field>span{color:var(--color-muted);font-size:.75rem;font-weight:500}
.field input,.field select,.sort-field select{width:100%;min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--rl-radius-xs);background:var(--control-bg);color:var(--color-text);padding:.65rem .75rem;font:500 .875rem var(--rl-font-body)}
.field input::placeholder{color:#aeb3ac;opacity:1}
.field select,.sort-field select{appearance:auto}
.choice-group{display:grid;gap:.55rem;margin:0;padding:0;border:0}
.choice-group legend{margin-bottom:.15rem}
.choice-group label{display:flex;align-items:center;gap:.6rem;min-height:2.5rem;color:var(--color-text);font-size:.8125rem;cursor:pointer}
.choice-group input{width:1rem;height:1rem;margin:0;accent-color:var(--color-action)}
.reset-filters{min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--rl-radius-xs);background:transparent;color:var(--color-muted);font-weight:600;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.reset-filters:hover:not(:disabled){border-color:var(--rl-steel-500);background:var(--color-surface);color:var(--color-text)}
.reset-filters:disabled{cursor:not-allowed;opacity:.45}
.server-index{min-height:38rem;padding:1.5rem;border-inline:1px solid var(--color-border)}
.index-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.index-toolbar h2,.wipe-head h2{margin:0;font:600 1.25rem/1.25 var(--rl-font-body);letter-spacing:-.015em;text-wrap:balance}
.index-toolbar>div>span,.wipe-head p{display:block;margin-top:.25rem;color:var(--color-muted);font-size:.75rem}
.sort-field{display:grid;grid-template-columns:auto minmax(10rem,auto);align-items:center;gap:.65rem}
.sort-field select{min-height:2.5rem;padding:.5rem .65rem}
.server-table-head,.server-row{display:grid;grid-template-columns:minmax(13rem,1.6fr) 5.5rem minmax(7rem,.8fr) 4rem 2.5rem;gap:1rem;align-items:center}
.server-table-head{min-height:2rem;padding:0 .75rem;color:var(--color-muted);font:500 .6875rem var(--rl-font-data);border-bottom:1px solid var(--color-border)}
.server-row{min-height:var(--server-row-height);padding:.75rem;border-bottom:1px solid var(--color-border);transition:background-color .18s ease}
.server-row:hover{background:var(--color-surface)}
.server-name{min-width:0}.server-name>a{display:block;overflow:hidden;color:var(--color-text);font-size:.9375rem;font-weight:600;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.server-name>a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--color-action);text-underline-offset:.2rem}
.server-tags{display:flex;align-items:center;gap:.4rem;min-width:0;margin-top:.4rem;color:var(--color-muted);font-size:.6875rem}
.server-tags span{white-space:nowrap}.server-tags span+span::before{content:'·';margin-right:.4rem;color:var(--color-border)}
.server-pop{font:600 .8125rem var(--rl-font-data);font-variant-numeric:tabular-nums}.server-pop small{display:block;margin-top:.25rem;color:var(--color-muted);font:500 .625rem var(--rl-font-body)}
.population-bar{display:block;width:3.5rem;height:.1875rem;margin-top:.4rem;background:var(--color-border);overflow:hidden}.population-bar i{display:block;height:100%;background:var(--server-green)}
.server-map{min-width:0;color:var(--color-muted);font-size:.75rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-region{font:600 .75rem var(--rl-font-data)}
.server-open{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--rl-radius-xs);color:var(--color-muted);text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.server-open:hover{color:var(--color-text);border-color:var(--color-action);background:var(--color-surface-raised)}
.server-reason{grid-column:1/-1;margin-top:-.25rem;color:var(--color-muted);font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-skeleton,.wipe-skeleton{position:relative;overflow:hidden;background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.server-skeleton{height:var(--server-row-height)}.wipe-skeleton{height:6rem}
.server-skeleton::after,.wipe-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);transform:translateX(-100%);animation:skeleton 1.3s ease-in-out infinite}
@keyframes skeleton{to{transform:translateX(100%)}}
.load-more{width:100%;min-height:2.75rem;margin-top:1rem;border:1px solid var(--color-border);border-radius:var(--rl-radius-xs);background:var(--color-surface);color:var(--color-text);font-weight:600;cursor:pointer}
.load-more:hover{border-color:var(--color-action)}
.wipe-rail{position:sticky;top:var(--header-height);max-height:calc(100vh - var(--header-height));overflow:auto;padding:1.5rem 0 1.5rem 1.25rem}
.wipe-head{display:grid;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}
.segmented{display:grid;grid-template-columns:1fr 1fr;padding:.1875rem;border:1px solid var(--color-border);background:var(--control-bg)}
.segmented button{min-height:2.25rem;border:0;background:transparent;color:var(--color-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .18s ease,color .18s ease}
.segmented button:hover{color:var(--color-text)}.segmented button.is-active{background:var(--color-surface-raised);color:var(--color-text)}
.wipe-item{position:relative;padding:1rem 0 1rem 1.25rem;border-bottom:1px solid var(--color-border)}
.wipe-item::before{content:'';position:absolute;left:0;top:1.35rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-action)}
.wipe-time{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.wipe-time time{font:600 .75rem var(--rl-font-data);font-variant-numeric:tabular-nums}.wipe-time span{color:var(--color-action);font-size:.6875rem;font-weight:600}
.wipe-item h3{margin:.45rem 0 .35rem;font-size:.875rem;line-height:1.35}.wipe-item h3 a{color:var(--color-text);text-decoration:none}.wipe-item h3 a:hover{text-decoration:underline;text-underline-offset:.2rem}
.wipe-meta{display:flex;gap:.4rem;color:var(--color-muted);font-size:.6875rem}.wipe-meta span+span::before{content:'·';margin-right:.4rem;color:var(--color-border)}
.source-policy{margin:1rem 0 0;color:var(--color-muted);font-size:.6875rem;line-height:1.5}
.empty-state{padding:2rem 1rem;border-bottom:1px solid var(--color-border);text-align:center}.empty-state strong{display:block;font-size:.9375rem}.empty-state p{max-width:42ch;margin:.45rem auto 0;color:var(--color-muted);font-size:.8125rem;line-height:1.5}
.error-state{border-color:color-mix(in srgb,var(--server-danger) 55%,var(--color-border));color:var(--server-danger)}
.toast{position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:60;max-width:22rem;padding:.75rem 1rem;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 .75rem 2rem rgba(0,0,0,.35);font-size:.8125rem}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus)!important;outline-offset:3px}
@media(max-width:78rem){.workspace-grid{grid-template-columns:13rem minmax(30rem,1fr)}.wipe-rail{position:relative;top:auto;grid-column:1/-1;max-height:none;margin-top:0;padding:1.5rem 0;border-top:1px solid var(--color-border)}.wipe-head{grid-template-columns:1fr auto;align-items:end}.wipe-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.wipe-item{border:1px solid var(--color-border);padding:1rem}.wipe-item::before{display:none}}
@media(max-width:52rem){.server-page .site-header{display:flex;align-items:center;overflow:hidden}.server-page .site-header nav{overflow-x:auto;justify-self:auto}.server-workspace{width:100%;padding:1.25rem 0 3rem}.workspace-head{align-items:flex-start;padding:0 1rem 1.25rem}.freshness{margin-top:.3rem}.workspace-grid{display:block}.filter-rail{position:relative;top:auto;max-height:none;padding:0 1rem;border-bottom:1px solid var(--color-border)}.filter-shell summary{min-height:3rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600}.filter-shell summary span{min-width:1.5rem;padding:.15rem .35rem;background:var(--color-action);color:#fff;text-align:center;font:600 .6875rem var(--rl-font-data)}#serverFilters{display:grid;grid-template-columns:1fr 1fr;padding:0 0 1rem}.field--search,.choice-group,.reset-filters{grid-column:1/-1}.server-index{padding:1rem;border:0}.server-table-head{display:none}.server-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;align-items:start;padding:1rem .75rem}.server-name{grid-column:1/2;grid-row:1}.server-map{grid-column:1/2;grid-row:2}.server-region{grid-column:1/2;grid-row:3}.server-pop{grid-column:2/3;grid-row:2/4;text-align:right}.server-open{grid-column:2/3;grid-row:1}.server-reason{display:none}.wipe-rail{padding:1rem}.wipe-timeline{grid-template-columns:1fr 1fr}}
@media(max-width:38rem){.workspace-head{display:grid;gap:1rem}.index-toolbar{align-items:flex-start;flex-direction:column}.sort-field{width:100%;grid-template-columns:auto 1fr}.wipe-head{grid-template-columns:1fr}.wipe-timeline{grid-template-columns:1fr}#serverFilters{grid-template-columns:1fr}.field--search,.choice-group,.reset-filters{grid-column:auto}.server-row{min-height:auto}.server-map{max-width:13rem}.server-page .logo>span{display:none}}
@media(pointer:coarse){button,a,input,select,summary{min-height:2.75rem}}
@media(prefers-reduced-motion:reduce){.server-skeleton::after,.wipe-skeleton::after{animation:none}.server-row,.server-open,.reset-filters,.segmented button{transition:none}}