.server-live-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;max-width:660px}
.online-count-link{display:inline-flex;align-items:center;min-height:39px;padding:9px 13px;border:1px solid #c8a86a66;background:#0d161dee;border-radius:5px;color:var(--gold);font-size:12px;line-height:1.5}
.online-count-link:hover{border-color:var(--gold);background:#1b272e}
.online-players-section{padding-top:58px;padding-bottom:58px;border-bottom:1px solid var(--line)}
.online-players-section .section-heading{align-items:center;margin-bottom:26px}
.online-players-section .eyebrow{margin-bottom:12px}
.online-players-total{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:13px;line-height:1.6}
.online-players-total strong{font:64px 'Cormorant Garamond',Georgia,serif;color:var(--gold);line-height:1}
.online-players-total span{max-width:120px}
.online-players-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;max-height:360px;overflow-y:auto}
.online-players-list li{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#151e24;border:1px solid #c8a86a35;border-radius:3px;color:var(--text);font-size:14px;line-height:1.6;overflow-wrap:anywhere;max-width:100%}
.online-players-list li::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#68ec96;box-shadow:0 0 9px #68ec9633}
.online-players-note,.online-players-message{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0}
.online-players-message:empty{display:none}
@media(max-width:650px){.server-live-summary{gap:8px}.online-count-link{min-height:35px;padding:8px 10px;font-size:11px}.online-players-section{padding-block:40px}.online-players-section .section-heading{flex-direction:column;align-items:flex-start;gap:20px}.online-players-total strong{font-size:52px}.online-players-list{gap:9px}.online-players-list li{padding:10px 13px;font-size:13px}}