.discord-online-card {
  margin: 28px 0;
  padding: clamp(22px, 4vw, 36px);
  border: 1px solid rgba(196, 164, 104, .22);
  border-radius: 4px;
  background: linear-gradient(120deg, rgba(196, 164, 104, .07), rgba(16, 24, 29, .65));
}
.discord-online-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.discord-online-card h2 { margin: 6px 0 16px; font-size: clamp(26px, 3vw, 38px); }
.discord-online-count { display: flex; align-items: baseline; gap: 12px; color: #d5b477; }
.discord-online-count strong { font-size: clamp(32px, 4vw, 46px); line-height: 1.15; }
.discord-online-count span { color: #c4c9cc; }
.discord-online-card p { max-width: 70ch; }
.discord-online-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 10px; padding: 0; margin: 24px 0; list-style: none; }
.discord-online-members[hidden] { display: none; }
.discord-online-member { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 12px; background: rgba(255, 255, 255, .025); border: 1px solid rgba(255, 255, 255, .06); }
.discord-online-member > span:nth-child(2) { overflow-wrap: anywhere; }
.discord-online-member small { margin-left: auto; flex-shrink: 0; color: #aeb6ba; font-size: 12px; }
.discord-presence { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 9px; background: #58be8c; }
.discord-presence-idle { background: #e4bc60; }
.discord-presence-dnd { background: #df7575; }
.discord-online-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 20px; }
.discord-online-actions small { color: #aeb6ba; }