:root{--accent:#7bdcff;--accent-2:#ff6ad5;--ink:#eaf2ff;--ink-dim:#8fa2bd;--bg:#05060c;--panel:#0a0e1ad1;--border:#ffffff1f;--ui:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:"Cascadia Mono", Consolas, ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}#scene{outline:none;display:block;position:fixed;inset:0;width:100%!important;height:100%!important}.ca-strip{z-index:30;pointer-events:none;background:linear-gradient(#05060ceb,#05060c8c 70%,#0000);padding:10px 14px 18px;position:fixed;top:0;left:0;right:0}.ca-strip-inner{pointer-events:auto;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1ae0;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:960px;margin:0 auto;padding:8px 12px;display:flex}.ca-strip-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex-shrink:0;font-size:10px;font-weight:600}.ca-strip-code{color:var(--ink);font-family:var(--mono);letter-spacing:.02em;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;max-width:min(52vw,420px);padding:4px 6px;font-size:clamp(10px,1.4vw,12px);overflow:hidden}.ca-strip-code:hover{color:var(--accent);background:#ffffff0f}.ca-strip-actions{flex-wrap:wrap;gap:6px;display:flex}.ca-strip-btn{text-decoration:none;letter-spacing:.1em!important;padding:6px 12px!important;font-size:11px!important}.ca-card{border:1px solid var(--border);text-align:center;background:#080c16b8;border-radius:14px;width:min(560px,88vw);padding:12px 16px}.ca-card>.hud-label{letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.ca-card-code{color:var(--ink);font-family:var(--mono);letter-spacing:.02em;cursor:pointer;word-break:break-all;background:#ffffff0a;border:0;border-radius:10px;width:100%;padding:10px 12px;font-size:clamp(11px,1.5vw,13px);line-height:1.35}.ca-card-code:hover{border-color:var(--accent);color:var(--accent);background:#7bdcff14}.mono{font-family:var(--mono)}#screen-title{padding-top:clamp(72px,12vh,100px)}kbd{font-family:var(--mono);border:1px solid var(--border);background:#ffffff0d;border-radius:4px;padding:.15em .45em;font-size:.78em}.screen{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.2vh,28px);padding:clamp(12px,3vh,40px);display:none;position:fixed;inset:0;overflow-y:auto}.screen.active{display:flex}#screen-title,#screen-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 45%,#141a308c,#03040aeb 70%)}#screen-pause,#screen-results,#screen-settings{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050cb8}.title-block{text-align:center}.logo{letter-spacing:clamp(6px,1.6vw,20px);background:linear-gradient(100deg, var(--accent), var(--accent-2), var(--accent));color:#0000;filter:drop-shadow(0 0 26px #7bdcff59);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,9vw,110px);font-weight:200;line-height:1;animation:7s linear infinite sweep}@keyframes sweep{to{background-position:220% 0}}.tagline{letter-spacing:.35em;text-transform:uppercase;color:var(--ink-dim);margin-top:clamp(8px,1.5vh,16px);font-size:clamp(12px,1.3vw,16px)}.dropzone{background:#ffffff06;border:1px dashed #ffffff38;border-radius:18px;width:min(560px,88vw);transition:border-color .25s,background .25s,transform .25s}.dropzone:hover{border-color:var(--accent);background:#ffffff0d}.dropzone-inner{text-align:center;padding:clamp(24px,4vh,44px) 28px}.drop-icon{color:var(--accent);filter:drop-shadow(0 0 14px);margin-bottom:12px;font-size:clamp(28px,4vw,42px)}.drop-main{letter-spacing:.04em;font-size:clamp(15px,1.7vw,20px);font-weight:300}.drop-sub{color:var(--ink-dim);margin-top:8px;font-size:clamp(12px,1.2vw,14px)}.drop-formats{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#8fa2bd99;margin-top:16px;font-size:11px}.link-btn{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.difficulty{text-align:center}.difficulty-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.diff-btn{font:inherit;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;background:#ffffff08;border-radius:999px;padding:8px 18px;font-size:13px;transition:all .18s}.diff-btn:hover{color:var(--ink);border-color:#ffffff59}.diff-btn.selected{border-color:var(--accent);color:var(--accent);background:#7bdcff1a}.diff-note{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8fa2bdb3;min-height:12px;margin-top:8px;font-size:10px}.controls-card{border:1px solid var(--border);text-align:center;background:#080c16b8;border-radius:16px;width:min(560px,88vw);padding:16px 18px 14px}.controls-card>.hud-label{letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:12px;font-size:11px;display:block}.controls-grid{text-align:left;grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}@media (width<=520px){.controls-grid{grid-template-columns:1fr}}.ctrl{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.ctrl-keys{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.ctrl-or{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.ctrl-action{color:var(--ink);letter-spacing:.04em;text-align:right;font-size:12px}.controls-tip{color:#8fa2bdbf;letter-spacing:.04em;margin-top:12px;font-size:11px;line-height:1.45}.settings-note{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8fa2bd99;margin-top:14px;font-size:10px}.title-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.hint{color:var(--ink-dim);letter-spacing:.06em;font-size:12px}.error{color:#ff8397;text-align:center;background:#ff3c5a14;border:1px solid #ff83974d;border-radius:10px;max-width:520px;padding:10px 16px;font-size:14px}.error[hidden]{display:none}.primary-btn,.ghost-btn{font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:11px 26px;font-size:14px;transition:all .2s}.primary-btn{background:var(--accent);color:#04070f;border:1px solid #0000;font-weight:600;box-shadow:0 0 22px #7bdcff59}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.ghost-btn{border:1px solid var(--border);color:var(--ink);background:#ffffff0a}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.loading-block{text-align:center;width:min(900px,92vw)}.loading-stage{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-size:12px}.loading-song{letter-spacing:.04em;margin-top:10px;font-size:clamp(20px,3vw,34px);font-weight:200}.loading-viz{width:100%;height:clamp(90px,16vh,150px);margin:clamp(16px,3vh,30px) 0;display:block}.progress{background:#ffffff1a;border-radius:2px;height:2px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;box-shadow:0 0 12px var(--accent);transition:width .15s linear}.loading-detail{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:12px;font-size:11px}.hud{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.5vh,30px) clamp(18px,3vw,46px);display:flex;position:fixed;inset:0}.hud[hidden]{display:none}.hud-label{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim);font-size:clamp(9px,.75vw,11px);display:block}.hud-value{font-variant-numeric:tabular-nums;text-shadow:0 0 18px #7bdcff66;font-size:clamp(19px,2.1vw,30px);font-weight:200;line-height:1.1;display:block}.hud-top{justify-content:center;align-items:flex-start;display:flex}.hud-stats{justify-content:center;gap:clamp(28px,5vw,64px);margin-top:clamp(8px,1.2vh,14px);display:flex}.stat-block{text-align:center;min-width:84px}.hud-combo.hot .hud-value{color:var(--accent);text-shadow:0 0 30px}.hud-song{text-align:center;width:min(460px,70vw);padding-top:2px}.hud-song-name{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,1vw,13px);display:block;overflow:hidden}.song-progress{background:#ffffff1f;border-radius:2px;height:2px;margin-top:8px;overflow:hidden}.song-progress-bar{background:var(--accent);width:0%;height:100%;box-shadow:0 0 10px var(--accent)}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.overdrive{width:min(280px,32vw)}.overdrive-track{border:1px solid var(--border);border-radius:999px;height:6px;margin-top:7px;overflow:hidden}.overdrive-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;transition:width .12s linear}.overdrive.ready .overdrive-fill{animation:.9s ease-in-out infinite pulse-glow}.overdrive-ready{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-top:6px;font-size:clamp(9px,.75vw,11px);display:none}.overdrive.ready .overdrive-ready{animation:1.2s ease-in-out infinite hint-pulse;display:block}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--accent)}50%{box-shadow:0 0 20px var(--accent)}}.speed{text-align:right}.speed-value{font-variant-numeric:tabular-nums;text-shadow:0 0 24px #7bdcff59;font-size:clamp(34px,4.6vw,64px);font-weight:100;line-height:1;display:block}.mouse-hint{border:1px solid var(--accent);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;background:#050812b3;border-radius:999px;padding:9px 22px;font-size:clamp(11px,1.1vw,14px);animation:1.8s ease-in-out infinite hint-pulse;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.mouse-hint.hidden{display:none}@keyframes hint-pulse{0%,to{opacity:.55;box-shadow:0 0 10px #7bdcff33}50%{opacity:1;box-shadow:0 0 26px #7bdcff73}}.combo-flash{pointer-events:none;opacity:0;box-shadow:inset 0 0 clamp(60px, 12vw, 160px) var(--accent);position:absolute;inset:0}.panel{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:20px;width:min(520px,92vw);padding:clamp(24px,4vh,40px);box-shadow:0 30px 90px #0009}.panel.wide{width:min(1000px,94vw)}.panel h2{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(24px,3.4vw,38px);font-weight:200}.panel-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(18px,3vh,28px);display:flex}.results-eyebrow{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(12px,2vw,24px);margin:clamp(20px,3vh,32px) 0;display:grid}.stat-value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:clamp(22px,2.8vw,36px);font-weight:200;display:block}.results-graph{width:100%;height:clamp(90px,14vh,180px);display:block}.results-caption{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;font-size:10px}.tier-list{text-align:left;flex-direction:column;gap:8px;margin:clamp(18px,3vh,26px) 0 18px;display:flex}.tier{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:14px;padding:13px 18px;transition:all .18s;display:flex}.tier:hover{border-color:#ffffff4d}.tier.selected{border-color:var(--accent);background:#7bdcff17}.tier-name{letter-spacing:.08em;text-transform:uppercase;min-width:78px;font-size:15px}.tier-note{color:var(--ink-dim);font-size:12px}.slider-row{color:var(--ink-dim);cursor:pointer;align-items:center;gap:14px;margin-bottom:14px;font-size:14px;display:flex}.slider-row input[type=range]{accent-color:var(--accent);cursor:pointer;flex:auto}.slider-value{font-family:var(--mono);text-align:right;min-width:30px;color:var(--ink);font-size:13px}.toggle-row{color:var(--ink-dim);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.toggle-row input{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.drop-overlay{z-index:50;border:2px dashed var(--accent);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);background:#050812db;justify-content:center;align-items:center;font-size:clamp(18px,3vw,32px);font-weight:200;display:none;position:fixed;inset:0}.drop-overlay.active{display:flex}@media (height<=720px){.screen{gap:14px}.dropzone-inner{padding:20px 24px}.loading-viz{margin:14px 0}}