/* ── Voice Controls (sits under Game Help, PvP only) ─────────── */
#voiceArea {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
}

/* Styled to match .hud__help-btn so it reads as a sibling control. */
.voice-btn {
  font-family: var(--font-main);
  font-size: 0.41rem; font-weight: bold;
  padding: 4px 8px;
  border: 1px solid #3a3e6a;
  border-radius: 2px;
  background: #1a1e3a;
  color: var(--text-secondary);
  cursor: pointer;
  letter-spacing: 0.03em; text-transform: uppercase;
  box-shadow: 2px 2px 0 #000;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.voice-btn:active { transform: translate(1px,1px); box-shadow: 1px 1px 0 #000; }
.voice-btn--off        { color: var(--text-secondary); }
.voice-btn--ready      { border-color: var(--text-gold); color: var(--text-gold); }
.voice-btn--connecting { border-color: var(--text-gold); color: var(--text-gold); opacity: 0.6; }
.voice-btn--live       { border-color: #44dd66; color: #44dd66; background: #0e2a14; }
.voice-btn--muted      { border-color: #dd8844; color: #dd8844; }

.voice-peer-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text-secondary);
  opacity: 0.3;
  flex-shrink: 0;
  transition: background 0.2s, opacity 0.2s;
}
.voice-peer-dot--live {
  background: #44dd66;
  opacity: 1;
}