.instrument-tuning{gap:.25rem;max-inline-size:100%;font-size:.875rem;font-weight:400;line-height:1.5;display:grid}.instrument-tuning__label{font-weight:600}.game__identity .instrument-tuning{margin-block-start:.4rem}.library-heading>.instrument-tuning{margin-block:1rem}.library-instruments .instrument-tuning{text-align:center;margin-block-end:1rem}.reference-shell{--reference-heading-rule:var(--accent);--reference-ring:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1f);max-inline-size:76rem;margin-inline:auto;padding:clamp(1.25rem,4vw,3rem);line-height:1.65}.reference-shell h1{letter-spacing:-.035em;text-wrap:balance;margin-block:.75rem 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}@media (width>=55rem){.reference-shell{padding-block-start:1.5rem}.reference-explore-intro{flex-wrap:wrap;align-items:baseline;gap:0 1.5rem;display:flex}.reference-explore-intro p{flex:24rem}}.reference-shell h2{border-inline-start:4px solid var(--reference-heading-rule);color:var(--text);margin-block:0 .75rem;padding-inline-start:.75rem;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:750;line-height:1.3}.reference-shell p{max-inline-size:65ch;margin-block:0 1rem}.reference-shell .reference-subtitle{color:var(--text-secondary);font-size:1.0625rem}.reference-shell h1:has(+.reference-subtitle){margin-block-end:.5rem}.reference-pattern>p{max-inline-size:none}.reference-shell a{color:var(--accent);text-underline-offset:.2em}.reference-shell :focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.reference-intro{grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;margin-block-end:.75rem;display:grid}.reference-intro>.reference-page-toolbar{grid-column:1/-1}.reference-breadcrumbs{color:var(--text-secondary);flex-wrap:nowrap;align-items:center;gap:.5rem .75rem;margin:0;padding:0;font-size:1rem;list-style:none;display:flex}.reference-breadcrumbs li:first-child{flex-shrink:0;font-weight:750}.reference-breadcrumbs li{align-items:center;min-inline-size:0;max-inline-size:100%;display:inline-flex}.reference-breadcrumbs li>:is(a,span){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-breadcrumbs [aria-current]{color:var(--text)}.reference-introduction{margin-block-start:.75rem}.reference-introduction summary,.reference-keyboard-hint summary{cursor:pointer;color:var(--accent);min-block-size:44px}.reference-keyboard-hint{font-size:.875rem}.reference-keyboard-hint>p{max-inline-size:none;margin-block:.5rem 0}.reference-breadcrumbs li+li:before{content:"/";opacity:.6;flex-shrink:0;margin-inline-end:.75rem}.reference-eyebrow{color:var(--accent);font-size:.875rem;font-weight:650}.reference-description{color:var(--text-secondary);font-size:1.0625rem}.reference-staff{background:var(--surface);border-radius:2rem;min-inline-size:0;padding:1rem;container:reference-staff/inline-size}.reference-staff .scale-score{scrollbar-color:var(--border-control) var(--surface);min-block-size:150px}.reference-staff .scale-score__svg{max-inline-size:40rem}.reference-staff-details{color:var(--text-secondary);margin-block-start:.5rem;font-size:.875rem}.reference-staff-details summary{cursor:pointer;color:var(--accent)}.reference-staff-details[open] summary{margin-block-end:.75rem}.reference-staff p:last-child{margin-block-end:0}.reference-workspace{--workspace-inset:clamp(1rem, 2.5vw, 1.5rem);padding:var(--workspace-inset);background:var(--surface-raised);border-radius:calc(var(--workspace-inset) + .75rem);box-shadow:0 0 0 1px var(--reference-ring), 0 8px 24px #0000000d}.reference-toolbar{background:var(--surface);border-radius:1.25rem;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-block:.5rem .75rem;padding:.75rem 1rem;display:flex}.reference-filter{flex-wrap:wrap;align-items:center;gap:.75rem;min-inline-size:0;font-size:.9375rem;font-weight:600;display:flex}.reference-filter select{appearance:none;background:var(--surface-raised);min-block-size:48px;min-inline-size:0;max-inline-size:100%;color:var(--text);border:1px solid var(--border-control);font:inherit;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 13px center,right 8px center;background-repeat:no-repeat;background-size:5px 5px;border-radius:.5rem;padding-block:.5rem;padding-inline:.75rem 2rem}.reference-toolbar .reference-filter{flex-wrap:nowrap;flex:1}.reference-toolbar .reference-filter select{inline-size:min(100%,16rem)}.reference-hint{color:var(--text-secondary);font-size:.875rem}.reference-scroll{scrollbar-color:var(--border-control) var(--surface);padding:.375rem;overflow-x:auto}.reference-diagram{margin-block:.5rem 0;container:reference-diagram/inline-size}.reference-diagram-scroll.fretboard__viewport{scrollbar-gutter:auto;box-shadow:0 0 0 1px var(--reference-ring);background:#211e19;border-radius:.75rem;scroll-padding:.375rem}.reference-board.fretboard__canvas{inline-size:100%;min-inline-size:var(--reference-landscape-width);aspect-ratio:var(--reference-landscape-ratio);position:relative}.reference-artwork{position:absolute;inset:0}.reference-artwork--upright{display:none}@media not ((width>=640px) and (height<=500px) and (orientation:landscape)){@container reference-diagram (width<640px){.reference-diagram-scroll.fretboard__viewport{touch-action:pan-y;grid-template-columns:minmax(0,1fr);inline-size:100%;display:grid;overflow:clip}.reference-board.fretboard__canvas{min-inline-size:0;aspect-ratio:var(--reference-upright-ratio);overflow:visible}.reference-artwork--landscape,.reference-scroll-controls{display:none}.reference-artwork--upright{display:block}.reference-board .reference-marker{inset-block-start:var(--reference-upright-y);inset-inline-start:var(--reference-upright-x)}}}.reference-board .fretboard__overlay{overflow:hidden}.reference-instructions{margin-block-start:.75rem}.reference-keyboard{position:absolute;inset:0}.reference-marker{aspect-ratio:1;inline-size:44px;position:absolute;inset-block-start:var(--reference-y);inset-inline-start:var(--reference-x);transform:translate(-50%,-50%)}.reference-note{border:1px solid var(--border-control);background:var(--surface-raised);block-size:100%;inline-size:100%;color:var(--text);cursor:pointer;border-radius:50%;padding:0;scroll-margin:.5rem;font-size:clamp(.875rem,3.8vw,1.125rem);font-weight:600;line-height:1}.reference-note:not(.reference-note--highlight,.reference-note--root){border:2px dashed}.reference-note--highlight{color:#211e19;background:#faf9f6;border-color:#211e19;font-weight:700}.reference-note:hover{background:var(--accent);color:var(--on-accent)}.reference-note:focus-visible{z-index:1;position:relative}.reference-shell .reference-status{min-block-size:1.65em;color:var(--accent);margin-block:.75rem 0;font-size:.875rem}.reference-shell .reference-status:empty{min-block-size:0;margin:0}.reference-lessons{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem 3rem;margin-block:3rem;display:grid}.reference-lessons p:last-child{margin-block-end:0}.reference-tip{border-inline-start:3px solid var(--accent);padding-inline-start:1.5rem}.reference-practice{background:var(--surface);border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;padding:clamp(1.5rem,3vw,2rem);display:flex}.reference-practice>div{flex:20rem}.reference-practice p{color:var(--text-secondary);margin:0;font-size:.9375rem}.reference-practice .button{text-align:center;color:var(--on-accent);justify-content:center;gap:.75rem;text-decoration:none;display:inline-flex}.reference-related{margin-block:3rem}.reference-related ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.reference-related a{justify-content:space-between;align-items:center;gap:.75rem;min-block-size:48px;padding-block:.5rem;display:flex}.reference-related svg,.reference-practice svg{flex-shrink:0}.reference-shell footer{border-block-start:1px solid var(--reference-ring);color:var(--text-secondary);padding-block-start:1.5rem;font-size:.875rem}.reference-shell footer p{max-inline-size:none;margin-block-end:.5rem}@media (width<=55rem){.reference-intro,.reference-lessons{grid-template-columns:minmax(0,1fr);gap:1.5rem}.reference-intro>.reference-page-toolbar{margin-block-end:.5rem}.reference-intro:not(.reference-intro--scale){gap:.5rem}.reference-intro:not(.reference-intro--scale)>.reference-page-toolbar{margin-block-end:0}}@media (width<=32rem){.reference-shell{padding:1rem}.reference-diagram{margin-inline:calc(-1 * (var(--workspace-inset) + .8125rem))}.reference-shell h1{margin-block:.5rem .75rem}.reference-toolbar{gap:.5rem 1rem;padding:.5rem}.reference-practice .button{inline-size:100%}}.reference-filter select:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-position:13px,8px}:is(.reference-related svg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.reference-practice svg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transform:rotate(180deg)}.reference-scroll-controls{justify-content:space-between;align-items:center;gap:.75rem;margin-block:.5rem .75rem;display:flex}.reference-scroll-button{place-items:center;min-block-size:48px;min-inline-size:48px;padding:.5rem;display:grid}@media (prefers-reduced-motion:no-preference){.reference-note:active{scale:.96}}.reference-tip ul{padding-inline-start:1.25rem;line-height:1.65;list-style:outside}.reference-tip li+li{margin-block-start:.625rem}.reference-segments input:is([value=sharps],[value=flats])+span{font-size:1.5rem;line-height:1}.reference-note--root{border:3px double;border-radius:.625rem}.reference-note--root.reference-note--highlight{background:var(--accent);color:var(--on-accent)}.reference-root-legend:before{content:"";background:var(--accent);block-size:.875rem;inline-size:.875rem;color:var(--on-accent);vertical-align:middle;border:3px double;border-radius:.25rem;margin-inline-end:.5rem;display:inline-block}.reference-page-toolbar{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.5rem;display:flex}.reference-page-toolbar nav{flex:1 1 0;min-inline-size:0}.reference-scale-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-block:1rem .75rem;display:flex}.reference-scale-toolbar>.reference-root-legend{flex:28rem;max-inline-size:none;margin:0}.reference-scale-playback{flex:none}.reference-scale-playback .button{white-space:nowrap}.reference-scale-playback .reference-hint{max-inline-size:24ch}.reference-note--playing{background:var(--accent);color:var(--on-accent);outline:3px solid var(--accent);outline-offset:3px}@media (width>=55rem){.reference-workspace{--workspace-inset:1rem}}.reference-diagram .fretboard__number{font-size:20px}.reference-artwork--upright .fretboard__number{font-size:16px}.reference-artwork--landscape .fretboard__number{dominant-baseline:central}.reference-shell>.daily-error__actions{justify-content:start;margin-block:1.5rem}.reference-page-toolbar>button{flex-shrink:0;margin-inline-start:auto}@media (width<=32rem){.reference-share{min-block-size:44px;min-inline-size:44px;padding-inline:.75rem}.reference-share .share-dialog__trigger-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:clip}}.library-heading{margin-block:1rem 1.5rem}.learning-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.learning-paths section{background:var(--surface);box-shadow:0 0 0 1px var(--reference-ring);border-radius:1.5rem;padding:1.25rem}.learning-paths ul{margin:0;padding:0;list-style:none}.learning-paths a{align-items:center;gap:.75rem;min-block-size:64px;padding-block:.75rem;text-decoration:none;display:flex}.learning-paths a span{flex:1}.learning-paths img,.learning-paths svg{flex-shrink:0}@media (width<=40rem){.learning-paths{grid-template-columns:minmax(0,1fr)}}.library-key-filter{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.reference-shell .library-coverage{color:var(--text-secondary);margin:0;font-size:.875rem}.library-key-filter{background:var(--surface);border-radius:1.5rem;margin-block-end:1.5rem;padding:1rem 1.5rem}.library-instruments,.library-scale-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.library-instruments>li{background:var(--surface);box-shadow:0 0 0 1px var(--reference-ring);border-radius:2rem;flex-direction:column;padding:1.5rem;display:flex}.library-instruments img{object-fit:contain;align-self:center}.library-instruments h3{text-align:center;margin-block:.5rem;font-size:1.5rem}.library-instruments p{color:var(--text-secondary);font-size:.9375rem}.library-instruments a,.library-scale-links a{justify-content:space-between;align-items:center;gap:1rem;min-block-size:48px;text-decoration:none;display:flex}.library-scale-links a>div,.library-scale-links a>span{flex-direction:column;flex:1;align-self:stretch;min-inline-size:0;display:flex}.library-scale-links small:last-child{margin-block-start:auto;padding-block-start:.5rem}.library-instruments a{padding-block:.5rem}.library-instruments>li>a:first-of-type{margin-block-start:auto}.library-scale-links a{background:var(--surface);box-shadow:0 0 0 1px var(--reference-ring);border-radius:1rem;block-size:100%;padding:1rem 1.25rem}.library-scale-links strong{overflow-wrap:anywhere;color:var(--text);font-size:1rem}.library-scale-links small{color:var(--text-secondary);overflow-wrap:anywhere;margin-block-start:.25rem;font-size:.875rem;display:block}.library-scale-links svg,.library-instruments svg{flex:0 0 18px}.library-scale-links a:hover{box-shadow:0 0 0 2px var(--accent)}.library-family-nav{background:var(--surface);border-radius:2rem;margin-block-end:2rem;padding:1.5rem}.reference-shell .library-family-nav h2{border:0;margin-block-end:1rem;padding:0;font-size:1.125rem}.library-family-nav ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.library-family-nav a{border-radius:.5rem;align-items:center;gap:.75rem;min-block-size:48px;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:flex}.library-family-nav a:hover{background:var(--surface-raised)}.library-family-nav span{flex:1}.library-family-nav small{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:400}.library-family-nav svg{flex:0 0 18px}.library-family{margin-block:2rem}.library-family h2{scroll-margin-block-start:1rem}.library-shell footer{margin-block-start:3rem}.reference-pattern{margin-block:2.5rem 0}.reference-intervals{background:var(--surface);border-radius:1.25rem;margin:1.5rem 0 0;padding:clamp(1rem,3vw,1.5rem)}.reference-intervals figcaption{margin-block-end:.5rem;font-size:1.125rem;font-weight:700}.reference-interval-chart{padding-block:.5rem;container-type:inline-size}.reference-interval-svg{text-anchor:middle;block-size:auto;inline-size:100%;max-inline-size:70rem;color:var(--text);font-size:24px;display:block}.reference-interval-svg--compact{display:none}@container (width<=40rem){.reference-interval-svg--wide{display:none}.reference-interval-svg--compact{font-size:40px;display:block}.reference-interval-svg--compact .reference-interval-step text,.reference-interval-svg--compact .reference-interval-axis,.reference-interval-svg--compact .reference-interval-degree{font-size:34px}}@container (width<=25rem){.reference-interval-svg--compact{font-size:50px}.reference-interval-svg--compact .reference-interval-step text,.reference-interval-svg--compact .reference-interval-axis,.reference-interval-svg--compact .reference-interval-degree{font-size:44px}}@container (width<=18.75rem){.reference-interval-svg--compact{font-size:60px}.reference-interval-svg--compact .reference-interval-step text,.reference-interval-svg--compact .reference-interval-axis,.reference-interval-svg--compact .reference-interval-degree{font-size:50px}}.reference-interval-svg text{fill:currentColor}.reference-interval-axis{color:var(--text-secondary)}.reference-interval-guide line{stroke:var(--border-control);stroke-width:1px;vector-effect:non-scaling-stroke}.reference-interval-axis line{stroke:var(--border-control);stroke-width:1.5px}.reference-interval-step line{stroke:var(--text-secondary);stroke-width:2px}.reference-interval-step rect{fill:var(--surface-raised)}.reference-interval-step text{font-size:22px}.reference-interval-node circle{fill:var(--text)}.reference-interval-node rect{fill:var(--accent);stroke:var(--text);stroke-width:2px}.reference-interval-note{font-weight:700}.reference-interval-details summary{cursor:pointer;color:var(--accent);min-block-size:48px;padding-block:.75rem}.reference-interval-list{margin-block:.5rem 0;padding-inline-start:1.5rem}.reference-interval-list li+li{margin-block-start:.75rem}@media (prefers-reduced-motion:no-preference){html:has(.library-family-nav){scroll-behavior:smooth}.library-scale-links a:active,.library-family-nav a:active{scale:.96}}:is(.library-scale-links svg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.library-instruments svg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transform:rotate(180deg)}.reference-shell .reference-prose-link{text-decoration:underline}