@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.1_nwqg2oqknh7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.43efwv28dotlz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.1tb5eil6y_dva.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.0zl3jsojfe2ze.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.3dojvicm65v_0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_4a55c142-module__xfuXaq__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_4a55c142-module__xfuXaq__variable{--font-pixel:"Press Start 2P", "Press Start 2P Fallback"}
:root{--bg:#050505;--fg:#3f3;--fg-dim:#1c8f1c;--accent:#fc0;--danger:#f33;--panel-border:#3f3}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0;padding:0}body{font-family:var(--font-pixel), "Courier New", monospace}.page{flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem 3rem;display:flex}.title{letter-spacing:.15em;color:var(--fg);text-shadow:0 0 6px var(--fg);margin:0;font-size:clamp(1.25rem,4vw,2rem)}button{background:var(--bg);color:var(--fg);border:3px solid var(--panel-border);letter-spacing:.05em;cursor:pointer;image-rendering:pixelated;padding:.75rem 1.5rem;font-family:inherit;font-size:.85rem}button:hover:not(:disabled){background:var(--fg);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}.game{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;display:flex}.startPanel{text-align:center;flex-direction:column;align-items:center;gap:1rem;font-size:.75rem;line-height:1.6;display:flex}.errorText{color:var(--danger);max-width:320px}.hud{flex-direction:column;gap:.5rem;width:100%;font-size:.65rem;display:flex}.hudRow{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.hudRow.small,.hudSub{color:var(--fg-dim);font-size:.55rem}.targetDisplay{flex-direction:column;align-items:center;gap:.5rem;display:flex}.targetLabel{letter-spacing:.15em;color:var(--fg-dim);font-size:.6rem}.targetNoteBig{color:var(--fg);text-shadow:0 0 6px var(--fg);white-space:nowrap;text-align:center;font-size:clamp(1.1rem,5.5vw,1.8rem);line-height:1.3}.targetSub{color:var(--fg-dim);text-align:center;font-size:1.65rem;line-height:1.2}.sequenceProgress{letter-spacing:.05em;gap:.6rem;font-size:.75rem;display:flex}.sequenceProgress span{border:1px solid var(--panel-border);padding:.1rem .4rem}.seqDone{color:var(--fg-dim);text-decoration:line-through;border-color:var(--fg-dim)!important}.seqActive{color:var(--fg);text-shadow:0 0 6px var(--fg);border-color:var(--fg)!important}.seqPending{color:var(--fg-dim);opacity:.6}.sessionTimerBar{border:2px solid var(--panel-border);width:100%;height:10px;padding:1px}.sessionTimerFill{background:var(--fg);height:100%;transition:width 80ms linear}@keyframes fretboardExplode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.fretboardExplosion{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out forwards fretboardExplode}@keyframes fretboardMiss{0%{opacity:.9;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}.fretboardMissFlash{transform-box:fill-box;transform-origin:50%;animation:.35s ease-out forwards fretboardMiss}.fretboard{border:2px solid var(--panel-border);box-sizing:border-box;width:96vw;max-width:1500px;padding:.4rem .5rem}.fretboardSvg{width:100%;height:auto;display:block}.menuButtons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.levelSelect{flex-direction:column;gap:1.1rem;width:100%;max-width:340px;display:flex}.levelGroup{flex-direction:column;gap:.5rem;display:flex}.levelGroupTitle{letter-spacing:.15em;color:var(--fg-dim);text-align:left;font-size:.6rem}.levelButton{text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.5rem .75rem;display:flex}.levelButtonTitle{letter-spacing:.05em;white-space:nowrap;font-size:clamp(.55rem,2.3vw,.7rem)}.levelButtonHint{color:var(--fg-dim);white-space:normal;font-size:.55rem;line-height:1.3}.levelButton:hover .levelButtonHint{color:var(--bg)}.tuner{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.tunerHint{color:var(--fg-dim);margin:0;font-size:.7rem}.tunerReadout{flex-direction:column;align-items:center;gap:.25rem;display:flex}.tunerNoteBig{text-shadow:0 0 6px;font-size:2.5rem}.tuner-idle{color:var(--fg-dim)}.tuner-off{color:var(--danger)}.tuner-close{color:var(--accent)}.tuner-in-tune{color:var(--fg)}.tunerMeter{border:2px solid var(--panel-border);width:100%;max-width:280px;height:24px;position:relative}.tunerMeterCenter{background:var(--fg-dim);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.tunerNeedle{background:var(--fg-dim);width:4px;transition:left 80ms linear,background 80ms linear;position:absolute;top:2px;bottom:2px;transform:translate(-2px)}.tunerNeedle.tuner-off{background:var(--danger)}.tunerNeedle.tuner-close{background:var(--accent)}.tunerNeedle.tuner-in-tune{background:var(--fg)}.tunerStrings{color:var(--fg-dim);gap:.75rem;font-size:.7rem;display:flex}.tunerStringActive{color:var(--fg);text-shadow:0 0 6px var(--fg)}.inputMeter{flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:280px;display:flex}.inputMeter.inputMeter-compact{gap:.2rem;max-width:100%}.inputMeterBar{border:2px solid var(--panel-border);width:100%;height:10px;padding:1px}.inputMeter-compact .inputMeterBar{border-width:1px;height:6px}.inputMeterFill{height:100%;transition:width 60ms linear,background .12s linear}.inputMeterFill.inputMeter-ok{background:var(--fg)}.inputMeterFill.inputMeter-quiet{background:var(--accent)}.inputMeterFill.inputMeter-silent{background:var(--danger)}.inputMeterHint{text-align:center;max-width:320px;margin:0;font-size:.6rem}.inputMeter-compact .inputMeterHint{font-size:.55rem}.inputMeterHint.inputMeter-quiet{color:var(--accent)}.inputMeterHint.inputMeter-silent{color:var(--danger)}.profile{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:560px;font-size:.75rem;line-height:1.6;display:flex}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;width:100%;display:grid}.statCard{border:2px solid var(--panel-border);flex-direction:column;gap:.35rem;padding:.75rem .5rem;display:flex}.statValue{color:var(--fg);text-shadow:0 0 6px var(--fg);font-size:1.4rem}.statLabel{color:var(--fg-dim);letter-spacing:.05em;font-size:.55rem}.statsTableWrap{width:100%;overflow-x:auto}.statsTable{border-collapse:collapse;width:100%;font-size:.6rem}.statsTable th,.statsTable td{border:1px solid var(--panel-border);text-align:left;white-space:nowrap;padding:.4rem .5rem}.statsTable th{color:var(--fg-dim);font-weight:400}.activityList{text-align:left;flex-direction:column;gap:.3rem;width:100%;margin:0;padding:0;font-size:.6rem;list-style:none;display:flex}
