.gc-stage{gap:var(--space-2)}.gc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.gc-title{display:grid;gap:4px;min-width:0}.gc-title__sym{font-family:var(--font-heading);font-weight:700;font-size:clamp(2.6rem,6vw,3.6rem);line-height:1;letter-spacing:-.02em}.gc-title__name{font-size:var(--fs-base);font-weight:700;color:var(--color-gray)}.gc-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.gc-diagram-wrap{width:100%;display:grid;place-items:center}.gc-diagram{width:min(100%,300px);aspect-ratio:220 / 250;height:auto;overflow:visible;touch-action:manipulation;cursor:pointer}.gc-fret{stroke:var(--color-hairline);stroke-width:2}.gc-nut{stroke:var(--color-ink);stroke-width:6;stroke-linecap:round}.gc-string{stroke:var(--color-gray)}.gc-string.is-ringing{animation:gc-ring .8s ease-out}@keyframes gc-ring{0%,30%{stroke:var(--color-accent)}to{stroke:var(--color-gray)}}.gc-start{fill:var(--color-gray);font:700 14px var(--font-body)}.gc-mute path{stroke:var(--color-gray);stroke-width:2.5;stroke-linecap:round}.gc-open{fill:none;stroke:var(--color-ink-soft);stroke-width:2.4}.gc-dot{fill:var(--color-ink)}.gc-dot.is-root{fill:var(--color-accent)}.gc-barre{fill:var(--color-ink)}.gc-dot-t{fill:var(--color-surface);font:700 13px var(--font-body);text-anchor:middle;pointer-events:none}.gc-dot.is-root+.gc-dot-t{fill:var(--color-on-accent)}.gc-dot-t.is-note{font-size:10.5px}.gc-open-t{fill:var(--color-gray);font:700 12px var(--font-body);text-anchor:middle}.gc-pos{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.gc-pos .seg{justify-content:center;flex-wrap:nowrap}.gc-pos__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray)}.gc-pos .seg button{min-width:48px;padding:0 12px;font-variant-numeric:tabular-nums}.gc-notes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.gc-notes li{display:grid;justify-items:center;min-width:54px;padding:6px 10px;border-radius:var(--radius-media);background:var(--color-surface-2);border:1px solid var(--color-hairline);box-shadow:var(--shadow-sm)}.gc-notes li:first-child{border-color:var(--color-accent)}.gc-note__deg{font-size:var(--fs-xs);font-weight:700;color:var(--color-gray)}.gc-note__name{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);line-height:1.2}.gc-roots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.gc-root{display:grid;justify-items:center;gap:0;min-height:48px;padding:4px 0;border-radius:var(--radius-media);border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink);box-shadow:var(--shadow-sm);touch-action:manipulation}.gc-root span{font-weight:700;font-size:var(--fs-base);line-height:1.2}.gc-root small{font-size:var(--fs-xs);color:var(--color-gray);line-height:1.2}.gc-root.is-acc{background:var(--color-surface-3)}.gc-root:hover{border-color:var(--color-accent)}.gc-root[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.gc-root[aria-pressed=true] small{color:var(--color-on-accent);opacity:.8}.gc-types{margin-top:12px}.gc-stage:fullscreen .gc-diagram,.gc-stage.is-stage-mode .gc-diagram{width:min(90vw,52vh)}.gc-stage:fullscreen .gc-title__sym,.gc-stage.is-stage-mode .gc-title__sym{font-size:clamp(3.5rem,10vh,6rem)}@media (max-width: 600px){.gc-stage{gap:10px}.gc-title__sym{font-size:2.4rem}.gc-diagram{width:min(100%,236px)}.gc-notes li{min-width:46px;padding:4px 8px}.gc-note__name{font-size:var(--fs-md)}.gc-roots{gap:6px}}@media (max-width: 760px) and (max-height: 700px){.gc-diagram{width:min(100%,196px)}}.gc-stage{padding-top:var(--space-3);padding-bottom:var(--space-3)}.gc-diagram{width:min(100%,280px)}@media (max-width: 600px){.gc-stage{padding:12px 12px 14px;gap:8px}.gc-actions .play{width:56px;height:56px}.gc-actions .play svg{width:22px;height:22px}.gc-title__sym{font-size:2.1rem}.gc-diagram{width:min(100%,206px)}.gc-notes{gap:6px}.gc-notes li{grid-auto-flow:column;align-items:baseline;gap:5px;padding:3px 9px;min-width:0}.gc-note__name{font-size:var(--fs-base)}.gc-types{margin-top:10px;gap:6px}.gc-types .chip{padding:0 12px}}@media (max-width: 760px) and (max-height: 700px){.gc-diagram{width:min(100%,180px)}}.gc-root.is-acc small{color:var(--color-ink-soft)}.gc-types .chip{min-width:44px}#positions{min-height:var(--tap-sm)}.gc-notes{min-height:57px}@media (max-width: 600px){.gc-notes{min-height:27px}}