@charset "UTF-8";@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url("./media/oswald-latin-600-normal-E4Q4QO7N.woff2") format("woff2"),url("./media/oswald-latin-600-normal-VVJ2LJKL.woff") format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url("./media/oswald-latin-700-normal-MABSRGY2.woff2") format("woff2"),url("./media/oswald-latin-700-normal-SKSK3LR7.woff") format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/open-sans-latin-400-normal-WXNQF4GQ.woff2") format("woff2"),url("./media/open-sans-latin-400-normal-HCAVHEYW.woff") format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/open-sans-latin-600-normal-JBABOOUI.woff2") format("woff2"),url("./media/open-sans-latin-600-normal-YQJRCYJV.woff") format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url("./media/open-sans-latin-700-normal-APYX27B2.woff2") format("woff2"),url("./media/open-sans-latin-700-normal-TRM2WYMB.woff") format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/space-mono-latin-400-normal-FIR2AEI6.woff2") format("woff2"),url("./media/space-mono-latin-400-normal-WRP6FM7S.woff") format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-mono-latin-700-normal-MN7DYQGK.woff2") format("woff2"),url("./media/space-mono-latin-700-normal-7QN5RRLP.woff") format("woff")}:root{--gb-logo-full: url(/brand/logo-play-on-light.png);--gb-logo-icon: url(/icons/icon-192x192.png);--gb-color-primary: #8a6118;--gb-color-primary-contrast: #fdfaf5;--gb-color-secondary: #b8872a;--gb-color-accent: #a63d24;--gb-color-success: #1a7f4e;--gb-color-success-contrast: #ffffff;--gb-color-warning: #f2a33a;--gb-color-warning-contrast: #161410;--gb-color-danger: #d1343a;--gb-color-danger-contrast: #ffffff;--gb-color-info: #2c6a78;--gb-color-info-contrast: #ffffff;--gb-color-xp: #d4a44c;--gb-color-xp-contrast: #161410;--gb-color-streak: #ff7a1a;--gb-color-streak-contrast: #161410;--gb-pc-0: hsl(0 78% 62%);--gb-pc-1: hsl(24 85% 58%);--gb-pc-2: hsl(40 92% 52%);--gb-pc-3: hsl(54 85% 50%);--gb-pc-4: hsl(84 60% 50%);--gb-pc-5: hsl(140 50% 50%);--gb-pc-6: hsl(170 60% 45%);--gb-pc-7: hsl(195 75% 52%);--gb-pc-8: hsl(215 80% 62%);--gb-pc-9: hsl(255 70% 70%);--gb-pc-10: hsl(285 60% 66%);--gb-pc-11: hsl(320 65% 66%);--gb-text-on-pc: #161410;--gb-fretboard-wood: #e9dcc7;--gb-fretboard-fret: #a8a29a;--gb-fretboard-string: #6b6460;--gb-fretboard-nut: #3b3631;--gb-fretboard-inlay: #cdbda5;--gb-bg: #fdfaf5;--gb-surface: #f5eee0;--gb-surface-raised: #ffffff;--gb-border: #e4d9c4;--gb-text: #161410;--gb-text-muted: #6b5b3e;--gb-text-inverse: #fdfaf5;--gb-font-display: "Oswald", "Arial Narrow", sans-serif;--gb-font-body: "Open Sans", system-ui, sans-serif;--gb-font-mono: "Space Mono", ui-monospace, monospace;--gb-font-music: var(--gb-font-body);--gb-text-xs: .75rem;--gb-text-sm: .875rem;--gb-text-md: 1rem;--gb-text-lg: 1.125rem;--gb-text-xl: 1.375rem;--gb-text-2xl: 1.75rem;--gb-text-3xl: 2.25rem;--gb-weight-regular: 400;--gb-weight-medium: 600;--gb-weight-bold: 700;--gb-weight-black: 700;--gb-weight-display: 600;--gb-leading-tight: 1.2;--gb-leading-normal: 1.5;--gb-space-1: 4px;--gb-space-2: 8px;--gb-space-3: 12px;--gb-space-4: 16px;--gb-space-5: 20px;--gb-space-6: 24px;--gb-space-8: 32px;--gb-space-10: 40px;--gb-space-12: 48px;--gb-radius-sm: 6px;--gb-radius-md: 10px;--gb-radius-lg: 16px;--gb-radius-xl: 24px;--gb-radius-full: 999px;--gb-shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--gb-shadow-md: 0 4px 12px rgb(0 0 0 / .08);--gb-shadow-press: 0 4px 0 rgb(0 0 0 / .15);--gb-focus-color: color-mix(in srgb, var(--gb-color-primary) 70%, transparent);--gb-focus-width: 3px;--gb-ease: cubic-bezier(.2, .8, .2, 1);--gb-dur-fast: .12s;--gb-dur: .2s;--gb-dur-slow: .4s;--gb-tap-min: 44px;--gb-content-max: 720px;--gb-app-bar-height: 56px;--gb-nav-bar-height: 64px;--gb-nav-rail-width: 88px;--gb-z-nav: 10;--gb-z-overlay: 100;--gb-z-toast: 200;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gb-logo-full: url(/brand/logo-play-on-dark.png);--gb-color-primary: #d4a44c;--gb-color-primary-contrast: #0e0d0b;--gb-color-secondary: #d4a44c;--gb-color-accent: #e2795c;--gb-color-success: #2fa86b;--gb-color-success-contrast: #0e0d0b;--gb-color-danger: #e5484d;--gb-color-danger-contrast: #0e0d0b;--gb-color-info: #6fb6c4;--gb-color-info-contrast: #0e0d0b;--gb-bg: #0e0d0b;--gb-surface: #161410;--gb-surface-raised: #1e1b16;--gb-border: #4b3f28;--gb-text: #fdfaf5;--gb-text-muted: #c9b88a;--gb-text-inverse: #0e0d0b;--gb-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--gb-shadow-md: 0 4px 12px rgb(0 0 0 / .5);--gb-shadow-press: 0 4px 0 rgb(0 0 0 / .45);--gb-fretboard-wood: #2a2420;--gb-fretboard-fret: #7a6a4a;--gb-fretboard-string: #c9b88a;--gb-fretboard-nut: #f0d99a;--gb-fretboard-inlay: #4b3f28;color-scheme:dark}}:root[data-theme=dark]{--gb-logo-full: url(/brand/logo-play-on-dark.png);--gb-color-primary: #d4a44c;--gb-color-primary-contrast: #0e0d0b;--gb-color-secondary: #d4a44c;--gb-color-accent: #e2795c;--gb-color-success: #2fa86b;--gb-color-success-contrast: #0e0d0b;--gb-color-danger: #e5484d;--gb-color-danger-contrast: #0e0d0b;--gb-color-info: #6fb6c4;--gb-color-info-contrast: #0e0d0b;--gb-bg: #0e0d0b;--gb-surface: #161410;--gb-surface-raised: #1e1b16;--gb-border: #4b3f28;--gb-text: #fdfaf5;--gb-text-muted: #c9b88a;--gb-text-inverse: #0e0d0b;--gb-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--gb-shadow-md: 0 4px 12px rgb(0 0 0 / .5);--gb-shadow-press: 0 4px 0 rgb(0 0 0 / .45);--gb-fretboard-wood: #2a2420;--gb-fretboard-fret: #7a6a4a;--gb-fretboard-string: #c9b88a;--gb-fretboard-nut: #f0d99a;--gb-fretboard-inlay: #4b3f28;color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--gb-dur-fast: 0ms;--gb-dur: 0ms;--gb-dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;background:var(--gb-bg);color:var(--gb-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--gb-color-primary)}:focus-visible{outline:var(--gb-focus-width) solid var(--gb-focus-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}html:has(dialog[open]:modal){overflow:hidden}body{font-family:var(--gb-font-body);font-size:var(--gb-text-md);line-height:var(--gb-leading-normal)}h1,h2,h3,h4{font-family:var(--gb-font-display);font-weight:var(--gb-weight-display);line-height:var(--gb-leading-tight);overflow-wrap:break-word}h1{font-size:var(--gb-text-2xl)}h2{font-size:var(--gb-text-xl)}h3{font-size:var(--gb-text-lg)}p{overflow-wrap:break-word}code,kbd{font-family:var(--gb-font-mono)}.gb-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gb-text-muted{color:var(--gb-text-muted)}.gb-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gb-space-2)}.gb-tooltip{position:absolute;z-index:var(--gb-z-toast);max-width:min(260px,100vw - 16px);padding:var(--gb-space-1) var(--gb-space-2);border-radius:var(--gb-radius-sm);background:var(--gb-text);color:var(--gb-bg);font-size:var(--gb-text-xs);font-weight:var(--gb-weight-medium);line-height:1.4;pointer-events:none;animation:gb-tooltip-in var(--gb-dur-fast) var(--gb-ease)}@keyframes gb-tooltip-in{0%{opacity:0}}.gb-music-text{font-family:var(--gb-font-music);font-weight:var(--gb-weight-bold);text-transform:none}