/* Interaktives Songbook – Ukulele: Fingerfarben und Punkte in der Ukulele-Zeichnung.
   Die Farben lassen sich auch auf der Einstellungsseite „Ukulele“ ändern (die gewinnen dann). */
.ias-i-ukulele {
  /* Fingerfarben (links und rechts gleich) */
  --f-p: #3DBE6C;  /* Daumen */
  --f-1: #EF4B4B;  /* Zeigefinger (1 / i) */
  --f-2: #FFCB2E;  /* Mittelfinger (2 / m) */
  --f-3: #3E8BFF;  /* Ringfinger (3 / a) */
  --f-4: #A66CFF;  /* kleiner Finger (4) */
  --f-none: #9aa0a6; /* Fingersatz fehlt (ab Bund 5 bitte in MuseScore angeben) */
}
.ias-i-ukulele .u-lbl { fill: var(--art-ink); font-weight: 700; font-size: 30px; text-anchor: middle; }
.ias-i-ukulele .dot { stroke: var(--art-paper); stroke-width: 3; opacity: .6; }
.ias-i-ukulele .dot.on, .ias-i-ukulele .dot.pluck { opacity: 1; }
.ias-i-ukulele svg .open { fill: none; stroke: var(--art-paper); stroke-width: 3; }
.ias-i-ukulele .f-p { fill: var(--f-p); }
.ias-i-ukulele .f-1, .ias-i-ukulele .f-i { fill: var(--f-1); }
.ias-i-ukulele .f-2, .ias-i-ukulele .f-m { fill: var(--f-2); }
.ias-i-ukulele .f-3, .ias-i-ukulele .f-a { fill: var(--f-3); }
.ias-i-ukulele .f-4 { fill: var(--f-4); }
.ias-i-ukulele .f-0 { fill: var(--f-none); }
.ias-i-ukulele .legend .sw i:not(.open) { width: 20px; border-radius: 4px; }
/* greifhand="akk": leere Saiten werden nicht markiert, also auch nicht erklärt */
.ias-i-ukulele.u-akk .legend .leg-open { display: none; }
/* Griffbild über dem Hals */
.ias-i-ukulele .u-chart line { stroke: var(--art-ink); stroke-width: 3; stroke-linecap: square; }
.ias-i-ukulele .u-chart .bg { fill: var(--art-paper); }
.ias-i-ukulele .u-chart .nut, .ias-i-ukulele .u-chart circle { fill: var(--art-ink); }
.ias-i-ukulele .pluck { transform-box: fill-box; transform-origin: center; animation: ias-uke-pop .3s ease-out; }
@keyframes ias-uke-pop { from { transform: scale(1.5); opacity: .5; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ias-i-ukulele .pluck { animation: none; } }