:root{--stage:#14100d;--panel:#f0e6d2;--panel-deep:#e2d4b6;--panel-edge:#cbbc9c;--ink:#2a2118;--ink-soft:#6f5f4b;--amber:#f59e3c;--amber-hot:#ffc46b;--green:#62c47e;--green-ink:#2e7d46;--red:#e0604a;--red-ink:#b6432f;--text:#e8ddc9;--text-dim:#9b8d78;--display:"Fraunces", Georgia, serif;--mono:"Spline Sans Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100svh;font:400 15px/1.5 var(--mono);color:var(--text);background:radial-gradient(90rem 42rem at 50% -12rem, #2d211a, transparent 65%), radial-gradient(60rem 40rem at 110% 110%, #201712, transparent 60%), var(--stage);background-attachment:fixed;margin:0}body:after{content:"";pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button{cursor:pointer;font-family:inherit}h2{font-family:var(--display);margin:0;font-weight:600}.app{z-index:1;flex-direction:column;gap:22px;max-width:1080px;margin:0 auto;padding:30px 24px 72px;display:flex;position:relative}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand-title{font-family:var(--display);letter-spacing:-.5px;color:var(--text);font-size:40px;font-weight:800;line-height:1}.brand-title em{color:var(--amber);font-style:italic;font-weight:500}.brand-sub{text-transform:uppercase;letter-spacing:3.5px;color:var(--text-dim);font-size:11px}.masthead-right{align-items:flex-end;gap:16px;display:flex}.scoreboard{gap:14px;display:flex}.help-btn{width:36px;height:36px;color:var(--text-dim);font:700 16px var(--mono);background:0 0;border:2px solid #4b3b2b;border-radius:50%;margin-bottom:4px;transition:all .15s}.help-btn:hover{color:var(--amber-hot);border-color:var(--amber);box-shadow:0 0 10px #f59e3c59}.stat{flex-direction:column;align-items:center;gap:5px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:2.5px;color:var(--text-dim);font-size:10px}.stat-value{text-align:center;min-width:74px;color:var(--amber-hot);text-shadow:0 0 14px #f59e3c8c;background:#0c0906;border:1px solid #000;border-radius:7px;padding:3px 12px;font-size:28px;font-weight:700;box-shadow:inset 0 2px 6px #000000e6,0 1px #f0e6d214}.streak-value{animation:.45s stat-pop}@keyframes stat-pop{0%{text-shadow:0 0 26px #ffc46bf2;transform:scale(.85)}55%{transform:scale(1.12)}to{transform:scale(1)}}.screw{background:radial-gradient(circle at 35% 30%,#e9debf,#7c7053);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 -1px 1px #0006}.screw:after{content:"";background:#00000073;height:1px;position:absolute;top:4px;left:1px;right:1px;transform:rotate(45deg)}.screw.tl{top:9px;left:9px}.screw.tr{top:9px;right:9px}.screw.bl{bottom:9px;left:9px}.screw.br{bottom:9px;right:9px}.prompt-card{background:linear-gradient(160deg, #ffffff59, transparent 45%), var(--panel);border:1px solid var(--panel-edge);color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:22px 36px;padding:22px 34px;transition:box-shadow .25s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff8c,0 14px 34px #00000080}.prompt-card.correct{box-shadow:inset 0 1px #ffffff8c,0 0 0 3px #62c47e8c,0 14px 34px #00000080}.prompt-card.wrong{animation:.4s shake;box-shadow:inset 0 1px #ffffff8c,0 0 0 3px #e0604a8c,0 14px 34px #00000080}@keyframes shake{20%{translate:-5px}40%{translate:4px}60%{translate:-3px}80%{translate:2px}}.prompt-find{flex-direction:column;display:flex}.prompt-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--ink-soft);font-size:10px}.prompt-note{font-family:var(--display);align-items:baseline;gap:10px;font-size:76px;font-weight:900;line-height:.95;display:flex}.prompt-flat{font-family:var(--mono);color:var(--ink-soft);font-size:18px;font-weight:600}.prompt-mystery{color:var(--ink-soft)}.pitch-answers{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.pitch-answers button{border:2px solid var(--ink-soft);min-width:46px;height:46px;color:var(--ink);font-family:var(--display);background:0 0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;font-size:18px;font-weight:700;line-height:1;transition:all .15s;display:flex}.pitch-answers button span{font-family:var(--mono);color:var(--ink-soft);font-size:10px;font-weight:600}.pitch-answers button:hover:not(:disabled){border-color:var(--ink);background:#0000000f}.pitch-answers button:disabled{opacity:.55}.pitch-answers button.correct{opacity:1;color:#0c2814;background:radial-gradient(circle at 35% 30%,#8fe0a8,#3c9c5c);border-color:#2e8f4e;box-shadow:0 0 14px #62c47eb3}.pitch-answers button.wrong{opacity:1;color:#2d0b04;background:radial-gradient(circle at 35% 30%,#f2917e,#b23f28);border-color:#a83a26;box-shadow:0 0 14px #e0604a99}.pitch-answers button.correct span,.pitch-answers button.wrong span{color:inherit}.prompt-where{color:var(--ink-soft);border-left:1px dashed var(--panel-edge);flex-direction:column;gap:2px;padding-left:28px;font-size:13px;display:flex}.prompt-where strong{font-family:var(--display);color:var(--ink);align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.prompt-string-chip{font-family:var(--mono);background:var(--ink);width:30px;height:30px;color:var(--amber-hot);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.prompt-where .of{font-family:var(--mono);color:var(--ink-soft);font-size:14px;font-weight:600}.prompt-where-count{font-family:var(--mono);color:var(--ink);margin-top:8px;font-size:14px;font-weight:700}.unlock-bar{background:var(--panel-deep);border-radius:3px;width:150px;height:6px;margin-top:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.unlock-bar i{background:linear-gradient(90deg, var(--amber), var(--amber-hot));height:100%;transition:width .3s;display:block}.unlock-caption{color:var(--ink-soft);margin-top:4px;font-size:11px}.prompt-status{max-width:300px;color:var(--ink-soft);align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.prompt-status p{margin:0;animation:.3s fade-in}.prompt-card.correct .prompt-status p{color:var(--green-ink);font-weight:600}.prompt-card.wrong .prompt-status p{color:var(--red-ink);font-weight:600}@keyframes fade-in{0%{opacity:0;translate:0 3px}}.led{border:1px solid #00000059;border-radius:50%;flex:none;width:13px;height:13px}.led.idle{background:radial-gradient(circle at 35% 30%, var(--amber-hot), #a35d14);animation:2.4s ease-in-out infinite led-breathe;box-shadow:0 0 10px #f59e3cb3}.led.correct{background:radial-gradient(circle at 35% 30%,#a4eebb,#2e8f4e);box-shadow:0 0 14px #62c47ee6}.led.wrong{background:radial-gradient(circle at 35% 30%,#ffa694,#a83a26);box-shadow:0 0 14px #e0604ae6}@keyframes led-breathe{50%{opacity:.75;box-shadow:0 0 3px #f59e3c4d}}.board-scroll{padding-bottom:4px;overflow-x:auto}.board{gap:12px;min-width:720px;display:flex}.board[data-lefty]{flex-direction:row-reverse}.string-labels{grid-template-rows:repeat(6,54px);place-items:center;width:30px;display:grid}.string-labels span{color:var(--text-dim);font-size:13px;font-weight:700;transition:color .2s,text-shadow .2s}.string-labels span.active{color:var(--amber-hot);text-shadow:0 0 10px #f59e3ccc}.neck{flex:1;min-width:0}.wood{background:repeating-linear-gradient(178deg,#ffd6aa0d 0 2px,#0000 2px 9px),radial-gradient(130% 220% at 18% -20%,#4b3025,#34211a 55%,#251510);border-radius:8px;grid-auto-rows:54px;grid-auto-flow:row;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000008c,0 12px 30px #00000073}.inlays{pointer-events:none;z-index:0;display:grid;position:absolute;inset:0}.inlay-slot{flex-direction:column;justify-content:center;align-items:center;gap:104px;display:flex}.inlay-slot .dot{opacity:.45;background:radial-gradient(circle at 35% 30%,#f7efdd,#b7a988);border-radius:50%;width:15px;height:15px}.cell{z-index:1;background:0 0;border:none;padding:0;position:relative}.cell.open{background:#0000004d}.cell:before{content:"";height:var(--gauge);opacity:.75;background:linear-gradient(#f2eee4,#9a948a);position:absolute;top:50%;left:0;right:0;translate:0 -50%;box-shadow:0 1px 2px #000000b3}.cell[data-wound]:before{background:repeating-linear-gradient(90deg,#d8c294 0 2px,#93794e 2px 4px)}.cell.on-target:before{opacity:1;box-shadow:0 0 7px 1px #f59e3c99,0 1px 2px #000000b3}.cell.fretted:after{content:"";z-index:2;background:linear-gradient(90deg,#857f72,#ded7c6 50%,#6d675b);width:3px;position:absolute;top:0;bottom:0;right:-1.5px;box-shadow:1px 0 2px #00000080}.board[data-lefty] .cell.fretted:after{left:-1.5px;right:auto}.cell.open:after{content:"";z-index:3;background:linear-gradient(90deg,#f4ead2,#c9bb96);width:7px;position:absolute;top:0;bottom:0;right:-3px;box-shadow:2px 0 4px #0000008c}.board[data-lefty] .cell.open:after{left:-3px;right:auto}.cell.off{opacity:.28}.marker{opacity:0;z-index:4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.cell:not(:disabled){cursor:pointer}.cell:not(:disabled):hover .marker{opacity:1;background:#f0e6d21f;border:2px solid #f0e6d299}.cell:not(:disabled):focus-visible .marker{opacity:1;border:2px solid var(--amber)}.cell.correct .marker{opacity:1;color:#0c2814;background:radial-gradient(circle at 35% 30%,#8fe0a8,#3c9c5c);animation:.4s marker-pop;box-shadow:0 0 18px #62c47ecc}.cell.wrong .marker{opacity:1;color:#2d0b04;background:radial-gradient(circle at 35% 30%,#f2917e,#b23f28);animation:.4s marker-pop;box-shadow:0 0 18px #e0604ab3}.cell.reveal .marker{opacity:1;border:2px solid var(--amber);color:var(--amber-hot);background:#f59e3c29;animation:1s infinite reveal-pulse}.cell.hint .marker{opacity:1;color:var(--amber-hot);text-shadow:0 0 8px #f59e3c80;background:#120b088c;border:2px dashed #f59e3ca6}.cell.target .marker{opacity:1;border:2px solid var(--amber);color:var(--amber-hot);text-shadow:0 0 8px #f59e3c80;background:#120b0899;font-size:16px;animation:1.2s infinite reveal-pulse}@keyframes marker-pop{0%{scale:.4}60%{scale:1.18}to{scale:1}}@keyframes reveal-pulse{0%,to{box-shadow:0 0 #f59e3c8c}50%{box-shadow:0 0 0 9px #f59e3c00}}.pip{z-index:4;background:#f0e6d24d;border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;left:50%;translate:-50%}.pip.mastered{background:var(--amber);box-shadow:0 0 6px #f59e3ccc}.fret-numbers{margin-top:7px;display:grid}.fret-numbers-top{margin-top:0;margin-bottom:7px}.fret-numbers span{text-align:center;letter-spacing:1px;color:var(--text-dim);opacity:.65;font-size:11px}.fret-numbers span.marked{color:var(--amber);opacity:1}.lower{grid-template-columns:1.45fr 1fr;align-items:start;gap:20px;display:grid}.controls{background:linear-gradient(160deg, #ffffff59, transparent 45%), var(--panel);border:1px solid var(--panel-edge);color:var(--ink);border-radius:12px;padding:24px 28px 26px;position:relative;box-shadow:inset 0 1px #ffffff8c,0 14px 34px #00000080}.controls h2{margin-bottom:18px;font-size:21px}.control-grid{grid-template-columns:repeat(2,1fr);gap:20px 30px;display:grid}.control{flex-direction:column;gap:9px;display:flex}.control.disabled{opacity:.45;pointer-events:none}.control-label{text-transform:uppercase;letter-spacing:2.4px;color:var(--ink-soft);font-size:10px;font-weight:600}.control-label b{color:var(--ink);font-size:12px}input[type=range]{appearance:none;outline-offset:4px;background:linear-gradient(#cec0a0,#b9a982);border-radius:3px;width:100%;height:6px;box-shadow:inset 0 1px 3px #00000059}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--amber);cursor:pointer;background:radial-gradient(circle at 35% 30%,#55483a,#241c14);border-radius:50%;width:22px;height:22px;box-shadow:0 2px 5px #00000073}input[type=range]::-moz-range-thumb{border:2px solid var(--amber);cursor:pointer;background:radial-gradient(circle at 35% 30%,#55483a,#241c14);border-radius:50%;width:18px;height:18px;box-shadow:0 2px 5px #00000073}.string-toggles{gap:7px;display:flex}.string-toggles button{border:2px solid var(--ink-soft);width:34px;height:34px;color:var(--ink-soft);background:0 0;border-radius:50%;font-size:13px;font-weight:700;transition:all .15s}.string-toggles button:hover{border-color:var(--ink);color:var(--ink)}.string-toggles button.on{background:var(--amber);color:#2d1a05;border-color:#b96f1b;box-shadow:0 0 10px #f59e3c8c}.segmented{background:var(--panel-deep);border-radius:999px;gap:2px;width:fit-content;padding:3px;display:inline-flex;box-shadow:inset 0 1px 3px #00000040}.segmented button{color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.segmented button.on{background:var(--ink);color:var(--amber-hot);box-shadow:0 2px 5px #00000059}.control.switches{justify-content:center;gap:12px}.switch-row{text-transform:uppercase;letter-spacing:2px;color:var(--ink-soft);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:0;font-size:12px;font-weight:600;display:flex}.switch-row.on{color:var(--ink)}.switch-row:disabled{opacity:.45;cursor:default}.switch{background:var(--panel-deep);border-radius:999px;flex:none;width:42px;height:23px;transition:background .2s;position:relative;box-shadow:inset 0 1px 3px #00000059}.switch:after{content:"";background:radial-gradient(circle at 35% 30%,#55483a,#241c14);border-radius:50%;width:17px;height:17px;transition:translate .2s;position:absolute;top:3px;left:3px}.switch-row.on .switch{background:var(--amber)}.switch-row.on .switch:after{translate:19px}.controls-footer{border-top:1px dashed var(--panel-edge);align-items:center;gap:14px;margin-top:24px;padding-top:16px;display:flex}.reset-app{border:1.5px solid var(--red-ink);color:var(--red-ink);text-transform:uppercase;letter-spacing:1.5px;background:0 0;border-radius:7px;flex:none;padding:7px 14px;font-size:11px;font-weight:700;transition:all .15s}.reset-app:hover{background:var(--red-ink);color:var(--panel)}.controls-footer span{color:var(--ink-soft);font-size:11px}.trouble{background:#1e1712;border:1px solid #362a20;border-radius:12px;padding:22px 24px}.trouble-head{justify-content:space-between;align-items:baseline;display:flex}.trouble-head h2{color:var(--text);font-size:21px}.trouble-head button{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;background:0 0;border:1px solid #4b3b2b;border-radius:6px;padding:3px 10px;font-size:11px}.trouble-head button:hover{color:var(--amber-hot);border-color:var(--amber)}.trouble-hint{color:var(--text-dim);margin:8px 0 14px;font-size:12px}.trouble-empty{color:var(--text-dim);margin:0;font-size:13px;font-style:italic}.trouble ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trouble li{border-bottom:1px dashed #362a20;align-items:center;gap:14px;padding:9px 0;display:flex}.trouble li:last-child{border-bottom:none}.trouble-note{font-family:var(--display);color:var(--amber-hot);min-width:64px;font-size:21px;font-weight:700}.trouble-pos{color:var(--text-dim);flex:1;font-size:12px}.trouble-count{color:var(--red);font-size:13px;font-weight:700}.help-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0805b8;justify-content:center;align-items:center;padding:24px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.help-panel{border:1px solid var(--panel-edge);background:linear-gradient(160deg, #ffffff59, transparent 45%), var(--panel);width:min(680px,100%);max-height:85vh;color:var(--ink);border-radius:12px;padding:26px 34px 32px;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff8c,0 30px 80px #0009}.help-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.help-head h2{font-size:25px}.help-head button{border:1px solid var(--panel-edge);color:var(--ink-soft);text-transform:uppercase;letter-spacing:1.5px;background:0 0;border-radius:6px;padding:3px 10px;font-size:11px}.help-head button:hover{color:var(--ink);border-color:var(--ink-soft)}.help-panel h3{font-family:var(--display);border-bottom:1px dashed var(--panel-edge);margin:20px 0 6px;padding-bottom:4px;font-size:16px;font-weight:700}.help-panel p,.help-panel dd{color:var(--ink-soft);margin:0 0 8px;font-size:13px;line-height:1.6}.help-panel dl{margin:0}.help-panel dt{text-transform:uppercase;letter-spacing:2.2px;color:var(--ink);margin:12px 0 3px;font-size:10px;font-weight:700}.help-panel dd{margin-left:0}.help-panel strong,.help-panel em{color:var(--ink)}@media (width<=880px){.masthead{flex-direction:column;align-items:flex-start}.prompt-card{flex-wrap:wrap;gap:20px 32px}.prompt-note{font-size:58px}.prompt-status{flex-basis:100%;max-width:none;margin-left:0}.lower,.control-grid{grid-template-columns:1fr}}