/* Ear training page. Layout, buttons, keys and panels come from game.css. */

.ear-options { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.ear-options select {
  background: var(--surface); color: var(--fg); border: 1px solid var(--border);
  border-radius: 6px; padding: 4px 8px; margin-left: 6px;
}
.ear-types { display: flex; flex-wrap: wrap; gap: 4px 0; }

.prompt-section { text-align: center; }
.question-title { margin: 0; font-size: 1.15rem; font-weight: 600; }
.question-detail { margin: 4px 0 0; color: var(--accent); min-height: 1.3em; }

.choices { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.choices.hidden { display: none; }
.choice-btn.wrong { border-color: #c0392b; color: #e57373; }
.choice-btn.revealed { border-color: #c9a227; color: #e6c34d; }

/* The played base/reference note: outlined in the accent so it reads as a cue,
   not a selection. */
.key.base-note { box-shadow: inset 0 0 0 3px var(--accent); }