.wire.done {
  stroke: #5be2a0;
  opacity: .86;
}

.string-hit.done .key-glow {
  opacity: .72;
  stroke: #5be2a0;
}

.string-hit.done .key-letter {
  fill: #329b73;
}

#target-note {
  font-size: 35px;
}

#direction-text {
  font-size: 15px;
}

#deviation {
  font-size: 10px;
}

/* A restrained warm-metal tint: silver highlights remain, shadows shift bronze. */
#headstock .string-hit > rect:not([fill="transparent"]),
#headstock .string-hit > path:not(.key-glow),
#headstock .string-hit > circle {
  filter: sepia(.52) saturate(.78) hue-rotate(345deg) brightness(.94);
}

#headstock .string-hit > path:first-of-type,
#headstock .string-hit > circle:first-of-type {
  stroke: #89745d;
}