:root{--bg:#090909;--panel:#191919;--cell:#292929;--rule:#383838;--border:#535353;--muted:#a8a8a8;--ink:#f5f5f0;--yellow:#ffd335;--on-yellow:#090909;--on-yellow-muted:#29230d;--green:#59bd65;--red:#e25853;--blue:#548ed8;--orange:#f29a47;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-scale:1;--t-focus:.12s;--t-enter:.28s}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}input,select{font:inherit}#app{position:fixed;inset:0}.screen{background:var(--bg);position:absolute;inset:0;overflow:hidden}.stage{width:var(--stage-w,1440px);height:var(--stage-h,900px);transform:translate(-50%, -50%) scale(var(--ui-scale));transform-origin:50%;animation:stage-enter var(--t-enter) cubic-bezier(.2, .7, .2, 1) both;position:absolute;top:50%;left:50%}@keyframes stage-enter{0%{opacity:0;transform:translate(calc(-50% + 40px * var(--ui-scale)), -50%) scale(var(--ui-scale))}to{opacity:1;transform:translate(-50%, -50%) scale(var(--ui-scale))}}.stage>*{position:absolute}@media (prefers-reduced-motion:reduce){.stage{animation:none}*{transition-duration:0s!important}}.crumb{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:14px;line-height:18px}.crumb b{color:var(--ink);font-weight:400}.crumb.yellow{color:var(--yellow)}.label{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;font-size:13px;line-height:16px}.label.yellow{color:var(--yellow)}.display{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-weight:800}.h1{font-family:var(--display);color:var(--ink);text-transform:uppercase;white-space:nowrap;font-size:80px;font-weight:800;line-height:82px}.h1.tight{font-size:72px;line-height:80px}.h2{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:48px;font-weight:700;line-height:58px}.sub{color:var(--muted);font-size:17px;line-height:22px}.body{color:var(--muted);font-size:15px;line-height:24px}.stars{color:var(--yellow);letter-spacing:.02em;white-space:nowrap}.stars.gold{color:#fff3b0;text-shadow:0 0 10px #ffd335b3}.hdr{justify-content:space-between;align-items:center;display:flex;top:32px;left:48px;right:48px}.hdr .left,.hdr .right{align-items:center;gap:24px;display:flex}.hdr .gc{font-family:var(--display);color:var(--yellow);font-size:28px;font-weight:900;line-height:34px}.dot{background:var(--yellow);border-radius:50%;flex-shrink:0;width:7px;height:7px}.foot{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;height:64px;display:flex;bottom:16px;left:48px;right:48px}.foot .hints{color:var(--ink);align-items:center;gap:28px;font-size:15px;line-height:18px;display:flex}.foot .hint{align-items:center;gap:10px;display:flex}.foot .hint i{border-radius:50%;width:20px;height:20px;display:inline-block}.foot .hint i.g{background:var(--green)}.foot .hint i.r{background:var(--red)}.foot .tag{color:var(--muted);text-transform:uppercase;font-size:15px;line-height:18px}.slab{background:var(--yellow);color:var(--on-yellow);height:64px;font-family:var(--display);text-transform:uppercase;transition:filter var(--t-focus);justify-content:space-between;align-items:center;padding-inline:32px;font-size:30px;font-weight:800;line-height:36px;display:flex}.slab .kbd{font-family:var(--body);text-transform:none;font-size:16px;font-weight:400;line-height:20px}.slab:hover{filter:brightness(1.06)}.slab:disabled{background:var(--rule);color:var(--muted);cursor:default;filter:none}.slab.center{justify-content:center}.ghost{border:1px solid var(--border);color:var(--ink);transition:border-color var(--t-focus), background var(--t-focus);justify-content:center;align-items:center;padding:16px 24px;font-size:16px;line-height:20px;display:inline-flex}.ghost:hover,.ghost.selected{border-color:var(--ink)}.ghost.small{padding:12px 18px;font-size:14px;line-height:18px}.ghost.display{font-family:var(--display);height:66px;padding:0 24px;font-size:28px;font-weight:700;line-height:34px}.ghost.yellow{border-color:var(--yellow);color:var(--yellow)}.link{color:var(--muted);cursor:pointer;font-size:14px;line-height:18px}.link:hover{color:var(--ink)}.menu{flex-direction:column;gap:0;display:flex}.menu .item{width:510px;height:68px;color:var(--ink);font-family:var(--display);text-transform:uppercase;transition:background var(--t-focus), color var(--t-focus), transform var(--t-focus);align-items:center;gap:24px;padding:0 28px;font-size:40px;font-weight:700;line-height:48px;display:flex}.menu .item .n{font-family:var(--body);width:32px;color:var(--muted);text-transform:none;flex-shrink:0;font-size:14px;font-weight:400;line-height:18px}.menu .item .t{flex:1}.menu .item .arrow{font-family:var(--body);opacity:0;font-size:30px;line-height:36px}.menu .item.selected{background:var(--yellow);color:var(--on-yellow);letter-spacing:-.015em;height:88px;font-size:48px;font-weight:800;line-height:58px}.menu .item.selected .n{color:var(--on-yellow)}.menu .item.selected .arrow{opacity:1}.menu .item.dim{color:var(--muted);font-size:28px;font-weight:600;line-height:34px}.menu .item.selected.dim{color:var(--on-yellow)}.thead{align-items:center;padding-inline:20px;display:flex}.thead span{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;flex-shrink:0;font-size:13px;line-height:16px}.tbody{scrollbar-width:thin;scrollbar-color:var(--rule) transparent;overflow-y:auto}.trow{border-bottom:1px solid var(--rule);cursor:pointer;height:68px;transition:background var(--t-focus);align-items:center;padding-inline:20px;display:flex}.trow>*{flex-shrink:0}.trow .n{color:var(--muted);font-size:14px;line-height:18px}.trow .grow{flex:auto;min-width:0}.trow .title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:500;line-height:24px;overflow:hidden}.trow .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:14px;line-height:18px;overflow:hidden}.trow .val{color:var(--ink);font-size:16px;line-height:20px}.trow .right{text-align:right}.trow .stars{font-size:17px;line-height:22px}.trow:hover{background:var(--panel)}.trow.selected{background:var(--yellow)}.trow.selected .n,.trow.selected .title,.trow.selected .val,.trow.selected .stars{color:var(--on-yellow)}.trow.selected .title{font-weight:700}.trow.selected .sub{color:var(--on-yellow-muted)}.trow.muted .title{color:var(--muted)}.search{background:var(--panel);border:1px solid var(--rule);align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px;line-height:20px}.search input::placeholder{color:var(--muted)}.search:focus-within{border-color:var(--border)}.sortbox{border:1px solid var(--rule);height:56px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:0 20px;font-size:16px;display:flex;position:relative}.sortbox select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--ink);border:1px solid var(--border);cursor:pointer;transition:background var(--t-focus), color var(--t-focus);padding:12px 18px;font-size:16px;line-height:20px}.chip.selected{background:var(--ink);color:var(--on-yellow);border-color:var(--ink)}.chip.plain{color:var(--muted);border-color:#0000}.chip.unavailable{opacity:.35;pointer-events:none}.seg{border:1px solid var(--border);display:inline-flex}.seg .opt{color:var(--ink);cursor:pointer;transition:background var(--t-focus);padding:13px 19px;font-size:15px;line-height:18px}.seg .opt.selected{background:var(--yellow);color:var(--on-yellow);font-weight:700}.seg .opt.unavailable{opacity:.35;pointer-events:none}.tabs{display:inline-flex}.tabs .tab{color:var(--ink);border:1px solid var(--border);cursor:pointer;padding:14px 24px;font-size:17px;line-height:22px}.tabs .tab.selected{background:var(--ink);color:var(--on-yellow);border-color:var(--ink)}.toggle{background:var(--rule);cursor:pointer;width:62px;height:32px;transition:background var(--t-focus);border-radius:16px;flex-shrink:0;padding:4px;display:flex}.toggle i{background:var(--muted);width:24px;height:24px;transition:transform var(--t-focus), background var(--t-focus);border-radius:50%}.toggle.on{background:var(--yellow)}.toggle.on i{background:var(--on-yellow);transform:translate(30px)}.slider{flex-shrink:0;width:330px;height:20px;position:relative}.slider input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider .track{background:var(--border);height:4px;position:absolute;top:8px;left:0;right:0}.slider .knob{background:var(--ink);pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;top:0;transform:translate(-50%)}.slider.accent .knob{background:var(--yellow)}.bar{background:var(--rule);height:6px}.bar i{background:var(--yellow);width:0;height:100%;transition:width .2s;display:block}.bar.thin{height:4px}.bar.grey i{background:var(--muted)}.textin{background:var(--panel);border:1px solid var(--rule);color:var(--ink);outline:0;width:220px;padding:10px 14px;font-size:16px}.textin:focus{border-color:var(--border)}.selectin{background:var(--panel);border:1px solid var(--border);color:var(--ink);outline:0;padding:10px 14px;font-size:16px}.srow{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;width:100%;min-height:92px;padding:14px 0;display:flex}.settings-page{scrollbar-width:none}.settings-page::-webkit-scrollbar{display:none}.srow:last-child{border-bottom:1px solid var(--rule)}.srow .text{flex-direction:column;flex-shrink:0;gap:10px;width:470px;display:flex}.srow .name{color:var(--ink);font-size:21px;font-weight:500;line-height:26px}.srow .desc{color:var(--muted);font-size:15px;line-height:18px}.srow .value{font-family:var(--display);color:var(--ink);text-align:right;flex-shrink:0;width:144px;font-size:34px;font-weight:700;line-height:42px}.srow .ctl{align-items:center;gap:16px;display:flex}.tabcol{flex-direction:column;gap:8px;width:248px;display:flex;top:244px;left:48px}.tabcol .tab{font-family:var(--display);color:var(--ink);text-transform:uppercase;transition:background var(--t-focus), color var(--t-focus);padding:18px 20px;font-size:28px;font-weight:700;line-height:34px}.tabcol .tab.selected{background:var(--yellow);color:var(--on-yellow)}.card{background:var(--panel);border:1px solid var(--rule)}.fretcard{background:var(--panel);border-top:4px solid var(--rule);cursor:pointer;flex-direction:column;gap:18px;width:196px;height:144px;padding:20px;display:flex}.fretcard .name{color:var(--ink);font-size:16px;line-height:20px}.fretcard .row{justify-content:space-between;align-items:center;display:flex}.fretcard .key{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:48px;font-weight:700;line-height:58px}.fretcard .rebind{color:var(--muted);text-transform:uppercase;font-size:13px;line-height:16px}.fretcard.listening .key{color:var(--yellow);animation:.8s infinite blink}.fretcard.dup{border-top-color:var(--red)!important}.bindrow{border-bottom:1px solid var(--rule);cursor:pointer;justify-content:space-between;align-items:center;width:100%;height:58px;display:flex}.bindrow .name{color:var(--ink);font-size:18px;line-height:22px}.bindrow .key{color:var(--muted);text-align:right;width:160px;font-size:18px;line-height:22px}.bindrow.listening .key{color:var(--yellow);animation:.8s infinite blink}.bindrow.dup .key{color:var(--red)}@keyframes blink{50%{opacity:.35}}.calcell{background:var(--cell);border:1px solid var(--border);width:53px;height:38px;transition:background var(--t-focus)}.calcell.beat{border-color:var(--muted)}.calcell.hit{background:var(--yellow);border-color:var(--yellow)}.calcell.late{background:var(--orange);border-color:var(--orange)}.calcell.miss{background:var(--red);border-color:var(--red)}.stageart{background:radial-gradient(circle at 60% 32%,#3b3a2c 0%,#1a1a17 32%,#0f0f0f 72%);justify-content:flex-end;align-items:flex-start;width:800px;height:820px;display:flex;overflow:hidden}.stageart svg{flex-shrink:0;display:block}.state{background:var(--panel);border:1px solid var(--rule);flex-direction:column;gap:14px;width:432px;padding:22px 24px;display:flex}.state .k{letter-spacing:.1em;color:var(--yellow);text-transform:uppercase;font-size:12px;line-height:16px}.state .t{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:30px;font-weight:700;line-height:32px}.state .d{color:var(--muted);font-size:15px;line-height:24px}.state .btn{background:var(--yellow);height:44px;color:var(--on-yellow);font-family:var(--display);text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;margin-top:6px;font-size:23px;font-weight:700;line-height:28px;display:flex}.state .btn.secondary{border:1px solid var(--border);color:var(--ink);background:0 0}.overlay{z-index:20;background:#090909c7;position:absolute;inset:0}.dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay>.stage{animation:none}.game canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.game video.bgvideo{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.game .hud.stage{pointer-events:none;animation:none}.game .overlay{pointer-events:auto}.hud .progress{background:var(--rule);height:3px;top:118px;left:48px;right:48px}.hud .progress i{background:var(--ink);width:0;height:100%;display:block}.hud .scorebox{flex-direction:column;gap:12px;width:250px;display:flex;top:206px;left:80px}.hud .scorebox .num{font-family:var(--display);color:var(--ink);white-space:nowrap;font-size:76px;font-weight:800;line-height:78px}.hud .scorebox .stars{letter-spacing:.08em;font-size:26px;line-height:32px}.hud .stars span{color:var(--rule)}.hud .stars span.lit{color:var(--yellow)}.hud .stars.gold span.lit{color:#fff3b0;text-shadow:0 0 12px #ffd335cc}.hud .streakbox{flex-direction:column;gap:8px;display:flex;top:436px;left:80px}.hud .streakbox .num{font-family:var(--display);color:var(--ink);font-size:96px;font-weight:800;line-height:96px}.hud .streakbox .num.pop{animation:.18s ease-out pop}@keyframes pop{0%{transform:scale(1.12)}to{transform:scale(1)}}.hud .streakbox .msg{color:var(--yellow);text-transform:uppercase;min-height:34px;padding-top:14px;font-size:16px;line-height:20px}.hud .multbox{flex-direction:column;align-items:center;gap:12px;width:220px;display:flex;top:240px;right:90px}.hud .multbox .num{font-family:var(--display);color:var(--ink);transition:color var(--t-focus);font-size:112px;font-weight:800;line-height:112px}.hud .multbox.sp .num,.hud .multbox.sp .lbl{color:var(--yellow)}.hud .multbox .lbl{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:14px;line-height:18px}.hud .multbox.ready .lbl{color:var(--yellow);animation:.9s infinite blink}.hud .multbox .bar{width:188px;height:8px}.hud .rockbox{flex-direction:column;align-items:center;gap:20px;width:140px;display:flex;top:488px;right:130px}.hud .rockbox .lbl{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:14px;line-height:18px}.hud .rockbox .meter{background:var(--rule);align-items:flex-end;width:18px;height:182px;display:flex}.hud .rockbox .meter i{background:var(--yellow);width:100%;transition:height .12s linear, background var(--t-focus);display:block}.hud .rockbox .meter i.low{background:var(--red)}.hud .rockbox .rockstate{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:26px;font-weight:700;line-height:32px}.hud.paused .gfoot,.hud.paused .pausehint,.hud.paused .songcard,.hud.paused .banner{visibility:hidden}.hud .gfoot{color:var(--muted);justify-content:space-between;font-size:15px;line-height:18px;display:flex;bottom:48px;left:48px;right:48px}.hud .solo{text-align:center;opacity:0;transition:opacity .3s;top:140px;left:50%;transform:translate(-50%)}.hud .solo.show{opacity:1}.hud .solo .pct{font-family:var(--display);color:var(--ink);font-size:56px;font-weight:800;line-height:56px}.hud .solo .lbl{letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;font-size:13px}.hud .banner{font-family:var(--display);color:var(--ink);text-transform:uppercase;white-space:nowrap;opacity:0;font-size:72px;font-weight:800;line-height:72px;top:300px;left:50%;transform:translate(-50%)}.hud .banner.show{animation:1.4s ease-out forwards banner}.hud .banner.sp{color:var(--yellow)}@keyframes banner{0%{opacity:0;transform:translate(-50%,12px)}12%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}.hud .countdown{font-family:var(--display);color:var(--yellow);font-size:120px;font-weight:800;line-height:120px;top:380px;left:50%;transform:translate(-50%)}.hud .lyrics{color:var(--ink);white-space:nowrap;font-size:20px;top:770px;left:50%;transform:translate(-50%)}.hud .songcard{flex-direction:column;gap:6px;display:flex;top:32px;left:48px}.hud .songcard .t{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:34px;font-weight:700;line-height:42px}.hud .songcard .a{color:var(--muted);font-size:14px;line-height:18px}.hud .pausehint{color:var(--muted);font-size:15px;line-height:18px;top:32px;right:48px}.pause-scrim{background:linear-gradient(90deg, var(--bg) 55%, #09090900 100%);width:760px;top:0;bottom:0;left:0}.pause-dim{background:#0909098c;inset:0}.results .countup{font-variant-numeric:tabular-nums}.results .bigstar{color:var(--rule);transition:color .12s;display:inline-block}.results .bigstar.lit{color:var(--yellow);animation:.25s ease-out starin}.results .gold .bigstar.lit{color:#fff3b0;text-shadow:0 0 22px #ffd335cc}@keyframes starin{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.results .secrow{flex-direction:column;gap:14px;display:flex}.results .secrow .line{color:var(--ink);justify-content:space-between;font-size:18px;line-height:22px;display:flex}.results .secrow .line.low span:last-child{color:var(--yellow)}.loading{background:var(--bg);z-index:30;place-items:center;display:grid;position:absolute;inset:0}.loading .inner{text-align:center;max-width:720px}.loading .k{letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;margin-bottom:18px;font-size:14px}.loading .t{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:96px;font-weight:800;line-height:96px}.loading .phrase{color:var(--muted);margin-top:16px;font-size:17px;line-height:24px}.loading .bar{width:320px;margin:28px auto 0;overflow:hidden}.loading .bar i{width:40%;animation:1.1s ease-in-out infinite sweep}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}.toast{background:var(--panel);border:1px solid var(--rule);z-index:100;color:var(--ink);padding:12px 20px;font-size:15px;display:none;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.drop-overlay{z-index:50;border:3px solid var(--yellow);font-family:var(--display);color:var(--ink);text-transform:uppercase;pointer-events:none;background:#ffd33514;place-items:center;font-size:56px;font-weight:800;display:none;position:absolute;inset:0}.drop-overlay.active{display:grid}