.monitor-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:58px 0 32px}.monitor-intro h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.6px;margin:14px 0 10px}.monitor-intro p{color:#91a5c0;margin:0}.monitor-intro .hub-primary{white-space:nowrap}.hub-page[data-hub=servers] .hub-directory{padding-top:24px}.hub-page[data-hub=servers] .hub-directory-heading{display:none}.monitor-extra{display:flex;gap:16px;margin:16px 0}.monitor-filter{display:flex;align-items:center;gap:12px;color:#91a5c0;font-size:12px}.monitor-filter select{background:#0d1623;color:#dce7f8;border:1px solid #26374d;border-radius:7px;padding:9px 30px 9px 12px;font:inherit}.monitor-results.community-directory{display:block!important;padding:0!important;min-height:280px}.monitor-summary{display:flex;justify-content:space-between;color:#91a5c0;font-size:12px;margin:24px 0 14px}.monitor-scroll{overflow-x:auto;border:1px solid #243247;border-radius:10px}.monitor-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:1050px}.monitor-table th{background:#101a28;color:#91a5c0;padding:15px 12px;font-weight:500;white-space:nowrap}.monitor-table td{padding:18px 12px;border-top:1px solid #1c293c;vertical-align:middle}.monitor-table tr:hover td{background:#101a28}.monitor-table th:first-child,.monitor-table td:first-child{width:44px;text-align:center}.monitor-sort,.monitor-star{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}.monitor-star{font-size:25px;color:#86adf5}.monitor-sort:hover{color:#fff}.monitor-server-name{color:#eff4fe;font-size:14px;font-weight:650;text-decoration:none;display:block;max-width:440px;line-height:1.5}.monitor-server-code{display:block;color:#607996;font-size:10px;margin-top:5px}.monitor-count{white-space:nowrap;font-variant-numeric:tabular-nums}.monitor-meter{display:block;width:80px;height:3px;background:#1e2e44;margin-top:8px;border-radius:3px;overflow:hidden}.monitor-meter:before{content:'';display:block;width:var(--load);height:100%;background:#7ba9f8}.monitor-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#93a4bd;font-size:12px}.monitor-status:before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#8292a9}.monitor-status.status-online{color:#9cdbc5}.monitor-status.status-online:before{background:#88d9b8;box-shadow:0 0 9px #88d9b833}.monitor-status.status-stale,.monitor-status.status-unavailable{color:#d4b984}.monitor-status.status-stale:before,.monitor-status.status-unavailable:before{background:#d4b984}.monitor-time{display:block;font-size:10px;color:#607996;margin-top:6px;white-space:nowrap}.monitor-row-actions{white-space:nowrap}.monitor-details{color:#8db5fd;text-decoration:none;display:block;margin-bottom:10px}.monitor-row-actions .community-button{font-size:11px;padding:8px 10px;white-space:nowrap}.monitor-empty{text-align:center;padding:70px 24px;color:#8ca2bf}.monitor-empty h3{color:#edf3ff;font-size:22px}.monitor-back{display:inline-block;margin:32px 0;color:#8db5fd;text-decoration:none;font-size:13px}.server-detail-shell{padding-bottom:64px}.monitor-detail-hero{padding:32px;border:1px solid #243247;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#172a4933,transparent 65%),#0d1521}.monitor-detail-hero h1{font-size:clamp(24px,3vw,38px);letter-spacing:-1px;line-height:1.25;margin:18px 0 32px;overflow-wrap:anywhere}.monitor-detail-metrics{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.monitor-detail-metrics small{display:block;color:#8ca2bf;font-size:12px;margin-bottom:10px}.monitor-detail-metrics strong{font-size:20px}.monitor-detail-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid #243247}.monitor-detail-actions code{font-size:12px;color:#a1b8db;overflow-wrap:anywhere}.monitor-caption{font-size:12px;line-height:1.7;color:#8197b4}.monitor-detail-actions p{width:100%;margin:0}.monitor-history,.monitor-map-history{margin-top:36px;padding:28px;border:1px solid #243247;border-radius:12px}.monitor-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.monitor-section-heading h2,.monitor-map-history h2{font-size:20px;margin:0 0 24px}.monitor-range{display:flex;gap:4px}.monitor-range button{border:1px solid transparent;border-radius:6px;background:none;color:#91a5c0;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px}.monitor-range .active{background:#192940;border-color:#36537b;color:#dce7f8}.monitor-chart svg{width:100%;display:block;min-height:150px}.monitor-chart circle:hover{r:5}.monitor-map-event{display:grid;grid-template-columns:180px 1fr 100px;gap:16px;padding:16px 0;border-top:1px solid #223047;font-size:13px}.monitor-map-event time,.monitor-map-event span{color:#8197b4}.server-detail-shell>.server-source-credit,#server-detail>.server-source-credit{display:block;margin-top:24px}.monitor-table button:focus-visible,.monitor-range button:focus-visible{outline:2px solid #8db5fd;outline-offset:4px}@media(max-width:700px){.monitor-intro{align-items:flex-start;flex-direction:column;padding-top:32px}.monitor-extra{flex-wrap:wrap}.monitor-detail-hero,.monitor-history,.monitor-map-history{padding:20px}.monitor-detail-metrics{gap:24px}.monitor-section-heading{align-items:flex-start;flex-direction:column}.monitor-map-event{grid-template-columns:1fr 1fr}.monitor-map-event time{grid-column:1/-1}.monitor-detail-actions code{font-size:10px}.monitor-summary{gap:20px}}

.monitor-identity>.server-map-art{width:60px;height:56px;object-fit:cover;float:left;margin-right:14px;border-radius:6px;border:1px solid #2a3b54}.monitor-identity .monitor-server-name,.monitor-identity .monitor-server-code{margin-left:74px}.monitor-identity:not(:has(.server-map-art)) .monitor-server-name,.monitor-identity:not(:has(.server-map-art)) .monitor-server-code{margin-left:0}.monitor-map-banner{position:relative;overflow:hidden;height:240px;margin:-32px -32px 28px;border-radius:12px 12px 0 0;background:#0d1521}.monitor-map-banner>.server-map-art{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}.monitor-map-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1521 0%,#0d152100 70%)}.monitor-map-label{position:absolute;bottom:26px;left:32px;color:#f4f7ff;font-size:22px;font-weight:650;z-index:1;text-shadow:0 1px 8px #000}.has-map-banner>.hub-eyebrow{margin-top:0}@media(max-width:700px){.monitor-map-banner{margin:-20px -20px 24px;height:180px}.monitor-map-label{left:20px;font-size:20px}}

.monitor-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #24354c;border-radius:10px;margin:24px 0;background:#0d1724}.monitor-total{padding:20px 24px;border-right:1px solid #24354c}.monitor-total:last-child{border:0}.monitor-total span{font-size:11px;color:#8098b9;display:block;margin-bottom:10px}.monitor-total strong{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px}.monitor-refresh{font:inherit;font-size:12px;color:#a4c5fc;background:#132136;border:1px solid #2b4263;border-radius:6px;padding:9px 14px;cursor:pointer}.monitor-refresh:hover{background:#1b2e49}.monitor-refresh:disabled{opacity:.5;cursor:wait}.monitor-filter select:focus-visible,.monitor-refresh:focus-visible{outline:2px solid #91b4ff;outline-offset:3px}.monitor-row-actions .community-button{border-color:#304971;color:#b1cbf5}.monitor-table td{padding-block:16px}.monitor-chart{padding-top:12px}.monitor-detail-metrics>div{border-left:1px solid #273951;padding-left:24px}.monitor-map-event:hover{background:#111e30}.monitor-detail-actions .account-primary{white-space:nowrap}.monitor-scroll{scrollbar-color:#355580 #0b1421;scrollbar-width:thin}
@media(max-width:760px){.monitor-totals{grid-template-columns:1fr 1fr}.monitor-total{padding:16px 18px;border-bottom:1px solid #24354c}.monitor-total:nth-child(2){border-right:0}.monitor-total:nth-child(3){border-bottom:0}.monitor-total strong{font-size:24px}.monitor-scroll{border:0;overflow:visible}.monitor-table,.monitor-table tbody{display:block;min-width:0;width:100%}.monitor-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.monitor-table tbody>tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:20px 16px;background:#0d1724;border:1px solid #24354c;border-radius:10px;margin-bottom:14px;position:relative}.monitor-table td{display:block;padding:0;border:0;min-width:0}.monitor-table td:first-child{position:absolute;right:16px;top:18px;width:auto}.monitor-table td:nth-child(2){grid-column:1/-1;padding-right:30px}.monitor-table td:nth-child(n+3):nth-child(-n+7):before{content:attr(data-label);display:block;font-size:10px;color:#718aab;margin-bottom:6px}.monitor-table td:nth-child(7){grid-column:1/-1}.monitor-table td:last-child{grid-column:1/-1;border-top:1px solid #22334d;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.monitor-table .monitor-details{margin:0}.monitor-table .monitor-server-name{font-size:14px;max-width:none}.monitor-server-code{overflow-wrap:anywhere;font-size:9px}.monitor-identity>.server-map-art{width:48px;height:48px;margin-right:12px}.monitor-identity .monitor-server-name,.monitor-identity .monitor-server-code{margin-left:60px}.monitor-identity:not(:has(.server-map-art)) .monitor-server-name,.monitor-identity:not(:has(.server-map-art)) .monitor-server-code{margin-left:0}.monitor-table .monitor-count{font-size:14px}.monitor-meter{width:100%}.monitor-detail-metrics>div{padding-left:16px}.monitor-detail-actions .account-primary{width:100%;justify-content:center}}

.monitor-extra{flex-wrap:wrap}.monitor-detail-hero .monitor-caption{max-width:none}

/* Catalogue views share the same real source data and filters. */
.hub-page[data-hub=servers] .hub-toolbar{padding:20px;background:#0d1623;border:1px solid #25354c;border-radius:14px}
.monitor-intro{padding-bottom:38px}.monitor-intro h1{max-width:900px}.monitor-extra{padding:16px 4px 0;margin-bottom:20px;gap:24px}
.monitor-summary{align-items:center;gap:20px}.monitor-summary-actions{display:flex;align-items:center;gap:14px}.monitor-view{display:flex;gap:3px;border:1px solid #293c57;background:#0c1522;padding:4px;border-radius:9px}
.monitor-view button{border:0;border-radius:5px;background:transparent;color:#8ea6c6;font:inherit;font-size:12px;padding:8px 13px;cursor:pointer}.monitor-view button.active{background:#203450;color:#ecf3ff}.monitor-view button:hover{color:#fff}
.monitor-totals{gap:12px;border:0;background:none;border-radius:0}.monitor-total{border:1px solid #263952!important;border-radius:12px;background:linear-gradient(135deg,#132239,#0d1724);padding:22px 24px}.monitor-total strong{font-size:32px;color:#e5efff}.monitor-total:first-child strong{color:#92d7bb}
.monitor-table th{font-size:11px;letter-spacing:.02em;padding-block:18px}.monitor-table td{padding-block:22px}.monitor-server-code{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-time{line-height:1.6}.monitor-meter.is-full:before{background:#d4b984}
.monitor-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.monitor-card{border:1px solid #283a53;background:#0d1725;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.monitor-card:hover{border-color:#537aac;transform:translateY(-2px)}
.monitor-card-cover{height:172px;position:relative;background:radial-gradient(ellipse at 20% 30%,#28456e,#111e31 75%);overflow:hidden}.monitor-card-cover>.server-map-art{width:100%;height:100%;object-fit:cover;display:block}.monitor-card-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1725,transparent 85%);pointer-events:none}.monitor-card-map{position:absolute;bottom:18px;left:24px;z-index:1;font-weight:600;font-size:19px;text-shadow:0 2px 10px #000}.monitor-card-cover .monitor-star{position:absolute;top:14px;right:16px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff26;border-radius:10px;background:#081321c9;color:#c3d7ff}
.monitor-card-body{padding:8px 24px 24px;display:flex;flex-direction:column;flex:1}.monitor-card-name{font-size:19px;font-weight:650;line-height:1.45;letter-spacing:-.3px;color:#eef4ff;text-decoration:none;margin:14px 0;overflow-wrap:anywhere}.monitor-card-name:hover{color:#9fc1ff}.monitor-card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.monitor-card-tags span{font-size:10px;color:#9ab0ce;background:#17273d;border:1px solid #253953;border-radius:5px;padding:5px 7px}.monitor-card-population{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:auto}.monitor-card-population>span{font-size:12px;color:#8ba3c3}.monitor-card-population>strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.monitor-card-body>.monitor-meter{width:100%;height:5px;margin-top:12px}.monitor-card-slots{font-size:12px;color:#9db9dd;margin:10px 0}.monitor-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #26374f;padding-top:18px;margin-top:20px}.monitor-card-actions .monitor-details{margin:0;font-size:12px}.monitor-card-actions .community-button{font-size:11px;padding:10px 12px}
.monitor-detail-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.monitor-detail-hero h1{max-width:1100px}.monitor-detail-metrics{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:20px;padding:24px;background:#101e30;border:1px solid #283c57;border-radius:12px}.monitor-detail-metrics>div{padding-left:20px}.monitor-detail-metrics strong{font-size:clamp(16px,1.7vw,24px);overflow-wrap:anywhere}.monitor-detail-availability{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#94b6df}.monitor-detail-availability .monitor-meter{width:180px;height:5px;margin:0}.monitor-password{color:#d4b984}.monitor-detail-hero>.monitor-time{margin-top:22px}.monitor-refresh-warning{padding:16px 20px;background:#302819;border:1px solid #756039;border-radius:10px;color:#e0c89c;font-size:13px;line-height:1.6;margin:0 0 20px}.monitor-map-history{background:#0d1724}.monitor-map-event{align-items:center}.monitor-map-event strong{font-size:14px}.monitor-chart{background:linear-gradient(180deg,#14243b66,transparent);border-radius:10px}
.monitor-view button:focus-visible,.monitor-card a:focus-visible,.monitor-card button:focus-visible,.monitor-detail-topline button:focus-visible{outline:2px solid #93b9ff;outline-offset:3px}
@media(max-width:1200px){.monitor-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-detail-metrics>.monitor-status{grid-column:1/-1}.monitor-detail-metrics>div{border:0;padding:0}}
@media(max-width:760px){.monitor-totals{gap:10px}.monitor-total{padding:16px!important}.monitor-extra{gap:12px}.monitor-filter{flex:1;min-width:140px;flex-direction:column;align-items:flex-start;gap:7px}.monitor-filter select{width:100%}.monitor-summary{align-items:flex-start;flex-direction:column}.monitor-summary-actions{width:100%;justify-content:space-between}.hub-page[data-hub=servers] .hub-toolbar{padding:16px}.monitor-table td{padding:0}.monitor-server-code{white-space:normal}.monitor-detail-topline{align-items:flex-start}.monitor-detail-topline .hub-eyebrow{max-width:180px;line-height:1.7}.monitor-detail-metrics{padding:18px}.monitor-card-grid{grid-template-columns:1fr}.monitor-card-cover{height:190px}.monitor-card-body{padding-inline:20px}.monitor-detail-availability .monitor-meter{width:120px}.monitor-intro .hub-primary{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.monitor-card{transition:none}.monitor-card:hover{transform:none}}

/* The map is atmosphere; server branding has its own dedicated logo. */
.monitor-table tbody tr.has-map-background{background-image:linear-gradient(90deg,#08101bdc 0%,#08101bf2 48%,#08101be8 100%),var(--server-map);background-size:cover;background-position:center 52%}.monitor-table tr.has-map-background:hover td{background:#16264044}.monitor-identity>.server-logo{float:left;margin:0 14px 0 0}.monitor-identity .monitor-server-name,.monitor-identity .monitor-server-code,.monitor-identity:not(:has(.server-map-art)) .monitor-server-name,.monitor-identity:not(:has(.server-map-art)) .monitor-server-code{margin-left:66px}.monitor-card-identity{display:flex;align-items:flex-start;gap:14px;margin:10px 0 0}.monitor-card-identity>.server-logo{flex-basis:56px;width:56px;height:56px}.monitor-card-identity>div{min-width:0}.monitor-card-identity .monitor-card-name{display:block;margin:9px 0 14px;font-size:17px}.monitor-detail-identity{display:flex;align-items:center;gap:22px;margin:20px 0 28px}.monitor-detail-identity>.server-logo{width:84px;height:84px;flex-basis:84px;border-radius:18px;box-shadow:0 8px 24px #0003}.monitor-detail-identity h1{margin:0!important;min-width:0;flex:1}.monitor-table .monitor-server-name{color:#f2f6ff}
@media(max-width:760px){.monitor-table tbody>tr.has-map-background{background-image:linear-gradient(110deg,#08101bd9,#08101bf2),var(--server-map);background-position:center}.monitor-identity>.server-logo{width:46px;height:46px;flex-basis:46px;margin-right:12px}.monitor-identity .monitor-server-name,.monitor-identity .monitor-server-code,.monitor-identity:not(:has(.server-map-art)) .monitor-server-name,.monitor-identity:not(:has(.server-map-art)) .monitor-server-code{margin-left:58px}.monitor-detail-identity{gap:16px}.monitor-detail-identity>.server-logo{width:60px;height:60px;flex-basis:60px;border-radius:14px}.monitor-detail-identity h1{font-size:23px}}
/* Clear server metrics without a stretched empty status column. */
.monitor-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;background:none;border:0;border-radius:0}.monitor-detail-metrics>.monitor-status{grid-column:1/-1;justify-self:start;margin:0 0 2px;padding:8px 13px;background:#152a2a;border:1px solid #355a52;border-radius:20px;font-size:12px}.monitor-detail-metrics>div{min-width:0;padding:18px 20px;border:1px solid #2c415d;border-radius:12px;background:linear-gradient(135deg,#162b43,#102033);display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.monitor-detail-metrics small{font-size:11px;color:#8facd1;letter-spacing:.02em}.monitor-detail-metrics strong{font-size:clamp(18px,1.7vw,25px);line-height:1.2;letter-spacing:-.03em;color:#f1f6ff}.monitor-detail-metrics .metric-players{border-color:#456997;background:linear-gradient(130deg,#203d5e,#132941)}.monitor-detail-metrics .monitor-meter{width:100%;height:4px;margin:3px 0 0}.monitor-detail-availability{margin-top:14px}.monitor-detail-availability>.monitor-meter{display:none}
@media(max-width:760px){.monitor-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}.monitor-detail-metrics>div{padding:16px 14px}.monitor-detail-metrics strong{font-size:20px}.monitor-detail-metrics .metric-region strong{font-size:17px}}

.monitor-extra{flex-wrap:wrap;gap:16px}.monitor-extra .monitor-filter{min-width:150px}.monitor-order-hint{margin:0 0 16px;color:#8b9cb2;font-size:12px;line-height:1.5}@media(max-width:700px){.monitor-extra .monitor-filter{min-width:0;flex:1 1 calc(50% - 16px)}.monitor-extra select{width:100%}}