._fretboardStage_pbtzw_1{--fret-number-rail-height:24px;--fretboard-shell-gap:8px;--fretboard-marker-highlight:var(--app-soft-highlight);--fretboard-marker-outline:color-mix(in srgb, var(--background) 73%, var(--foreground));--fretboard-marker-shadow:var(--app-shadow-color);--fretboard-stage-bottom-padding:6px;min-width:0;max-width:100%;min-height:0;padding-bottom:var(--fretboard-stage-bottom-padding);place-items:center;display:grid;overflow:clip visible;container-type:size}._fretboardShell_pbtzw_20{--board-aspect-ratio:25 / 6;--fret-count:25;--string-count:6;--board-chrome-height:calc(var(--fret-number-rail-height) + var(--fretboard-shell-gap) + var(--fretboard-stage-bottom-padding));--board-cell-size:max(1px, min(calc(100cqw / var(--fret-count)), calc((100cqh - var(--board-chrome-height)) / var(--string-count))));--board-grid-height:calc(var(--board-cell-size) * var(--string-count));--board-grid-width:calc(var(--board-cell-size) * var(--fret-count));--fretboard-overlay-label-size:clamp(7px, calc(var(--board-cell-size) * .34), 18px);--fretboard-overlay-label-weight:850;--fretboard-marker-size:max(12px, calc(var(--board-cell-size) * .6));--fretboard-marker-emphasis-size:var(--fretboard-marker-size);--fretboard-marker-outline-width:max(2px, calc(var(--board-cell-size) * .035));--fretboard-marker-emphasis-outline-width:max(3px, calc(var(--board-cell-size) * .045));min-width:0;width:var(--board-grid-width);gap:var(--fretboard-shell-gap);justify-content:center;max-width:100%;margin-inline:auto;display:grid}._fretboardGrid_pbtzw_43{--fretboard-body-shadow:var(--fretboard-shadow);--inlay-size:calc(var(--board-cell-size) * .16);--inlay-glow:calc(var(--board-cell-size) * .2);--inlay-mid:calc(var(--board-cell-size) * 3);--inlay-hi:calc(var(--board-cell-size) * 2);--inlay-lo:calc(var(--board-cell-size) * 4);width:var(--board-grid-width);height:var(--board-grid-height);aspect-ratio:var(--board-aspect-ratio);grid-template-columns:repeat(var(--fret-count), var(--board-cell-size));grid-template-rows:repeat(var(--string-count), var(--board-cell-size));border-radius:calc(var(--board-cell-size) * .4);isolation:isolate;background:var(--fretboard-bg-sheen), linear-gradient(var(--fretboard-bg), var(--fretboard-bg));background-size:calc(100% - var(--board-cell-size)) 100%, calc(100% - var(--board-cell-size)) 100%;background-position:var(--board-cell-size) 0, var(--board-cell-size) 0;box-shadow:none;background-repeat:no-repeat;border:0;display:grid;position:relative;overflow:hidden}[data-fretboard-projection][data-palette=wood] ._fretboardGrid_pbtzw_43{--fretboard-inlay-color:var(--fretboard-classic-inlay-color);--fretboard-grain-light:var(--fretboard-classic-grain-light);--fretboard-grain-dark:var(--fretboard-classic-grain-dark);--fretboard-body-shadow:var(--fretboard-classic-shadow);background:var(--fretboard-classic-bg);background-size:calc(100% - var(--board-cell-size)) 100%, calc(100% - var(--board-cell-size)) 100%;background-position:var(--board-cell-size) 0, var(--board-cell-size) 0;background-repeat:no-repeat}._fretboardGrid_pbtzw_43:before{content:"";z-index:0;clip-path:inset(0 0 0 var(--board-cell-size));pointer-events:none;box-shadow:var(--fretboard-body-shadow), inset 0 0 0 1px color-mix(in srgb, var(--foreground) 24%, transparent);background-image:radial-gradient(circle at calc(var(--board-cell-size) * 3.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 5.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 7.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 9.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 12.5) var(--inlay-hi), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 12.5) var(--inlay-lo), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 15.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 17.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 19.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 21.5) var(--inlay-mid), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 24.5) var(--inlay-hi), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), radial-gradient(circle at calc(var(--board-cell-size) * 24.5) var(--inlay-lo), var(--fretboard-inlay-color) 0, var(--fretboard-inlay-color) var(--inlay-size), transparent var(--inlay-glow)), repeating-linear-gradient(90deg, var(--fretboard-grain-light) 0, var(--fretboard-grain-light) 3px, var(--fretboard-grain-dark) 6px, var(--fretboard-grain-dark) 9px);opacity:.9;position:absolute;inset:0}[data-fretboard-projection][data-handedness=left] ._fretboardGrid_pbtzw_43{background-position:0 0,0 0}[data-fretboard-projection][data-handedness=left] ._fretboardGrid_pbtzw_43:before{clip-path:inset(0 var(--board-cell-size) 0 0)}._fretboardGrid_pbtzw_43:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--board-cell-size) / 2 - 1.5px), var(--fretboard-string-start) calc(var(--board-cell-size) / 2 - 1.5px), var(--fretboard-string-mid) calc(var(--board-cell-size) / 2), var(--fretboard-string-end) calc(var(--board-cell-size) / 2 + 1.5px), transparent calc(var(--board-cell-size) / 2 + 1.5px), transparent var(--board-cell-size));position:absolute;inset:0}._fretboardGrid_pbtzw_43[data-static-grid=true]:after{background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--board-cell-size) / 2 - 1.5px), var(--fretboard-string-start) calc(var(--board-cell-size) / 2 - 1.5px), var(--fretboard-string-mid) calc(var(--board-cell-size) / 2), var(--fretboard-string-end) calc(var(--board-cell-size) / 2 + 1.5px), transparent calc(var(--board-cell-size) / 2 + 1.5px), transparent var(--board-cell-size)), repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--board-cell-size) - 2px), var(--fretboard-fret-wire-start) calc(var(--board-cell-size) - 2px), var(--fretboard-fret-wire-mid) calc(var(--board-cell-size) - 1px), var(--fretboard-fret-wire-end) var(--board-cell-size))}._fretboardGrid_pbtzw_43[data-static-grid=true][data-open-fret=true]:after{background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--board-cell-size) / 2 - 1.5px), var(--fretboard-string-start) calc(var(--board-cell-size) / 2 - 1.5px), var(--fretboard-string-mid) calc(var(--board-cell-size) / 2), var(--fretboard-string-end) calc(var(--board-cell-size) / 2 + 1.5px), transparent calc(var(--board-cell-size) / 2 + 1.5px), transparent var(--board-cell-size)), linear-gradient(90deg, transparent 0, transparent calc(var(--board-cell-size) - 2px), var(--fretboard-nut-wire-start) calc(var(--board-cell-size) - 2px), var(--fretboard-nut-wire-mid) calc(var(--board-cell-size) - 1px), var(--fretboard-nut-wire-end) var(--board-cell-size), transparent var(--board-cell-size)), repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--board-cell-size) - 2px), var(--fretboard-fret-wire-start) calc(var(--board-cell-size) - 2px), var(--fretboard-fret-wire-mid) calc(var(--board-cell-size) - 1px), var(--fretboard-fret-wire-end) var(--board-cell-size))}._fretCell_pbtzw_198{--marker-color:var(--success);z-index:auto;place-items:center;min-width:0;min-height:0;display:grid;position:relative}button._fretCell_pbtzw_198{cursor:pointer;background:0 0;border:0}button._fretCell_pbtzw_198:disabled{cursor:default;opacity:1}span._fretCell_pbtzw_198{pointer-events:none}._fretCell_pbtzw_198._staticFretCell_pbtzw_223:before{content:none}._fretCell_pbtzw_198[data-position-window=true]{background:0 0}._fretCell_pbtzw_198:before{content:"";width:calc(var(--board-cell-size) / 14);background:linear-gradient(to right, var(--fretboard-fret-wire-start), var(--fretboard-fret-wire-mid) 46%, var(--fretboard-fret-wire-end));box-shadow:1px 0 2px var(--fretboard-marker-shadow);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;right:0;transform:translate(50%)}._fretCell_pbtzw_198[data-nut=true]:before{width:calc(var(--board-cell-size) / 7);background:linear-gradient(to right, var(--fretboard-nut-wire-start), var(--fretboard-nut-wire-mid) 48%, var(--fretboard-nut-wire-end))}._fretCell_pbtzw_198:focus-visible{outline:3px solid var(--ring);outline-offset:-5px}._marker_pbtzw_265{--game-button-primary-color:var(--success);--game-button-shadow-color:var(--primary-foreground);--game-button-secondary-color:color-mix(in srgb, var(--success) 52%, var(--game-button-shadow-color));--game-button-ring-color:var(--success);--fretboard-marker-label-color:white;width:var(--fretboard-marker-size);height:var(--fretboard-marker-size);color:var(--fretboard-marker-label-color);outline:var(--fretboard-marker-outline-width) solid var(--fretboard-marker-outline);touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:4;border-radius:50%;justify-content:center;align-items:center;transition:opacity .42s,outline-color .42s,box-shadow .42s,filter .42s;display:flex;position:relative;transform:translateZ(0)}._markerBack_pbtzw_292,._markerFront_pbtzw_293{border-radius:50%;position:absolute;inset:0}._markerBack_pbtzw_292{opacity:0;background:linear-gradient(180deg, color-mix(in srgb, var(--game-button-primary-color) 62%, transparent) 0%, color-mix(in srgb, var(--game-button-secondary-color) 94%, transparent) 72%, var(--game-button-secondary-color) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fretboard-marker-highlight) 24%, transparent), inset 0 -2px 4px var(--fretboard-marker-shadow);transition:opacity .42s;display:block}._markerFront_pbtzw_293{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--fretboard-marker-highlight) 52%, transparent), color-mix(in srgb, var(--fretboard-marker-highlight) 14%, transparent) 45%, transparent 46%), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--fretboard-marker-shadow) 48%, transparent), transparent 55%), var(--marker-color);box-shadow:0 10px 16px var(--fretboard-marker-shadow), inset 0 0 0 2px color-mix(in srgb, var(--fretboard-marker-highlight) 13%, transparent);font-size:var(--fretboard-overlay-label-size);font-weight:var(--fretboard-overlay-label-weight);text-shadow:0 1px 2px var(--fretboard-marker-shadow);justify-content:center;align-items:center;line-height:1;display:flex}._fretCell_pbtzw_198[data-marker-role=scaleMap] ._marker_pbtzw_265{opacity:1}._fretCell_pbtzw_198[data-marker-role=fingerPattern] ._marker_pbtzw_265,._fretCell_pbtzw_198[data-marker-role=chordShape] ._marker_pbtzw_265{--fretboard-marker-outline:color-mix(in srgb, var(--marker-color) 72%, var(--fretboard-marker-highlight));opacity:1;box-shadow:0 0 0 1px color-mix(in srgb, var(--marker-color) 18%, transparent), 0 0 8px color-mix(in srgb, var(--marker-color) 12%, transparent)}._fretCell_pbtzw_198[data-marker-role=target] ._marker_pbtzw_265{--game-button-primary-color:var(--marker-color);--game-button-secondary-color:color-mix(in srgb, var(--marker-color) 52%, var(--game-button-shadow-color));--game-button-ring-color:color-mix(in srgb, var(--marker-color) 84%, var(--fretboard-marker-highlight));--fretboard-marker-outline:var(--game-button-ring-color);opacity:1;box-shadow:0 0 0 1px color-mix(in srgb, var(--marker-color) 24%, transparent), 0 0 6px color-mix(in srgb, var(--marker-color) 14%, transparent)}._fretCell_pbtzw_198[data-marker-role=target] ._markerBack_pbtzw_292{opacity:1}._fretCell_pbtzw_198[data-marker-role=target] ._markerFront_pbtzw_293{background:radial-gradient(circle at 30% 18%, color-mix(in srgb, var(--fretboard-marker-highlight) 48%, transparent) 0%, color-mix(in srgb, var(--fretboard-marker-highlight) 12%, transparent) 35%, transparent 42%), linear-gradient(180deg, var(--game-button-primary-color) 0%, color-mix(in srgb, var(--game-button-primary-color) 94%, var(--fretboard-marker-highlight)) 54%, color-mix(in srgb, var(--game-button-primary-color) 88%, var(--fretboard-marker-shadow)) 100%);box-shadow:0 .21em .42em -.12em color-mix(in srgb, var(--game-button-secondary-color) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--fretboard-marker-highlight) 26%, transparent);will-change:transform;transition:box-shadow .42s,filter .42s,transform .42s;transform:translateY(-7%)}._fretCell_pbtzw_198[data-marker-role=active] ._marker_pbtzw_265,._fretCell_pbtzw_198[data-marker-role=next] ._marker_pbtzw_265{width:var(--fretboard-marker-emphasis-size);height:var(--fretboard-marker-emphasis-size);outline:var(--fretboard-marker-emphasis-outline-width) solid var(--game-button-ring-color)}._fretCell_pbtzw_198[data-marker-role=active] ._marker_pbtzw_265{--game-button-primary-color:var(--success);--game-button-shadow-color:var(--success-foreground);--game-button-secondary-color:color-mix(in srgb, var(--success) 46%, var(--game-button-shadow-color));--game-button-ring-color:var(--success);--fretboard-marker-label-color:white;box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 30%, transparent), 0 0 12px color-mix(in srgb, var(--success) 24%, transparent);filter:brightness(1.06)}._fretCell_pbtzw_198[data-marker-role=active][data-overlaps-next=true] ._marker_pbtzw_265{--game-button-ring-color:var(--warning)}._fretCell_pbtzw_198[data-marker-role=next] ._marker_pbtzw_265{--game-button-primary-color:var(--warning);--game-button-shadow-color:var(--warning-foreground);--game-button-secondary-color:color-mix(in srgb, var(--warning) 48%, var(--game-button-shadow-color));--game-button-ring-color:var(--warning);--fretboard-marker-label-color:white;box-shadow:0 0 0 1px color-mix(in srgb, var(--warning) 22%, transparent), 0 0 10px color-mix(in srgb, var(--warning) 16%, transparent)}[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=scaleMap] ._marker_pbtzw_265,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=target] ._marker_pbtzw_265,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=active] ._marker_pbtzw_265,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=next] ._marker_pbtzw_265{width:var(--fretboard-marker-size);height:var(--fretboard-marker-size);opacity:.9;outline:var(--fretboard-marker-outline-width) solid var(--fretboard-marker-outline);box-shadow:none;filter:none}._fretCell_pbtzw_198[data-marker-role=active] ._markerBack_pbtzw_292,._fretCell_pbtzw_198[data-marker-role=next] ._markerBack_pbtzw_292{opacity:1}[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=target] ._markerBack_pbtzw_292,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=active] ._markerBack_pbtzw_292,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=next] ._markerBack_pbtzw_292{opacity:0}._fretCell_pbtzw_198[data-marker-role=active] ._markerFront_pbtzw_293,._fretCell_pbtzw_198[data-marker-role=next] ._markerFront_pbtzw_293{background:radial-gradient(circle at 30% 18%, color-mix(in srgb, var(--fretboard-marker-highlight) 68%, transparent) 0%, color-mix(in srgb, var(--fretboard-marker-highlight) 16%, transparent) 35%, transparent 42%), linear-gradient(180deg, var(--game-button-primary-color) 0%, color-mix(in srgb, var(--game-button-primary-color) 94%, transparent) 52%, color-mix(in srgb, var(--game-button-primary-color) 86%, transparent) 100%);box-shadow:0 .42em .84em -.24em color-mix(in srgb, var(--game-button-secondary-color) 38%, transparent), inset 0 1px 0 color-mix(in srgb, var(--fretboard-marker-highlight) 39%, transparent);font-size:var(--fretboard-overlay-label-size);will-change:transform;transition:box-shadow .42s,filter .42s,transform .42s;transform:translateY(-15%)}[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=target] ._markerFront_pbtzw_293,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=active] ._markerFront_pbtzw_293,[data-fretboard-projection][data-marker-presentation=position-intro] ._fretCell_pbtzw_198[data-marker-role=next] ._markerFront_pbtzw_293{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--fretboard-marker-highlight) 52%, transparent), color-mix(in srgb, var(--fretboard-marker-highlight) 14%, transparent) 45%, transparent 46%), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--fretboard-marker-shadow) 48%, transparent), transparent 55%), var(--marker-color);box-shadow:0 10px 16px var(--fretboard-marker-shadow), inset 0 0 0 2px color-mix(in srgb, var(--fretboard-marker-highlight) 13%, transparent);will-change:auto;transition:none;transform:none}button._fretCell_pbtzw_198:active ._markerFront_pbtzw_293{transform:translate(0,0)}._fretNumberRail_pbtzw_506{width:var(--board-grid-width);grid-template-columns:repeat(var(--fret-count), var(--board-cell-size));min-height:var(--fret-number-rail-height);display:grid}._fretNumberRail_pbtzw_506 span{color:color-mix(in srgb, var(--foreground) 34%, transparent);font-size:var(--fretboard-overlay-label-size);font-weight:var(--fretboard-overlay-label-weight);place-items:center;line-height:1;display:grid}._fretNumberRail_pbtzw_506 span[data-fret-state=position-span]{color:color-mix(in srgb, var(--foreground) 82%, transparent)}._fretNumberRail_pbtzw_506 span[data-fret-state=position-start]{color:var(--success)}@media (width<=760px){._fretboardShell_pbtzw_20{min-width:0}}