*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#07020f;font-family:Segoe UI,system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}#stage-root,#stage-root canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}body{overscroll-behavior:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.hidden{display:none!important}.menu-panel{position:relative;background:#0a0418d1;border:1px solid rgba(255,140,40,.35);border-radius:18px;padding:34px 42px;width:min(640px,92vw);max-height:88vh;overflow-y:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 60px #ff64142e,0 0 120px #7828ff26;text-align:center}.menu-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#cbb8ff;font-size:17px;cursor:pointer}.menu-close:hover{border-color:#ff962899;color:#ffce9a}.logo{font-size:56px;font-weight:900;letter-spacing:4px;font-style:italic;line-height:1}.logo-tiger{color:#ff9a2a;text-shadow:0 0 18px rgba(255,140,30,.9),0 0 50px rgba(255,90,0,.5)}.logo-time{color:#b98cff;text-shadow:0 0 18px rgba(150,80,255,.9),0 0 50px rgba(120,40,255,.5)}.tagline{margin:10px 0 24px;color:#cbb8ff;letter-spacing:2px;font-size:13px;text-transform:uppercase;opacity:.85}.song-list{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;text-align:left}.song-row{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 16px;transition:border-color .15s,background .15s}.song-row:hover{background:#ff962817;border-color:#ff962880}.song-name{flex:1;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta{font-size:12px;color:#9f8fd0;margin-top:2px;font-weight:400}.diff-btns{display:flex;gap:6px}.diff-btn{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:1px}.diff-btn:hover{transform:translateY(-1px)}.diff-easy:hover{background:#1e9e5a;border-color:#2fd97f}.diff-normal:hover{background:#b07818;border-color:#ffb226}.diff-hard:hover{background:#b0263a;border-color:#ff4d68}.song-del{border:none;background:none;color:#6b5d95;font-size:16px;cursor:pointer;padding:4px 6px}.song-del:hover{color:#ff6a6a}.menu-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.options-row{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.btn{background:linear-gradient(135deg,#ff8c1a,#ff5e2e);color:#1c0a00;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:800;letter-spacing:.5px;cursor:pointer;box-shadow:0 0 22px #ff781473;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 34px #ff8c1eb3}.btn-dim{background:#ffffff1a;color:#e7defc;box-shadow:none;border:1px solid rgba(255,255,255,.18)}.speed-label{font-size:13px;color:#cbb8ff;display:flex;align-items:center;gap:8px}.speed-label select{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 10px;font-size:13px}.speed-label select option{background:#14082b}.hint{margin-top:20px;font-size:11.5px;color:#7d6faa;letter-spacing:.4px}.busy-panel{display:flex;flex-direction:column;align-items:center;gap:18px;background:#0a0418e6;border:1px solid rgba(255,140,40,.35);border-radius:18px;padding:40px 60px;font-size:15px;color:#ffd9ad;letter-spacing:1px}.busy-spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,140,40,.2);border-top-color:#ff9a2a;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-panel{text-align:center}.grade{font-size:110px;font-weight:900;font-style:italic;line-height:1;color:#ffce54;text-shadow:0 0 30px rgba(255,190,40,.9),0 0 90px rgba(255,120,0,.5)}.result-title{font-size:20px;font-weight:700;margin-top:10px}.result-acc{font-size:34px;font-weight:800;color:#b98cff;margin:8px 0 18px}.result-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px}.stat-cell{background:#ffffff0d;border-radius:10px;padding:10px 4px}.stat-label{font-size:11px;letter-spacing:1px;color:#9f8fd0;text-transform:uppercase}.stat-value{font-size:20px;font-weight:800;margin-top:3px}.intro{flex-direction:column;background:radial-gradient(ellipse at 50% 70%,#14062d40,#04010cb8);cursor:pointer}.intro-inner{text-align:center}.intro-logo{font-size:clamp(64px,11vw,150px);font-weight:900;font-style:italic;letter-spacing:6px;line-height:1;animation:introPulse 1.9s ease-in-out infinite}@keyframes introPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.intro-sub{margin-top:18px;font-size:clamp(13px,1.6vw,20px);letter-spacing:10px;color:#cbb8ff;opacity:.85}.intro-prompt{margin-top:9vh;font-size:clamp(15px,2vw,24px);font-weight:800;letter-spacing:4px;color:#ffce9a;text-shadow:0 0 16px rgba(255,150,40,.8);animation:promptBlink 1.4s ease-in-out infinite}@keyframes promptBlink{0%,to{opacity:1}50%{opacity:.35}}.tab-bar{display:flex;gap:10px;margin-bottom:20px}.tab{flex:1;padding:11px 10px;font-size:14px;font-weight:800;letter-spacing:1px;color:#cbb8ff;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tab:hover{border-color:#ff962880}.tab.active{background:linear-gradient(135deg,#ff8c1a,#ff5e2e);color:#1c0a00;border-color:transparent;box-shadow:0 0 20px #ff781466}.lb-list{display:flex;flex-direction:column;gap:7px;margin-bottom:22px;text-align:left;max-height:50vh;overflow-y:auto}.lb-row{display:grid;grid-template-columns:34px 1fr auto auto auto;gap:12px;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 14px;font-size:14px}.lb-row.lb-top{border-color:#ffce548c;background:#ffbe2814}.lb-rank{font-weight:900;font-style:italic;color:#ffce54;font-size:17px}.lb-song{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-song .lb-diff{color:#9f8fd0;font-size:11px;margin-left:7px;letter-spacing:1px}.lb-score{font-weight:800;color:#fff}.lb-acc{color:#b98cff;font-size:13px}.lb-grade{font-weight:900;font-style:italic;color:#ffce54;font-size:18px}.lb-empty{text-align:center;color:#9f8fd0;padding:30px 0}.song-best{font-size:11.5px;color:#ffce54;margin-top:2px;font-weight:600}.new-record{font-size:22px;font-weight:900;font-style:italic;letter-spacing:3px;color:#ffe066;text-shadow:0 0 20px rgba(255,220,80,.9);margin-bottom:8px;animation:promptBlink .9s ease-in-out infinite}.new-record.fail{color:#ff5a6a;text-shadow:0 0 20px rgba(255,60,90,.9)}.expert-label input{accent-color:#ff5e2e;width:16px;height:16px;cursor:pointer}.offset-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:16px;line-height:1;cursor:pointer}.offset-btn:hover{border-color:#ff962899;color:#ffce9a}.offset-value{min-width:52px;text-align:center;font-weight:700;color:#ffce9a}.beat-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ffce54;box-shadow:0 0 12px #ffce54e6;opacity:.4}.rotate-overlay{display:none}@media(pointer:coarse)and (orientation:portrait){.rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;align-items:center;justify-content:center;text-align:center;background:#04010cf7}}.rotate-icon{font-size:64px;animation:rotateHint 2s ease-in-out infinite}@keyframes rotateHint{0%,55%,to{transform:rotate(0)}25%,35%{transform:rotate(90deg)}}.rotate-title{margin-top:18px;font-size:26px;font-weight:900;font-style:italic;color:#ffce9a}.rotate-sub{margin-top:8px;font-size:14px;color:#9f8fd0;letter-spacing:1px}.fs-btn{position:fixed;top:10px;left:10px;z-index:25}.game-controls{position:fixed;top:10px;left:64px;display:flex;gap:10px;z-index:8}.gc-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#14082899;color:#e7defc;font-size:20px;cursor:pointer}.gc-btn:active{background:#ff8c2866}@media(pointer:fine){.game-controls{display:none!important}}@media(max-height:540px){.menu-panel{padding:14px 18px;max-height:94vh}.logo{font-size:30px;letter-spacing:2px}.tagline{font-size:9px;margin:4px 0 10px;letter-spacing:1px}.tab-bar{margin-bottom:10px}.tab{padding:7px 8px;font-size:12px}.song-list{gap:6px;margin-bottom:10px}.song-row{padding:7px 10px;gap:8px}.song-name{font-size:13px}.song-meta,.song-best{font-size:10px}.diff-btn{padding:5px 8px;font-size:10px}.btn{padding:8px 14px;font-size:12px}.speed-label{font-size:11px}.speed-label select{padding:5px 7px;font-size:11px}.offset-btn{width:26px;height:26px;font-size:14px}.offset-value{min-width:44px}.hint{display:none}.grade{font-size:64px}.result-title{font-size:15px;margin-top:4px}.result-acc{font-size:22px;margin:4px 0 10px}.stat-cell{padding:6px 3px}.stat-label{font-size:9px}.stat-value{font-size:14px}.new-record{font-size:15px;letter-spacing:1px}.result-stats{gap:5px;margin-bottom:12px}.lb-row{padding:6px 10px;font-size:12px;gap:8px}.lb-rank{font-size:14px}.lb-grade{font-size:15px}.lb-list{max-height:42vh}}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);pointer-events:none;background:#140828eb;border:1px solid rgba(255,150,40,.5);color:#ffd9ad;border-radius:10px;padding:12px 22px;font-size:14px;z-index:30;transition:opacity .3s}body.drag-over:after{content:"Drop your track to take the stage";position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ff821424;border:3px dashed rgba(255,160,60,.8);font-size:28px;font-weight:800;color:#ffce9a;z-index:50;pointer-events:none}