@font-face{font-family:Bricolage Grotesque;src:url(./bricolage-grotesque-DLoelf7F.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Figtree;src:url(./figtree-D_ZTVpCC.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(./jetbrains-mono-B9CIFXIH.woff2) format("woff2");font-weight:100 800;font-display:swap}:root{--lf-teal: #1e4e5c;--lf-orange: #d96d2c;--lf-cream: #f4efe6;--lf-night: #0b1a20;--lf-nickel: #8a9aa0;--lf-font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--lf-font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lf-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--lf-radius: 12px;--lf-radius-small: 6px;--lf-bg: var(--lf-cream);--lf-surface: #fffdf9;--lf-sunken: #eae3d7;--lf-line: #d9d1c3;--lf-text: #1a2b30;--lf-muted: #5c6e73;--lf-heading: var(--lf-teal);--lf-primary: var(--lf-teal);--lf-on-primary: #ffffff;--lf-primary-soft: #2f6b7a;--lf-primary-tint: rgba(30, 78, 92, .08);--lf-accent: var(--lf-orange);--lf-accent-text: #a44a18;--lf-on-accent: #ffffff;--lf-on-accent-small: var(--lf-night);--lf-accent-soft: rgba(217, 109, 44, .12);--lf-focus: var(--lf-accent-text);--lf-lamp-core: #ffdfae;--lf-lamp-mid: #f6e7cf;--lf-lamp-edge: var(--lf-sunken);--lf-right: #2a7f6c;--lf-on-right: #ffffff;--lf-close: #e0a43a;--lf-on-close: var(--lf-night);--lf-off: #cfc6b6;--lf-on-off: var(--lf-text);--lf-right-text: #236b5b;--lf-close-text: #8a5e0e;--lf-hard: #a8431f;--lf-on-hard: #ffffff;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--lf-bg: var(--lf-night);--lf-surface: #11252d;--lf-sunken: #08141a;--lf-line: #2a4651;--lf-text: #e9eeec;--lf-muted: #8fa4a9;--lf-heading: var(--lf-cream);--lf-primary: #5fa8ba;--lf-on-primary: var(--lf-night);--lf-primary-soft: #8cc3d1;--lf-primary-tint: rgba(95, 168, 186, .1);--lf-accent: #e57a3a;--lf-accent-text: #e57a3a;--lf-on-accent: var(--lf-night);--lf-accent-soft: rgba(229, 122, 58, .12);--lf-focus: #e57a3a;--lf-lamp-core: #8a5526;--lf-lamp-mid: #3a2c20;--lf-lamp-edge: var(--lf-night);--lf-off: #34474e;--lf-on-off: #e9eeec;--lf-right-text: #4fb39b;--lf-close-text: var(--lf-close);color-scheme:dark}}:root[data-theme=dark]{--lf-bg: var(--lf-night);--lf-surface: #11252d;--lf-sunken: #08141a;--lf-line: #2a4651;--lf-text: #e9eeec;--lf-muted: #8fa4a9;--lf-heading: var(--lf-cream);--lf-primary: #5fa8ba;--lf-on-primary: var(--lf-night);--lf-primary-soft: #8cc3d1;--lf-primary-tint: rgba(95, 168, 186, .1);--lf-accent: #e57a3a;--lf-accent-text: #e57a3a;--lf-on-accent: var(--lf-night);--lf-accent-soft: rgba(229, 122, 58, .12);--lf-focus: #e57a3a;--lf-lamp-core: #8a5526;--lf-lamp-mid: #3a2c20;--lf-lamp-edge: var(--lf-night);--lf-off: #34474e;--lf-on-off: #e9eeec;--lf-right-text: #4fb39b;--lf-close-text: var(--lf-close);color-scheme:dark}.lf-wordmark{font-family:var(--lf-font-display);font-weight:400;letter-spacing:-.02em;color:var(--lf-heading);white-space:nowrap}.lf-wordmark b{font-weight:800}.lf-mark{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:22%;background:var(--lf-teal);color:var(--lf-cream);font-family:var(--lf-font-display);font-weight:800;font-size:1em;letter-spacing:-.04em;line-height:1;flex:none;box-shadow:inset 0 -.12em 0 var(--lf-orange)}.lf-home{display:inline-flex;flex:none;border-radius:22%;text-decoration:none;transition:transform .12s ease}.lf-home:hover{transform:translateY(-1px)}.lf-home:focus-visible{outline:3px solid var(--lf-focus);outline-offset:2px}.lf-endorsement{font-family:var(--lf-font-body);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--lf-muted)}.lf-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-bottom:6px;font-family:var(--lf-font-body);font-size:12px}.lf-legal a{color:var(--lf-muted)}.lf-legal a:hover{color:var(--lf-text)}button,input,select,textarea{font-family:inherit}.lf-free [data-pro]:not([data-pro=quiet]){opacity:.7}.lf-free [data-pro]:not([data-pro=quiet]):not(input):after{content:"Pro";margin-left:.4em;padding:.05em .35em;border:1px solid currentColor;border-radius:4px;font-family:var(--lf-font-mono);font-size:.65em;font-weight:600;vertical-align:.1em}.lf-locked-dialog{max-width:min(22rem,calc(100vw - 2rem));padding:1.25rem;border:1px solid var(--lf-line);border-radius:12px;background:var(--lf-surface);color:var(--lf-text)}.lf-locked-dialog::backdrop{background:#00000080}.lf-locked-dialog h2{margin:0 0 .4rem;font-size:1.2rem}.lf-locked-dialog p{margin:0 0 1rem}.lf-locked-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.lf-locked-actions a{color:inherit}.lf-locked-actions button{padding:.45rem .9rem;border:1px solid var(--lf-line);border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.lf-menu{position:relative;flex:none;font-family:var(--lf-font-body)}.lf-menu summary{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--lf-text);font-size:20px;font-weight:700;line-height:1;cursor:pointer;list-style:none}.lf-menu summary::-webkit-details-marker{display:none}.lf-menu summary:hover,.lf-menu[open] summary{background:var(--lf-accent-soft)}.lf-menu nav{position:absolute;top:calc(100% + 6px);right:0;z-index:50;display:flex;flex-direction:column;min-width:170px;padding:6px;border:1px solid var(--lf-line);border-radius:10px;background:var(--lf-surface);box-shadow:0 10px 28px #00000040}.lf-menu a{padding:10px 12px;border-radius:6px;color:var(--lf-text);font-size:15px;font-weight:600;text-align:left;text-decoration:none}.lf-menu a:hover{background:var(--lf-accent-soft)}.lf-menu a[aria-current]{color:var(--lf-accent-text)}.lf-menu-choice{display:grid;gap:6px;padding:10px 6px 6px}.lf-menu-choice:first-of-type{margin-top:6px;border-top:1px solid var(--lf-line)}.lf-menu-choice span{font-size:12px;font-weight:700;color:var(--lf-muted)}.lf-menu-choice div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:8px;background:var(--lf-sunken)}.lf-menu-two div{grid-template-columns:repeat(2,1fr)}.lf-menu-choice button{padding:7px 4px;border:0;border-radius:6px;background:none;color:var(--lf-text);font:700 13px var(--lf-font-body);cursor:pointer}.lf-menu-choice button[aria-pressed=true]{background:var(--lf-primary);color:var(--lf-on-primary)}:root{--bg: var(--lf-bg);--panel: var(--lf-surface);--line: var(--lf-line);--text: var(--lf-text);--dim: var(--lf-muted);--exact: var(--lf-right);--near: var(--lf-close);--off: var(--lf-off);--accent: var(--lf-accent);--tile-w: min(66px, calc((100vw - 113px) / 6));--tile-h: max(64px, calc(var(--tile-w) * 1.4));--gap: 8px;--peek-h: 19px;--note-size: 19px;--fret-size: 16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--lf-font-body);overscroll-behavior:none}.app{max-width:520px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;align-items:center;gap:20px}.header{position:relative;width:100%;text-align:center;border-bottom:1px solid var(--line);padding-bottom:14px}.header h1{margin:0;font-size:28px;font-weight:400;display:inline-flex;align-items:center;gap:10px}.header .lf-mark{font-size:20px}.header .lf-menu{position:absolute;top:0;right:0}.header-meta{margin-top:8px;font-size:12px;color:var(--dim)}.prompt{text-align:center}.prompt-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.prompt-tags{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.tag{border:1px solid var(--accent);border-radius:6px;padding:7px 16px;font-size:19px;font-weight:600;letter-spacing:.06em;color:var(--lf-accent-text);background:var(--lf-accent-soft);white-space:nowrap}button.tag{display:inline-flex;align-items:center;gap:8px;font-family:inherit;cursor:pointer}.tag:focus-visible{outline:3px solid var(--lf-focus);outline-offset:2px}.tag[aria-expanded=true]{background:var(--accent);color:var(--lf-on-accent-small)}.tag-info{display:grid;place-items:center;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;font-size:11px;font-weight:700;font-style:italic;letter-spacing:0;line-height:1}.tag-help{position:absolute;top:calc(100% + 8px);left:50%;z-index:6;transform:translate(-50%);width:min(320px,calc(100vw - 32px));margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 8px 22px #00000040;font-size:14px;line-height:1.4;text-align:left}.board{display:flex;flex-direction:column;gap:var(--gap)}.row{display:grid;grid-template-columns:repeat(6,var(--tile-w));gap:var(--gap)}.row-labels{margin-bottom:-4px}.string-label{text-align:center;font-size:12px;color:var(--dim);letter-spacing:.1em}.tile{height:var(--tile-h);border:2px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.tile-empty{background:transparent}.tile-exact{background:var(--exact);border-color:var(--exact);color:var(--lf-on-right)}.tile-near{background:var(--near);border-color:var(--near);color:var(--lf-on-close)}.tile-off{background:var(--off);border-color:var(--off);color:var(--lf-on-off)}.tile-exact:after,.tile-near:after,.tile-off:after{height:10px;margin-top:1px;font-size:10px;font-weight:800;line-height:10px;opacity:.8}.tile-exact:after{content:"✓"}.tile-near:after{content:"~"}.tile-off:after{content:""}.tile-note{font-size:var(--note-size);font-weight:700;line-height:1.1}.tile-fret{font-variant-numeric:tabular-nums;font-size:var(--fret-size);font-weight:500;opacity:.85;margin-top:2px}.tumbler{height:var(--tile-h);border:2px solid var(--line);border-radius:6px;background:linear-gradient(180deg,var(--lf-sunken) 0%,var(--lf-surface) 50%,var(--lf-sunken) 100%);display:grid;grid-template-rows:var(--peek-h) 1fr var(--peek-h);align-items:center;overflow:hidden;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.tumbler.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--lf-accent-soft)}.tumbler-peek{all:unset;text-align:center;font-variant-numeric:tabular-nums;font-size:13px;color:var(--text);opacity:.75;cursor:pointer;line-height:var(--peek-h)}.tumbler-peek:hover{color:var(--text);opacity:1}.tumbler-center{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:settle .13s ease-out}.tumbler-center[data-dir="-1"]{animation-name:settle-down}.tumbler-note{font-size:var(--note-size);font-weight:700;line-height:1.1}.tumbler-fret{font-variant-numeric:tabular-nums;font-size:var(--fret-size);font-weight:500;color:var(--dim);margin-top:2px}@keyframes settle{0%{transform:translateY(9px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes settle-down{0%{transform:translateY(-9px);opacity:.3}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.tumbler-center{animation:none}}.controls{position:sticky;bottom:0;z-index:5;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:20px;margin:0 -16px;padding:6px 16px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.submit{background:var(--accent);color:var(--lf-on-accent-small);border:none;border-radius:6px;padding:12px 28px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.submit:hover{filter:brightness(1.08)}.guesses-left{font-size:12px;color:var(--dim)}.controls-go{display:grid;justify-items:center;gap:6px}.controls .chart{gap:0}.controls .chart figcaption{margin:0;font-size:10px}.controls .chart svg{width:84px;height:auto}.result{text-align:center;border:1px solid var(--line);border-radius:8px;padding:16px 20px;width:100%;background:var(--panel)}.result h2{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.result-won h2{color:var(--lf-right-text)}.result-lost h2{color:var(--lf-close-text)}.result-chord{font-family:var(--lf-font-display);font-size:38px;font-weight:700;line-height:1.15;margin:4px 0 10px}.result .prompt-tags{margin-top:0}.result-sub{margin:14px 0 0;color:var(--dim);font-size:12px}.hard-badge{margin-left:8px;padding:2px 7px;border-radius:4px;background:var(--lf-hard);color:var(--lf-on-hard);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;vertical-align:1px}.stats{display:flex;justify-content:center;gap:22px;margin:18px 0 0}.stat{display:flex;flex-direction:column-reverse;align-items:center;min-width:44px}.stat dd{margin:0;font-family:var(--lf-font-display);font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.stats-hard{margin:10px 0 0;font-size:12px;color:var(--dim)}.share-card{display:flex;flex-direction:column;align-items:center;margin-top:18px}.share-card img{display:block;width:auto;max-width:100%;height:auto;max-height:min(375px,38vh);margin-bottom:4px;border:1px solid var(--line);border-radius:10px}.share{margin-top:12px;background:var(--accent);color:var(--lf-on-accent-small);border:none;border-radius:6px;padding:11px 26px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.share:hover{filter:brightness(1.1)}.share:disabled{opacity:.6;cursor:default}.share-text{margin-top:8px;padding:6px 10px;background:none;border:none;color:var(--dim);font-family:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.share-text:hover{color:var(--text)}.ambassador{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);text-align:left}.ambassador-face{flex:none;width:64px;height:64px;border-radius:50%;background:var(--lf-sunken);border:2px solid var(--accent)}.ambassador-says{display:flex;flex-direction:column;gap:4px}.ambassador-line{font-size:14px}.ambassador-link{font-size:13px;color:var(--accent);text-decoration:none}.ambassador-link:hover{text-decoration:underline}.footer{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--dim)}.footer a{color:var(--dim)}.footer a:hover{color:var(--text)}.help{width:100%;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--dim)}.help summary{cursor:pointer;color:var(--text)}.help ul{margin:10px 0 0;padding-left:18px;line-height:1.7}.swatch{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:-1px}.swatch-exact{background:var(--exact)}.swatch-near{background:var(--near)}.swatch-exact:after,.swatch-near:after{display:block;font-size:11px;font-weight:800;line-height:1;text-align:center}.swatch-exact:after{content:"✓";color:var(--lf-on-right)}.swatch-near:after{content:"~";color:var(--lf-on-close)}.swatch-off{background:var(--off)}kbd{background:var(--lf-sunken);border:1px solid var(--line);border-radius:3px;padding:1px 5px;color:var(--text);font-size:11px;font-family:var(--lf-font-mono)}.dev-tools{display:flex;gap:10px}.dev-button{all:unset;cursor:pointer;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border:1px dashed var(--line);border-radius:5px;padding:6px 14px}.dev-button:hover{color:var(--text);border-color:var(--dim)}.charts{display:flex;gap:28px;justify-content:center}.chart{margin:0;width:148px}.chart figcaption{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:10px}.chart svg{display:block;width:100%;height:auto;aspect-ratio:148 / 194}.chart-line{stroke:var(--lf-nickel);stroke-opacity:.55;stroke-width:1}.chart-nut{stroke:var(--text);stroke-width:4;stroke-linecap:round}.chart-dot{fill:var(--accent)}.chart-finger{fill:var(--lf-on-accent-small);font-size:11px;font-weight:700;text-anchor:middle}.chart-marker{fill:var(--dim);font-size:11px;text-anchor:middle}.chart-position{fill:var(--dim);font-family:var(--lf-font-mono);font-size:10px}@media (max-width: 480px){.charts{gap:16px}}.row-playable{position:relative;scroll-margin:16px 0 158px}.strum{position:absolute;left:100%;margin-left:9px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;transition:transform .12s ease}.guitar-icon{display:block;width:100%;height:100%;border-radius:50%;background:var(--lf-sunken);box-shadow:inset 0 0 0 1px var(--line);transition:background .13s ease,box-shadow .13s ease}.strum:hover:not(:disabled) .guitar-icon,.chart-play:hover:not(:disabled) .guitar-icon{background:var(--lf-cream);box-shadow:inset 0 0 0 1px var(--lf-nickel)}.strum:active:not(:disabled){transform:translateY(-50%) scale(.92)}.strum:disabled{opacity:.3;cursor:default}.chart-play{position:relative;display:block;width:100%;padding:6px 4px 4px;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.chart-play:hover:not(:disabled){border-color:var(--line);background:var(--lf-accent-soft)}.chart-play:disabled{cursor:default}.chart-hear{position:absolute;right:2px;bottom:2px;width:22px;height:22px}.chart-play:disabled .chart-hear{opacity:.3}@media (max-width: 520px){.board{padding-right:41px}}@media (max-width: 480px){:root{--gap: 6px;--peek-h: 14px;--note-size: 16px;--fret-size: 13px}.tumbler-peek{font-size:11px}}