/* Ambient sound player — 44x44 hit area, icon stays visually where the 24px box sat */
.ambient-toggle {
  position: fixed;
  bottom: calc(1.5rem - 10px);
  left: calc(1.5rem - 10px);
  z-index: 100;
  background: none;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  padding: 0;
  display: grid;
  place-items: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.ambient-toggle:hover {
  opacity: 0.85;
}

.ambient-toggle.playing {
  opacity: 0.6;
}

.ambient-toggle.playing svg {
  stroke: var(--accent);
}

.ambient-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: var(--text);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Hide the sound waves when muted */
.ambient-toggle .sound-wave {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ambient-toggle.playing .sound-wave {
  opacity: 1;
}