/* Fixed-position HUD controls: mute + CRT toggle. Present on every page. */

.hud {
  position: fixed;
  top: var(--space-3);
  right: var(--space-3);
  display: flex;
  gap: var(--space-2);
  z-index: 10000;
}

.hud-btn {
  font-family: var(--font-pixel);
  font-size: 14px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-raised);
  color: var(--color-text);
  border: 2px solid var(--color-border);
  cursor: pointer;
  padding: 0;
}

.hud-btn:hover,
.hud-btn:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--accent) var(--glow-alpha), transparent);
  outline: none;
}

.hud-btn[aria-pressed="true"] {
  color: var(--accent);
  border-color: var(--accent);
}

/* Text buttons wider than the two-character ones (the account "OUT" button). */
.hud-btn--text {
  width: auto;
  min-width: 36px;
  padding: 0 var(--space-2);
  font-size: 9px;
  letter-spacing: 1px;
}

.hud-btn[hidden] {
  display: none;
}