.server-status-band{padding:34px 7%;background:#e8e3d5;border-bottom:1px solid var(--line)}
.server-status-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:42px;align-items:center}
.server-status-copy .eyebrow{margin-bottom:9px}
.server-status-copy h2{margin:0 0 9px;font-size:34px;line-height:1.12}
.server-status-copy p{max-width:360px;margin:0;font-size:12px;line-height:1.8}
.server-state{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 10px;border:1px solid #cfc8b5;background:#f4f0e6;color:#5f6352;font-size:10px;line-height:1.4}
.server-state svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.server-state.online{color:#315b42;border-color:#adc3a7;background:#f1f4e9}
.server-state.online svg{fill:#4d8457;stroke:#4d8457}
.server-state.unavailable{color:#865448;border-color:#dcc5b2;background:#f4ece2}
.server-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:16px;min-width:0}
.server-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:23px 24px;background:linear-gradient(125deg,#233d32,#30493a);border:1px solid #51664f;color:#f8f2e5;box-shadow:0 12px 28px #303b2b1a;overflow:hidden}
.server-card:after{content:"";position:absolute;right:-42px;top:-70px;width:190px;height:190px;border:1px solid #d7bd7840;border-radius:50%;box-shadow:0 0 0 20px #d7bd7810,0 0 0 42px #d7bd7808;pointer-events:none}
.server-card-heading{position:relative;z-index:1;display:flex;align-items:center;gap:13px;min-width:0}
.server-card-crest{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid #c8a85d;border-radius:50%;color:#dfc783}
.server-card-crest svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.server-card-title{min-width:0;flex:1}
.server-card-title h3{margin:0;color:#fff8e8;font:500 17px/1.35 Cinzel,Georgia,serif;overflow-wrap:anywhere}
.server-card-title p{margin:3px 0 0;color:#d5d8c9;font-size:10px}
.server-lock{position:relative;z-index:1;flex:0 0 auto;padding:5px 8px;border:1px solid #d7c38955;color:#ead79c;font-size:9px;white-space:nowrap}
.server-metrics{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:19px 0 18px;padding:15px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.server-player-metric{display:grid;grid-template-columns:24px auto;column-gap:9px;align-items:center;min-width:0}
.server-player-metric>svg{grid-row:span 2;width:21px;height:21px;fill:none;stroke:#ddc783;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.server-player-count{font:32px/1 'Libre Caslon Display',Georgia,serif;color:#fff8e8}
.server-player-metric>span{font-size:10px;color:#d5d8c9}
.server-player-metric .server-capacity{grid-column:2;display:flex;gap:4px;margin-top:4px;color:#d4cba9;font-size:9px}
.server-occupancy{grid-column:2;width:min(160px,40vw);height:3px;margin-top:5px;background:#ffffff30}
.server-occupancy span{display:block;height:100%;background:#ddc783;transition:width .4s ease}
.server-detail-list{display:grid;justify-items:end;gap:5px;min-width:0;color:#d5d8c9;text-align:right;font-size:10px}
.server-detail-list code{max-width:100%;color:#f0e4bf;font:10px/1.5 'DM Sans',sans-serif;overflow-wrap:anywhere}
.server-card-actions{position:relative;z-index:1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.server-card-actions .button{gap:8px;padding:10px 14px;font-size:10px}
.server-discord{color:#e0c77e;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.server-status-empty{grid-column:1/-1;padding:23px 25px;border:1px dashed #bab49f;background:#f2eee3;color:var(--muted);font-size:12px}
.server-status-empty p{margin:0 0 9px}
.server-list-link{color:#765a2f;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.server-status-inner{grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:24px}.server-card{padding:20px}.server-card-heading{align-items:flex-start}.server-lock{font-size:8px}}
@media(max-width:760px){.server-status-band{padding:28px 6%}.server-status-inner{grid-template-columns:1fr;gap:19px}.server-status-copy h2{font-size:31px}.server-status-copy p{max-width:540px}.server-state{margin-top:12px}.server-status-cards{grid-template-columns:1fr}.server-card{padding:19px}.server-card-title h3{font-size:15px}.server-metrics{gap:12px}.server-detail-list{font-size:9px}.server-detail-list code{font-size:9px}}
@media(max-width:420px){.server-lock{white-space:normal;text-align:center;max-width:90px}.server-card-heading{gap:9px}.server-card-crest{flex-basis:37px;width:37px;height:37px}.server-card-title h3{font-size:13px}.server-metrics{align-items:flex-start}.server-detail-list{max-width:48%}}