.hexxen-server-status {
    --status-accent: #b48b5a;
    --status-border: rgba(200, 201, 206, .2);
    border: 1px solid var(--status-border);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(20, 22, 27, .96), rgba(9, 10, 13, .98));
    color: #f2efe8;
    max-width: 1080px;
    padding: clamp(1.2rem, 3vw, 2rem);
}
.hexxen-server-status__header,
.hexxen-server-status__state,
.hexxen-server-status__server > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.hexxen-server-status__header h2,
.hexxen-server-status__server h3 { margin: 0; color: inherit; }
.hexxen-server-status__eyebrow { margin: 0 0 .25rem; color: var(--status-accent); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.hexxen-server-status__state { justify-content: flex-start; }
.hexxen-server-status__state span { width: .75rem; height: .75rem; border-radius: 50%; background: #737373; box-shadow: 0 0 0 5px rgba(115,115,115,.12); }
.hexxen-server-status--online .hexxen-server-status__state span { background: #5ecb83; box-shadow: 0 0 0 5px rgba(94,203,131,.12), 0 0 18px rgba(94,203,131,.35); }
.hexxen-server-status--restricted .hexxen-server-status__state span { background: #d7a94e; }
.hexxen-server-status--offline .hexxen-server-status__state span { background: #c65a5a; }
.hexxen-server-status__message { color: #c8c9ce; }
.hexxen-server-status__metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; margin: 1.25rem 0; }
.hexxen-server-status__metrics article,
.hexxen-server-status__server { border: 1px solid var(--status-border); border-radius: 12px; background: rgba(255,255,255,.025); padding: 1rem; }
.hexxen-server-status__metrics article { display: grid; gap: .2rem; }
.hexxen-server-status__metrics strong { font-size: 1.55rem; }
.hexxen-server-status__metrics span,
.hexxen-server-status__server p,
.hexxen-server-status__checked { color: #aeb0b7; }
.hexxen-server-status__servers { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: .8rem; }
.hexxen-server-status__server h3 { font-size: 1rem; }
.hexxen-server-status__server > div span { color: #aeb0b7; font-size: .8rem; }
.hexxen-server-status__bar { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.hexxen-server-status__bar i { display: block; height: 100%; border-radius: inherit; background: var(--status-accent); }
.hexxen-server-status__checked { margin: 1rem 0 0; font-size: .75rem; }
@media (max-width: 640px) { .hexxen-server-status__header { align-items: flex-start; flex-direction: column; } .hexxen-server-status__metrics { grid-template-columns: 1fr; } }