.card[data-v-a3d28261]{padding:28px;background:#fff;margin:16px;border-radius:18px;box-shadow:0 14px 40px #0f172a1f}.eyebrow[data-v-a3d28261]{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#2563eb;margin:0 0 6px}h1[data-v-a3d28261]{margin:0 0 10px;font-size:1.7rem;color:#0f172a}.lede[data-v-a3d28261]{margin:0 0 16px;color:#475569}.summary[data-v-a3d28261]{border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;background:#f8fafc}.summary-row[data-v-a3d28261]{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.95rem}.summary-row+.summary-row[data-v-a3d28261]{border-top:1px solid #e2e8f0}.actions[data-v-a3d28261]{display:flex;gap:12px;margin-top:16px}button[data-v-a3d28261]{flex:1;border:none;border-radius:12px;padding:14px 16px;font-weight:700;font-size:1rem}button.primary[data-v-a3d28261]{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}button.ghost[data-v-a3d28261]{border:1px solid #cbd5e1;background:#fff;color:#0f172a}.card[data-v-8dc97f23]{padding:24px;background:#fff;margin:16px;border-radius:16px;box-shadow:0 10px 30px #0f172a1a}header[data-v-8dc97f23]{display:flex;justify-content:space-between;align-items:center}.eyebrow[data-v-8dc97f23]{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#2563eb;margin:0 0 4px}h2[data-v-8dc97f23]{margin:0 0 10px}.field[data-v-8dc97f23]{margin-bottom:18px}label[data-v-8dc97f23]{display:block;margin-bottom:6px;color:#0f172a;font-weight:700}select[data-v-8dc97f23],input[type=number][data-v-8dc97f23]{width:100%;padding:12px;border-radius:12px;border:1px solid #cbd5e1;font-size:1rem;background:#f8fafc}.range[data-v-8dc97f23]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.dash[data-v-8dc97f23]{color:#475569;font-weight:600}.chips[data-v-8dc97f23]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chips button[data-v-8dc97f23]{border:1px solid #cbd5e1;background:#fff;padding:10px 12px;border-radius:12px;cursor:pointer}.chips button.active[data-v-8dc97f23]{background:#2563eb;color:#fff;border-color:#2563eb}.toggles[data-v-8dc97f23]{display:grid;gap:10px;margin:14px 0}.toggle[data-v-8dc97f23]{display:flex;align-items:center;gap:10px;font-weight:500}.toggle input[data-v-8dc97f23]{width:20px;height:20px}.actions[data-v-8dc97f23]{display:grid;gap:10px;margin-top:12px}button[data-v-8dc97f23]{border:none;padding:14px;border-radius:12px;font-weight:700}button.primary[data-v-8dc97f23]{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}button.ghost[data-v-8dc97f23]{border:1px solid #cbd5e1;background:#fff}.fretboard-container[data-v-44829d3a]{width:100%;overflow-x:auto;border:1px solid #dbe2ea;border-radius:14px;background:#fff;box-shadow:0 10px 30px #0f172a14}.fret-numbers[data-v-44829d3a],.string-row[data-v-44829d3a]{display:grid;align-items:stretch}.fret-numbers[data-v-44829d3a]{background:#f7fafc;color:#475569;font-size:.9rem;position:sticky;top:0;z-index:1}.fret-number[data-v-44829d3a]{display:flex;align-items:center;justify-content:center;padding:8px 4px;border-left:1px dashed #cbd5e1}.string-row[data-v-44829d3a]{position:relative}.string-label[data-v-44829d3a]{display:flex;align-items:center;justify-content:center;font-weight:700;color:#1f2937;background:#f8fafc;border-right:1px solid #e2e8f0}.fret-cell[data-v-44829d3a]{position:relative;min-height:64px;border-left:1px solid #e2e8f0;border-top:1px solid #eef2f6;background:linear-gradient(90deg,#fff,#f9fafb)}.fret-cell.clickable[data-v-44829d3a]{cursor:pointer}.fret-cell.clickable[data-v-44829d3a]:active{transform:translateY(1px)}.fret-cell.selected[data-v-44829d3a]{background:#e0f2fe;box-shadow:inset 0 0 0 2px #38bdf8}.fret-cell.correct[data-v-44829d3a]{background:#dcfce7;box-shadow:inset 0 0 0 2px #16a34a}.fret-cell.incorrect[data-v-44829d3a]{background:#fee2e2;box-shadow:inset 0 0 0 2px #ef4444}.marker-dot[data-v-44829d3a]{position:absolute;inset:50% auto auto 50%;width:16px;height:16px;background:#0ea5e9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #0ea5e92e}@media (min-width: 768px){.fret-cell[data-v-44829d3a]{min-height:72px}}.game[data-v-1319c0cd]{padding:12px}.hud[data-v-1319c0cd]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px}.pill[data-v-1319c0cd]{background:#0ea5e9;color:#fff;padding:8px 10px;border-radius:10px;font-weight:700;font-size:.95rem}.ghost[data-v-1319c0cd]{border:1px solid #cbd5e1;background:#fff;padding:10px 12px;border-radius:10px;font-weight:700}.card[data-v-1319c0cd]{background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 28px #0f172a14}.prompt[data-v-1319c0cd]{margin-top:0;font-weight:700;color:#0f172a}.answer-row[data-v-1319c0cd]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}input[type=text][data-v-1319c0cd]{flex:1;min-width:200px;padding:14px;border-radius:12px;border:1px solid #cbd5e1;font-size:1rem;background:#f8fafc}button.primary[data-v-1319c0cd]{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border:none;padding:14px 16px;border-radius:12px;font-weight:700;flex-shrink:0}.ghost.small[data-v-1319c0cd]{padding:10px 12px;font-size:.95rem}.feedback[data-v-1319c0cd]{margin-top:12px;padding:12px;border-radius:12px;font-weight:700}.feedback.correct[data-v-1319c0cd]{background:#ecfdf3;color:#166534;border:1px solid #16a34a}.feedback.incorrect[data-v-1319c0cd]{background:#fef2f2;color:#b91c1c;border:1px solid #ef4444}.next[data-v-1319c0cd]{width:100%;margin-top:12px;padding:14px;border:none;border-radius:12px;font-weight:800;background:#0ea5e9;color:#fff}.selection-chip[data-v-1319c0cd]{background:#0ea5e9;color:#fff;padding:10px 12px;border-radius:12px;font-weight:700}.card[data-v-c32a5a7b]{background:#fff;margin:16px;padding:20px;border-radius:18px;box-shadow:0 14px 40px #0f172a1a}.eyebrow[data-v-c32a5a7b]{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#2563eb;margin:0 0 4px}h2[data-v-c32a5a7b]{margin:0 0 12px}.stats[data-v-c32a5a7b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}.stat[data-v-c32a5a7b]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.stat span[data-v-c32a5a7b]{color:#475569;display:block}.stat strong[data-v-c32a5a7b]{font-size:1.3rem}.best[data-v-c32a5a7b]{border-top:1px solid #e2e8f0;padding-top:12px}.best-row[data-v-c32a5a7b]{margin:4px 0}.mistakes[data-v-c32a5a7b]{margin-top:12px}.mistakes ul[data-v-c32a5a7b]{list-style:none;padding:0;margin:0}.mistakes li[data-v-c32a5a7b]{padding:10px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:8px;background:#fff9f0}.actions[data-v-c32a5a7b]{display:grid;gap:8px;margin-top:16px}button[data-v-c32a5a7b]{padding:14px;border-radius:12px;font-weight:700;border:none}button.primary[data-v-c32a5a7b]{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}button.ghost[data-v-c32a5a7b]{border:1px solid #cbd5e1;background:#fff}.app-shell[data-v-ea1b230f]{max-width:1100px;margin:0 auto;padding:12px 0 24px}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f7fafc;line-height:1.5;font-weight:500}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#f1f5f9,#e2e8f0 45%,#f8fafc)}#app{min-height:100vh}button{font:inherit}input,button{touch-action:manipulation}