/* Fingerstyle mode: p-i-m-a, fixed finger palette independent of string colours. */
.gp-fingerstyle-field{grid-column:1/-1;align-items:stretch;gap:7px;padding:10px 12px;border:1px solid rgba(122,204,234,.25);background:rgba(62,114,157,.09);border-radius:10px}
.gp-fingerstyle-field>.gp-fingerstyle-check{display:flex;align-items:center;gap:10px;font-weight:750}
.gp-fingerstyle-check input{width:19px;height:19px;flex:0 0 19px;accent-color:#3fbad7}
.gp-fingerstyle-field small{font-size:12px}
.gp-note-picking-field{background:rgba(80,145,196,.11);padding:10px;border:1px solid rgba(90,180,234,.22);border-radius:12px;margin:9px 0}
#highwayCard .note-chip.sustain-note:has(.gp-picking-finger){overflow:visible}
#highwayCard .gp-picking-finger{position:absolute;top:-22px;left:12px;min-width:22px;height:22px;line-height:22px;text-align:center;border:2px solid var(--gp-pick-border,#e5d3ff);border-radius:7px;background:var(--gp-pick-bg,#241949);color:var(--gp-pick-ink,#fff);font-weight:950;font-size:14px;z-index:9;box-shadow:0 3px 8px #0009;pointer-events:none;text-shadow:none}
.classic-tab-note .gp-tab-picking{position:absolute;left:50%;bottom:calc(100% + 1px);transform:translateX(-50%);background:var(--gp-pick-bg,#62419d);border:1px solid var(--gp-pick-border,#a9a0c0);border-radius:4px;color:var(--gp-pick-ink,#fff);font:800 12px system-ui,sans-serif;padding:1px 4px;pointer-events:none}
.gp-fingerstyle-hint{display:flex;gap:14px;align-items:center;flex-wrap:wrap;line-height:1.4;padding:8px 12px;margin:8px 0;border:1px solid rgba(123,179,232,.24);background:#162336;border-radius:11px;color:#c9d8f2;font-size:12px}
.gp-fingerstyle-hint strong{font-size:13px;color:#f5e4ff}
.gp-fingerstyle-hint .gp-picking-now{display:flex;flex-wrap:wrap;gap:5px;color:#fff}
.gp-fingerstyle-hint .gp-pick-live{padding:3px 8px;border-radius:7px;background:var(--gp-pick-bg,#62419d);border:1px solid var(--gp-pick-border,#a9a0c0);color:var(--gp-pick-ink,#fff)}
.gp-fingerstyle-hint .gp-pick-live b{font-size:15px;color:inherit}
@media(max-width:760px){.gp-fingerstyle-hint{gap:6px;padding:5px 9px;font-size:11px}.gp-fingerstyle-hint strong{font-size:12px}#highwayCard .gp-picking-finger{top:-17px;left:8px;min-width:19px;height:19px;line-height:19px;font-size:12px}}

/* Chord coach diagrams are not useful for individual plucked tones. */
#trainer.gp-fingerstyle-active .chord-coach-card{display:none!important}

/* GuitarPath 4.28.0 — a single accessible p-i-m-a palette in highway, TAB and hints.
   Keep the character as well as the colour to support colour-blind players. */
.gp-pick--p{--gp-pick-bg:#ffcb45;--gp-pick-border:#fff1a3;--gp-pick-ink:#2b2000}
.gp-pick--i{--gp-pick-bg:#1dcde1;--gp-pick-border:#a6f7ff;--gp-pick-ink:#002b34}
.gp-pick--m{--gp-pick-bg:#a38aff;--gp-pick-border:#e1d5ff;--gp-pick-ink:#1c1047}
.gp-pick--a{--gp-pick-bg:#ff739c;--gp-pick-border:#ffc4d5;--gp-pick-ink:#3e1023}
.gp-fingerstyle-hint .gp-picking-legend{display:flex;flex-wrap:wrap;gap:6px}
.gp-pick-legend-item{display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 3px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);font-size:12px;white-space:nowrap}
.gp-pick-legend-item b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:var(--gp-pick-bg);border:1px solid var(--gp-pick-border);color:var(--gp-pick-ink);font-weight:900;font-size:13px}
#highwayCard .gp-picking-finger{min-width:24px;min-height:23px;line-height:19px;box-sizing:border-box;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px rgba(7,10,18,.85),0 4px 12px #000a}
.classic-tab-note .gp-tab-picking{box-shadow:0 2px 6px #0008}
.gp-fingerstyle-hint .gp-pick-live{font-size:12px;font-weight:700}
@media(max-width:760px){#highwayCard .gp-picking-finger{min-width:20px;min-height:20px;line-height:16px}.gp-pick-legend-item{font-size:11px}.gp-pick-legend-item b{width:19px;height:19px}}