.discord-voice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin: 16px 0;
  padding: 16px 0;
  border-block: 1px solid var(--border, #45424c);
  color: var(--text, #f2edf5);
  text-align: left;
}
.discord-voice > div:first-child { flex: 1 1 240px; }
.discord-voice strong { font: inherit; font-weight: 700; }
.discord-voice p { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: inherit; }
.discord-voice-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.discord-voice-actions button, .discord-voice-actions a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 8px 14px; border: 1px solid currentColor;
  border-radius: 8px; background: transparent; color: inherit;
  font: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer;
}
.discord-voice-actions .discord-voice-join { background: #5865f2; border-color: #5865f2; color: #fff; }
.discord-voice-actions :is(button,a):hover { filter: brightness(1.12); }
.discord-voice-actions :is(button,a):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.discord-voice-actions button:disabled { opacity: .6; cursor: wait; }
.discord-voice .discord-voice-feedback { flex-basis: 100%; }
.discord-voice-feedback:empty { display: none; }
[data-theme="light"] .discord-voice { color: #29232f; border-color: #d7d0dc; }
@media (max-width: 480px) {
  .discord-voice-actions { width: 100%; }
  .discord-voice-actions > * { flex: 1; }
}

/* Part of the fixed navbar: its ResizeObserver also resizes the game viewport. */
#site-navbar .discord-voice-bar {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  padding: 6px max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));
  border-top: 1px solid var(--nav-line); color: var(--nav-text);
  font-size: 14px; font-weight: 600;
}
#site-navbar .discord-voice-bar a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 8px 12px; border-radius: 8px;
  background: #5865f2; color: #fff; text-decoration: none; white-space: nowrap;
  font: inherit; font-weight: 700;
}
#site-navbar .discord-voice-bar a:hover { background: #4752c4; }
@media (max-width: 480px) {
  #site-navbar .discord-voice-bar { gap: 8px; font-size: 12px; }
}