@font-face{font-family:Lexend Deca;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8aad2d60f83adb5a-s.35r5-1l8wvwa9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/969f0adf11a48ffa-s.1f1_lokdt1-ze.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:Lexend Deca;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/85ba544592656337-s.p.3957fab39g-87.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:Lexend Deca Fallback;src:local(Arial);ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.0%;size-adjust:109.91%}.lexend_deca_fafad71a-module__usLN9q__className{font-family:Lexend Deca,Lexend Deca Fallback;font-style:normal}.lexend_deca_fafad71a-module__usLN9q__variable{--font-ui:"Lexend Deca", "Lexend Deca Fallback"}
@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/4a439e1ba971da1a-s.26nafy4isrpsz.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b3b0afff8ab38d95-s.0a68ck1yt_ak5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b12ef0642bbc5f5f-s.2sp_sjs-a2mdv.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/83a6e70a3a81dd9f-s.3ec-vq27dq98f.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/99ac5753282bcf05-s.1czhp68pnx2kt.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:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/2f13ad8e538108e0-s.p.2opg_g5lzx1nr.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:Roboto Mono Fallback;src:local(Arial);ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.0%;size-adjust:134.61%}.roboto_mono_40947700-module__GXZNoq__className{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}.roboto_mono_40947700-module__GXZNoq__variable{--font-mono:"Roboto Mono", "Roboto Mono Fallback"}
:root{--bg:#323437;--bg-2:#2c2e31;--main:#e2b714;--caret:#e2b714;--text:#d1d0c5;--sub:#646669;--sub-alt:#2c2e31;--error:#ca4754;--error-extra:#7e2a33;--perfect:#e2b714;--great:#7fc97a;--good:#6fa8dc;--off:#d98c4a;--song:#8fa7ff;--font:var(--font-mono), ui-monospace, monospace;--ui:var(--font-ui), system-ui, sans-serif}:root[data-theme=midnight]{--bg:#0b0e13;--bg-2:#141922;--sub-alt:#141922;--main:#60a5fa;--caret:#60a5fa;--text:#e6edf3;--sub:#4b5563;--error:#f87171;--error-extra:#7f1d1d;--perfect:#60a5fa;--great:#34d399;--good:#a78bfa;--off:#fbbf24;--song:#f472b6}:root[data-theme=botanical]{--bg:#7b9c98;--bg-2:#6f8f8b;--sub-alt:#6f8f8b;--main:#eaf1f3;--caret:#abc6c4;--text:#eaf1f3;--sub:#495755;--error:#f6c9b4;--error-extra:#d29e87;--perfect:#fff;--great:#d8f3dc;--good:#c7d9f0;--off:#f6c9b4;--song:#2d4a47}:root[data-theme=paper]{--bg:#eee;--bg-2:#e4e4e4;--sub-alt:#e2e2e2;--main:#444;--caret:#444;--text:#444;--sub:#a8a8a8;--error:#d7263d;--error-extra:#8e1d2b;--perfect:#b8860b;--great:#2e8b57;--good:#3a6ea5;--off:#c0622f;--song:#7a5af8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:var(--text)}kbd{font-family:var(--font);background:var(--text);color:var(--bg);border-radius:.25em;margin:0 .1em;padding:.1em .4em;font-size:.75em}a,.accent{color:var(--main)}.sub{color:var(--sub)}.mono{font-family:var(--font)}.hint{color:var(--sub);margin:0;font-size:.85rem;line-height:1.5}.hint.small{font-size:.75rem}.link{color:var(--sub);font-size:.85rem;text-decoration:none}.link:hover{color:var(--text)}.err{color:var(--error)}.ok{color:var(--great)}.shell{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:1.75rem 2rem 3rem;display:flex}.shell>main{flex-direction:column;flex:1;animation:.25s fade;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.topbar{align-items:center;gap:1.5rem;margin-bottom:2rem;transition:opacity .4s;display:flex}.logo{color:var(--main);align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo svg{width:2rem;height:2rem}.logo-text{color:var(--text);letter-spacing:-.02em;flex-direction:column;font-size:1.9rem;line-height:.9;display:flex}.logo-text small{color:var(--sub);letter-spacing:.02em;margin-left:.1rem;font-size:.55rem}.nav{gap:.25rem;display:flex}.icon-btn{width:2.4rem;height:2.4rem;color:var(--sub);border-radius:.5rem;place-items:center;transition:color .15s;display:grid}.icon-btn:hover,.icon-btn.active{color:var(--text)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}body.playing .topbar{opacity:.12}body.playing .topbar:hover{opacity:1}.btn{background:var(--sub-alt);color:var(--text);white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--text);color:var(--bg)}.btn:disabled{opacity:.35;cursor:default}.btn.ghost{box-shadow:inset 0 0 0 2px var(--sub-alt);background:0 0}.btn.big{background:var(--main);color:var(--bg);padding:.8rem 2.4rem;font-size:1.1rem}.btn.big:hover:not(:disabled){background:var(--text)}.btn.danger:hover{background:var(--error);color:var(--bg)}.btn.wide{width:100%}input[type=text],input[type=search],input[type=password],input[type=email],textarea{background:var(--sub-alt);width:100%;font-family:var(--font);border:0;border-radius:.5rem;outline:none;padding:.6rem .9rem;font-size:.9rem}input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{box-shadow:inset 0 0 0 2px var(--sub)}input::placeholder,textarea::placeholder{color:var(--sub)}input[type=range]{accent-color:var(--main);width:220px}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.center{justify-content:center}.stack{flex-direction:column;gap:.6rem;display:flex}.tabs{gap:.4rem;margin-bottom:1.4rem;display:flex}.tab{color:var(--sub);border-radius:.5rem;padding:.45rem .9rem;font-size:.95rem}.tab:hover{color:var(--text)}.tab.active{background:var(--sub-alt);color:var(--main)}@media (max-width:600px){.tab-more{display:none}}.panel{animation:.2s fade}.song-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem;margin-top:1rem;display:grid}.song-card{background:var(--sub-alt);text-align:left;color:var(--text);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.song-card:hover{box-shadow:0 0 0 2px var(--main);transform:translateY(-2px)}.sc-title{padding-right:3rem;font-size:1.15rem}.sc-artist{color:var(--sub);font-size:.85rem}.sc-blurb{opacity:.8;font-size:.85rem}.sc-meta{font-family:var(--font);color:var(--sub);flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.75rem;display:flex}.sc-meta b{color:var(--text);font-weight:500}.sc-best{font-family:var(--font);color:var(--main);text-align:right;font-size:1.4rem;line-height:1;position:absolute;top:1rem;right:1rem}.sc-best small{color:var(--sub);margin-top:.2rem;font-size:.65rem;display:block}.sc-remove{color:var(--sub);padding:.2rem .4rem;font-size:.75rem;position:absolute;bottom:.5rem;right:.6rem}.sc-remove:hover{color:var(--error)}.diff{align-items:center;gap:3px;display:inline-flex}.diff i{background:var(--sub);opacity:.5;border-radius:2px;width:6px;height:12px}.diff i.on{background:var(--main);opacity:1}.empty{color:var(--sub);padding:2rem 0}.step{background:var(--bg-2);border-radius:.75rem;margin-bottom:1rem;padding:1.2rem 1.3rem;transition:opacity .2s}.step.disabled{opacity:.4;pointer-events:none}.step-head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:1rem;display:flex}.step-num{background:var(--main);width:1.6rem;height:1.6rem;color:var(--bg);border-radius:50%;place-items:center;font-size:.85rem;display:inline-grid}.search-row{gap:.6rem;display:flex}.result-list{flex-direction:column;gap:.3rem;max-height:340px;margin-top:.6rem;display:flex;overflow-y:auto}.result{text-align:left;background:var(--sub-alt);border-radius:.5rem;grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.55rem .8rem;display:grid}.result:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--main)}.result.selected{box-shadow:inset 0 0 0 2px var(--main);background:var(--bg)}.result:disabled{opacity:.4;cursor:default}.r-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r-name span{color:var(--sub)}.r-dur,.r-tag{font-family:var(--font);color:var(--sub);font-size:.75rem}.r-tag.ok{color:var(--great)}.lrc-manual{color:var(--sub);margin-top:1rem;font-size:.85rem}.lrc-manual summary{cursor:pointer}.lrc-manual summary:hover{color:var(--text)}.lrc-manual textarea{resize:vertical;margin:.7rem 0}.lrc-manual .row input{flex:1;min-width:160px}.audio-options{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.audio-opt{background:var(--sub-alt);border-radius:.6rem;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.audio-opt.chosen{box-shadow:inset 0 0 0 2px var(--main)}.audio-opt .row input{flex:1}.opt-title{color:var(--sub);letter-spacing:.05em;font-size:.8rem}.audio-status{min-height:1.2rem;margin-top:.8rem;font-size:.85rem}.start-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.yt-holder{aspect-ratio:16/9;z-index:5;background:#000;border-radius:.6rem;width:240px;transition:opacity .3s;position:fixed;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 6px 24px #00000059}.yt-holder:empty{display:none}.yt-holder iframe{pointer-events:none;width:100%;height:100%;display:block}body.playing .yt-holder{opacity:.5}.loading{text-align:center;color:var(--sub);flex:1;place-items:center;gap:1rem;min-height:50vh;display:grid}.eq{justify-content:center;align-items:flex-end;gap:5px;height:32px;margin-bottom:1rem;display:flex}.eq i{background:var(--main);border-radius:2px;width:6px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:6px}50%{height:32px}}.game-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem;display:flex}.song-meta{flex-direction:column;min-width:0;font-size:1.05rem;display:flex}.song-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-meta .sub{font-size:.85rem}.live-stats{font-family:var(--font);color:var(--main);gap:1.8rem;display:flex}.live-stats div{flex-direction:column;align-items:flex-end;display:flex}.live-stats span{font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1}.live-stats small{color:var(--sub);font-size:.7rem}.bump{animation:.18s bump}@keyframes bump{50%{transform:scale(1.25)}}.timeline{background:var(--sub-alt);border-radius:2px;height:4px;position:relative}.timeline-fill{background:var(--main);border-radius:2px;width:0;height:100%}.timeline i{background:var(--sub);opacity:.6;border-radius:1px;width:2px;height:10px;position:absolute;top:-3px}.timeline i.done{background:var(--great);opacity:1}.timeline i.missed{background:var(--error);opacity:1}.time-row{font-family:var(--font);color:var(--sub);justify-content:space-between;margin:.4rem 0 1rem;font-size:.75rem;display:flex}.viewport{outline:none;height:52vh;min-height:300px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 14% 80%,#0000 100%)}.lyrics{font-family:var(--font);transition:transform .35s cubic-bezier(.2,.7,.3,1);position:absolute;top:0;left:0;right:0}.line{color:var(--sub);flex-wrap:wrap;column-gap:.62em;padding:.35rem 0 .35rem 3.6rem;font-size:1.65rem;line-height:1.5;transition:opacity .3s;display:flex;position:relative}.line .ts{color:var(--sub);opacity:.7;font-size:.7rem;position:absolute;top:.95rem;left:0}.line.locked{opacity:.45}.line.past{opacity:.55}.line.current{opacity:1}.line.current .ts{color:var(--main);opacity:1}.line.shake{animation:.25s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.word{white-space:nowrap;border-bottom:3px solid #0000;transition:border-color .2s;position:relative}.letter.correct{color:var(--text)}.letter.incorrect{color:var(--error)}.letter.extra{color:var(--error-extra)}.word.j-perfect{border-color:var(--perfect)}.word.j-great{border-color:var(--great)}.word.j-good{border-color:var(--good)}.word.j-early,.word.j-late{border-color:var(--off)}.word.j-typo{border-color:var(--error)}.word.j-miss{opacity:.5;text-decoration:line-through;-webkit-text-decoration-color:var(--error);text-decoration-color:var(--error);text-decoration-thickness:2px}.caret,.song-caret{pointer-events:none;border-radius:2px;width:3px;height:2rem;display:none;position:absolute;top:0;left:0}.caret{background:var(--caret);z-index:3;transition:left 90ms,top .15s}.caret.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.song-caret{background:var(--song);opacity:.6;z-index:2;box-shadow:0 0 12px var(--song)}.gap-hint{font-family:var(--font);color:var(--song);z-index:4;align-items:center;gap:.6rem;padding:.35rem .85rem;font-size:.9rem;display:flex;position:absolute;top:9%;left:3.6rem}.gap-hint:before{content:"";z-index:-1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(9px);background:color-mix(in srgb, var(--bg) 92%, transparent);transition:opacity .25s;position:absolute;inset:-1.1rem -2.5rem;-webkit-mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 62%,#0000 100%)}.gap-hint.over-lyrics:before{opacity:1}.gap-hint .note{animation:1s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(-3px)}}.gap-bar{background:var(--sub-alt);border-radius:2px;width:140px;height:3px;overflow:hidden}.gap-bar div{background:var(--song);height:100%}.judgment{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font);z-index:4;pointer-events:none;text-align:right;border-radius:.6rem;padding:.3rem .7rem;font-size:1.4rem;font-weight:700;line-height:1.1;animation:.75s forwards pop;position:absolute;top:9%;right:0}.judgment small{color:var(--sub);font-size:.7rem;font-weight:400;display:block}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.9)}15%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.j-perfect{color:var(--perfect)}.j-great{color:var(--great)}.j-good{color:var(--good)}.j-early,.j-late{color:var(--off)}.j-typo,.j-miss{color:var(--error)}.overlay-msg{z-index:6;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text);cursor:pointer;place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.overlay-msg.solid{background:color-mix(in srgb, var(--bg) 70%, transparent)}.ready-title{color:var(--main);margin-bottom:.4rem;font-size:2.2rem}.ready-sub{color:var(--sub)}.ready-legend{color:var(--sub);flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.6rem;font-size:.8rem;display:flex}.ready-legend span{align-items:center;gap:.45rem;display:flex}.legend-caret,.legend-song{background:var(--caret);border-radius:2px;width:3px;height:1.1rem;display:inline-block}.legend-song{background:var(--song);box-shadow:0 0 8px var(--song)}.ready-warn{color:var(--off);max-width:460px;margin-top:1rem;font-size:.8rem}.game-foot{color:var(--sub);flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.4rem;font-size:.75rem;display:flex}.modal-wrap{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:.8rem;min-width:280px;padding:1.6rem 2rem;box-shadow:0 10px 40px #0006}.modal h2{color:var(--sub);margin:0 0 1rem;font-size:1.1rem;font-weight:400}.results{grid-template-columns:200px 1fr;align-items:start;gap:2.5rem;display:grid}.res-left{flex-direction:column;gap:1.1rem;display:flex}.grade{font-family:var(--font);color:var(--main);font-size:6rem;font-weight:700;line-height:1}.grade.g-SS{background:linear-gradient(135deg, var(--main), var(--song));color:#0000;-webkit-background-clip:text;background-clip:text}.pb{color:var(--main);font-size:.8rem;animation:.5s pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}.big-stat{font-family:var(--font);flex-direction:column;display:flex}.big-stat small{color:var(--sub);font-size:1.1rem;font-family:var(--ui)}.big-stat span{color:var(--main);font-size:3.2rem;line-height:1}.res-song{margin-bottom:.8rem;font-size:1.05rem}.chart-wrap{background:var(--bg-2);border-radius:.7rem;padding:.8rem}.chart-wrap canvas{width:100%;height:200px;display:block}.chart-legend{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:.4rem;font-size:.75rem;display:flex}.lg{align-items:center;gap:.4rem;display:inline-flex}.lg:before{content:"";border-radius:2px;width:14px;height:3px}.lg-you:before{background:var(--main)}.lg-song:before{background:var(--song)}.lg-runs:before{background:var(--sub);height:1.5px}.activity,.wpm-chart{background:var(--bg-2);border-radius:.8rem;margin-bottom:1rem;padding:1rem 1.1rem;position:relative}.activity-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.8rem;font-size:.85rem;display:flex}.activity-head b{color:var(--main);font-weight:600}.activity-head .chart-legend{margin:0}.activity-scroll{padding-bottom:.3rem;position:relative;overflow-x:auto}.activity svg{display:block}.axis-label{fill:var(--sub);font-size:10px;font-family:var(--ui)}.activity{--heat0:color-mix(in srgb, var(--sub) 22%, var(--bg-2))}.heat{fill:var(--heat0)}.heat.l1{fill:color-mix(in srgb, var(--main) 30%, var(--heat0))}.heat.l2{fill:color-mix(in srgb, var(--main) 55%, var(--heat0))}.heat.l3{fill:color-mix(in srgb, var(--main) 78%, var(--heat0))}.heat.l4{fill:var(--main)}rect.heat:hover{stroke:var(--text);stroke-width:1.5px}.heat-legend{color:var(--sub);justify-content:flex-end;align-items:center;gap:3px;margin-top:.4rem;font-size:.7rem;display:flex}.heat-legend i{background:var(--heat0);border-radius:3px;width:11px;height:11px;display:inline-block}.heat-legend i:first-child{margin-left:.3rem}.heat-legend i:last-child{margin-right:.3rem}.heat-legend i.l1{background:color-mix(in srgb, var(--main) 30%, var(--heat0))}.heat-legend i.l2{background:color-mix(in srgb, var(--main) 55%, var(--heat0))}.heat-legend i.l3{background:color-mix(in srgb, var(--main) 78%, var(--heat0))}.heat-legend i.l4{background:var(--main)}.chart-tip{pointer-events:none;z-index:5;white-space:nowrap;background:var(--bg);color:var(--text);box-shadow:0 0 0 1px var(--sub-alt), 0 8px 20px #00000059;border-radius:.45rem;flex-direction:column;gap:.1rem;padding:.4rem .6rem;font-size:.75rem;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.chart-tip.below{transform:translate(-50%,8px)}.chart-tip .sub{color:var(--sub)}.wpm-plot{position:relative}.wpm-plot svg{touch-action:pan-y;width:100%;height:auto;display:block}.wpm-plot .chart-tip{top:0;transform:translate(-50%)}.wpm-plot .grid{stroke:var(--sub-alt);stroke-width:1px}.line-runs{fill:none;stroke:var(--sub);stroke-width:1.5px;stroke-linejoin:round}.line-avg{fill:none;stroke:var(--main);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.crosshair{stroke:var(--sub);stroke-width:1px;stroke-dasharray:3 3}.dot-runs{fill:var(--sub);stroke:var(--bg-2);stroke-width:2px}.dot-avg{fill:var(--main);stroke:var(--bg-2);stroke-width:2px}.profile-stats.levels{grid-template-columns:repeat(3,1fr)}.profile-stats.levels .sub{font-size:.72rem}.small-stats{grid-template-columns:repeat(6,1fr);gap:1rem;margin:1.2rem 0;display:grid}.small-stats div{flex-direction:column;display:flex}.small-stats small{color:var(--sub);font-size:.8rem}.small-stats span{font-family:var(--font);color:var(--main);font-size:1.35rem}.judge-row{font-family:var(--font);flex-wrap:wrap;gap:.6rem;font-size:.85rem;display:flex}.judge-row div{background:var(--sub-alt);border-radius:.4rem;padding:.35rem .7rem}.judge-row b{color:var(--text);margin-left:.4rem;font-weight:500}.hit-error{margin-top:1.1rem}.he-label{color:var(--sub);justify-content:space-between;margin-bottom:.3rem;font-size:.7rem;display:flex}.he-bar{background:var(--sub-alt);border-radius:.4rem;height:26px;position:relative;overflow:hidden}.he-bar .zone{opacity:.16;position:absolute;top:0;bottom:0}.he-bar .tick{opacity:.85;border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px}.he-bar .center{background:var(--text);opacity:.6;width:2px;position:absolute;top:0;bottom:0;left:50%}.he-bar .mean{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--text);width:0;height:0;position:absolute;top:0;transform:translate(-6px)}.suggest{color:var(--sub);margin-top:.8rem;font-size:.85rem}.suggest button{color:var(--main);text-decoration:underline}.res-actions{margin-top:1.5rem}.settings{flex-direction:column;gap:1.6rem;max-width:900px;display:flex}.setting{grid-template-columns:1fr auto;align-items:center;gap:2rem;display:grid}.setting h3{color:var(--sub);margin:0 0 .3rem;font-size:1rem;font-weight:400}.setting p{color:var(--text);opacity:.8;max-width:520px;margin:0;font-size:.85rem;line-height:1.5}.seg{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.seg button{background:var(--sub-alt);border-radius:.5rem;padding:.5rem .9rem;font-size:.85rem}.seg button:hover{background:var(--text);color:var(--bg)}.seg button.active{background:var(--main);color:var(--bg)}.about{max-width:720px;line-height:1.7}.about h2{color:var(--sub);margin:1.8rem 0 .4rem;font-size:1.2rem;font-weight:400}.about h2:first-child{margin-top:0}.about li{margin-bottom:.45rem}.about b{font-weight:600}.privacy h1{margin:0 0 .2rem;font-size:2rem;font-weight:600}.privacy h2{margin-top:2rem}.toast{background:var(--sub-alt);color:var(--text);pointer-events:none;z-index:50;text-align:center;border-radius:.6rem;max-width:90vw;padding:.7rem 1.2rem;font-size:.9rem;animation:.25s toast-in;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}.toast.error{color:var(--error)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}@media (max-width:800px){.shell{padding:1rem 16px 2rem}.audio-options,.results{grid-template-columns:1fr}.res-left{flex-flow:wrap;align-items:flex-end}.small-stats{grid-template-columns:repeat(3,1fr)}.setting{grid-template-columns:1fr;gap:.7rem}.seg{justify-content:flex-start}.live-stats{gap:1rem}.live-stats span{font-size:1.2rem}.line{padding-left:2.8rem;font-size:1.25rem}.yt-holder{width:160px}.result{grid-template-columns:1fr auto}.result .r-dur{display:none}}.browser-bar{align-items:stretch;gap:.7rem;display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-box>svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--sub);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;left:.9rem}.search-box input[type=search]{font-size:1rem;font-family:var(--ui);padding:.85rem 1rem .85rem 2.6rem}.browser-head{align-items:center;gap:1rem;margin:1.6rem 0 1rem;display:flex}.browser-head h2{margin:0;font-size:1.1rem;font-weight:400}.eq.small{gap:3px;height:14px;margin:0;display:inline-flex}.eq.small i{width:3px;animation-name:eq-s}@keyframes eq-s{0%,to{height:3px}50%{height:14px}}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.4rem 1.1rem;display:grid}.tile{text-align:left;min-width:0;color:var(--text);flex-direction:column;gap:.35rem;text-decoration:none;display:flex}.tile:disabled{cursor:default}.tile-art{aspect-ratio:1;background:var(--sub-alt);border-radius:.6rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.tile:hover:not(:disabled) .tile-art{box-shadow:0 0 0 2px var(--main), 0 10px 24px #00000040;transform:translateY(-3px)}.tile-art img{object-fit:cover}.tile-rank{color:#fff;font-family:var(--font);background:#0009;border-radius:.35rem;padding:.1rem .45rem;font-size:.75rem;position:absolute;top:.45rem;left:.45rem}.tile-play{color:#fff;opacity:0;background:#0000008c;place-items:center;font-size:.9rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.tile-play .eq i{background:#fff}.tile:hover .tile-play,.tile.loading .tile-play,.tile.unavailable .tile-play{opacity:1}.tile.unavailable{opacity:.45}.tile.unavailable .tile-play{font-size:.75rem}.tile-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.tile-artist{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.tile.skeleton .tile-art{animation:1.2s ease-in-out infinite pulse}.tile.skeleton .tile-title,.tile.skeleton .tile-artist{background:var(--sub-alt);border-radius:.3rem;width:80%;height:.8rem}.tile.skeleton .tile-artist{width:50%}@keyframes pulse{50%{opacity:.5}}.sc-art{border-radius:.4rem;flex:none;width:56px;height:56px;position:relative;overflow:hidden}.sc-with-art{flex-direction:row;align-items:center;gap:1rem}.sc-with-art>div:last-child{flex-direction:column;gap:.3rem;min-width:0;display:flex}.alt-audio{color:var(--sub);margin-top:1.2rem;font-size:.8rem}.alt-audio button{color:var(--song);text-decoration:underline}@media (max-width:800px){.tile-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem .8rem}}:root{--lv1:#7fc97a;--lv2:#a8c75a;--lv3:#e2b714;--lv4:#e0803f;--lv5:#ca4754}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.level-seg{justify-content:flex-start}.level-seg button{align-items:center;gap:.45rem;display:inline-flex}.level-seg button small{font-family:var(--font);opacity:.7;font-size:.7rem}.bars{align-items:flex-end;gap:2px;display:inline-flex}.bars i{opacity:.25;background:currentColor;border-radius:1px;width:3px}.bars i:first-child{height:5px}.bars i:nth-child(2){height:7px}.bars i:nth-child(3){height:9px}.bars i:nth-child(4){height:11px}.bars i:nth-child(5){height:13px}.bars i.on{opacity:1}.lv-btn.lv-1 .bars{color:var(--lv1)}.lv-btn.lv-2 .bars{color:var(--lv2)}.lv-btn.lv-3 .bars{color:var(--lv3)}.lv-btn.lv-4 .bars{color:var(--lv4)}.lv-btn.lv-5 .bars{color:var(--lv5)}.level-seg button.active .bars{color:var(--bg)}.sort{color:var(--sub);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.filter-hint{margin-bottom:1.2rem}.tile-diff{color:#fff;font-family:var(--font);z-index:1;background:#000000b8;border-radius:.35rem;align-items:center;gap:.35rem;padding:.2rem .45rem;font-size:.72rem;display:inline-flex;position:absolute;bottom:.45rem;left:.45rem}.tile-diff.pending{opacity:.6;letter-spacing:.1em}.tile-diff.lv-1 .bars{color:var(--lv1)}.tile-diff.lv-2 .bars{color:var(--lv2)}.tile-diff.lv-3 .bars{color:var(--lv3)}.tile-diff.lv-4 .bars{color:var(--lv4)}.tile-diff.lv-5 .bars{color:var(--lv5)}.tile-play{z-index:2}@media (max-width:800px){.level-seg button{padding:.45rem .6rem;font-size:.78rem}}.tile-preview{background:var(--main);z-index:3;border-radius:.35rem;padding:.3rem .4rem;display:inline-flex;position:absolute;top:.45rem;right:.45rem}.tile-preview .eq i{background:var(--bg)}.tile.previewing .tile-art{box-shadow:0 0 0 2px var(--main), 0 10px 24px #00000040}@media (max-width:800px){.browser-bar{flex-wrap:wrap}.search-box{flex-basis:100%}}.topbar .account{margin-left:auto}.user-chip{color:var(--sub);border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .7rem .3rem .3rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.user-chip:hover,.user-chip.active{color:var(--text)}.user-chip img{border-radius:50%}.avatar-img{object-fit:cover;border-radius:50%}.avatar-row{gap:.8rem}.avatar-fallback{background-image:var(--av);border-radius:50%;flex:none;display:inline-block}.av-0{--av:linear-gradient(135deg, #f093fb, #f5576c 55%, #ffc371)}.av-1{--av:linear-gradient(45deg, #4facfe, #00f2fe 60%, #43e97b)}.av-2{--av:linear-gradient(200deg, #43e97b, #38f9d7 55%, #3b82f6)}.av-3{--av:linear-gradient(315deg, #fa709a, #fee140)}.av-4{--av:linear-gradient(160deg, #30cfd0, #5b64d6 60%, #330867)}.av-5{--av:linear-gradient(135deg, #ff6b6b, #f7b731 50%, #48dbfb)}.av-6{--av:linear-gradient(45deg, #667eea, #a855f7 55%, #ec4899)}.av-7{--av:linear-gradient(225deg, #f6d365, #fda085 60%, #ef5350)}.av-8{--av:linear-gradient(135deg, #84fab0, #8fd3f4 55%, #a78bfa)}.av-9{--av:linear-gradient(20deg, #fccb90, #d57eeb 65%, #6366f1)}.av-10{--av:linear-gradient(135deg, #22d3ee, #0ea5e9 45%, #6366f1)}.av-11{--av:linear-gradient(300deg, #16a34a, #eab308 55%, #f97316)}.lb-player .avatar-fallback{width:22px;height:22px;font-size:.7rem}.song-page .back{align-items:center;gap:.25rem;margin-bottom:1.2rem;line-height:1;display:inline-flex}.song-hero{grid-template-columns:260px 1fr;align-items:start;gap:2.2rem;display:grid}.hero-art{aspect-ratio:1;background:var(--sub-alt);border-radius:.9rem;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.hero-art img{object-fit:cover}.hero-kicker{color:var(--sub);text-transform:lowercase;letter-spacing:.04em;font-size:.8rem}.hero-info h1{letter-spacing:-.02em;margin:.2rem 0 .3rem;font-size:2.4rem;font-weight:600;line-height:1.1}.hero-artist{color:var(--main);font-size:1.15rem}.hero-meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:.3rem .9rem;margin-top:.25rem;font-size:.85rem;display:flex}.apple-link{color:#fa586a;align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.apple-link:hover{text-underline-offset:3px;text-decoration:underline}.apple-link svg{width:.95rem;height:.95rem}.song-actions{margin-top:1.4rem}.preview-btn.on{box-shadow:inset 0 0 0 2px var(--main);color:var(--main)}.play-options{grid-template-columns:1fr 1fr;gap:.9rem;max-width:640px;margin-top:1.1rem;display:grid}.play-options .hint{grid-column:1/-1}.play-option{background:var(--sub-alt);color:var(--text);border-radius:.8rem;flex-direction:column;gap:.35rem;min-height:170px;padding:1rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.play-option:hover:not(.disabled):not(.skeleton){box-shadow:0 0 0 2px var(--main);transform:translateY(-2px)}.play-option.hook{background:color-mix(in srgb, var(--main) 14%, var(--sub-alt))}.play-option.disabled{opacity:.5}.play-option.skeleton{animation:1.2s ease-in-out infinite pulse}.po-title{font-size:1.1rem;font-weight:600}.po-sub{color:var(--sub);font-size:.8rem}.po-meta{font-family:var(--font);color:var(--sub);margin-top:auto;font-size:.75rem}.po-best{color:var(--main);font-size:.75rem;font-family:var(--font)}.po-cta{background:var(--main);color:var(--bg);border-radius:.5rem;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.7rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:filter .15s,transform .15s,box-shadow .15s;display:inline-flex}.po-cta.ghost{color:var(--main);box-shadow:inset 0 0 0 2px var(--main);background:0 0}.po-cta svg{width:1.05em;height:1.05em}.play-option.hook .po-cta{position:relative;overflow:hidden}.play-option.hook .po-cta:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:45%;animation:3.2s ease-in-out infinite po-shimmer;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-18deg)}@keyframes po-shimmer{0%{left:-60%}55%,to{left:130%}}@media (prefers-reduced-motion:reduce){.play-option.hook .po-cta:after{opacity:0;animation:none}}.play-option:hover:not(.disabled) .po-cta{filter:brightness(1.08);transform:translateY(-1px)}.play-option:hover:not(.disabled) .po-cta.ghost{background:var(--main);color:var(--bg)}.leaderboard{margin-top:2.8rem}.lb-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lb-head h2{color:var(--sub);margin:0 auto 0 0;font-size:1.2rem;font-weight:400}.lb-table{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.lb-row{font-family:var(--font);font-variant-numeric:tabular-nums;border-radius:.45rem;grid-template-columns:2.5rem minmax(0,2.2fr) 1fr .7fr .8fr .7fr .6fr 1fr;align-items:center;gap:.8rem;padding:.55rem .8rem;display:grid}.lb-row:nth-child(2n){background:var(--bg-2)}.lb-th{color:var(--sub);font-size:.75rem;font-family:var(--ui);background:0 0!important}.lb-row.me{box-shadow:inset 0 0 0 2px var(--main)}.lb-rank{color:var(--sub)}.lb-row.top1 .lb-rank{color:#f5c542;font-weight:700}.lb-row.top2 .lb-rank{color:#c8ccd4;font-weight:700}.lb-row.top3 .lb-rank{color:#d7955b;font-weight:700}.lb-player{font-family:var(--ui);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;display:flex;overflow:hidden}.lb-player img{border-radius:50%}.lb-player small{color:var(--sub)}.lb-key{color:var(--main)}.lb-grade{color:var(--main);font-weight:700}.lb-date{color:var(--sub);font-size:.75rem}.save-note{color:var(--sub);margin-top:1rem;font-size:.9rem}.save-note b{color:var(--main)}.ad-slot{flex-direction:column;gap:.35rem;min-height:100px;margin-top:2.5rem;display:flex}.ad-slot small{color:var(--sub);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.auth-card{flex-direction:column;gap:1rem;width:100%;max-width:420px;margin:1rem auto;display:flex}.auth-card h1{margin:0;font-size:1.8rem;font-weight:600}.auth-step{animation:.2s fade}.auth-step input[type=email],.auth-step input[type=text]{font-family:var(--ui);padding:.8rem .9rem;font-size:1rem}.auth-back,.auth-link{color:var(--sub);align-items:center;gap:.25rem;padding:0;font-size:.85rem;display:inline-flex}.auth-back{align-self:flex-start}.auth-back svg{width:16px;height:16px}.auth-back:hover,.auth-link:hover{color:var(--text)}.auth-link{color:var(--main);text-underline-offset:3px;text-decoration:underline}.otp{grid-template-columns:repeat(6,1fr);gap:.5rem;margin:.4rem 0;display:grid}.otp input[type=text]{aspect-ratio:5/6;text-align:center;font-family:var(--font-mono);color:var(--main);caret-color:var(--caret);padding:0;font-size:1.6rem;font-weight:600;transition:box-shadow .12s,transform .12s}.otp input[type=text]:focus{box-shadow:inset 0 0 0 2px var(--main)}.otp input.filled{box-shadow:inset 0 0 0 2px var(--sub)}.otp input:disabled{opacity:.6}.human-check{flex-direction:column;gap:.5rem;display:flex}.human-check.shown{animation:.2s fade}.field{color:var(--sub);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.field small{opacity:.8}.field input{font-family:var(--ui);padding:.75rem .9rem;font-size:1rem}.profile h2{color:var(--sub);margin:2rem 0 .8rem;font-size:1.15rem;font-weight:400}.profile-head{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.profile-head>:first-child{flex:none}.profile-id{overflow-wrap:anywhere;flex:12rem;min-width:0}.profile-head h1{margin:0;font-size:2rem;font-weight:600}.avatar-lg{border-radius:50%}.profile-stats{margin-top:1.6rem}.pb-list{flex-direction:column;gap:.4rem;display:flex}.rank-badge{flex-direction:column;flex:none;align-items:center;line-height:1.1;display:flex}.rank-badge b{font-family:var(--font);color:var(--main);font-size:2.2rem;font-weight:700}.rank-badge small{color:var(--sub);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.dist-marker{pointer-events:none;display:flex;position:absolute;transform:translate(-50%)}.dist-marker .avatar-fallback,.dist-marker .avatar-img{box-shadow:0 0 0 2px var(--main), 0 4px 12px #0006}.sk{background:linear-gradient(90deg, var(--sub-alt) 25%, color-mix(in srgb, var(--text) 9%, var(--sub-alt)) 37%, var(--sub-alt) 63%);background-size:400% 100%;border-radius:.4rem;animation:1.4s ease-in-out infinite sk-shine;display:block}.sk-page h2{margin-bottom:.6rem}.sk-lines{flex-direction:column;flex:1;gap:.55rem;min-width:0;max-width:340px;display:flex}.sk-lines.grow{max-width:none}.sk-avatar{border-radius:50%;flex:none;width:72px;height:72px}.sk-art{flex:none;width:56px;height:56px}.sk-name{width:min(180px,50%);height:1.35rem}.sk-sub{width:min(260px,70%);height:.8rem}.sk-heading{width:150px;height:1.15rem}.sk-label{width:62%;height:.7rem;margin-bottom:.4rem}.sk-value{width:48%;height:1.35rem}.sk-value.wide{flex:none;width:84px}.sk-card{background:var(--bg-2);height:168px}.sk-card.tall{height:252px}.lb-skeleton{flex-direction:column;gap:.35rem;display:flex}.lb-sk-chart{height:150px;margin-bottom:.6rem}.lb-skeleton .lb-item{background:var(--bg-2)}.lb-sk-avatar{width:26px;height:26px}.sk-rank{border-radius:.3rem;width:1.2rem;height:1.2rem;margin:0 auto}.sk-bar{border-radius:.4rem;height:1.5rem}.sk-grade{width:1.2rem;height:1.2rem}@keyframes sk-shine{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.pb-row{background:var(--bg-2);color:var(--text);border-radius:.6rem;align-items:center;gap:1rem;padding:.6rem;text-decoration:none;display:flex}a.pb-row:hover{box-shadow:0 0 0 2px var(--main)}.pb-info{flex:1;min-width:0}.pb-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-nums{font-family:var(--font);align-items:center;gap:1rem;font-size:.85rem;display:flex}.pb-grade{color:var(--main);font-size:1.2rem;font-weight:700}.pill{background:var(--main);color:var(--bg);vertical-align:middle;border-radius:999px;padding:.1rem .4rem;font-size:.65rem}@media (max-width:800px){.song-hero{grid-template-columns:1fr}.hero-art{max-width:240px}.play-options{grid-template-columns:1fr}.lb-row{grid-template-columns:2rem minmax(0,2fr) 1fr .8fr .6fr}.lb-row>:nth-child(4),.lb-row>:nth-child(6),.lb-row>.lb-date,.pb-nums .sub{display:none}}.options-grid{grid-template-columns:auto 1fr;align-items:start;gap:.9rem 1.2rem;max-width:640px;margin-top:1.3rem;display:grid}.opt-label{color:var(--sub);white-space:nowrap;padding-top:.5rem;font-size:.85rem}.options-grid .seg{justify-content:flex-start}.options-grid .hint{margin-top:.4rem}.level-pick button{flex-direction:column;align-items:center;gap:.1rem;min-width:5.5rem;display:inline-flex}.level-pick button small{font-family:var(--font);opacity:.75;font-size:.68rem}.res-song .pill{margin-left:.5rem}.level-seg button:hover:not(.active){background:color-mix(in srgb, var(--text) 16%, var(--sub-alt));color:var(--text)}.dist{width:100%;position:relative}.dist svg{display:block;overflow:visible}.dist-axis{stroke:var(--sub);stroke-opacity:.4;stroke-width:1px}.dist-bar{fill:var(--sub);fill-opacity:.55;transition:fill-opacity .12s}.dist-bar.hot{fill-opacity:.85}.dist-bar.mine{fill:var(--main);fill-opacity:1}.dist-you{fill:var(--main);font-family:var(--font);font-size:11px;font-weight:700}.dist-tick{fill:var(--sub);font-family:var(--font);font-size:11px}.dist-tip{pointer-events:none;z-index:5;background:var(--bg);color:var(--text);white-space:nowrap;box-shadow:0 0 0 1px var(--sub-alt), 0 6px 18px #0000004d;border-radius:.45rem;flex-direction:column;gap:.1rem;padding:.35rem .6rem;font-size:.75rem;display:flex;position:absolute;top:0;transform:translate(-50%)}.dist-tip b{font-family:var(--font);font-weight:500}.dist-tip span{color:var(--sub)}.standing{background:var(--bg-2);border-radius:.8rem;margin-bottom:1rem;padding:1rem 1.1rem 1.1rem}.standing-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.standing-tabs button{background:var(--sub-alt);color:var(--sub);border-radius:.55rem;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:6.5rem;padding:.45rem .8rem;font-size:.75rem;display:flex}.standing-tabs button b{font-family:var(--font);color:var(--text);font-size:1.05rem;font-weight:500}.standing-tabs button.active{box-shadow:inset 0 0 0 2px var(--main);color:var(--text)}.standing-tabs button:hover:not(.active){color:var(--text)}.standing-head{flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:.6rem;display:flex}.standing-head p{color:var(--sub);margin:0;font-size:.88rem}.standing-head p b{color:var(--text);font-weight:500}.beats{font-family:var(--font);color:var(--main);align-items:baseline;gap:.45rem;font-size:2.4rem;font-weight:700;line-height:1;display:flex}.beats small{font-family:var(--ui);color:var(--text);font-size:.95rem;font-weight:400}.lb-chart{background:var(--bg-2);border-radius:.8rem;margin-bottom:1rem;padding:.9rem 1rem 1rem}.lb-chart-head{color:var(--sub);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.3rem;font-size:.8rem;display:flex}.lb-filters{flex-wrap:wrap;align-items:flex-end;gap:1.4rem;display:flex}.lb-filter{flex-direction:column;gap:.3rem;display:flex}.lb-filter>small{color:var(--sub);letter-spacing:.08em;font-size:.68rem}.lb-medal{object-fit:contain;filter:drop-shadow(0 2px 4px #00000059);width:auto;height:34px}.lb-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.lb-item{background:var(--bg-2);border-radius:.6rem;grid-template-columns:2.4rem minmax(9rem,1.1fr) 2fr 2.2rem;align-items:center;gap:.9rem;padding:.5rem .8rem;display:grid}.lb-item.me{box-shadow:inset 0 0 0 2px var(--main)}.lb-item .lb-rank{font-family:var(--font);color:var(--sub);text-align:center;font-size:1rem}.lb-item.top1 .lb-rank,.lb-item.top2 .lb-rank,.lb-item.top3 .lb-rank{font-size:1.3rem}.lb-who{align-items:center;gap:.6rem;min-width:0;display:flex}.lb-who img{border-radius:50%;flex:none}.lb-who>span{flex-direction:column;min-width:0;display:flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-name small{color:var(--sub)}.report{flex:none;display:inline-flex;position:relative}.report-btn{color:var(--sub);opacity:0;padding:2px;transition:opacity .15s,color .15s;display:inline-flex}.report-btn svg{width:.8rem;height:.8rem}.lb-item:hover .report-btn,.report-btn:focus-visible,.report-btn[aria-expanded=true]{opacity:1}.report-btn:hover{color:var(--error)}@media (hover:none){.report-btn{opacity:.6}}.report-menu{z-index:20;background:var(--bg);min-width:160px;box-shadow:0 0 0 1px var(--sub-alt), 0 10px 26px #00000059;border-radius:.5rem;flex-direction:column;padding:.3rem;display:flex;position:absolute;top:calc(100% + .3rem);left:0}.report-menu button{text-align:left;color:var(--text);border-radius:.35rem;padding:.45rem .6rem;font-size:.8rem}.report-menu button:hover{background:var(--sub-alt)}.lb-meta{font-family:var(--font);color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.lb-bar{background:var(--sub-alt);border-radius:4px;height:26px;position:relative;overflow:hidden}.lb-fill{background:var(--sub);opacity:.5;border-radius:0 4px 4px 0;transition:width .4s;position:absolute;inset:0 auto 0 0}.lb-item.top1 .lb-fill,.lb-item.me .lb-fill{background:var(--main);opacity:.85}.lb-val{font-family:var(--font);color:var(--text);font-size:.8rem;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.lb-item.top1 .lb-val,.lb-item.me .lb-val{color:var(--bg);font-weight:700}.lb-item .lb-grade{font-family:var(--font);color:var(--main);text-align:right;font-weight:700}@media (max-width:800px){.lb-item{grid-template-columns:2rem minmax(0,1fr) 1.2fr 1.8rem;gap:.6rem}.lb-meta{display:none}}.tile-rank.lyric-tag{background:var(--main);color:var(--bg);font-family:var(--ui)}input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}input[type=search]::-webkit-search-decoration{appearance:none;display:none}.search-box input[type=search]{padding-right:2.8rem}.search-clear{width:1.9rem;height:1.9rem;color:var(--sub);border-radius:.4rem;place-items:center;line-height:0;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.search-clear:hover,.search-clear:focus-visible{color:var(--text);background:var(--bg);outline:none}.search-clear svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:1rem;height:1rem;display:block}.logo img{width:2.5rem;height:2.5rem;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-hero{margin:-.4rem 0 1.4rem}.home-hero h1{letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.55rem;font-weight:600}.home-hero p{color:var(--sub);max-width:720px;margin:0;font-size:.9rem;line-height:1.55}.site-footer{border-top:1px solid var(--sub-alt);color:var(--sub);flex-direction:column;gap:.6rem;margin-top:3.5rem;padding-top:1.4rem;font-size:.78rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:1.2rem;display:flex}.site-footer a{color:var(--sub);text-decoration:none}.site-footer a:hover{color:var(--text)}.site-footer p{margin:0}.site-footer .credits{flex-wrap:wrap;gap:.45rem;display:flex}.site-footer .credits a{color:var(--main)}.site-footer .credits a:hover{color:var(--text)}body.playing .site-footer{display:none}.guide{max-width:760px;line-height:1.7}.guide-hero h1{letter-spacing:-.02em;margin:.2rem 0 .6rem;font-size:2.2rem;font-weight:600;line-height:1.15}.guide-lead{color:var(--text);opacity:.9;margin:0 0 1.2rem;font-size:1.05rem}.guide-body h2,.guide-faq h2{color:var(--sub);margin:2.2rem 0 .5rem;font-size:1.2rem;font-weight:400}.guide-body li{margin-bottom:.4rem}.guide-body b,.guide-lead b{color:var(--main);font-weight:500}.guide-faq details{background:var(--bg-2);border-radius:.6rem;margin-bottom:.5rem;padding:.8rem 1rem}.guide-faq summary{cursor:pointer;font-weight:500}.guide-faq details p{color:var(--text);opacity:.85;margin:.6rem 0 0}.inline-icon{vertical-align:-.15em;width:1em;height:1em}.kbd-icon{place-items:center;padding:.1em .25em;display:inline-grid}.kbd-icon svg{stroke-width:3px;width:.9em;height:.9em}.back{align-items:center;gap:.25rem;line-height:1;display:inline-flex}.back svg{flex:none;width:1rem;height:1rem;display:block}.tile-play-label{align-items:center;gap:.15rem;line-height:1;display:inline-flex}.tile-play-label svg{width:1rem;height:1rem;display:block}.user-chip .user-icon{width:26px;height:26px;color:var(--text);border-radius:50%;padding:4px}.user-chip.signed-out{padding:.3rem}.user-chip.signed-out .user-icon{width:30px;height:30px;padding:5px}.dropdown{position:relative}.dropdown-btn{background:var(--sub-alt);height:100%;min-height:2.4rem;color:var(--text);white-space:nowrap;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.6rem;padding:0 .75rem 0 .9rem;font-size:.88rem;transition:box-shadow .15s,background .15s;display:inline-flex}.dropdown-btn:hover{background:color-mix(in srgb, var(--text) 10%, var(--sub-alt))}.dropdown-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--sub);outline:none}.dropdown.open .dropdown-btn{box-shadow:inset 0 0 0 2px var(--main)}.dropdown-chevron{width:1rem;height:1rem;color:var(--sub);flex:none;transition:transform .2s}.dropdown.open .dropdown-chevron{color:var(--main);transform:rotate(180deg)}.dropdown-menu{z-index:30;background:var(--bg);min-width:100%;max-height:320px;box-shadow:0 0 0 1px var(--sub-alt), 0 12px 32px #00000059;border-radius:.6rem;margin:0;padding:.35rem;list-style:none;animation:.12s dd-in;position:absolute;top:calc(100% + .4rem);overflow-y:auto}.dropdown-menu.right{right:0}.dropdown-menu.left{left:0}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)}}.dropdown-menu li{color:var(--text);cursor:pointer;white-space:nowrap;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1.2rem;padding:.5rem .7rem;font-size:.88rem;display:flex}.dropdown-menu li.active{background:var(--sub-alt)}.dropdown-menu li.selected{color:var(--main)}.dropdown-menu li svg{width:.95rem;height:.95rem;color:var(--main);flex:none}.country-pick .dropdown-btn{min-width:8.5rem}.dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--sub) transparent}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--sub);border-radius:3px}.run-page{justify-content:center;display:flex}.run-card{grid-template-columns:260px 1fr;align-items:start;gap:2.4rem;width:100%;max-width:900px;display:grid}.run-art{aspect-ratio:1;border-radius:.9rem;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.run-art img{object-fit:cover}.run-info h1{margin:.8rem 0 .2rem;font-size:2rem;line-height:1.15}.run-artist{color:var(--sub);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;display:flex}.run-score{align-items:baseline;gap:1rem;display:flex}.run-score .grade{font-size:4.5rem}.run-points{font-family:var(--font);color:var(--text);font-size:2.6rem}.run-stats{grid-template-columns:repeat(4,1fr)}.run-standing{color:var(--sub);margin:0 0 1.4rem}.run-standing b{color:var(--main);font-weight:600}@media (max-width:800px){.run-card{grid-template-columns:1fr}.run-art{max-width:220px}}.share-run{background:var(--bg-2);border-radius:.8rem;margin:1rem 0;padding:1rem 1.1rem}.share-run h3{color:var(--sub);margin:0 0 .8rem;font-size:1rem;font-weight:400}.share-panel{flex-direction:column;gap:1rem;display:flex}.share-cards{flex-direction:column;gap:.9rem;display:flex}.story-preview{aspect-ratio:9/16;object-fit:cover;background:var(--sub-alt);border-radius:.6rem;flex:none;width:112px;box-shadow:0 8px 22px #00000059}.share-cards-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.share-cards-actions .btn svg{width:1.05rem;height:1.05rem}.wide-preview{border-radius:.7rem;width:100%;max-width:520px;display:block}.share-cards-actions{flex-flow:wrap;align-items:center}.share-x{color:#fff;background:#000}.share-x:hover{color:#fff!important;background:#222!important}.share-insta{color:#fff;background:linear-gradient(90deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4)}.share-insta:hover:not(:disabled){filter:brightness(1.1);color:#fff!important;background:linear-gradient(90deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4)!important}.share-links{flex-wrap:wrap;gap:.45rem;display:flex}.share-link{background:var(--sub-alt);color:var(--text);border-radius:.5rem;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.82rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.share-link svg{width:1rem;height:1rem}.share-link:hover{background:color-mix(in srgb, var(--text) 14%, var(--sub-alt))}.share-link.net-whatsapp svg{color:#25d366}.share-link.net-facebook svg{color:#1877f2}.share-link.net-telegram svg{color:#29a9eb}.share-link.net-reddit svg{color:#ff4500}.share-link.net-instagram svg{color:#e1306c}.share-link:disabled{opacity:.6;cursor:default}.share-btn-wrap{position:relative}.share-btn svg{width:1rem;height:1rem}.share-btn.on{box-shadow:inset 0 0 0 2px var(--main)}.share-popover{z-index:30;background:var(--bg);width:min(340px,90vw);box-shadow:0 0 0 1px var(--sub-alt), 0 14px 36px #0006;border-radius:.8rem;padding:.9rem;animation:.12s dd-in;position:absolute;top:calc(100% + .5rem);left:0}.share-panel.compact .share-link{flex:calc(50% - .45rem)}@media (max-width:600px){.topbar{gap:.6rem}.logo-text{font-size:1.5rem}.logo-text small{display:none}.logo img{width:2rem;height:2rem}.nav{gap:0}.icon-btn{width:2.1rem;height:2.1rem}.user-chip .user-name{display:none}.user-chip{padding:.3rem}}.tile-wrap{min-width:0;position:relative}.tile-wrap .tile{height:100%}.heart-btn{color:var(--text);align-items:center;gap:.45rem;display:inline-flex}.heart-btn svg{width:1.1rem;height:1.1rem;transition:transform .15s,fill .15s,color .15s}.heart-btn.on svg{fill:#ef4f6b;color:#ef4f6b}.heart-btn:active svg{transform:scale(.85)}.tile-heart{z-index:3;color:#fff;opacity:0;justify-content:center;width:2rem;height:2rem;transition:opacity .15s;position:absolute;top:.35rem;right:.35rem}.tile-wrap:hover .tile-heart,.tile-wrap:focus-within .tile-heart,.tile-heart.on{opacity:1}.tile-heart svg{filter:drop-shadow(0 1px 3px #000000b3);width:1.25rem;height:1.25rem}.tile-heart:hover svg{transform:scale(1.12)}@media (hover:none){.tile-heart{opacity:1}}.tile-preview{top:auto;bottom:.45rem}.page-title{margin:0;font-size:1.4rem;font-weight:600}.empty-state{text-align:center;color:var(--sub);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.empty-state .empty-icon{width:2.6rem;height:2.6rem;color:var(--sub)}.empty-state p{max-width:360px;margin:0}.home-hero .hero-short{display:none}@media (max-width:600px){.home-hero .hero-long{display:none}.home-hero .hero-short{display:block}.home-hero h1{font-size:1.3rem}.options-grid{grid-template-columns:1fr;gap:.4rem}.opt-label{padding-top:0}.level-pick{flex-wrap:nowrap;gap:.35rem;width:100%}.level-pick button{flex:1 1 0;min-width:0;padding:.45rem .3rem;font-size:.82rem}.level-pick button small{white-space:nowrap;font-size:.62rem}.wide-only{display:none}}.game-input{opacity:0;caret-color:#0000;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:0;left:0}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.kbd-only{display:none!important}.touch-only{display:inline}}.pause-btn{background:var(--sub-alt);width:2.2rem;height:2.2rem;color:var(--text);border-radius:.5rem;align-self:center;place-items:center;display:grid}.pause-btn svg{width:1rem;height:1rem}.pause-btn:hover{background:color-mix(in srgb, var(--text) 14%, var(--sub-alt))}@media (max-width:600px){.game-head{flex-wrap:wrap;gap:.5rem}.song-meta{width:100%;font-size:.95rem}.live-stats{justify-content:space-between;gap:.5rem;width:100%}.live-stats span{font-size:1.15rem}.viewport{height:44dvh;min-height:220px}.line{column-gap:.5em;padding-left:2.4rem;font-size:1.15rem}.line .ts{font-size:.6rem;top:.7rem}.caret,.song-caret{height:1.5rem}.ready-title{font-size:1.6rem}.ready-legend{gap:.8rem}.modal{width:min(92vw,360px);min-width:0;padding:1.3rem}.modal .btn{width:100%;padding:.8rem}}.pill.muted{background:var(--sub-alt);color:var(--sub)}.pb-title .pill{margin-left:.35rem}.pause-reason{max-width:300px;color:var(--sub);opacity:.75;margin:-.5rem 0 1rem;font-size:.78rem}.nf{text-align:center;place-items:center;min-height:64vh;padding:2rem 1rem;display:grid}.nf-inner{z-index:1;flex-direction:column;align-items:center;gap:.8rem;max-width:620px;display:flex;position:relative}.nf-inner>*{animation:.65s cubic-bezier(.22,1,.36,1) both nf-rise}.nf-inner>:nth-child(2){animation-delay:70ms}.nf-inner>:nth-child(3){animation-delay:.14s}.nf-inner>:nth-child(4){animation-delay:.21s}.nf-inner>:nth-child(5){animation-delay:.28s}.nf-kicker{color:var(--sub);letter-spacing:.18em;align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:inline-flex}.nf-code{font-family:var(--font);letter-spacing:-.04em;align-items:center;gap:.04em;font-size:clamp(4.5rem,20vw,10rem);font-weight:700;line-height:1;display:flex}.nf-code>span:not(.nf-disc){background-image:linear-gradient(100deg, var(--main) 20%, color-mix(in oklab, var(--main) 35%, var(--text)) 50%, var(--main) 80%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:5.5s linear infinite nf-shimmer}.nf-disc{filter:drop-shadow(0 10px 30px #00000059);background:url(/brand/cd.webp) 50%/contain no-repeat;border-radius:50%;width:1em;height:1em;margin:0 .02em;animation:6s linear infinite nf-spin}.nf-line{font-family:var(--font);color:var(--text);min-height:1.6em;margin:.2rem 0 0;font-size:clamp(1rem,3.4vw,1.3rem)}.nf-caret{background:var(--caret);vertical-align:-.18em;width:.5ch;height:1.15em;margin-left:.12em;animation:1.05s step-end infinite blink;display:inline-block}.nf-sub{margin:0}.nf-actions{margin-top:.9rem}@keyframes nf-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes nf-shimmer{to{background-position:-250% 0}}@keyframes nf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nf-inner>*,.nf-code>span,.nf-disc,.nf-caret{animation:none}.nf-code>span:not(.nf-disc){background-position:0 0}}