:root{--bg:#191512;--bg2:#221c17;--ink:#c5b7a0;--ink-bright:#f3e9dd;--muted:#9b8e7e;--line:#3a312a;--tonic:#e6a85c;--tonic-d:#7a5526;--sub:#74b598;--sub-d:#2f5544;--dom:#df7257;--dom-d:#6d2f23}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");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:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");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:Spline Sans;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-latin-wght-normal-DI10v4rJ.woff2)format("woff2-variations");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:Spline Sans;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-latin-ext-wght-normal-DGzmlScV.woff2)format("woff2-variations");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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.woff2)format("woff2-variations");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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.woff2)format("woff2-variations");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:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-music-400-normal-CksxHXl6.woff2)format("woff2");unicode-range:U+25CC,U+2669-266F,U+1D000-1D0F5,U+1D100-1D126,U+1D129-1D1EA,U+1D200-1D245}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-latin-400-normal-HxzE7T1U.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}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:radial-gradient(1100px 700px at 50% -10%, #2a221b 0%, transparent 60%), radial-gradient(900px 600px at 100% 110%, #241b22 0%, transparent 55%),var(--bg);min-height:100%;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));justify-content:center;align-items:flex-start;font-family:Spline Sans,sans-serif;display:flex;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;opacity:.05;z-index:9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{z-index:1;width:100%;max-width:560px;position:relative}@media (height>=760px){.wrap{margin-block:auto}}@keyframes orbbeat{0%{box-shadow:0 0 #e6a85c66}to{box-shadow:0 0 0 12px #e6a85c00}}@keyframes orbbeatS{0%{box-shadow:0 0 #e6a85c9e}to{box-shadow:0 0 0 22px #e6a85c00}}@keyframes degbeat{0%{filter:brightness()}26%{filter:brightness(1.17)}to{filter:brightness()}}@keyframes pulse{0%,to{box-shadow:0 0 0 1px #0003,0 18px 50px -12px var(--tonic-d),inset 0 -6px 18px #00000040}50%{box-shadow:0 0 0 1px #0003,0 18px 64px -6px var(--tonic),inset 0 -6px 18px #00000040}}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes alertpulse{0%,to{box-shadow:0 0 0 1px #0003,0 18px 50px -12px var(--tonic-d),inset 0 -6px 18px #00000040;transform:scale(1)}50%{box-shadow:0 0 0 2px #ffd9a0,0 0 70px -2px var(--tonic),inset 0 -6px 18px #00000040;transform:scale(1.06)}}@keyframes degpulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 15px -5px var(--c)}}@keyframes fbin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cin{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes hintpulse{0%,to{opacity:.35}50%{opacity:.85}}@keyframes loadfade{to{opacity:0}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes flycrawl{0%{left:2%}86%{left:70%}to{opacity:0;left:92%}}@keyframes tongue{0%{transform:scaleX(0)}11%{transform:scaleX(1)}52%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes gecko-settle{to{top:26px;right:calc(50% - 11px)}}@keyframes radardraw{0%{opacity:0;transform:scale(0)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes nudgepulse{0%,to{opacity:.82;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.035)}}header{margin-bottom:18px}.brand{letter-spacing:.32em;color:var(--muted);text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:12px}.mode{letter-spacing:-.01em;margin-top:6px;font-family:Fraunces,serif;font-size:clamp(30px,7vw,44px);font-weight:900;line-height:1.02}.mode em{color:var(--tonic);font-style:italic;font-weight:400}.sub{color:var(--muted);max-width:42ch;margin-top:8px;font-size:14px}.stats{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 10px;display:grid}.stat{background:linear-gradient(180deg,var(--bg2),#1c1612);border:1px solid var(--line);text-align:center;border-radius:12px;padding:6px 3px}.stat .k{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:8px}.stat .v{color:var(--ink-bright);margin-top:1px;font-family:Fraunces,serif;font-size:16px;font-weight:600;line-height:1.1}.lvlbar{background:var(--line);border-radius:3px;height:3px;margin-top:5px;overflow:hidden}.lvlbar i{background:linear-gradient(90deg,var(--tonic),var(--dom));width:0;height:100%;transition:width .4s;display:block}.lvlnum{color:var(--muted);letter-spacing:.04em;margin-top:3px;font-family:Spline Sans Mono,monospace;font-size:8px}.lvl-hint{text-align:center;color:var(--muted);letter-spacing:.02em;margin:-4px 0 10px;font-family:Spline Sans Mono,monospace;font-size:11px;transition:color .3s}.lvl-hint.near{color:var(--tonic);font-weight:600}.player{flex-direction:column;align-items:center;gap:10px;margin:22px 0 12px;display:flex}.ver-stamp{text-align:center;color:var(--muted);opacity:.5;letter-spacing:.04em;margin:0 0 clamp(18px,6vw,24px);font:8.5px Spline Sans Mono,monospace}.tuning-seg{gap:5px;display:flex}.tuning-seg button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:6px 11px;font-family:Spline Sans Mono,monospace;font-size:12px;transition:all .15s}.tuning-seg button.on{background:linear-gradient(180deg,var(--tonic),#cf8a44);color:#241600;border-color:#0000}.tuning-seg button:not(.on):hover{border-color:var(--tonic);color:var(--ink)}.metro{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.metro.disabled{opacity:.4;pointer-events:none}.metro-toggle{border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:7px 14px;font-family:Spline Sans Mono,monospace;font-size:11px;transition:all .18s;display:inline-flex}.metro-toggle.on{background:linear-gradient(90deg,var(--sub),#5fa483);color:#0e1f17;border-color:#0000}.metro-toggle:disabled{opacity:.4;cursor:not-allowed}.metro-bpm{align-items:center;gap:7px;display:flex}.metro-bpm button{border:1px solid var(--line);width:26px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:15px;line-height:1;transition:all .18s}.metro-bpm button:hover:not(:disabled){border-color:var(--tonic)}.metro-bpm button:disabled{opacity:.35;cursor:not-allowed}#bpm-val{text-align:center;min-width:30px;color:var(--ink-bright);font-family:Fraunces,serif;font-size:16px;font-weight:600}.bpm-unit{color:var(--muted);letter-spacing:.04em;font-family:Spline Sans Mono,monospace;font-size:9px}.orbrow{justify-content:center;align-items:center;gap:clamp(8px,3vw,16px);display:flex}.side{--c:var(--tonic);border:1px solid var(--line);width:clamp(60px,18vw,76px);min-height:clamp(56px,16vw,66px);color:var(--muted);cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:Spline Sans Mono,monospace;transition:all .18s;display:flex}.side b{color:var(--tonic);font-size:18px;line-height:1}.side span{letter-spacing:.04em;font-size:10px}.side:hover:not(:disabled){border-color:var(--tonic);color:var(--ink)}.side:disabled{opacity:.35;cursor:not-allowed}.orb{cursor:pointer;background:radial-gradient(circle at 38% 34%, #f0c182 0%, var(--tonic) 38%, #b06e2e 100%);width:clamp(94px,26vw,118px);height:clamp(94px,26vw,118px);box-shadow:0 0 0 1px #0003,0 18px 50px -12px var(--tonic-d),inset 0 -6px 18px #00000040;color:#2a1d0d;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:Spline Sans Mono,monospace;font-size:13px;font-weight:600;transition:transform .15s,filter .2s;display:flex;position:relative}.orb:hover{transform:translateY(-2px)}.orb:active{transform:translateY(0)scale(.98)}.orb.playing{animation:1.1s ease-in-out infinite pulse}.orb .ring{border:1px solid var(--tonic);opacity:0;border-radius:50%;position:absolute;inset:-10px}.orb .glusvg{pointer-events:none;width:84%;height:84%;position:absolute;top:8%;left:8%}.orb .glusvg .tongues path{fill:#0000000b;stroke:#3c1e0847;stroke-width:1.15px;stroke-linejoin:round}.orb .glusvg .glucenter{fill:#3c1e0880}.orb #orb-label{z-index:1;text-shadow:0 0 7px #fae2b6f2,0 0 3px #fae2b6e6,0 1px 1px #fae2b6cc;position:relative}.orb.beat{animation:.34s ease-out orbbeat}.orb.beat-strong{animation:.48s ease-out orbbeatS}.grid.beatg .deg{animation:.5s ease-out degbeat}.orb.playing .ring{animation:1.1s ease-out infinite ripple}.orb.alert{background:radial-gradient(circle at 38% 34%,#ffe0aa 0%,#f3ad53 34%,#c45a28 100%);animation:.5s ease-in-out infinite alertpulse}.orb.alert #orb-label{letter-spacing:0;font-family:Fraunces,serif;font-size:clamp(30px,9vw,42px);font-weight:900}.orb.alert .ring{border-color:#ffd9a0;animation:.55s ease-out infinite ripple}.orb.cad{color:#2a241a;background:radial-gradient(circle at 38% 34%,#cabeac 0%,#8d8273 42%,#564e44 100%);box-shadow:0 0 0 1px #0003,0 14px 38px -16px #00000080,inset 0 -6px 18px #00000040}.orb.cad .ring{border-color:#a89c8d;animation:1.6s ease-out infinite ripple}.orb.brd .ring{animation:1.15s ease-out infinite ripple}.orb.off{background:radial-gradient(circle at 38% 34%,#ffd2a0 0%,#ef8a4e 34%,#c45a28 100%);animation:.5s ease-in-out infinite alertpulse}.orb.off .ring{border-color:#ffd9a0;animation:.55s ease-out infinite ripple}.helpers{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ghost{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:999px;padding:8px 16px;font-family:Spline Sans Mono,monospace;font-size:11px;transition:all .18s}.ghost:hover:not(:disabled){border-color:var(--tonic);color:var(--ink)}.ghost:disabled{opacity:.35;cursor:not-allowed}.ghost.help{border-color:var(--tonic);color:var(--tonic)}.prompt{text-align:center;color:var(--muted);white-space:pre-line;justify-content:center;align-items:center;max-width:380px;min-height:4.35em;margin:4px auto 12px;font-size:13px;line-height:1.45;display:flex}.grid{flex-wrap:wrap;justify-content:center;gap:clamp(7px,2.2vw,11px);display:flex}.deg{aspect-ratio:1;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),#1b1511);--c:var(--tonic);--cd:var(--tonic-d);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:clamp(62px,18.5vw,82px);padding:4px 5px;transition:all .16s;display:flex;position:relative;overflow:hidden}.deg:hover:not(:disabled){border-color:var(--c);box-shadow:0 12px 28px -16px var(--c);transform:translateY(-3px)}.deg:disabled{opacity:.4;cursor:not-allowed}.deg.T{--c:var(--tonic);--cd:var(--tonic-d)}.deg.S{--c:var(--sub);--cd:var(--sub-d)}.deg.D{--c:var(--dom);--cd:var(--dom-d)}.deg .num{color:var(--c);font-family:Fraunces,serif;font-size:clamp(22px,6.2vw,28px);font-weight:900;line-height:1}.deg .nm{color:var(--muted);letter-spacing:.02em;text-align:center;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-family:Spline Sans Mono,monospace;font-size:9px;line-height:1.12;display:-webkit-box;overflow:hidden}.deg .dot{background:var(--c);opacity:.8;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.deg.correct{background:linear-gradient(180deg,var(--sub-d),#1b1511);border-color:var(--sub)}.deg.wrong{background:linear-gradient(180deg,var(--dom-d),#1b1511);border-color:var(--dom)}.deg.reveal{border-color:var(--sub);box-shadow:0 0 0 1px var(--sub)}.deg.start{border-color:var(--tonic);box-shadow:0 0 0 1px var(--tonic),0 10px 26px -16px var(--tonic)}.grid.ready .deg:not(:disabled){animation:1.9s ease-in-out infinite degpulse}.deg:nth-child(2){animation-delay:.18s}.deg:nth-child(3){animation-delay:.36s}.deg:nth-child(4){animation-delay:.54s}.deg:nth-child(5){animation-delay:.72s}.deg:nth-child(6){animation-delay:.9s}.deg:nth-child(7){animation-delay:1.08s}.grid.ready .deg:not(:disabled):hover,body.lit-theme .grid.ready .deg:not(:disabled){animation:none}body.lit-theme .sidebtn:not(:disabled){animation:1.7s ease-in-out infinite degpulse}.deg.lit{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 30px -2px var(--c);transition:box-shadow 80ms,transform 80ms;transform:translateY(-3px)scale(1.04)}.deg.lit.lit-strong{box-shadow:0 0 0 2px var(--c),0 0 46px 4px var(--c);transform:translateY(-5px)scale(1.09)}.deg .startbadge{letter-spacing:.03em;background:var(--tonic);color:#241600;white-space:nowrap;border-radius:999px;padding:2px 8px;font-family:Spline Sans Mono,monospace;font-size:9px;font-weight:600;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.legend{flex-wrap:wrap;justify-content:center;gap:16px;margin:14px 0 4px;display:flex}.legend span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-family:Spline Sans Mono,monospace;font-size:10px;display:flex}.legend i{border-radius:50%;width:8px;height:8px}.fb-overlay{left:0;right:0;bottom:max(8px,env(safe-area-inset-bottom));z-index:46;width:min(540px,100% - 20px);max-width:540px;max-height:80vh;margin:0 auto;display:none;position:fixed;overflow:auto}.wrong-strip{box-sizing:border-box;border:1px solid var(--dom);background:linear-gradient(#2a201c,#1a1410);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;max-width:420px;min-height:4.35em;margin:4px auto 12px;padding:6px 12px;animation:.2s fbin;display:flex}.wrong-strip .wv{color:var(--dom);font-family:Fraunces,serif;font-size:17px;font-weight:600;line-height:1}.wrong-strip .wp{color:#e3b9a8;letter-spacing:.02em;font-family:Spline Sans Mono,monospace;font-size:11px}.wrong-strip .wtag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-family:Spline Sans Mono,monospace;font-size:9.5px}.wrong-strip .wgiveup{color:#f3d9cf;letter-spacing:.04em;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#7a4a3e,#5e3a30);border:none;border-radius:999px;padding:7px 13px;font-family:Spline Sans Mono,monospace;font-size:10.5px;font-weight:600}.wrong-strip .wgiveup:hover{filter:brightness(1.1)}.fb-overlay.show{animation:.2s fbin;display:block}.feedback{border:1px solid var(--line);background:linear-gradient(#2a221b,#1a1410);border-radius:16px;margin:0 0 8px;padding:13px 16px;box-shadow:0 18px 50px -14px #000,0 2px #00000040}.feedback .verdict{margin-bottom:4px;font-family:Fraunces,serif;font-size:18px;font-weight:600}.feedback .verdict.ok{color:var(--sub)}.feedback .verdict.no{color:var(--dom)}.feedback .score{align-items:baseline;gap:7px;margin:6px 0 3px;display:flex}.feedback .pts{color:var(--sub);font-family:Fraunces,serif;font-size:22px;font-weight:600;line-height:1}.feedback .pts-u{color:var(--muted);font-size:12px}.feedback .pts.neg{color:var(--dom)}.feedback .tag{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 9px;font-family:Spline Sans Mono,monospace;font-size:9.5px}.feedback .mult{color:var(--muted);letter-spacing:.02em;opacity:.8;margin-bottom:8px;font-family:Spline Sans Mono,monospace;font-size:11px}.feedback .why{color:var(--muted);border-top:1px solid var(--line);margin-top:2px;padding-top:9px;font-size:13px;line-height:1.5}.feedback .diag{color:#f0c074;letter-spacing:.01em;background:#e6a85c1a;border-left:3px solid #e6a85c;border-radius:9px;margin-top:12px;padding:9px 12px;font-family:Spline Sans Mono,monospace;font-size:13px;line-height:1.45}.fb-deg{text-wrap:balance;text-shadow:0 0 22px;margin:2px 0 6px;font-family:Fraunces,serif;font-size:clamp(26px,8vw,34px);font-weight:900;line-height:1.04}.fb-deg.fn-T{color:var(--tonic)}.fb-deg.fn-S{color:var(--sub)}.fb-deg.fn-D{color:var(--dom)}.next{cursor:pointer;background:linear-gradient(90deg,var(--tonic),#cf8a44);color:#241600;width:100%;box-shadow:0 12px 30px -12px var(--tonic-d);letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:14px;margin:0;padding:14px;font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:600;transition:all .18s}.next:hover{filter:brightness(1.08);transform:translateY(-1px)}.next.giveup{color:#f3d9cf;box-shadow:none;background:linear-gradient(90deg,#7a4a3e,#5e3a30)}.foot{text-align:center;color:var(--line);letter-spacing:.06em;margin-top:26px;font-family:Spline Sans Mono,monospace;font-size:11px}.kbd{color:var(--muted)}.theme-wrap{flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.theme-label{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-family:Spline Sans Mono,monospace;font-size:9px}.theme-toggle{border:1px solid var(--line);background:#1b1511;border-radius:16px;gap:2px;width:100%;padding:3px;display:flex}.theme-toggle button{min-height:44px;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:13px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-family:Spline Sans Mono,monospace;transition:all .18s;display:flex}.theme-toggle button b{white-space:normal;font-size:10.5px;font-weight:600;line-height:1.1}.theme-toggle button i{letter-spacing:.06em;opacity:.65;text-transform:uppercase;font-size:8.5px;font-style:normal}.theme-toggle button.on{background:linear-gradient(180deg,var(--tonic),#cf8a44);color:#241600}.theme-toggle button.on i{opacity:.8}.theme-toggle button:not(.on):hover{color:var(--ink)}.coach-bd{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907c7;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.coach-bd.show{display:flex}.coach{border:1px solid var(--line);background:linear-gradient(#262019,#1c1612);border-radius:22px;flex-direction:column;width:100%;max-width:430px;min-height:min(560px,84vh);max-height:92vh;padding:26px 24px 22px;animation:.3s cin;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 80px -20px #000}.coach .tag{letter-spacing:.2em;color:var(--tonic);text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:11px}.coach .cbody{flex-direction:column;justify-content:center;min-height:146px;display:flex}.coach h3{text-wrap:balance;margin:8px 0 10px;font-family:Fraunces,serif;font-size:24px;font-weight:600;line-height:1.12}.coach p{color:var(--muted);text-wrap:pretty;min-height:4.5em;font-size:14.5px;line-height:1.5}.coach .chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:78px;margin:20px 0 8px;display:flex}.coach .chip{border:1px solid var(--line);--c:var(--tonic);background:#1b1511;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;transition:all .2s;display:flex}.coach .chip.T{--c:var(--tonic)}.coach .chip.S{--c:var(--sub)}.coach .chip.D{--c:var(--dom)}.coach .chip b{color:var(--c);font-family:Fraunces,serif;font-size:25px;font-weight:900}.coach .chip small{color:var(--muted);text-align:center;white-space:normal;max-width:100%;padding:0 3px;font-family:Spline Sans Mono,monospace;font-size:9px;line-height:1.12}.coach .chip.lit{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 26px -6px var(--c);transform:translateY(-3px)}.coach .chip{position:relative}.coach .chip .stopn{background:var(--tonic);color:#241600;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-family:Spline Sans Mono,monospace;font-size:9px;font-weight:600;display:flex;position:absolute;top:-7px;left:-7px}.coach .listen{cursor:pointer;background:linear-gradient(90deg,var(--tonic),#cf8a44);color:#241600;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:14px;width:100%;margin:16px 0 4px;padding:14px;font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:600;transition:all .18s}.coach .listen:hover{filter:brightness(1.08);transform:translateY(-1px)}.coach .nav{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.coach .dots{flex:1;justify-content:center;gap:6px;display:flex}.coach .dots i{background:var(--line);border-radius:50%;width:7px;height:7px;transition:all .2s}.coach .dots i.on{background:var(--tonic);border-radius:4px;width:18px}.coach .nbtn{border:1px solid var(--line);color:var(--ink);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:999px;padding:9px 18px;font-family:Spline Sans Mono,monospace;font-size:11px;transition:all .18s}.coach .nbtn:hover{border-color:var(--tonic)}.coach .nbtn:disabled{opacity:.3;cursor:not-allowed}.coach .nbtn.back{color:var(--muted)}.coach .skip{color:var(--muted);cursor:pointer;letter-spacing:.06em;background:0 0;border:none;font-family:Spline Sans Mono,monospace;font-size:11px;position:absolute;top:16px;right:18px}.coach .skip:hover{color:var(--ink)}@media (width<=400px){header{margin-bottom:12px}.mode{margin-top:4px}.sub{font-size:13px}.stats{gap:4px}.stat{padding:5px 2px}.stat .v{font-size:14px}.player{gap:8px;margin-bottom:10px}.legend{gap:10px;margin:10px 0 4px}.ghost{padding:7px 13px;font-size:10px}}@media (height<=680px){header{margin-bottom:10px}.player{gap:7px}.foot{margin-top:16px}}#splash{z-index:200;background:radial-gradient(120% 90% at 50% 30%,#241c14,#16110d);transition:opacity .6s;position:fixed;inset:0;overflow-y:auto}#splash .splash-inner{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;padding:clamp(150px,22vh,178px) 16px 56px;display:flex}#splash.hide{opacity:0;pointer-events:none}#splash{cursor:pointer}#splash .loadbar .splash-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:0;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;margin:0;font-family:Spline Sans Mono,monospace;font-size:11px;animation:1.8s ease-in-out 2.2s infinite hintpulse;display:flex;position:absolute;inset:0}#splash .brand{letter-spacing:.04em;color:#ce872e;text-shadow:0 0 40px #e6a85c4d;text-transform:none;align-items:center;font-family:Fraunces,serif;font-size:clamp(40px,12vw,64px);font-weight:900;line-height:1;display:inline-flex}#splash .brand .clef-g{filter:drop-shadow(0 0 10px #e6a85c59);width:auto;height:1.5em;margin-right:.02em;transform:translateY(.02em)}#splash .brand .clef-b{margin-left:.03em;font-family:Noto Music;font-size:1.12em;font-weight:400;line-height:.7;transform:translateY(.16em)}#splash .splash-pub{width:min(250px,62vw);height:auto;margin:0 auto;position:absolute;top:max(18px,5.5vh);left:0;right:0}.app-ver{color:var(--muted);opacity:.55;letter-spacing:.08em;text-align:center;font-family:Spline Sans Mono,monospace;font-size:10px}#splash .splash-ver{left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));position:fixed}#splash .tag{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;text-align:center;font-family:Spline Sans Mono,monospace;font-size:12px}#splash .tag .tag-sub{letter-spacing:.14em;opacity:.8;margin-top:5px;font-size:9px;display:block}#splash .gecko{width:min(180px,46vw);height:auto;animation:3s ease-in-out infinite sway}.loadbar{width:min(260px,68vw);height:18px;margin-top:6px;position:relative}.loadbar .track{background:#ffffff1a;border-radius:3px;height:3px;animation:.5s 2.1s forwards loadfade;position:absolute;top:8px;left:0;right:0}.loadbar .fly{font-size:13px;animation:2.1s linear forwards flycrawl;position:absolute;top:2px;left:2%}.loadbar .cham{font-size:22px;animation:.55s 2.2s forwards gecko-settle;position:absolute;top:-4px;right:0;transform:scaleX(-1)}.loadbar .tongue{transform-origin:100%;background:#df7257;border-radius:2px;width:68px;height:2px;animation:.42s cubic-bezier(.1,.9,.2,1) 1.76s tongue;position:absolute;top:8px;right:14px;transform:scaleX(0)}#win-overlay{z-index:190;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:max(20px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));background:#0c0907eb;display:none;position:fixed;inset:0;overflow-y:auto}#win-overlay.show{justify-content:center;align-items:flex-start;display:flex}#win{text-align:center;width:100%;max-width:440px;color:var(--ink);margin:auto}#win .crown{font-size:46px}#win h1{color:var(--tonic);text-wrap:balance;margin:6px 0 2px;font-family:Fraunces,serif;font-size:clamp(26px,8vw,36px);font-weight:900}#win .winsub{color:var(--muted);margin-bottom:8px;font-size:13px}.radar{width:min(320px,86vw);height:auto;margin:6px auto 4px;display:block;overflow:visible}.radar-lbl{fill:#cdbbaa;font:700 9.5px Spline Sans Mono,monospace}.radar-val{fill:#e6a85c33;stroke:var(--tonic);stroke-width:2.2px;stroke-linejoin:round;transform-origin:150px 150px;animation:1.15s cubic-bezier(.18,.85,.25,1) .15s both radardraw}.radar-dot{fill:var(--tonic);transform-origin:150px 150px;animation:1.15s cubic-bezier(.18,.85,.25,1) .15s both radardraw}.winstats{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.winstats .ws{background:var(--bg2);border:1px solid var(--line);border-radius:12px;min-width:84px;padding:8px 12px}.winstats .ws b{color:var(--ink);font-family:Fraunces,serif;font-size:19px;display:block}.winstats .ws span{color:var(--muted);letter-spacing:.04em;font-size:10px}.dedic{border-top:1px solid var(--line);color:#d8cdbe;text-wrap:pretty;margin:18px 0 10px;padding-top:16px;font-size:13.5px;line-height:1.6}.dedic .h{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:Spline Sans Mono,monospace;font-size:11px}.chans{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 4px;display:grid}.chan{background:var(--bg2);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:10px;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex}.chan:hover{border-color:var(--tonic);transform:translateY(-1px)}.chan .yt{background:#f03;border-radius:4px;flex:none;justify-content:center;align-items:center;width:22px;height:16px;display:flex}.chan .yt svg{fill:#fff;width:12px;height:12px}.chan .chtxt{flex-direction:column;min-width:0;line-height:1.15;display:flex}.chan .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.chan .hd{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:Spline Sans Mono,monospace;font-size:9.5px;display:block;overflow:hidden}.winbtn{background:var(--tonic);color:#1a130c;cursor:pointer;border:none;border-radius:11px;width:100%;margin-top:14px;padding:9px;font-family:inherit;font-size:14px;font-weight:800}.achv{border:1px solid var(--tonic);background:linear-gradient(160deg,#e6a85c29,#74b5980f);border-radius:16px;margin:14px 0 4px;padding:14px;box-shadow:0 0 30px #e6a85c47}.achv-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:Spline Sans Mono,monospace;font-size:10px}.achv-art{width:min(280px,76vw);height:auto;margin:0 auto 8px;display:block}.achv-ttl{color:var(--tonic);font-family:Fraunces,serif;font-size:21px;font-weight:900}.achv-desc{color:#d8cdbe;margin-top:3px;font-size:13px}.ded-s{margin:0 0 9px}.ded-s.aff{color:var(--tonic);text-shadow:0 0 18px #e6a85c4d;margin:16px 0 6px;font-size:1.06em;font-weight:800}#win-overlay.win-full .winstats{z-index:6;background:linear-gradient(#0c0907f7 72%,#0000);padding:10px 0;position:sticky;top:0}#win-overlay.win-full #winrow{z-index:6;opacity:0;pointer-events:none;background:linear-gradient(#0000,#0c0907f7 36%);padding:12px 0 6px;transition:opacity .45s;position:sticky;bottom:0}#win-overlay.win-full.win-scrolled #winrow{opacity:1;pointer-events:auto}#tv-overlay{z-index:205;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907eb;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#tv-overlay.show{display:flex}#tv-card{text-align:center;width:100%;max-width:380px}#pause-btn,#dev-contact{bottom:max(10px,env(safe-area-inset-bottom));z-index:44;background:linear-gradient(180deg,var(--bg2),#1b1511);border:1px solid var(--line);color:var(--muted);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .18s;display:inline-flex;position:fixed}#pause-btn:hover,#dev-contact:hover{border-color:var(--tonic);color:var(--ink);transform:translateY(-1px)}#pause-btn svg,#dev-contact svg{flex:none;display:block}#pause-btn{left:max(10px,env(safe-area-inset-left));border-radius:50%;width:42px;height:42px}#dev-contact{right:max(10px,env(safe-area-inset-right));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;gap:8px;height:40px;padding:0 14px;font-family:Spline Sans Mono,monospace;font-size:10.5px}#pause-overlay{z-index:195;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907e0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#pause-overlay.show{display:flex}#pause-card{background:var(--bg2);border:1px solid var(--line);width:100%;max-width:360px;color:var(--ink);border-radius:18px;padding:20px}#pause-card h2{color:var(--tonic);text-align:center;margin:0 0 8px;font-family:Fraunces,serif;font-size:24px}.set-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.set-row input[type=range]{max-width:160px;accent-color:var(--tonic);flex:1}.set-row.toggle input{width:22px;height:22px;accent-color:var(--tonic);flex:none}.set-row small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}#pause-resume{margin-top:16px}#build-ver{z-index:140;color:var(--muted);opacity:.45;pointer-events:none;letter-spacing:.04em;font-family:Spline Sans Mono,monospace;font-size:10px;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}#home{z-index:185;padding:max(28px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 18%,#241c14,#15100c);display:none;position:fixed;inset:0;overflow-y:auto}#home.show{display:block}#home .home-brand{color:var(--tonic);text-align:center;letter-spacing:.02em;font-family:Fraunces,serif;font-size:clamp(30px,9vw,42px);font-weight:900}#home .home-sub{text-align:center;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin:4px 0 18px;font-family:Spline Sans Mono,monospace;font-size:11px}#home .modes{flex-direction:column;gap:10px;max-width:440px;margin:0 auto;display:flex}.mode{text-align:left;border:1px solid var(--line);background:var(--bg2);width:100%;color:var(--ink);cursor:pointer;border-radius:14px;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;transition:all .15s;display:flex;position:relative}.mode.active,.mode.wip{padding-right:38px}.mode.wip{opacity:.6;cursor:default}.mode .mname{font-family:Fraunces,serif;font-size:17px;font-weight:700}.mode-info{border:1px solid var(--line);width:21px;height:21px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#0000002e;border-radius:50%;justify-content:center;align-items:center;font:italic 600 12px Fraunces,serif;transition:all .15s;display:flex;position:absolute;top:8px;right:10px}.mode-info.lit{border-color:var(--tonic);color:var(--ink)}@media (hover:hover){.mode-info:hover{border-color:var(--tonic);color:var(--ink)}}.mode-info-pop{z-index:190;border:1px solid var(--tonic);pointer-events:none;background:linear-gradient(#2a221b,#1a1410);border-radius:16px;width:min(360px,100% - 36px);margin:0 auto;padding:14px 16px;animation:.18s fbin;position:fixed;top:38%;left:0;right:0;box-shadow:0 22px 54px -16px #000}.mip-title{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-family:Fraunces,serif;font-size:16px;font-weight:700;display:flex}.mip-wip{letter-spacing:.06em;text-transform:uppercase;color:var(--dom);border:1px solid var(--dom);border-radius:999px;padding:2px 8px;font-family:Spline Sans Mono,monospace;font-size:9.5px}.mip-desc{color:var(--muted);margin-top:6px;font-size:13.5px;line-height:1.45}.mode .mdesc{color:var(--muted);padding-right:84px;font-size:12px;line-height:1.3}.mode.active{border-color:var(--tonic);box-shadow:0 0 26px -10px var(--tonic)}.mode.active:hover{transform:translateY(-2px)}.mode:disabled{opacity:.5;cursor:not-allowed}.mode .mwip{letter-spacing:.08em;color:var(--dom);text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:9px;position:absolute;bottom:12px;right:12px}#home .runs{max-width:440px;margin:18px auto 0}#home .runs-h{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:Spline Sans Mono,monospace;font-size:10px}#home .run{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}#home .run span{flex:1}#home .run b{color:var(--tonic);font-family:Fraunces,serif;font-size:16px}#home .run i{color:var(--muted);text-align:right;min-width:92px;font-size:11px;font-style:normal}#home .run .rk{width:26px;color:var(--tonic);flex:none;font-family:Fraunces,serif;font-size:15px}#home .run.empty{color:var(--muted);justify-content:center;font-style:italic}.devbtn{text-align:center;color:#fff;background:#2c4a4f;border-radius:12px;max-width:440px;margin:16px auto 0;padding:11px;font-size:13px;font-weight:600;text-decoration:none;display:block}.devbtn:hover{filter:brightness(1.08)}#dev-top{left:50%;bottom:max(8px,env(safe-area-inset-bottom));z-index:199;color:#fff;background:#2c4a4f;border-radius:10px;padding:8px 11px;font:600 12px Spline Sans Mono,monospace;text-decoration:none;display:none;position:fixed;transform:translate(-50%)}#dev-top.show{display:block}.mode.devmode{background:linear-gradient(180deg,var(--bg2),#1b1511);border-color:var(--line);color:var(--muted);flex-direction:row;justify-content:center;align-items:center;gap:9px}.mode.devmode:hover{border-color:var(--tonic);color:var(--ink);transform:translateY(-1px)}.mode.devmode .mname{letter-spacing:.04em;text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:600}#lvlup{z-index:188;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907e6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#diff-start{z-index:188;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907eb;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#diff-start.show,#lvlup.show{display:flex}.lu-card{background:var(--bg2);border:1px solid var(--line);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:20px}.lu-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--tonic);font-family:Spline Sans Mono,monospace;font-size:11px}.lu-stat{color:var(--muted);margin:4px 0 10px;font-size:12px}.lu-rec{color:var(--ink);text-wrap:pretty;margin-bottom:14px;font-size:14px;line-height:1.45}.lu-diffs{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.diffb{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#1b1511;border-radius:12px;padding:12px;font-size:14px;font-weight:600;transition:all .15s;position:relative}.diffb:hover{border-color:var(--tonic)}.diffb.cur{border-color:var(--tonic);background:linear-gradient(#e6a85c2e,#0000)}.diffb.rec{border-color:var(--sub);box-shadow:0 0 0 1px var(--sub),0 0 14px -4px var(--sub)}.diffb .rectag,.diffb .curtag{letter-spacing:.06em;text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.diffb .rectag{color:var(--sub)}.diffb .curtag{color:var(--muted)}#practice-start,#goal-choose{z-index:189;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907eb;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#practice-start.show,#goal-choose.show{display:flex}#goal-choose{z-index:190}.lu-warn{text-align:left;border-left:2px solid var(--tonic);color:#cdbbaa;margin-bottom:12px;padding-left:11px;font-size:12.5px;line-height:1.5}.lu-lab{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;margin:2px 0 7px;font-size:11px}.lvl-pick{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:14px;display:grid}.lvlb{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#1b1511;border-radius:10px;padding:10px 0;font-size:14px;font-weight:600;transition:all .15s}.lvlb:hover{border-color:var(--tonic)}.lvlb.cur{border-color:var(--tonic);background:linear-gradient(#e6a85c2e,#0000)}.lu-actions{gap:8px;margin-top:4px;display:flex}.lu-back{cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:11px;flex:none;padding:11px 16px;font-size:14px;font-weight:600}.lu-go{cursor:pointer;border:1px solid var(--tonic);background:var(--tonic);color:#1a1206;border-radius:11px;flex:1;padding:11px;font-size:14px;font-weight:700}.winrow{gap:10px;margin-top:14px;display:flex}.winrow .winbtn{margin-top:0}.winbtn.ghost{border:1px solid var(--line);color:var(--ink);background:0 0;font-weight:600}.nudge{z-index:47;pointer-events:none;text-align:center;border:1px solid var(--tonic);width:min(540px,100% - 28px);color:var(--tonic);box-shadow:0 14px 40px -16px var(--tonic-d);background:linear-gradient(#2a221b,#1a1410);border-radius:14px;padding:14px 16px;font-family:Fraunces,serif;font-size:17px;font-weight:600;line-height:1.3;display:none;position:fixed;bottom:62px;left:50%;transform:translate(-50%)}.nudge.show{animation:1.05s ease-in-out infinite nudgepulse;display:block}#toast{z-index:210;border:1px solid var(--line);color:var(--ink);opacity:0;pointer-events:none;text-align:center;background:#2a2018;border-radius:12px;max-width:90vw;padding:10px 16px;font-size:13px;transition:all .25s;position:fixed;bottom:64px;left:50%;transform:translate(-50%)translateY(12px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.gecko-pop{z-index:120;pointer-events:none;align-items:center;gap:2px;display:flex;position:fixed}.gecko-bubble{color:#f0d9b8;background:linear-gradient(#2a221b,#1d1611);border:1px solid #e6a85c52;border-radius:16px;max-width:min(260px,62vw);padding:11px 14px;font-family:Fraunces,serif;font-size:15px;font-weight:600;line-height:1.34;position:relative;box-shadow:0 16px 40px -14px #000}.gecko-bubble:after{content:"";border:7px solid #0000;position:absolute}.gecko-art{filter:drop-shadow(0 6px 10px #00000073);width:96px;height:auto}.gecko-pop.edge-right{animation:.42s cubic-bezier(.2,.9,.3,1.25) both geckoInR;top:30%;right:-4px}.gecko-pop.edge-right.leaving{animation:.32s ease-in both geckoOutR}.edge-right .gecko-art{transform:rotate(-6deg)}.edge-right .gecko-bubble:after{border-left-color:#241c16;top:50%;right:-8px;transform:translateY(-50%)}.gecko-pop.edge-left{flex-direction:row-reverse;animation:.42s cubic-bezier(.2,.9,.3,1.25) both geckoInL;top:34%;left:-4px}.gecko-pop.edge-left.leaving{animation:.32s ease-in both geckoOutL}.edge-left .gecko-art{transform:scaleX(-1)rotate(-6deg)}.edge-left .gecko-bubble:after{border-right-color:#241c16;top:50%;left:-8px;transform:translateY(-50%)}.gecko-pop.edge-top{flex-direction:column-reverse;align-items:center;width:max-content;max-width:92vw;margin-inline:auto;animation:.42s cubic-bezier(.2,.9,.3,1.25) both geckoInT;top:-4px;left:0;right:0}.gecko-pop.edge-top.leaving{animation:.32s ease-in both geckoOutT}.edge-top .gecko-art{margin-bottom:-14px;transform:rotate(-90deg)}.edge-top .gecko-bubble:after{border-bottom-color:#241c16;top:-8px;left:50%;transform:translate(-50%)}@keyframes geckoInR{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes geckoOutR{0%{opacity:1;transform:none}to{opacity:0;transform:translate(48px)}}@keyframes geckoInL{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}@keyframes geckoOutL{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-48px)}}@keyframes geckoInT{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:none}}@keyframes geckoOutT{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-48px)}}#hall{z-index:186;padding:max(28px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 18%,#241c14,#15100c);display:none;position:fixed;inset:0;overflow-y:auto}#hall.show{display:block}.hall-brand{color:var(--tonic);text-align:center;letter-spacing:.02em;font-family:Fraunces,serif;font-size:clamp(28px,8vw,38px);font-weight:900}.hall-sub{text-align:center;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:4px 0 18px;font-family:Spline Sans Mono,monospace;font-size:11px}.hall-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:16px 8px;max-width:440px;margin:0 auto;display:grid}.hall-tile{background:0 0;border:none;margin:0;padding:0;transition:all .18s;display:block}.hall-tile.got{cursor:pointer}.hall-tile.locked{cursor:default}.hall-thumb{justify-content:center;align-items:center;width:clamp(62px,18.5vw,82px);height:clamp(62px,18.5vw,82px);display:flex}.hall-thumb img,.hall-thumb svg{object-fit:contain;width:100%;height:100%;transition:all .18s;display:block}.hall-thumb svg.achv-art{height:auto}.hall-tile.got .hall-thumb{position:relative}.hall-tile.got .hall-thumb:before{content:"";background:radial-gradient(circle,var(--glow),transparent 68%);opacity:.32;z-index:0;pointer-events:none;border-radius:50%;position:absolute;inset:-10%}.hall-tile.got .hall-thumb img,.hall-tile.got .hall-thumb svg{z-index:1;filter:drop-shadow(0 0 11px var(--glow)) drop-shadow(0 0 4px var(--glow)) brightness(1.06);position:relative}.hall-tile.got:hover .hall-thumb img,.hall-tile.got:hover .hall-thumb svg{transform:translateY(-3px)scale(1.07)}.hall-tile.locked .hall-thumb img,.hall-tile.locked .hall-thumb svg{filter:grayscale()brightness(.38);opacity:.42}.hall-back{max-width:440px;margin:22px auto 0;display:block}.hall-btn{text-align:center;justify-content:center;max-width:440px;margin:10px auto 0}.prog-btn{background:linear-gradient(180deg,var(--bg2),#1b1511);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;max-width:440px;margin:0 auto 18px;padding:8px 16px 8px 10px;transition:all .16s;display:flex}.prog-btn:hover{border-color:var(--tonic);transform:translateY(-1px)}.prog-btn-img{filter:drop-shadow(0 0 8px #e6a85c4d);flex:none;width:auto;height:62px}.prog-btn-txt{flex-direction:column;flex:1;gap:2px;display:flex}.prog-btn-ttl{color:var(--ink);font-family:Fraunces,serif;font-size:18px;font-weight:700}.prog-btn-sub{color:var(--muted);font-family:Spline Sans Mono,monospace;font-size:10.5px}.prog-btn-arr{color:var(--tonic);flex:none;font-size:20px}.tier-rows{flex-direction:column;gap:9px;max-width:440px;margin:26px auto 0;display:flex}.tier-row{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:none;grid-template-columns:34px 1.1fr 1.4fr auto;align-items:center;gap:10px;padding:2px;transition:all .15s;display:grid}.tier-row:hover{transform:translate(2px)}.trow-medal{width:34px;height:34px}.trow-medal svg{width:100%;height:100%;display:block}.trow-label{color:var(--ink);flex-direction:column;font-family:Spline Sans Mono,monospace;font-size:11px;line-height:1.15;display:flex}.trow-label small{color:var(--muted);font-size:9.5px;font-weight:700}.trow-bar{background:#0000004d;border-radius:6px;height:8px;position:relative;overflow:hidden}.trow-bar i{border-radius:6px;display:block;position:absolute;inset:0 auto 0 0}.trow-next{color:var(--muted);text-align:right;min-width:40px;font-family:Spline Sans Mono,monospace;font-size:11px}.prog-overlay{border:1px solid var(--line);text-align:center;background:linear-gradient(#241c14,#15100c);border-radius:18px;width:100%;max-width:380px;max-height:90vh;padding:18px;overflow-y:auto}.po-title{color:var(--ink);margin-bottom:12px;font-family:Fraunces,serif;font-size:19px;font-weight:700}.prog-overlay .prog-rows{text-align:left;margin-top:14px}.prog-overlay .winbtn{margin-top:16px}.hall-h{max-width:440px;color:var(--ink);margin:28px auto 12px;font-family:Fraunces,serif;font-size:16px;font-weight:700}.tier-grid{grid-template-columns:repeat(3,1fr);gap:12px 8px;max-width:440px;margin:26px auto 0;display:grid}.tier-tile{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:6px 2px;transition:all .18s}.tier-tile:hover{transform:translateY(-2px)}.tier-medal{width:clamp(54px,16vw,68px);height:clamp(54px,16vw,68px);margin:0 auto}.tier-medal svg{width:100%;height:100%;display:block}.tier-tile:not(.locked) .tier-medal{filter:drop-shadow(0 0 8px var(--glow))}.tier-tile.locked .tier-medal{filter:grayscale()brightness(.6);opacity:.5}.tier-label{color:var(--muted);margin-top:6px;font-family:Spline Sans Mono,monospace;font-size:10.5px}.tier-name{color:var(--muted);margin-top:1px;font-family:Spline Sans Mono,monospace;font-size:11px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:10px;max-width:440px;margin:24px auto 0;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--line);text-align:center;border-radius:12px;padding:11px 10px}.stat-card .sv{color:var(--tonic);font-family:Fraunces,serif;font-size:19px;font-weight:700;line-height:1}.stat-card .sl{color:var(--muted);letter-spacing:.02em;margin-top:4px;font-family:Spline Sans Mono,monospace;font-size:9.5px}.tier-ladder{border:1px solid var(--line);text-align:center;background:linear-gradient(#241c14,#15100c);border-radius:18px;width:100%;max-width:360px;padding:18px}.tl-title{color:var(--ink);font-family:Fraunces,serif;font-size:18px;font-weight:700}.tl-now{color:var(--muted);margin:4px 0 14px;font-family:Spline Sans Mono,monospace;font-size:11px}.tl-rows{text-align:left;flex-direction:column;gap:4px;display:flex}.tl-row{opacity:.45;border-radius:10px;align-items:center;gap:10px;padding:5px 8px;display:flex}.tl-row.done{opacity:1}.tl-row.cur{background:#e6a85c1f}.tl-medal{flex:none;width:30px;height:30px}.tl-medal svg{width:100%;height:100%;display:block}.tl-name{color:var(--muted);flex:1;font-family:Spline Sans Mono,monospace;font-size:13px}.tl-th{color:var(--muted);font-family:Spline Sans Mono,monospace;font-size:12px}.tier-ladder .winbtn{margin-top:14px}.prog-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;max-width:440px;margin:0 auto;padding:14px 16px}.prog-ch-h{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-family:Spline Sans Mono,monospace;font-size:11px;display:flex}.pg-up{color:var(--sub);font-weight:700}.pg-down{color:var(--dom);font-weight:700}.spark-empty{color:var(--muted);text-align:center;padding:18px 0;font-size:12px}.prog-chips{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.pchip{text-align:center;background:#00000029;border-radius:10px;padding:8px 4px}.pchip b{color:var(--tonic);font-family:Fraunces,serif;font-size:17px;display:block}.pchip span{color:var(--muted);letter-spacing:.02em;font-family:Spline Sans Mono,monospace;font-size:8.5px}.prog-rows{flex-direction:column;gap:7px;margin-top:12px;display:flex}.prow{justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;display:flex}.prow>span{color:var(--muted);flex:none}.prow>b{color:var(--ink);text-align:right;font-weight:600}#hall .runs{background:var(--bg2);border:1px solid var(--line);border-radius:16px;max-width:440px;margin:26px auto 0;padding:6px 8px 10px;overflow:hidden}#hall .runs-h{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:10px 8px 8px;font-family:Spline Sans Mono,monospace;font-size:11px}#hall .run{color:var(--ink);border-radius:9px;grid-template-columns:26px 1fr auto auto;align-items:baseline;gap:10px;padding:9px 8px;font-size:13.5px;display:grid}#hall .run:nth-child(2n){background:#ffffff06}#hall .run .rk{text-align:center;font-size:15px}#hall .run b{color:var(--tonic);font-family:Fraunces,serif;font-size:15px}#hall .run i{color:var(--muted);font-family:Spline Sans Mono,monospace;font-size:10.5px;font-style:normal}#hall .run.empty{color:var(--muted);text-align:center;padding:14px;display:block}.home-quit{background:var(--bg2);border:1px solid var(--line);width:fit-content;color:var(--muted);letter-spacing:.05em;cursor:pointer;border-radius:12px;margin:16px auto 0;padding:8px 20px;font-family:Spline Sans Mono,monospace;font-size:11.5px;transition:all .15s;display:block}.home-quit:hover{border-color:var(--dom);color:var(--dom)}.lu-exit{opacity:.85;width:100%;margin-top:10px}.sx-overlay{z-index:210;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907eb;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.sx-card{border:1px solid var(--line);text-align:center;background:linear-gradient(#241c14,#15100c);border-radius:18px;width:100%;max-width:360px;padding:20px 18px;animation:.2s fbin}.sx-title{color:var(--ink);margin-bottom:14px;font-family:Fraunces,serif;font-size:19px;font-weight:700}.sx-delta{color:var(--muted);margin-top:10px;font-family:Spline Sans Mono,monospace;font-size:11.5px}.sx-phrase{margin:12px 0 16px;padding:0 4px;font-family:Fraunces,serif;font-size:16px;line-height:1.35}.sx-phrase.good{color:var(--sub)}.sx-phrase.bad{color:var(--dom)}.sx-report{text-align:left;color:var(--ink);background:#0000002e;border-radius:12px;margin:14px 0 2px;padding:11px 14px;font-size:13px;line-height:1.5}.sx-report .sx-up{color:var(--sub);font-weight:600}.sx-report .sx-down{color:var(--dom);font-weight:600}.sx-focus{color:var(--muted);border-top:1px solid var(--line);margin-top:8px;padding-top:8px;font-size:12px}.sradar{width:100%;max-width:270px;margin:4px auto 0;display:block}.sr-lbl{fill:var(--muted);font-family:Spline Sans Mono,monospace;font-size:11px}.sr-cur{fill:#e6a85c38;stroke:var(--tonic);stroke-width:2.5px;stroke-linejoin:round}.sr-prev{fill:none;stroke:var(--muted);stroke-width:1.6px;stroke-dasharray:4 4;stroke-linejoin:round}.sx-legend{justify-content:center;gap:18px;margin-top:4px;font-family:Spline Sans Mono,monospace;font-size:10.5px;display:flex}.lg-cur{color:var(--tonic)}.lg-cur:before{content:"● "}.lg-prev{color:var(--muted)}.lg-prev:before{content:"╌ "}.lg-none{color:var(--muted)}.hall-expand{z-index:206;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0907e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hall-expand-card{text-align:center;width:100%;max-width:380px}.hall-got{color:var(--muted);letter-spacing:.04em;margin:10px 0 12px;font-family:Spline Sans Mono,monospace;font-size:11px}.achv-pop{z-index:200;pointer-events:none;align-items:flex-end;gap:8px;width:min(420px,100% - 36px);margin:0 auto;display:flex;position:fixed;left:0;right:0}.achv-pop.at-bottom{animation:.44s cubic-bezier(.2,.9,.3,1.15) achvUp;bottom:14%}.achv-pop.at-top{animation:.44s cubic-bezier(.2,.9,.3,1.15) achvDown;top:13%}.achv-pop.at-mid{animation:.4s achvMid;top:44%}.achv-pop.leaving{animation:.3s forwards achvOut}.achv-gecko{filter:drop-shadow(0 6px 16px #0000008c);flex:none;width:clamp(86px,26vw,120px);height:auto}.achv-bubble{border:1px solid var(--tonic);color:var(--ink);background:linear-gradient(#2a221b,#1a1410);border-radius:16px 16px 16px 5px;flex:1;padding:12px 15px;font-family:Spline Sans,sans-serif;font-size:13.5px;line-height:1.35;box-shadow:0 18px 44px -12px #000}@keyframes achvUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes achvDown{0%{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:translateY(0)}}@keyframes achvMid{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes achvOut{to{opacity:0;transform:translateY(18px)}}#about{z-index:200;cursor:pointer;background:radial-gradient(120% 90% at 50% 18%,#241c14,#16110d);flex-direction:column;justify-content:center;align-items:center;padding:max(36px,6vh) 18px 72px;display:flex;position:fixed;inset:0;overflow-y:auto}.about-card{width:100%;max-width:440px}.about-h{color:var(--tonic);text-align:center;margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(22px,6vw,28px);font-weight:800}#about p{color:var(--ink);margin:0 0 13px;font-size:14.5px;line-height:1.55}#about b{color:var(--ink-bright);font-weight:600}.about-rec{background:var(--bg2);border:1px solid var(--line);border-radius:15px;margin-top:4px;padding:14px 16px}.about-rec-h{color:var(--tonic);margin-bottom:9px;font-family:Fraunces,serif;font-size:15.5px;font-weight:700}.about-rec ul{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.about-rec li{color:var(--muted);font-size:13.5px;line-height:1.45}.about-rec li b{color:var(--ink)}.about-hint{left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-family:Spline Sans Mono,monospace;font-size:11px;animation:1.8s ease-in-out infinite hintpulse;position:fixed}#news{z-index:186;padding:max(28px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 18%,#241c14,#15100c);display:none;position:fixed;inset:0;overflow-y:auto}#news.show{display:block}.news-h{color:var(--tonic);text-align:center;letter-spacing:.02em;font-family:Fraunces,serif;font-size:clamp(28px,8vw,38px);font-weight:900}.news-sub{text-align:center;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:4px 0 20px;font-family:Spline Sans Mono,monospace;font-size:11px}.news-list{flex-direction:column;gap:10px;max-width:440px;margin:0 auto;display:flex}.news-item{background:var(--bg2);border:1px solid var(--line);border-radius:14px;transition:all .15s;overflow:hidden}.news-item.open{border-color:var(--tonic)}.news-head{cursor:pointer;width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:13px 15px;display:flex}.news-env{width:26px;height:21px;color:var(--tonic);flex:none}.news-env.read{color:var(--muted);opacity:.6}.news-env svg{width:100%;height:100%;display:block}.news-v{flex:1;font-family:Fraunces,serif;font-size:16px;font-weight:700}.news-arr{color:var(--muted);text-align:center;width:14px;font-family:Spline Sans Mono,monospace;font-size:18px}.news-changes{flex-direction:column;gap:8px;margin:0;padding:0 16px 15px 36px;list-style:outside;display:flex}.news-changes li{color:var(--muted);font-size:13.5px;line-height:1.45}.news-changes li::marker{color:var(--tonic)}.news-changes li.hl{color:var(--ink-bright);background:#e6a85c1a;border-radius:7px;margin:-1px -9px;padding:5px 9px;font-weight:600}.news-changes li.hl::marker{color:var(--tonic)}.news-back{max-width:440px;margin:22px auto 0;display:block}.news-btn{text-align:center;justify-content:center;position:relative}.news-badge{background:var(--tonic);color:#241600;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-family:Spline Sans Mono,monospace;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}body.fx-off *{animation:none!important}@media (prefers-reduced-motion:reduce){body:not(.fx-on) *{animation:none!important}}