*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--frame-w: 1089px;--frame-h: 420px;--headstock-w: 98px;--nut-w: 12px;--board-x: 110px;--board-w: 979px;--nut-h: 336px;--heel-h: var(--nut-h);--taper: calc((var(--heel-h) - var(--nut-h)) / 2);--board-y: 210px;--joint-x: 1089px;--string-gap: 56px;--row-h: 56px;--fret-w: 6px;--ink: #ece3d4;--ink-dim: #a2968440;--room-1: #17120f;--room-2: #0b0908;--brass: #e3b062;--brass-deep: #8d6224;--amber: #ffc46b;--lcd-glow: #ffb347;--steel-1: #2c2e33;--steel-2: #4a4d55;--steel-3: #babec8;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}html,body{margin:0;padding:0}body{min-height:100%;font-family:var(--font-ui);color:var(--ink);background:var(--room-2);-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.room{position:relative;min-height:100vh;padding:clamp(.5rem,1.6vw,1.25rem) clamp(.4rem,1.5vw,1.25rem) clamp(.6rem,2vw,1.5rem);overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,#ffc57a29,#ffc57a00 60%),radial-gradient(90% 60% at 15% 8%,#ffd69e17,#ffd69e00 55%),linear-gradient(178deg,var(--room-1),#100c0a 45%,var(--room-2))}.room:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px)}.room:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 260px 60px #000000b8}.room>*{position:relative;z-index:1}.masthead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 1.25rem;max-width:1320px;margin:0 auto .55rem}.wordmark h1{margin:0;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;letter-spacing:.01em;background:linear-gradient(176deg,#fffdf6,#e6d3ac 45%,#a58a5b);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark p{margin:.28rem 0 0;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:#8c8073}.maker-plate{flex:none;display:grid;gap:.15rem;padding:.85rem 1.3rem .9rem;border-radius:3px;text-align:center;background:repeating-linear-gradient(92deg,#ffffff0e 0 1px,#0000000d 1px 2px),linear-gradient(168deg,#5b5f68,#2f3238 42%,#40444c 63%,#22252a);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000008c,0 12px 24px -12px #000000e6}.maker-plate__brand{margin:0;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.5rem;line-height:1;letter-spacing:.01em;background:linear-gradient(176deg,#fffdf6,#e6d3ac 45%,#a58a5b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.55)}.maker-plate__model{font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:#b9bec9;text-shadow:0 1px 0 rgba(0,0,0,.6)}.print{--zoom: .85;--zoom: min( (100vw - .4rem) / var(--frame-w), (100vh - 3.6rem) / 444px );max-width:none;margin:0 auto}.print__mat{padding:0;border-radius:4px;background:linear-gradient(168deg,#241d18,#17120f 60%,#120e0c);box-shadow:inset 0 0 0 1px #e9cda017,inset 0 1px #ffe9c40f,0 40px 70px -40px #000}.scroller{overflow-x:auto;overflow-y:hidden;scrollbar-color:#4a3f34 transparent;scrollbar-width:thin}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.instrument{position:relative;width:var(--frame-w);height:var(--frame-h);margin:0;overflow:hidden;border-radius:3px;zoom:var(--zoom);background:radial-gradient(120% 130% at 20% -20%,#ffcd941f,#ffcd9400 58%),linear-gradient(186deg,#1d1613,#100c0a 55%,#070606);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #e9cda00f}.headstock{--crop: 70px;--tuck: 12px;position:absolute;left:calc(0px - var(--crop));top:calc(var(--board-y) - var(--nut-h) / 2);width:calc(var(--headstock-w) + var(--crop) + var(--tuck));height:calc(var(--nut-h) + 7px);z-index:3}.headstock__face{position:absolute;inset:0;clip-path:polygon(0 10px,16px 0,100% 0,100% 100%,16px 100%,0 calc(100% - 10px));background:linear-gradient(97deg,#100907 0,#1d110c 40%,#2c1a12 78%,#3a2418)}.headstock__grain{position:absolute;inset:0;clip-path:polygon(0 14px,16px 0,100% 0,100% 100%,16px 100%,0 calc(100% - 14px));background-color:#2b1811;background-blend-mode:normal;background-image:linear-gradient(180deg,#000c 0,#00000057 5px,#0000000f 17px,#0000 34% 60%,#00000014 82%,#0006 calc(100% - 7px),#000000d9),linear-gradient(97deg,#000000db 0,#00000080 28%,#00000014 72%,#ffd8a80a),radial-gradient(80% 130% at 92% 46%,#ffce9829,#ffce9800 60%),repeating-linear-gradient(178.4deg,#00000057 0 1px,#0000 1px 7px,#ffdeb812 7px 8px,#0000 8px 19px),repeating-linear-gradient(181.2deg,#0003 0 2px,#0000 2px 16px),linear-gradient(179deg,#3d2418,#4a2c1c 42%,#5a3620 78%,#402417)}.truss-cover{position:absolute;right:calc(var(--tuck) + 2px);top:50%;width:36px;height:62px;margin-top:-31px;border-radius:5px 3px 3px 5px/12px 4px 4px 12px;background:linear-gradient(101deg,#fff0 18%,#fff2dc38,#fff0 42%),linear-gradient(178deg,#3a3330 0,#191515 34%,#0c0a0a 62%,#211c1a);box-shadow:inset 0 1px #fff3,inset 0 -1px #000000e6,0 3px 7px #000c}.truss-cover i{position:absolute;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f0f3f8,#9aa0aa 48%,#4b4f56 78%,#2b2e33);box-shadow:0 1px 1px #000c}.truss-cover i:first-child{top:7px}.truss-cover i:last-child{bottom:7px}.peg{position:absolute;left:108px;width:24px;height:26px}.peg--bass{bottom:12%}.peg--treble{top:12%}.peg--mid{left:62px;opacity:.96}.peg--mid.peg--bass{bottom:10%}.peg--mid.peg--treble{top:10%}.peg--far{left:14px;opacity:.92}.peg--far.peg--bass{bottom:8%}.peg--far.peg--treble{top:8%}.peg__post{position:absolute;inset:0;border-radius:50%;background:radial-gradient(64% 58% at 32% 24%,#fffffff2,#fff0 60%),conic-gradient(from 200deg,#6f757f,#ced5df 18%,#7b828d 34%,#eef2f8,#565b64 70%,#b9c0ca 86%,#6f757f);box-shadow:inset 0 0 0 1px #fff3,inset 0 -3px 5px #0009,0 4px 8px #000000bf}.peg__winding{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffffff8c,#fff0 55%),repeating-linear-gradient(6deg,#fff0d68c 0 1px,#1e140899 1px 2.4px);box-shadow:inset 0 0 3px #000c,0 1px 2px #0009}.peg__tip{position:absolute;left:50%;top:50%;width:13px;height:1.4px;margin:-.7px 0 0 -2px;transform:rotate(-28deg);transform-origin:left center;background:linear-gradient(90deg,#e8dcc0,#e8dcc080 70%,#e8dcc000)}.nut{position:absolute;left:var(--headstock-w);top:calc(var(--board-y) - var(--nut-h) / 2 - 3px);width:var(--nut-w);height:calc(var(--nut-h) + 6px);z-index:4}.nut__face{position:absolute;inset:0;border-radius:2px 3px 3px 2px;background:linear-gradient(180deg,#5a46288c,#0000 10% 88%,#3c2c1699),linear-gradient(92deg,#8f7f60 0,#d8cbaa,#fdf7e6 44%,#ece0c2 58%,#b5a582 82%,#6d6047);box-shadow:0 4px 9px #000000bf,inset 0 1px #ffffff80}.nut__crown{position:absolute;left:3px;top:1px;bottom:1px;width:3px;border-radius:2px;background:linear-gradient(180deg,#fffcf059,#fffcf0e6 20%,#fffcf099 80%,#fffcf033);box-shadow:0 0 calc(var(--nut-lit, 0) * 14px) rgba(255,196,107,calc(var(--nut-lit, 0) * .9))}.board{position:absolute;left:var(--board-x);top:calc(var(--board-y) - var(--heel-h) / 2);width:var(--board-w);height:var(--heel-h);z-index:5}.board:before{content:"";position:absolute;inset:16px -10px -26px 0;z-index:-1;filter:blur(13px);background:linear-gradient(180deg,#0000 30%,#0000009e 78%,#00000026)}.board__surface{position:absolute;inset:0;background:linear-gradient(180deg,#000c 0,#00000057 5px,#0000000f 17px,#0000 34% 60%,#00000014 82%,#0006 calc(100% - 7px),#000000d9),radial-gradient(150% 84% at 38% 36%,#ffd8a82e,#ffd8a800 62%),linear-gradient(90deg,#00000047 0,#0000 14px 64%,#00000073),linear-gradient(179deg,#402417 0,#5a3620 24%,#6b4229 46%,#52301f 70%,#351d12)}.board__figure{position:absolute;inset:0;opacity:.85;background-image:repeating-linear-gradient(179.1deg,#ffe2be0d 0 1px,#0000 1px 9px,#1a0b0342 9px 11px,#0000 11px 27px),repeating-linear-gradient(181.4deg,#14080233 0 2px,#0000 2px 13px,#ffe8c80a 13px 15px,#0000 15px 41px),repeating-linear-gradient(180.6deg,#00000038 0 2px,#0000 2px 34px,#3a18063d 34px 37px,#0000 37px 78px)}.board__pores{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(1.7px .6px at 50% 50%,#0c050199,#0c050100),radial-gradient(1.1px .5px at 50% 50%,#ffe8c821,#ffe8c800);background-size:9px 5px,13px 7px;background-position:0 0,4px 3px}.board__wear{position:absolute;inset:0;background:radial-gradient(44px 17px at 14% 42%,#ffeed412,#ffeed400 70%),radial-gradient(34px 15px at 26% 55%,#ffeed40e,#ffeed400 70%),radial-gradient(40px 16px at 41% 47%,#ffeed40f,#ffeed400 70%),radial-gradient(30px 14px at 55% 58%,#ffeed40b,#ffeed400 70%),radial-gradient(26px 13px at 68% 44%,#ffeed409,#ffeed400 70%)}.board__frets,.board__inlays,.board__side-dots{position:absolute;inset:0}.board__inlays{z-index:1}.board__frets{z-index:2}.board__side-dots{z-index:3}.fret,.inlay,.side-dot{--local-h: calc( var(--nut-h) + (var(--heel-h) - var(--nut-h)) * var(--x) / 100 );position:absolute;left:calc(var(--x) * 1%)}.fret{width:var(--fret-w);margin-left:calc(var(--fret-w) / -2);height:calc(var(--local-h) + 6px);top:calc(50% - var(--local-h) / 2 - 6px);border-radius:3px;background:linear-gradient(92deg,#3c3e44 0,#767a84 14%,#cfd5df 32%,#f7fbff 46%,#dfe4ec 56%,#9ba0aa,#4e5158 88%,#2c2e33);box-shadow:0 0 calc(var(--fret-lit, 0) * 9px) rgba(255,190,104,calc(var(--fret-lit, 0) * .55)),inset 0 10px 12px -8px #ffffff8c,inset 0 -12px 14px -10px #0000008c,0 0 0 .5px #100702bf,3px 0 6px #00000080,-2px 0 4px #00000059;filter:brightness(calc(1 + var(--fret-lit, 0) * .16))}.fret:after{content:"";position:absolute;left:100%;top:3px;bottom:0;width:9px;background:linear-gradient(90deg,#00000080,#00000029 40%,#0000)}.fret:before{content:"";position:absolute;right:100%;top:4px;bottom:1px;width:2px;background:linear-gradient(90deg,#0000,#0000008c)}.inlay{--size: 26px;width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);top:calc(50% + var(--dot) * var(--local-h));margin-top:calc(var(--size) / -2);border-radius:50%;background:radial-gradient(circle at 31% 25%,#ffffffe6,#fff0 36%),linear-gradient(126deg,#c4e6ff80 0 17%,#ffeaf573 17% 33%,#d4ffe966 33% 51%,#fff6d473 51% 69%,#ccdeff73 69% 100%),conic-gradient(from 205deg,#e7f0fa,#faedf3 14%,#e9f9ef,#fcf5e3,#e4edf9 62%,#f8ebf2 77%,#ecf8f1 91%,#e7f0fa),radial-gradient(circle at 64% 72%,#c9c1b0,#efe9dc);box-shadow:inset 1px 1px 1px #ffffffd9,inset -1px -2px 3px #3a1c086b,0 0 0 .5px #1c0d048c,0 2px 4px #0009}.inlay:after{content:"";position:absolute;left:22%;top:18%;width:30%;height:22%;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%)}.board__side-dots{top:auto;bottom:-7px;height:7px;background:linear-gradient(180deg,#4d2c1b 0,#2f1a10 45%,#140a06);box-shadow:inset 0 1px #ffd6a81f,inset 0 -1px #000000a6;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px);mask-image:linear-gradient(90deg,transparent 0,#000 22px)}.side-dot{width:5px;height:5px;margin-left:-2.5px;top:1px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fffdf6,#e2dccb 55%,#a99f8c);box-shadow:0 0 2px #000c}.guitar-body{display:none}.guitar-body i{position:absolute;top:0;bottom:0}.guitar-body__heel{left:0;width:13px;background:linear-gradient(90deg,#000000f2,#000000b3 55%,#00000059)}.guitar-body__purfling{left:13px;width:5px;background:linear-gradient(90deg,#100c09,#3b2c1d 60%,#0d0a07)}.guitar-body__binding{left:18px;width:7px;background:linear-gradient(90deg,#3a3021,#7a6c4e 35%,#9c8c67 58%,#5d5138);box-shadow:1px 0 3px #000000bf}.guitar-body__top{left:25px;right:0;background:radial-gradient(90% 70% at 2% 34%,#ffd69647,#ffd69600 64%),linear-gradient(92deg,#6b4419 0,#573312,#3a2109 60%,#231206 84%,#130903)}.guitar-body__grain{left:25px;right:0;opacity:.34;background-image:repeating-linear-gradient(0deg,#46220a80 0 1px,#0000 1px 7px,#ffebc429 7px 8px,#0000 8px 15px),repeating-linear-gradient(0deg,#46220a38 0 2px,#0000 2px 26px)}.guitar-body__pickguard{inset:-40px -20px 62% 52px;border-radius:0 0 0 78%/0 0 0 46%;background:radial-gradient(70% 60% at 14% 96%,#ffecc829,#ffecc800 58%),linear-gradient(104deg,#3d1d0a,#5c300f 28%,#261205 60%,#170b06);box-shadow:inset 0 -1px #ffe2b02e,0 3px 8px #000000b3}.guitar-body__gloss{left:0;right:0;background:linear-gradient(100deg,#ffffff1a 0,#ffffff05,#fff0 44%),linear-gradient(90deg,#0000 24%,#00000080 66%,#000000e0)}.lighting{position:absolute;inset:0;z-index:8;pointer-events:none}.lighting i{position:absolute;inset:0}.lighting__key{background:linear-gradient(104deg,#ffe9c81c 0,#ffe9c808,#ffe9c800 48%)}.lighting__falloff{background:linear-gradient(90deg,#0000008c 0,#0003 4%,#0000 8% 94%,#0003)}.lighting__grain{opacity:.035;background-image:repeating-conic-gradient(from 0deg,#ffffffe6 0 25%,#000000e6 0 50%);background-size:3px 3px}.lighting__vignette{box-shadow:inset 0 0 40px 8px #00000059,inset 0 0 90px 20px #0000002e}.gutter{position:absolute;left:0;top:0;bottom:0;width:48px;z-index:9;pointer-events:none;background:linear-gradient(90deg,#000000b3 0,#00000040 70%,#0000)}.gutter__title{display:none}.gutter-name{position:absolute;left:9px;top:calc(var(--board-y) + var(--y0) - 8px);display:flex;align-items:baseline;gap:2px;font-style:normal}.gutter-name b{font-family:var(--font-display);font-size:18px;line-height:1;font-weight:400;color:color-mix(in srgb,var(--amber) calc(var(--gutter-lit, 0) * 100%),#cbbc9f);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 calc(var(--gutter-lit, 0) * 12px) rgba(255,184,96,calc(var(--gutter-lit, 0) * .9))}.gutter-name em{font-style:normal;font-size:7px;color:#7d7161}.ruler{position:relative;width:var(--frame-w);height:22px;margin-top:2px;zoom:var(--zoom)}.ruler__track{position:absolute;left:var(--board-x);top:0;width:var(--board-w);height:100%;border-top:1px solid rgba(233,205,160,.12)}.mark{position:absolute;left:calc(var(--x) * 1%);top:0;transform:translate(-50%);font-style:normal}.mark b{display:block;padding-top:4px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.04em;color:color-mix(in srgb,var(--amber) calc(var(--mark-lit, 0) * 100%),#7f7466);text-shadow:0 0 calc(var(--mark-lit, 0) * 12px) rgba(255,184,96,calc(var(--mark-lit, 0) * .9))}.mark--dotted b{color:color-mix(in srgb,var(--amber) calc(var(--mark-lit, 0) * 100%),#c0b195)}.mark--dotted:after{content:"";position:absolute;left:50%;top:-4px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:#c0b195;opacity:.7}.mark--past{opacity:.4}.strings{position:absolute;inset:0;z-index:4;margin:0;padding:0;border:0;min-inline-size:0}.string{--segs: 24;position:absolute;left:0;right:0;top:calc(50% + var(--y0) - var(--row-h) / 2);height:var(--row-h);overflow:visible}@property --pluck{syntax: "<number>"; inherits: true; initial-value: 0;}.wire{--segs: 24;position:absolute;left:0;right:0;top:50%;height:var(--gauge);margin-top:calc(var(--gauge) / -2);transform:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55)) drop-shadow(0 6px 11px rgba(0,0,0,.32));pointer-events:none}.seg{--x: calc(var(--i) / var(--segs));--mode: calc(sin(calc(var(--x) * 90deg))/2 + sin(calc(var(--x) * 180deg))*.9) ;--disp: calc(var(--mode) * var(--pluck) * 14px);position:absolute;left:calc(var(--i) * 100% / var(--segs));width:calc(100% / var(--segs) + 2px);top:0;height:100%;border-radius:1px;transform:translateY(var(--disp));background:linear-gradient(180deg,#101113 0,#3f434a,#969ca6 36%,#f2f5f9 49%,#a4aab3 58%,#565a61,#24262a 90%,#0d0e10)}.string--wound .seg{background:linear-gradient(180deg,#150e06 0,#4f3a1b,#99814b 36%,#e3cd9c 49%,#ba9757 58%,#71542a,#33250f 90%,#120c05)}.string--wound .seg:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.2;background:repeating-linear-gradient(76deg,rgba(255,246,222,.5) 0 .4px,rgba(24,15,4,.45) .4px max(1.4px,calc(var(--gauge) * .36)))}.wire-tail{position:absolute;right:100%;top:50%;width:var(--tail-len, 200px);height:calc(var(--gauge) * .92);margin-top:calc(var(--gauge) / -2);transform:rotate(var(--tail-angle, 0deg));transform-origin:right center;background:linear-gradient(180deg,#18140fd9,#6f6650 42%,#b7ad91 52%,#5e5541 66%,#120f0cd9);-webkit-mask-image:linear-gradient(270deg,#000 0,#000000eb 72%,#00000047);mask-image:linear-gradient(270deg,#000 0,#000000eb 72%,#00000047);box-shadow:0 2px 4px #0009;pointer-events:none;z-index:6}.string--1 .wire-tail{--tail-angle: 14deg;--tail-len: 58px}.string--2 .wire-tail{--tail-angle: 20deg;--tail-len: 100px}.string--3 .wire-tail{--tail-angle: 12deg;--tail-len: 148px}.string--4 .wire-tail{--tail-angle: -12deg;--tail-len: 148px}.string--5 .wire-tail{--tail-angle: -20deg;--tail-len: 100px}.string--6 .wire-tail{--tail-angle: -14deg;--tail-len: 58px}.string:has(.pick:checked){animation:pluck 1.28s cubic-bezier(.12,.55,.2,1) 1}.string:has(.pick:checked) .wire{animation:pluck 1.28s cubic-bezier(.12,.55,.2,1) 1,pluck-shutter 1.28s cubic-bezier(.12,.55,.2,1) 1}@keyframes pluck{0%{--pluck: 1}9%{--pluck: -.94}18%{--pluck: .82}28%{--pluck: -.68}38%{--pluck: .52}50%{--pluck: -.36}62%{--pluck: .22}74%{--pluck: -.12}86%{--pluck: .05}to{--pluck: 0}}@keyframes pluck-shutter{0%,12%{filter:blur(.9px) brightness(1.28) drop-shadow(0 2px 3px rgba(0,0,0,.55)) drop-shadow(0 6px 11px rgba(0,0,0,.32))}to{filter:blur(0) brightness(1) drop-shadow(0 2px 3px rgba(0,0,0,.55)) drop-shadow(0 6px 11px rgba(0,0,0,.32))}}.zones{position:absolute;inset:0}.zone{position:absolute;top:0;bottom:0;left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1%);cursor:pointer}.zone--open{left:-62px;width:62px}.pick{position:absolute;inset:0;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:none;border:0;opacity:0;cursor:pointer}.zone:has(.pick:focus-visible){outline:2px solid rgba(255,206,134,.95);outline-offset:-1px;border-radius:2px;background:linear-gradient(180deg,#ffc46e0f,#ffc46e29 50%,#ffc46e0f);box-shadow:inset 0 0 12px #ffb86040,0 0 14px #ffaa4659}.press{position:absolute;left:72%;top:calc(50% + var(--dy));width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;opacity:0;transform:scale(.55);pointer-events:none;background:radial-gradient(circle at 34% 26%,#fffffff2,#fff0 44%),radial-gradient(circle at 50% 68%,#ffa03ef2,#a84a08f2 72%),radial-gradient(circle at 50% 50%,#ffd694,#ad5a0c 80%);box-shadow:inset 0 0 0 1px #ffe9c4bf,inset 0 -3px 5px #5a22008c,0 0 14px 2px #ffa64680,0 2px 4px #000000a6;transition:opacity .16s ease,transform .2s cubic-bezier(.2,1.5,.4,1)}.zone--open .press{left:24px;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:radial-gradient(circle,#ffbe6e00 46%,#ffc46be6 52%,#b46014e6 74%,#ffc46b00 80%);box-shadow:0 0 12px #ffa64673}.zone:hover .press{opacity:.45;transform:scale(.85)}.pick:checked~.press,.pick:focus-visible~.press{opacity:1;transform:scale(1)}.pick:checked~.press:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,198,120,.85);animation:strike .7s ease-out 1 both}@keyframes strike{0%{transform:scale(.5);opacity:.9}to{transform:scale(2.6);opacity:0}}.tag{position:absolute;left:72%;top:calc(50% + var(--dy) - 31px);z-index:6;display:inline-flex;align-items:baseline;gap:1px;padding:2px 6px 3px;border-radius:4px;opacity:0;transform:translate(-50%,4px);pointer-events:none;font:600 11px/1 var(--font-ui);letter-spacing:.01em;color:#ffeccd;background:linear-gradient(180deg,#2e2014f5,#140e09f5);box-shadow:inset 0 1px #ffe0b02e,0 0 0 1px #ffc46b4d,0 8px 14px -8px #000000f2;transition:opacity .14s ease,transform .18s ease}.zone--open .tag{left:24px}.tag:after{content:"";position:absolute;left:50%;bottom:-3px;width:6px;height:6px;margin-left:-3px;border-radius:1px;transform:rotate(45deg);background:#140e09f5}.tag i{font-style:normal;font-size:8px;color:#ffeccd99;transform:translateY(-3px)}.tag .flat{display:none}body:where(:has(#opt-notes:checked)) .tag{top:calc(50% + var(--dy));opacity:.82;transform:translate(-50%,-50%);padding:1px 3px;color:#fff3def2;background:#0a060485;box-shadow:none;font-size:10px}body:where(:has(#opt-notes:checked)) .tag:where(:has(.sharp)){opacity:.5}body:where(:has(#opt-notes:checked)) .tag:after{opacity:0}.zone:hover .tag,.pick:focus-visible~.tag,.pick:checked~.tag{top:calc(50% + var(--dy) - 31px);opacity:1;padding:2px 6px 3px;transform:translate(-50%);color:#ffeccd;background:linear-gradient(180deg,#2e2014f5,#140e09f5);box-shadow:inset 0 1px #ffe0b02e,0 0 0 1px #ffc46b4d,0 8px 14px -8px #000000f2;font-size:11px}body:has(#opt-flats:checked) .tag .sharp{display:none}body:has(#opt-flats:checked) .tag .flat{display:inline}.console{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;gap:.35rem .55rem;max-width:none;margin:0 auto;padding:.25rem .35rem;border-radius:0;max-height:64px;background:repeating-linear-gradient(92deg,#ffffff0d 0 1px,#0000000d 1px 2.5px),repeating-linear-gradient(87deg,#ffffff06 0 1px,#00000008 1px 4px),linear-gradient(173deg,#4e535b 0,#2b2f35 38%,#3a3e46 60%,#1d2025);box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #000000b3,inset 0 0 60px #00000059,0 28px 44px -30px #000}.console__screw{display:none}.readout{flex:1 1 14rem;min-width:0;margin:0}.readout__bezel{padding:4px;border-radius:5px;background:linear-gradient(178deg,#14161a,#24272d 50%,#101215);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #000c,0 2px 3px #ffffff0d}.lcd{position:relative;display:grid;grid-template-columns:1fr minmax(120px,200px);grid-template-areas:"main chroma";align-items:center;gap:8px 12px;min-height:0;height:48px;padding:6px 10px;overflow:hidden;border-radius:3px;font-family:var(--font-mono);color:var(--lcd-glow);background:radial-gradient(130% 110% at 18% -10%,#ffba5c42,#ffba5c00 62%),linear-gradient(178deg,#241f18 0,#191611 55%,#100e0b);box-shadow:inset 0 0 0 1px #ffc46b24,inset 0 3px 10px #000000e6,0 0 26px #ffa8421a}.lcd__idle,.lcd__live{position:relative;z-index:2;grid-area:main;transition:opacity .22s ease}.lcd__game,.lcd__marks{display:none}.lcd__idle{display:flex;align-items:baseline;gap:.55rem;text-align:left;opacity:.62}.lcd__idle-mark{font-size:1.35rem;letter-spacing:.1em;color:#ffb34780}.lcd__idle-hint{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:#ffb3478c}.lcd__live{display:flex;align-items:center;gap:.85rem;min-width:0;opacity:0}body:has(.pick:checked) .lcd__idle{opacity:0}body:has(.pick:checked) .lcd__live{opacity:1}.lcd__pitch{display:flex;align-items:baseline;gap:10px;line-height:.86;text-shadow:0 0 12px rgba(255,150,40,.55),0 0 34px rgba(255,120,20,.3)}.lcd__spell{display:flex;align-items:flex-start;gap:3px}.lcd__freq{display:flex;align-items:baseline;gap:0;padding-top:0;text-align:right}.lcd__freq .lcd__val--hz{font-size:.85rem;letter-spacing:-.01em}.lcd__freq .lcd__val--midi{display:none}.lcd__note:after{content:var(--note, "—");font-size:1.7rem;font-weight:500;letter-spacing:-.03em}body:has(#opt-flats:checked) .lcd__note:after{content:var(--note-flat, "—")}.lcd__octave:after{content:var(--octave, "");font-size:1.1rem;opacity:.75}.lcd__grid{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0;padding:0;border:0}.lcd__grid p{display:flex;flex-direction:row;align-items:baseline;gap:.4rem;margin:0}.lcd__key{font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:#ffb34780}.lcd__val{font-size:.76rem;letter-spacing:.02em;text-shadow:0 0 9px rgba(255,150,40,.5)}.lcd__val--string:after{content:var(--string, "—")}.lcd__val--fret:after{content:var(--fret-word, "—")}.lcd__val--hz:after{content:var(--hz, "—") " Hz"}.lcd__val--midi:after{content:"no. " var(--midi, "—")}.lcd__enharmonic{display:none}.lcd__enharmonic:after{content:var(--enharmonic, "")}.lcd__chroma{position:relative;grid-area:chroma;left:auto;right:auto;bottom:auto;z-index:2;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;height:22px;align-self:center}.led{--on: 0;position:relative;border-radius:1px;font-style:normal;display:grid;place-items:center;background:rgba(255,179,71,calc(.05 + var(--on) * .55));box-shadow:inset 0 0 0 1px rgba(255,179,71,calc(.1 + var(--on) * .4)),0 0 calc(var(--on) * 10px) rgba(255,160,50,calc(var(--on) * .7));transition:background .14s ease,box-shadow .14s ease}.led b{font-size:8px;font-weight:500;line-height:1;color:rgba(255,196,107,calc(.32 + var(--on) * .68));text-shadow:0 0 calc(var(--on) * 8px) rgba(255,150,40,calc(var(--on) * .9))}.led--sharp{background:rgba(255,179,71,calc(.02 + var(--on) * .5))}.led--0{--on: var(--led-0, 0)}.led--1{--on: var(--led-1, 0)}.led--2{--on: var(--led-2, 0)}.led--3{--on: var(--led-3, 0)}.led--4{--on: var(--led-4, 0)}.led--5{--on: var(--led-5, 0)}.led--6{--on: var(--led-6, 0)}.led--7{--on: var(--led-7, 0)}.led--8{--on: var(--led-8, 0)}.led--9{--on: var(--led-9, 0)}.led--10{--on: var(--led-10, 0)}.led--11{--on: var(--led-11, 0)}.lcd__matrix,.lcd__glass{position:absolute;inset:0;pointer-events:none}.lcd__matrix{z-index:3;opacity:.5;background-image:repeating-linear-gradient(0deg,#0000006b 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000047 0 1px,#0000 1px 3px)}.lcd__glass{z-index:4;background:linear-gradient(118deg,#ffffff21 0,#ffffff08 30%,#fff0 52%),radial-gradient(70% 40% at 88% 110%,#ffc46b17,#ffc46b00 70%)}.readout__label{display:none}.lamp{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#6d4218,#2a1608 70%);box-shadow:inset 0 0 3px #000000e6,0 0 0 1px #0009;transition:background .2s ease,box-shadow .2s ease}body:has(.pick:checked) .lamp{background:radial-gradient(circle at 34% 28%,#fff4dc,#ffb347 42%,#b9590a);box-shadow:0 0 12px 2px #ffaa3cb3,0 0 0 1px #00000080}.controls{flex:0 0 auto;padding:0}.switch-bank{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1rem;padding:.3rem .55rem;border-radius:5px;background:linear-gradient(180deg,#00000047,#ffffff0a 60%,#00000038),linear-gradient(174deg,#2f3339,#23262b);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #00000080,0 1px #ffffff0f}.switch{position:relative}.spec{display:none}.spec div{display:grid;gap:2px}.spec dt{font-size:.48rem;letter-spacing:.22em;text-transform:uppercase;color:#7f858f;text-shadow:0 1px 0 rgba(0,0,0,.8)}.spec dd{margin:0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.02em;color:#c3c9d3;text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.05)}.switch input{position:absolute;left:6px;top:50%;width:1px;height:1px;opacity:0}.switch label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch__legend{font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:#b3b9c4;text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.07)}.switch__rocker{position:relative;width:46px;height:25px;border-radius:4px;background:linear-gradient(178deg,#101215,#1c1f24 60%,#14171b);box-shadow:inset 0 2px 5px #000000e6,inset 0 0 0 1px #000c,0 1px #ffffff17;transition:background .2s ease}.switch__rocker b{position:absolute;left:2px;top:2px;width:21px;height:21px;border-radius:3px;background:linear-gradient(178deg,#ffffff80,#fff0 42%),linear-gradient(176deg,#efe8d8,#cfc6b0 55%,#9e9683);box-shadow:inset 0 -2px 3px #5a4e3880,0 2px 4px #000c;transition:transform .2s cubic-bezier(.3,1.4,.4,1)}.switch input:checked+label .switch__rocker{background:radial-gradient(120% 160% at 22% 50%,#ffb04a80,#ffb04a00 70%),linear-gradient(178deg,#2a1c0d,#3a2711 60%,#21160a)}.switch input:checked+label .switch__rocker b{transform:translate(21px)}.switch input:checked+label .switch__legend{color:#ffd9a2;text-shadow:0 0 10px rgba(255,170,60,.45)}.switch input:focus-visible+label .switch__rocker,.switch input:focus-visible+label .switch__button{outline:2px solid rgba(255,196,107,.8);outline-offset:3px}.switch__button{position:relative;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ffffffe6,#fff0 52%),conic-gradient(from 160deg,#8f959f,#d7dde6 24%,#6e747d 52%,#b6bcc6 78%,#7c828c);box-shadow:inset 0 -2px 4px #0000008c,inset 0 2px 3px #ffffff59,0 3px 6px #000c;transition:transform .12s ease,box-shadow .12s ease}.switch--clear label:active .switch__button,.switch--clear input:checked+label .switch__button{transform:translateY(2px);box-shadow:inset 0 -1px 2px #0009,inset 0 3px 6px #00000080,0 1px 2px #000c}@media(max-width:860px){.readout,.controls{margin-left:0;padding-right:0}}body:has(#s1f0:checked) .readout{--note:"E";--note-flat:"E";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"open";--fret-word:"open string";--hz:"329.63";--midi:"64";--led-4:1}body:has(#s1f1:checked) .readout{--note:"F";--note-flat:"F";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"1";--fret-word:"fret 1";--hz:"349.23";--midi:"65";--led-5:1}body:has(#s1f2:checked) .readout{--note:"F♯";--note-flat:"G♭";--octave:"4";--enharmonic:"F♯ = G♭";--string:"1st string, E";--fret:"2";--fret-word:"fret 2";--hz:"369.99";--midi:"66";--led-6:1}body:has(#s1f3:checked) .readout{--note:"G";--note-flat:"G";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"3";--fret-word:"fret 3";--hz:"392.00";--midi:"67";--led-7:1}body:has(#s1f4:checked) .readout{--note:"G♯";--note-flat:"A♭";--octave:"4";--enharmonic:"G♯ = A♭";--string:"1st string, E";--fret:"4";--fret-word:"fret 4";--hz:"415.30";--midi:"68";--led-8:1}body:has(#s1f5:checked) .readout{--note:"A";--note-flat:"A";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"5";--fret-word:"fret 5";--hz:"440.00";--midi:"69";--led-9:1}body:has(#s1f6:checked) .readout{--note:"A♯";--note-flat:"B♭";--octave:"4";--enharmonic:"A♯ = B♭";--string:"1st string, E";--fret:"6";--fret-word:"fret 6";--hz:"466.16";--midi:"70";--led-10:1}body:has(#s1f7:checked) .readout{--note:"B";--note-flat:"B";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"7";--fret-word:"fret 7";--hz:"493.88";--midi:"71";--led-11:1}body:has(#s1f8:checked) .readout{--note:"C";--note-flat:"C";--octave:"5";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"8";--fret-word:"fret 8";--hz:"523.25";--midi:"72";--led-0:1}body:has(#s1f9:checked) .readout{--note:"C♯";--note-flat:"D♭";--octave:"5";--enharmonic:"C♯ = D♭";--string:"1st string, E";--fret:"9";--fret-word:"fret 9";--hz:"554.37";--midi:"73";--led-1:1}body:has(#s1f10:checked) .readout{--note:"D";--note-flat:"D";--octave:"5";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"10";--fret-word:"fret 10";--hz:"587.33";--midi:"74";--led-2:1}body:has(#s1f11:checked) .readout{--note:"D♯";--note-flat:"E♭";--octave:"5";--enharmonic:"D♯ = E♭";--string:"1st string, E";--fret:"11";--fret-word:"fret 11";--hz:"622.25";--midi:"75";--led-3:1}body:has(#s1f12:checked) .readout{--note:"E";--note-flat:"E";--octave:"5";--enharmonic:"natural — no sharp or flat";--string:"1st string, E";--fret:"12";--fret-word:"fret 12";--hz:"659.26";--midi:"76";--led-4:1}body:has(#s2f0:checked) .readout{--note:"B";--note-flat:"B";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"open";--fret-word:"open string";--hz:"246.94";--midi:"59";--led-11:1}body:has(#s2f1:checked) .readout{--note:"C";--note-flat:"C";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"1";--fret-word:"fret 1";--hz:"261.63";--midi:"60";--led-0:1}body:has(#s2f2:checked) .readout{--note:"C♯";--note-flat:"D♭";--octave:"4";--enharmonic:"C♯ = D♭";--string:"2nd string, B";--fret:"2";--fret-word:"fret 2";--hz:"277.18";--midi:"61";--led-1:1}body:has(#s2f3:checked) .readout{--note:"D";--note-flat:"D";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"3";--fret-word:"fret 3";--hz:"293.66";--midi:"62";--led-2:1}body:has(#s2f4:checked) .readout{--note:"D♯";--note-flat:"E♭";--octave:"4";--enharmonic:"D♯ = E♭";--string:"2nd string, B";--fret:"4";--fret-word:"fret 4";--hz:"311.13";--midi:"63";--led-3:1}body:has(#s2f5:checked) .readout{--note:"E";--note-flat:"E";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"5";--fret-word:"fret 5";--hz:"329.63";--midi:"64";--led-4:1}body:has(#s2f6:checked) .readout{--note:"F";--note-flat:"F";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"6";--fret-word:"fret 6";--hz:"349.23";--midi:"65";--led-5:1}body:has(#s2f7:checked) .readout{--note:"F♯";--note-flat:"G♭";--octave:"4";--enharmonic:"F♯ = G♭";--string:"2nd string, B";--fret:"7";--fret-word:"fret 7";--hz:"369.99";--midi:"66";--led-6:1}body:has(#s2f8:checked) .readout{--note:"G";--note-flat:"G";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"8";--fret-word:"fret 8";--hz:"392.00";--midi:"67";--led-7:1}body:has(#s2f9:checked) .readout{--note:"G♯";--note-flat:"A♭";--octave:"4";--enharmonic:"G♯ = A♭";--string:"2nd string, B";--fret:"9";--fret-word:"fret 9";--hz:"415.30";--midi:"68";--led-8:1}body:has(#s2f10:checked) .readout{--note:"A";--note-flat:"A";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"10";--fret-word:"fret 10";--hz:"440.00";--midi:"69";--led-9:1}body:has(#s2f11:checked) .readout{--note:"A♯";--note-flat:"B♭";--octave:"4";--enharmonic:"A♯ = B♭";--string:"2nd string, B";--fret:"11";--fret-word:"fret 11";--hz:"466.16";--midi:"70";--led-10:1}body:has(#s2f12:checked) .readout{--note:"B";--note-flat:"B";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"2nd string, B";--fret:"12";--fret-word:"fret 12";--hz:"493.88";--midi:"71";--led-11:1}body:has(#s3f0:checked) .readout{--note:"G";--note-flat:"G";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"open";--fret-word:"open string";--hz:"196.00";--midi:"55";--led-7:1}body:has(#s3f1:checked) .readout{--note:"G♯";--note-flat:"A♭";--octave:"3";--enharmonic:"G♯ = A♭";--string:"3rd string, G";--fret:"1";--fret-word:"fret 1";--hz:"207.65";--midi:"56";--led-8:1}body:has(#s3f2:checked) .readout{--note:"A";--note-flat:"A";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"2";--fret-word:"fret 2";--hz:"220.00";--midi:"57";--led-9:1}body:has(#s3f3:checked) .readout{--note:"A♯";--note-flat:"B♭";--octave:"3";--enharmonic:"A♯ = B♭";--string:"3rd string, G";--fret:"3";--fret-word:"fret 3";--hz:"233.08";--midi:"58";--led-10:1}body:has(#s3f4:checked) .readout{--note:"B";--note-flat:"B";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"4";--fret-word:"fret 4";--hz:"246.94";--midi:"59";--led-11:1}body:has(#s3f5:checked) .readout{--note:"C";--note-flat:"C";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"5";--fret-word:"fret 5";--hz:"261.63";--midi:"60";--led-0:1}body:has(#s3f6:checked) .readout{--note:"C♯";--note-flat:"D♭";--octave:"4";--enharmonic:"C♯ = D♭";--string:"3rd string, G";--fret:"6";--fret-word:"fret 6";--hz:"277.18";--midi:"61";--led-1:1}body:has(#s3f7:checked) .readout{--note:"D";--note-flat:"D";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"7";--fret-word:"fret 7";--hz:"293.66";--midi:"62";--led-2:1}body:has(#s3f8:checked) .readout{--note:"D♯";--note-flat:"E♭";--octave:"4";--enharmonic:"D♯ = E♭";--string:"3rd string, G";--fret:"8";--fret-word:"fret 8";--hz:"311.13";--midi:"63";--led-3:1}body:has(#s3f9:checked) .readout{--note:"E";--note-flat:"E";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"9";--fret-word:"fret 9";--hz:"329.63";--midi:"64";--led-4:1}body:has(#s3f10:checked) .readout{--note:"F";--note-flat:"F";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"10";--fret-word:"fret 10";--hz:"349.23";--midi:"65";--led-5:1}body:has(#s3f11:checked) .readout{--note:"F♯";--note-flat:"G♭";--octave:"4";--enharmonic:"F♯ = G♭";--string:"3rd string, G";--fret:"11";--fret-word:"fret 11";--hz:"369.99";--midi:"66";--led-6:1}body:has(#s3f12:checked) .readout{--note:"G";--note-flat:"G";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"3rd string, G";--fret:"12";--fret-word:"fret 12";--hz:"392.00";--midi:"67";--led-7:1}body:has(#s4f0:checked) .readout{--note:"D";--note-flat:"D";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"open";--fret-word:"open string";--hz:"146.83";--midi:"50";--led-2:1}body:has(#s4f1:checked) .readout{--note:"D♯";--note-flat:"E♭";--octave:"3";--enharmonic:"D♯ = E♭";--string:"4th string, D";--fret:"1";--fret-word:"fret 1";--hz:"155.56";--midi:"51";--led-3:1}body:has(#s4f2:checked) .readout{--note:"E";--note-flat:"E";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"2";--fret-word:"fret 2";--hz:"164.81";--midi:"52";--led-4:1}body:has(#s4f3:checked) .readout{--note:"F";--note-flat:"F";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"3";--fret-word:"fret 3";--hz:"174.61";--midi:"53";--led-5:1}body:has(#s4f4:checked) .readout{--note:"F♯";--note-flat:"G♭";--octave:"3";--enharmonic:"F♯ = G♭";--string:"4th string, D";--fret:"4";--fret-word:"fret 4";--hz:"185.00";--midi:"54";--led-6:1}body:has(#s4f5:checked) .readout{--note:"G";--note-flat:"G";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"5";--fret-word:"fret 5";--hz:"196.00";--midi:"55";--led-7:1}body:has(#s4f6:checked) .readout{--note:"G♯";--note-flat:"A♭";--octave:"3";--enharmonic:"G♯ = A♭";--string:"4th string, D";--fret:"6";--fret-word:"fret 6";--hz:"207.65";--midi:"56";--led-8:1}body:has(#s4f7:checked) .readout{--note:"A";--note-flat:"A";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"7";--fret-word:"fret 7";--hz:"220.00";--midi:"57";--led-9:1}body:has(#s4f8:checked) .readout{--note:"A♯";--note-flat:"B♭";--octave:"3";--enharmonic:"A♯ = B♭";--string:"4th string, D";--fret:"8";--fret-word:"fret 8";--hz:"233.08";--midi:"58";--led-10:1}body:has(#s4f9:checked) .readout{--note:"B";--note-flat:"B";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"9";--fret-word:"fret 9";--hz:"246.94";--midi:"59";--led-11:1}body:has(#s4f10:checked) .readout{--note:"C";--note-flat:"C";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"10";--fret-word:"fret 10";--hz:"261.63";--midi:"60";--led-0:1}body:has(#s4f11:checked) .readout{--note:"C♯";--note-flat:"D♭";--octave:"4";--enharmonic:"C♯ = D♭";--string:"4th string, D";--fret:"11";--fret-word:"fret 11";--hz:"277.18";--midi:"61";--led-1:1}body:has(#s4f12:checked) .readout{--note:"D";--note-flat:"D";--octave:"4";--enharmonic:"natural — no sharp or flat";--string:"4th string, D";--fret:"12";--fret-word:"fret 12";--hz:"293.66";--midi:"62";--led-2:1}body:has(#s5f0:checked) .readout{--note:"A";--note-flat:"A";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"open";--fret-word:"open string";--hz:"110.00";--midi:"45";--led-9:1}body:has(#s5f1:checked) .readout{--note:"A♯";--note-flat:"B♭";--octave:"2";--enharmonic:"A♯ = B♭";--string:"5th string, A";--fret:"1";--fret-word:"fret 1";--hz:"116.54";--midi:"46";--led-10:1}body:has(#s5f2:checked) .readout{--note:"B";--note-flat:"B";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"2";--fret-word:"fret 2";--hz:"123.47";--midi:"47";--led-11:1}body:has(#s5f3:checked) .readout{--note:"C";--note-flat:"C";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"3";--fret-word:"fret 3";--hz:"130.81";--midi:"48";--led-0:1}body:has(#s5f4:checked) .readout{--note:"C♯";--note-flat:"D♭";--octave:"3";--enharmonic:"C♯ = D♭";--string:"5th string, A";--fret:"4";--fret-word:"fret 4";--hz:"138.59";--midi:"49";--led-1:1}body:has(#s5f5:checked) .readout{--note:"D";--note-flat:"D";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"5";--fret-word:"fret 5";--hz:"146.83";--midi:"50";--led-2:1}body:has(#s5f6:checked) .readout{--note:"D♯";--note-flat:"E♭";--octave:"3";--enharmonic:"D♯ = E♭";--string:"5th string, A";--fret:"6";--fret-word:"fret 6";--hz:"155.56";--midi:"51";--led-3:1}body:has(#s5f7:checked) .readout{--note:"E";--note-flat:"E";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"7";--fret-word:"fret 7";--hz:"164.81";--midi:"52";--led-4:1}body:has(#s5f8:checked) .readout{--note:"F";--note-flat:"F";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"8";--fret-word:"fret 8";--hz:"174.61";--midi:"53";--led-5:1}body:has(#s5f9:checked) .readout{--note:"F♯";--note-flat:"G♭";--octave:"3";--enharmonic:"F♯ = G♭";--string:"5th string, A";--fret:"9";--fret-word:"fret 9";--hz:"185.00";--midi:"54";--led-6:1}body:has(#s5f10:checked) .readout{--note:"G";--note-flat:"G";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"10";--fret-word:"fret 10";--hz:"196.00";--midi:"55";--led-7:1}body:has(#s5f11:checked) .readout{--note:"G♯";--note-flat:"A♭";--octave:"3";--enharmonic:"G♯ = A♭";--string:"5th string, A";--fret:"11";--fret-word:"fret 11";--hz:"207.65";--midi:"56";--led-8:1}body:has(#s5f12:checked) .readout{--note:"A";--note-flat:"A";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"5th string, A";--fret:"12";--fret-word:"fret 12";--hz:"220.00";--midi:"57";--led-9:1}body:has(#s6f0:checked) .readout{--note:"E";--note-flat:"E";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"open";--fret-word:"open string";--hz:"82.41";--midi:"40";--led-4:1}body:has(#s6f1:checked) .readout{--note:"F";--note-flat:"F";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"1";--fret-word:"fret 1";--hz:"87.31";--midi:"41";--led-5:1}body:has(#s6f2:checked) .readout{--note:"F♯";--note-flat:"G♭";--octave:"2";--enharmonic:"F♯ = G♭";--string:"6th string, E";--fret:"2";--fret-word:"fret 2";--hz:"92.50";--midi:"42";--led-6:1}body:has(#s6f3:checked) .readout{--note:"G";--note-flat:"G";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"3";--fret-word:"fret 3";--hz:"98.00";--midi:"43";--led-7:1}body:has(#s6f4:checked) .readout{--note:"G♯";--note-flat:"A♭";--octave:"2";--enharmonic:"G♯ = A♭";--string:"6th string, E";--fret:"4";--fret-word:"fret 4";--hz:"103.83";--midi:"44";--led-8:1}body:has(#s6f5:checked) .readout{--note:"A";--note-flat:"A";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"5";--fret-word:"fret 5";--hz:"110.00";--midi:"45";--led-9:1}body:has(#s6f6:checked) .readout{--note:"A♯";--note-flat:"B♭";--octave:"2";--enharmonic:"A♯ = B♭";--string:"6th string, E";--fret:"6";--fret-word:"fret 6";--hz:"116.54";--midi:"46";--led-10:1}body:has(#s6f7:checked) .readout{--note:"B";--note-flat:"B";--octave:"2";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"7";--fret-word:"fret 7";--hz:"123.47";--midi:"47";--led-11:1}body:has(#s6f8:checked) .readout{--note:"C";--note-flat:"C";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"8";--fret-word:"fret 8";--hz:"130.81";--midi:"48";--led-0:1}body:has(#s6f9:checked) .readout{--note:"C♯";--note-flat:"D♭";--octave:"3";--enharmonic:"C♯ = D♭";--string:"6th string, E";--fret:"9";--fret-word:"fret 9";--hz:"138.59";--midi:"49";--led-1:1}body:has(#s6f10:checked) .readout{--note:"D";--note-flat:"D";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"10";--fret-word:"fret 10";--hz:"146.83";--midi:"50";--led-2:1}body:has(#s6f11:checked) .readout{--note:"D♯";--note-flat:"E♭";--octave:"3";--enharmonic:"D♯ = E♭";--string:"6th string, E";--fret:"11";--fret-word:"fret 11";--hz:"155.56";--midi:"51";--led-3:1}body:has(#s6f12:checked) .readout{--note:"E";--note-flat:"E";--octave:"3";--enharmonic:"natural — no sharp or flat";--string:"6th string, E";--fret:"12";--fret-word:"fret 12";--hz:"164.81";--midi:"52";--led-4:1}body:has(#s1f1:checked,#s2f1:checked,#s3f1:checked,#s4f1:checked,#s5f1:checked,#s6f1:checked) .fret--1{--fret-lit: 1}body:has(#s1f1:checked,#s2f1:checked,#s3f1:checked,#s4f1:checked,#s5f1:checked,#s6f1:checked) .mark--1{--mark-lit: 1}body:has(#s1f2:checked,#s2f2:checked,#s3f2:checked,#s4f2:checked,#s5f2:checked,#s6f2:checked) .fret--2{--fret-lit: 1}body:has(#s1f2:checked,#s2f2:checked,#s3f2:checked,#s4f2:checked,#s5f2:checked,#s6f2:checked) .mark--2{--mark-lit: 1}body:has(#s1f3:checked,#s2f3:checked,#s3f3:checked,#s4f3:checked,#s5f3:checked,#s6f3:checked) .fret--3{--fret-lit: 1}body:has(#s1f3:checked,#s2f3:checked,#s3f3:checked,#s4f3:checked,#s5f3:checked,#s6f3:checked) .mark--3{--mark-lit: 1}body:has(#s1f4:checked,#s2f4:checked,#s3f4:checked,#s4f4:checked,#s5f4:checked,#s6f4:checked) .fret--4{--fret-lit: 1}body:has(#s1f4:checked,#s2f4:checked,#s3f4:checked,#s4f4:checked,#s5f4:checked,#s6f4:checked) .mark--4{--mark-lit: 1}body:has(#s1f5:checked,#s2f5:checked,#s3f5:checked,#s4f5:checked,#s5f5:checked,#s6f5:checked) .fret--5{--fret-lit: 1}body:has(#s1f5:checked,#s2f5:checked,#s3f5:checked,#s4f5:checked,#s5f5:checked,#s6f5:checked) .mark--5{--mark-lit: 1}body:has(#s1f6:checked,#s2f6:checked,#s3f6:checked,#s4f6:checked,#s5f6:checked,#s6f6:checked) .fret--6{--fret-lit: 1}body:has(#s1f6:checked,#s2f6:checked,#s3f6:checked,#s4f6:checked,#s5f6:checked,#s6f6:checked) .mark--6{--mark-lit: 1}body:has(#s1f7:checked,#s2f7:checked,#s3f7:checked,#s4f7:checked,#s5f7:checked,#s6f7:checked) .fret--7{--fret-lit: 1}body:has(#s1f7:checked,#s2f7:checked,#s3f7:checked,#s4f7:checked,#s5f7:checked,#s6f7:checked) .mark--7{--mark-lit: 1}body:has(#s1f8:checked,#s2f8:checked,#s3f8:checked,#s4f8:checked,#s5f8:checked,#s6f8:checked) .fret--8{--fret-lit: 1}body:has(#s1f8:checked,#s2f8:checked,#s3f8:checked,#s4f8:checked,#s5f8:checked,#s6f8:checked) .mark--8{--mark-lit: 1}body:has(#s1f9:checked,#s2f9:checked,#s3f9:checked,#s4f9:checked,#s5f9:checked,#s6f9:checked) .fret--9{--fret-lit: 1}body:has(#s1f9:checked,#s2f9:checked,#s3f9:checked,#s4f9:checked,#s5f9:checked,#s6f9:checked) .mark--9{--mark-lit: 1}body:has(#s1f10:checked,#s2f10:checked,#s3f10:checked,#s4f10:checked,#s5f10:checked,#s6f10:checked) .fret--10{--fret-lit: 1}body:has(#s1f10:checked,#s2f10:checked,#s3f10:checked,#s4f10:checked,#s5f10:checked,#s6f10:checked) .mark--10{--mark-lit: 1}body:has(#s1f11:checked,#s2f11:checked,#s3f11:checked,#s4f11:checked,#s5f11:checked,#s6f11:checked) .fret--11{--fret-lit: 1}body:has(#s1f11:checked,#s2f11:checked,#s3f11:checked,#s4f11:checked,#s5f11:checked,#s6f11:checked) .mark--11{--mark-lit: 1}body:has(#s1f12:checked,#s2f12:checked,#s3f12:checked,#s4f12:checked,#s5f12:checked,#s6f12:checked) .fret--12{--fret-lit: 1}body:has(#s1f12:checked,#s2f12:checked,#s3f12:checked,#s4f12:checked,#s5f12:checked,#s6f12:checked) .mark--12{--mark-lit: 1}body:has(#s1f0:checked,#s2f0:checked,#s3f0:checked,#s4f0:checked,#s5f0:checked,#s6f0:checked) .nut{--nut-lit: 1}body:has(.string--1 .pick:checked) .gutter-name:nth-child(2){--gutter-lit: 1}body:has(.string--2 .pick:checked) .gutter-name:nth-child(3){--gutter-lit: 1}body:has(.string--3 .pick:checked) .gutter-name:nth-child(4){--gutter-lit: 1}body:has(.string--4 .pick:checked) .gutter-name:nth-child(5){--gutter-lit: 1}body:has(.string--5 .pick:checked) .gutter-name:nth-child(6){--gutter-lit: 1}body:has(.string--6 .pick:checked) .gutter-name:nth-child(7){--gutter-lit: 1}html{-webkit-text-size-adjust:100%}:root{--long-side: max(100vw, 100vh);--short-side: min(100vw, 100vh);--fit: 1}.stage{min-height:100%}.install[hidden]{display:none!important}.install{position:relative;z-index:8;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;width:min(1320px,calc(100% - (2*clamp(.75rem,3vw,3rem))));margin:clamp(1rem,2.5vw,2rem) auto 0;padding:.7rem 1rem;border-radius:4px;background:repeating-linear-gradient(92deg,#ffffff0d 0 1px,#0000000d 1px 2px),linear-gradient(168deg,#5b5f68,#2f3238 42%,#22252a);box-shadow:inset 0 1px #ffffff47,0 12px 24px -12px #000000e6}.install__copy{flex:1 1 16rem;margin:0;font-size:.78rem;line-height:1.45;color:#d7dce6}.install__copy b{color:#ffe0b0;font-weight:600}.install__go,.install__skip{font:inherit;cursor:pointer;border:0}.install__go{padding:.45rem .9rem;border-radius:3px;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;color:#2a1608;background:linear-gradient(176deg,#ffe0b0,#e3b062 55%,#8d6224);box-shadow:inset 0 1px #ffffff8c,0 2px 4px #00000073}.install__skip{padding:.45rem .4rem;background:none;color:#9aa0aa;letter-spacing:.12em;text-transform:uppercase;font-size:.58rem}.install__go:focus-visible,.install__skip:focus-visible{outline:2px solid rgba(255,196,107,.8);outline-offset:3px}@media(display-mode:standalone),(display-mode:fullscreen){.install{display:none!important}}@media(min-width:901px)and (pointer:fine){.install{display:none!important}}@media(max-height:560px),(max-width:560px){html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--room-2)}.stage{position:fixed;inset:auto;top:var(--vv-top, 0px);left:var(--vv-left, 0px);width:var(--vv-width, 100%);height:var(--vv-height, 100%);display:flex;flex-direction:column;overflow:hidden;min-height:0}.room{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;padding:0;overflow:hidden}.room:after{box-shadow:none}.masthead{display:none!important}.install:not([hidden]){position:absolute;z-index:20;top:8px;right:8px;left:auto;width:auto;max-width:min(22rem,calc(100% - 1.25rem));margin:0;padding:.4rem .65rem;gap:.4rem .7rem}.install__copy{flex:1 1 8rem;font-size:.68rem}.bench{flex:1;display:flex;flex-direction:column;min-height:0;gap:0}.print{--zoom: 1;flex:1 1 auto;display:flex;flex-direction:column;max-width:none;min-height:0;width:100%}.print__mat{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:0;border-radius:0;background:none;box-shadow:none}.scroller{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.instrument,.ruler{zoom:1}.fit{position:relative;width:100%;height:100%;overflow:hidden;flex:1 1 auto;min-height:0}.fit__inner{position:absolute;left:0;top:50%;width:var(--frame-w);height:444px;margin-top:calc(444px * var(--fit) / -2);transform:scale(var(--fit));transform-origin:top left}.console{flex:0 0 auto;flex-wrap:nowrap;width:100%;margin:0;padding:.15rem .25rem;padding-bottom:max(.15rem,env(safe-area-inset-bottom,0px));border-radius:0;gap:.25rem .4rem;max-height:56px;overflow:hidden}.lcd{height:42px;padding:4px 8px;grid-template-columns:1fr minmax(100px,160px)}.lcd__note:after{font-size:1.45rem}.lcd__idle-mark{font-size:1.1rem}.switch-bank{padding:.1rem .25rem;gap:.25rem .45rem}.switch__legend{display:none}}@media(orientation:portrait)and (max-width:900px){html,body{width:100%;height:100%;overflow:hidden}.stage{inset:50% auto auto 50%;width:var(--long-side);height:var(--short-side);max-width:var(--long-side);max-height:var(--short-side);min-width:var(--long-side);min-height:var(--short-side);margin-left:calc(var(--long-side) / -2);margin-top:calc(var(--short-side) / -2);transform:rotate(90deg);transform-origin:center center}.room{width:100%;height:100%;min-height:0}}@media(max-height:560px)and (max-width:740px),(max-width:560px){.lcd{grid-template-columns:1fr}.lcd__chroma{display:none}}@media(pointer:coarse){.instrument,.console,.stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.pick,.switch label{touch-action:manipulation}.zone:has(.pick:focus-visible){outline-width:3px}}:root{--grade-perfect: #9fe8a4;--grade-good: #ffd27a;--grade-loose: #d99b4f;--grade-off: #7fb2d9;--grade-wrong: #e8756a;--grade-miss: #6f6a63}.scan{position:absolute;left:0;right:0;top:calc(var(--board-y) + 140px);height:6px;margin-top:-3px;z-index:12;opacity:0;pointer-events:none;overflow:visible;transition:opacity .12s ease}body.is-playing .scan{opacity:1}.scan__beam{position:absolute;left:0;right:0;top:0;height:6px;border-radius:2px;background:#ffe7b0;box-shadow:0 0 8px 2px #ffc46b,0 0 22px 8px #ff9628b3}.scan__wash{position:absolute;left:0;right:0;top:-30px;height:60px;background:linear-gradient(180deg,#ffb85c00 0,#ffb85c1f 48% 52%,#ffb85c00)}body.is-game .string:before{content:"";position:absolute;inset:0 0 0 -62px;pointer-events:none;opacity:var(--lane-lit, 0);background:linear-gradient(180deg,#ffbe6400 0,#ffbe642b,#ffbe6400)}body.is-game .zone[data-judge]:after{content:"";position:absolute;left:72%;top:calc(50% + var(--dy));width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--grade, var(--amber));box-shadow:0 0 12px color-mix(in srgb,var(--grade, var(--amber)) 55%,transparent);pointer-events:none}body.is-game .zone--open[data-judge]:after{left:24px}[data-judge=perfect]{--grade: var(--grade-perfect)}[data-judge=good]{--grade: var(--grade-good)}[data-judge=loose]{--grade: var(--grade-loose)}[data-judge=off]{--grade: var(--grade-off)}[data-judge=wrong]{--grade: var(--grade-wrong)}body.is-playing .zone .tag,body.is-playing .zone:hover .tag,body.is-playing .pick:focus-visible~.tag,body.is-playing .pick:checked~.tag{opacity:0}body.is-scored .zone[data-answer] .tag{top:calc(50% + var(--dy));opacity:.95;padding:1px 3px;transform:translate(-50%,-50%);font-size:10px;color:#eafbe8;background:#0a06049e;box-shadow:0 0 0 1px color-mix(in srgb,var(--grade-perfect) 55%,transparent)}body.is-scored .zone[data-answer] .tag:after{opacity:0}body.is-game .lcd__idle,body.is-game .lcd__live{display:none}.lcd__game{position:relative;z-index:2;grid-area:main;display:none;align-items:center;gap:.6rem .85rem;min-width:0;min-height:0;height:100%;overflow:visible;flex-wrap:nowrap}body.is-game .lcd__game{display:flex}.lcd__target{display:flex;align-items:center;gap:6px;flex:none;line-height:1}.lcd__target-note{font-size:1.45rem;font-weight:500;line-height:1;letter-spacing:-.03em;text-shadow:0 0 12px rgba(255,150,40,.55),0 0 34px rgba(255,120,20,.3)}.lcd__count{display:none;align-items:center;gap:5px}body.is-count .lcd__count{display:flex}.pip{width:7px;height:7px;border-radius:50%;background:#ffb3471f;box-shadow:inset 0 0 0 1px #ffb34747;transition:background 90ms ease,box-shadow 90ms ease}.pip[data-on]{background:var(--lcd-glow);box-shadow:0 0 9px #ffaa3ccc}.lcd__tally{display:flex;flex-wrap:nowrap;gap:2px 14px;margin-left:auto;flex:none}.lcd__tally p{display:flex;align-items:baseline;gap:.4rem;margin:0}body.is-scored .lcd__score{font-size:1.1rem;line-height:1}.lcd__marks{position:relative;z-index:2;grid-area:chroma;display:none;grid-template-columns:repeat(6,1fr);gap:3px;height:22px;align-self:center}body.is-game .lcd__marks{display:grid}body.is-game .lcd__chroma{display:none}.chip{position:relative;display:grid;place-items:center;border-radius:2px;font-style:normal;background:#ffb3470d;box-shadow:inset 0 0 0 1px #ffb34724;transition:background .14s ease,box-shadow .14s ease}.chip b{font-size:8px;font-weight:500;line-height:1;color:#ffc46b66}.chip[data-grade]{background:color-mix(in srgb,var(--grade) 32%,transparent);box-shadow:inset 0 0 0 1px var(--grade),0 0 9px color-mix(in srgb,var(--grade) 50%,transparent)}.chip[data-grade] b{font-weight:700;color:#140e08}.chip[data-grade=miss]{box-shadow:inset 0 0 0 1px var(--grade)}.chip[data-grade=miss] b{color:#fff0dc8c}[data-grade=perfect]{--grade: var(--grade-perfect)}[data-grade=good]{--grade: var(--grade-good)}[data-grade=loose]{--grade: var(--grade-loose)}[data-grade=off]{--grade: var(--grade-off)}[data-grade=wrong]{--grade: var(--grade-wrong)}[data-grade=miss]{--grade: var(--grade-miss)}.play{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;font:inherit;cursor:pointer}.play__legend{display:inline-block;min-width:3.4rem;text-align:left}.play__button{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ffffffe6,#fff0 52%),conic-gradient(from 160deg,#8f959f,#d7dde6 24%,#6e747d 52%,#b6bcc6 78%,#7c828c);box-shadow:inset 0 -2px 4px #0000008c,inset 0 2px 3px #ffffff59,0 3px 6px #000c;transition:transform .12s ease,box-shadow .12s ease}.play:active .play__button{transform:translateY(2px);box-shadow:inset 0 -1px 2px #0009,inset 0 3px 6px #00000080,0 1px 2px #000c}body.is-playing .play__button{box-shadow:inset 0 -2px 4px #0000008c,inset 0 2px 3px #ffffff59,0 0 14px 2px #ffaa3ca6}.play__glyph{display:block;width:0;height:0;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #2a1608}body.is-playing .play__glyph{width:9px;height:9px;margin:0;border:0;border-radius:1px;background:#2a1608}.tempo{display:flex;align-items:center;gap:4px;padding:2px 3px;border-radius:4px;background:linear-gradient(178deg,#101215,#1c1f24 60%,#14171b);box-shadow:inset 0 2px 5px #000000e6,inset 0 0 0 1px #000c,0 1px #ffffff17}.tempo__step{width:22px;height:22px;border:0;border-radius:3px;font:600 13px/1 var(--font-ui);color:#dbe0ea;background:linear-gradient(176deg,#464b53,#2b2f35);box-shadow:inset 0 1px #ffffff29,0 1px 2px #0009;cursor:pointer}.tempo__step:active{transform:translateY(1px)}.tempo__step:disabled{opacity:.35;cursor:default}.tempo__read{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:30px;line-height:1}.tempo__bpm{font:500 13px/1 var(--font-mono);color:#ffd9a2;text-shadow:0 0 9px rgba(255,150,40,.4)}.tempo__read .switch__legend{font-size:.42rem;letter-spacing:.16em}.play:focus-visible{outline:none}.play:focus-visible .play__button,.tempo__step:focus-visible{outline:2px solid rgba(255,196,107,.8);outline-offset:3px}@media(max-height:560px),(max-width:560px){.play{gap:0}.play__button{width:24px;height:24px}.tempo{gap:3px;padding:1px 2px}.tempo__step{width:20px;height:20px}.tempo__read{min-width:22px}.lcd__target-note{font-size:1.25rem}.lcd__game{gap:.45rem}}