/* fretboard notes + trainer */
#fretboard .fb .dot.acc { fill: var(--muted); }
#fretboard .fb .dot.q { fill: var(--warn); }
#fretboard .fb .dot.ok { fill: var(--ok); }
#fretboard .fb .dot.bad { fill: var(--bad); }
#fretboard .fbt-q { margin: 10px 0 4px; color: var(--ink); font-weight: 600; font-size: 17px; }
#fretboard .fbt-stats { gap: 16px; font-variant-numeric: tabular-nums; }
#fretboard .fbt-answers { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; margin-top: 10px; }
#fretboard .fbt-ans { padding: 10px 4px; min-width: 0; }
#fretboard .fbt-ans.fbt-right { background: var(--ok); border-color: var(--ok); color: #fff; }
#fretboard .fbt-ans.fbt-wrong { background: var(--bad); border-color: var(--bad); color: #fff; }
@media (min-width: 720px) { #fretboard .fbt-answers { grid-template-columns: repeat(12, 1fr); } }
#fretboard label.field { max-width: 100%; }
#fretboard label.field select { min-width: 0; max-width: calc(100vw - 130px); }
#fretboard .fb { min-width: 960px; }