/* Two guitar bodies, one accessible playing surface. */
.guitar-controls {padding:20px 22px 0;background:#fff}
.guitar-models {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guitar-models button {display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;border:1px solid var(--border);border-radius:10px;padding:13px 15px;background:#fafafa;font-size:16px;font-weight:600}
.guitar-models button small {font-size:13px;color:#71717a;font-weight:400}
.guitar-models button[aria-pressed=true] {border-color:var(--accent);background:#faf8ff;box-shadow:inset 0 0 0 1px var(--accent)}
.guitar-chords {display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:16px 0}
.guitar-chords button {min-width:43px;min-height:40px;background:white;border:1px solid var(--border);border-radius:7px;font-size:14px}
.guitar-chords button[aria-pressed=true] {background:#27272a;color:#fff;border-color:#27272a}
.guitar-chords kbd {margin-left:6px;font-size:12px;color:#a1a1aa}
.guitar-chords label {font-size:14px;margin-left:auto;display:flex;gap:8px;align-items:center}
.guitar-chords select {font-size:14px}
.stage.guitar {aspect-ratio:auto;min-height:420px;background:#fff;overflow:hidden}
.guitar .pads {position:relative;min-height:420px;inset:auto}
.guitar-readout {position:absolute;top:12px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;z-index:4}
.guitar-readout strong {font-size:32px;font-weight:500;letter-spacing:-1px}
.guitar-readout span {font-size:14px;color:#71717a;line-height:1.6;display:block}
.guitar-readout .guitar-tracking {text-align:right;max-width:230px;padding-top:6px}
.guitar-scene {position:absolute;left:0;right:0;top:75px;height:310px;isolation:isolate}
.guitar-body {position:absolute;width:43%;height:100%;right:0;top:0;object-fit:contain;pointer-events:none;user-select:none;z-index:0}
.guitar-neck {position:absolute;left:8%;width:59%;top:35%;height:30%;background:#302b29;border:2px solid #bcb2a5;border-left:5px solid #eee8dc;border-radius:2px;box-shadow:0 5px 10px #00000012;z-index:1}
.guitar-frets {display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));position:absolute;inset:0;z-index:3;touch-action:none}
.guitar-fret {position:relative;border:0;border-right:2px solid #b5b0aa;background:transparent;border-radius:0;padding:0;min-width:0;color:#fff;touch-action:none;isolation:isolate}
.guitar-fret[data-fret="0"] {border-right-color:#f8f4ea}
.guitar-fret::after {content:'';position:absolute;width:18px;height:18px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;z-index:-1}
.guitar-fret.chosen::after {background:var(--accent);box-shadow:0 0 0 1px #fff}
.guitar-fret span {font-size:12px;line-height:1;position:relative;visibility:hidden}
.guitar-fret.chosen span {visibility:visible}
.guitar-fret.lesson-target {outline:2px solid #c4b5fd;outline-offset:-2px;background:#7c3aed44}
.guitar-fret.active::after,.guitar-fret.demo-playing::after {background:#fff;box-shadow:0 0 0 3px var(--accent)}
.guitar-fret.active span,.guitar-fret.demo-playing span {color:#27272a;visibility:visible}
.guitar-fret.lesson-dim {opacity:.7}
.guitar-fret-numbers {position:absolute;left:0;right:0;top:-25px;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));text-align:center;font-size:12px;color:#71717a}
.guitar-string-lines {position:absolute;left:8%;right:12%;top:35%;height:30%;z-index:2;pointer-events:none;display:grid;grid-template-rows:repeat(6,1fr)}
.guitar-string-lines i {display:block;align-self:center;height:var(--thickness);background:linear-gradient(#d4d4d8,#71717a);box-shadow:0 1px 1px #00000055;transform-origin:left center}
.guitar-string-lines i.ringing {background:var(--accent);animation:guitar-string-ring .35s ease-out}
@keyframes guitar-string-ring {0%,100%{transform:translateY(0)}20%,60%{transform:translateY(2px)}40%,80%{transform:translateY(-2px)}}
.guitar-string-labels {position:absolute;left:1%;width:6%;top:35%;height:30%;display:grid;grid-template-rows:repeat(6,1fr);z-index:4}
.guitar-string-labels button {padding:0;border:0;background:transparent;font-size:12px;color:#52525b;text-align:center;line-height:1}
.guitar-pick-zone {position:absolute;left:68%;width:20%;top:29%;height:43%;z-index:5;touch-action:none;cursor:crosshair;border-radius:12px}
.guitar-pick-zone:focus-visible {outline:2px solid var(--accent)}
.guitar-pick-zone::after {content:'STRUM HERE';position:absolute;top:100%;left:0;right:0;text-align:center;font-size:12px;color:#71717a;letter-spacing:.06em;white-space:nowrap;padding-top:12px}
.guitar-pick-marker {position:absolute;width:12px;height:12px;border:2px solid var(--accent);background:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:6}
.guitar-air-chords {position:absolute;bottom:24px;left:22px;display:flex;align-items:center;gap:7px;z-index:5}
.guitar-air-chords>span {font-size:12px;letter-spacing:.05em;color:#71717a;margin-right:4px}
.guitar-air-chords button {min-height:36px;min-width:44px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:14px}
.guitar-air-chords button[aria-pressed=true] {border-color:var(--accent);color:var(--accent);background:#faf8ff}
.guitar-playing-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 22px 20px;background:#fff}
.guitar-playing-actions>div {display:flex;gap:8px;flex-wrap:wrap}
.guitar-playing-actions button {background:white;border:1px solid var(--border);border-radius:7px;padding:9px 12px;min-height:40px;font-size:14px}
.guitar-playing-actions button:first-child {background:#27272a;color:white;border-color:#27272a}
.guitar-playing-actions kbd {font-size:12px;opacity:.65;margin-left:7px}
.guitar-settings {padding:0 22px 18px;background:#fff;font-size:14px}
.guitar-settings summary {cursor:pointer;width:fit-content;color:#52525b;padding:7px 0}
.guitar-settings-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 0 0}
.guitar-settings-grid label {font-size:14px;line-height:1.5;color:#52525b;min-width:0}
.guitar-settings-grid select {display:block;width:100%;font-size:14px;margin-top:7px}
.guitar-settings-grid .check {align-self:center;white-space:normal}
.guitar-settings-note {font-size:12px;margin:14px 0 0}
.guitar.left-handed .guitar-scene {transform:scaleX(-1)}
.guitar.left-handed .guitar-fret span,.guitar.left-handed .guitar-fret-numbers span,.guitar.left-handed .guitar-string-labels button {transform:scaleX(-1)}
.guitar.left-handed .guitar-pick-zone::after {transform:scaleX(-1)}
.guitar.hide-labels .guitar-fret span,.guitar.hide-labels .guitar-fret-numbers {visibility:hidden}
.guitar .stage-caption {font-size:12px;bottom:7px}
.guitar-frets.six-frets,.guitar-fret-numbers.six-frets {grid-template-columns:repeat(6,minmax(0,1fr))}
.guitar.readable-labels .guitar-neck {height:42%;top:29%}
.guitar.readable-labels .guitar-string-lines,.guitar.readable-labels .guitar-string-labels {height:42%;top:29%}
.guitar.readable-labels .guitar-fret:not(.chosen) span {visibility:visible;font-size:12px;opacity:.85}
@media(max-width:1100px){.guitar-scene{height:285px;top:80px}.guitar-neck{height:36%;top:32%}.guitar-string-lines,.guitar-string-labels{height:36%;top:32%}.guitar-readout strong{font-size:28px}}
@media(max-width:600px){.guitar-controls{padding:14px 14px 0}.guitar-models button{padding:12px;font-size:15px}.guitar-models button small{font-size:12px}.guitar-chords{gap:6px}.guitar-chords label{margin-left:0}.guitar-chords button{min-width:42px}.stage.guitar,.guitar .pads{min-height:365px}.guitar-readout{left:14px;right:14px;gap:10px}.guitar-readout strong{font-size:25px}.guitar-readout span{font-size:12px}.guitar-readout .guitar-tracking{max-width:155px}.guitar-scene{height:250px;top:80px}.guitar-neck{left:9%;width:57%;height:43%;top:28%}.guitar-string-lines{left:9%;height:43%;top:28%}.guitar-string-labels{height:43%;top:28%;width:7%}.guitar-body{width:44%;height:90%;top:5%}.guitar-pick-zone{top:23%;height:54%}.guitar-pick-zone::after{font-size:10px}.guitar-playing-actions{padding:0 14px 16px}.guitar-playing-actions button{font-size:13px;padding:8px 10px}.guitar-playing-actions kbd{display:none}.guitar-settings{padding:0 14px 14px}.guitar-settings-grid{grid-template-columns:1fr 1fr}.guitar-chords kbd{display:none}}
@media(prefers-reduced-motion:reduce){.guitar-string-lines i.ringing{animation:none}}