:root{--fit: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f4f4f6;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}[hidden]{display:none!important}.f{--ax: 0%;--ay: 0%;--s: 1;position:absolute;transform:translate(var(--ax),var(--ay)) scale(var(--s))}.fill{left:0;top:0;width:100%;height:100%}.stage{left:50%;top:50%;width:1100px;height:640px;transform:translate(-50%,-50%) scale(var(--fit))}.nopointer,.nopointer *,.nopointer-self{pointer-events:none}.nopointer-self>*{pointer-events:auto}.t{display:flex;line-height:1.15;white-space:nowrap}.t.a-left{justify-content:flex-start;text-align:left}.t.a-center{justify-content:center;text-align:center}.t.a-right{justify-content:flex-end;text-align:right}.t.v-center{align-items:center}.t.v-top{align-items:flex-start}.t.wrap{white-space:normal}.t .tx{display:block;max-width:100%}.caps{letter-spacing:.08em}.display{letter-spacing:-.035em}b{font-weight:600;color:#f4f4f6}.c-cyan{color:#2bd4ff!important}.c-pink{color:#ff5ca8!important}.t.trunc .tx{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pre .tx{white-space:pre}.gradtext .tx,span.gradtext{background:linear-gradient(90deg,#2bd4ff,#ff5ca8);-webkit-background-clip:text;background-clip:text;color:transparent}.stroked .tx{text-shadow:0 2px 12px rgba(0,0,0,.6)}button.f{border:0;padding:0;margin:0;font-family:inherit;cursor:pointer;background-color:transparent;color:inherit;outline:none}button.f:focus-visible{outline:2px solid rgba(43,212,255,.7);outline-offset:2px}.btn{transition:transform .12s cubic-bezier(.34,1.56,.64,1),filter .15s,background-color .15s,box-shadow .15s}.btn.secondary:hover{filter:brightness(1.25);background-color:#ffffff0a}.btn.primary:hover{filter:brightness(.92)}.btn:active{--s: .97}.btn.disabled{opacity:.4;cursor:default}.iconbtn{background-color:transparent!important;box-shadow:none!important}.iconbtn:hover{background-color:#ffffff0f!important;color:#f4f4f6!important;filter:none!important}.panel{box-shadow:0 0 0 1px #25252e,0 30px 80px #0009!important}.tab{transition:color .15s}.slide{transition:left .22s cubic-bezier(.25,1,.5,1)}.grow{transition:width .6s cubic-bezier(.25,1,.5,1)}.toggle{transition:background-color .15s;cursor:pointer}.toggle .knob{transition:left .15s}.input{color:#f4f4f6;font:500 15px Inter,sans-serif;padding:0 16px;border:0;outline:none;user-select:text;-webkit-user-select:text;transition:box-shadow .15s}.input::placeholder{color:#52525c}.input:focus{box-shadow:0 0 0 1px #8a8a97!important}.scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#25252E transparent}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-thumb{background:#25252e;border-radius:2px}.cards{position:absolute;left:1px;top:1px;right:12px;display:flex;flex-direction:column;gap:8px;padding-bottom:2px}.card{position:relative!important;flex:0 0 76px;width:100%;cursor:pointer;transform:none!important;text-align:left;border-radius:14px;background:#0e0e12;box-shadow:0 0 0 1px #25252e;transition:background-color .15s,box-shadow .15s}.card:hover{background:#15151b}.card.on{background:#15151b;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 8px 28px -12px color-mix(in srgb,var(--accent) 55%,transparent)}.card>*{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .cover{left:12px;top:10px;width:56px;height:56px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff1f}.card .cover b{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff}.card .cover span{font-size:9px;font-weight:600;letter-spacing:.1em;color:#ffffffbf;margin-top:3px}.card .title{left:84px;top:15px;width:320px;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:24px;color:#f4f4f6}.card .sub{left:84px;top:41px;width:320px;font-size:12.5px;font-weight:500;line-height:18px;color:#8a8a97}.card .level{right:18px;top:16px;width:180px;text-align:right;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:18px;color:#8a8a97}.card .grade{right:18px;top:36px;width:60px;text-align:right;font-size:20px;font-weight:700;line-height:26px}.card .stars{right:86px;top:46px;display:flex;gap:6px;overflow:visible}.card .stars i{width:6px;height:6px;border-radius:50%}.dimmer{transition:opacity .2s;opacity:0;pointer-events:none}.dimmer.on{opacity:.72;pointer-events:auto}.fader{opacity:0;transition:opacity .15s}.toast{box-shadow:0 0 0 1px #25252e,0 12px 40px #00000080}.heldbeam{opacity:0;transition:opacity .06s}.lane.held .heldbeam{opacity:.16;transition:none}.heldglow{opacity:0;transition:opacity .06s}.lane.held .heldglow{opacity:.22;transition:none}.lane.held .rec{filter:brightness(1.2)}.zoneband{pointer-events:none}.zoneband.good{opacity:.05}.zoneband.great{display:none}.zoneband.perfect{opacity:.1}.hitline{opacity:0;mix-blend-mode:screen}.rec .target{box-shadow:0 0 10px currentColor}.swatch{box-shadow:inset 0 0 0 1px #00000040;transition:box-shadow .12s,transform .12s}.swatch:hover{--s: 1.12}.swatch.on{box-shadow:0 0 0 2px #15151b,0 0 0 4px #f4f4f6}.colorpick{padding:0;border:0;background:conic-gradient(#ff5ca8,#f5c451,#4ade80,#2bd4ff,#a78bfa,#ff5ca8);cursor:pointer;overflow:hidden;-webkit-appearance:none;appearance:none}.colorpick::-webkit-color-swatch-wrapper{padding:0;opacity:0}.colorpick::-moz-color-swatch{opacity:0}.colorpick.on{box-shadow:0 0 0 2px #15151b,0 0 0 4px #f4f4f6}.prevlane{position:absolute;border-radius:10px;background:linear-gradient(180deg,#15151b00,#15151b)}.marker{position:absolute;height:6px;border-radius:3px;transform:translate(-50%,-50%);pointer-events:none;z-index:7}.pf{box-shadow:0 0 0 1px #ffffff0f}.pfpulse{box-shadow:0 0 0 1px #2bd4ff80,0 0 36px #2bd4ff1a;opacity:.25;will-change:opacity;pointer-events:none}.note,.hold{contain:layout style}.lane{background:linear-gradient(180deg,#15151b00,#15151bb3 35%,#15151b)}.beam{pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 55%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 55%,#000 100%)}.rec{cursor:pointer;z-index:2}.note{position:absolute;left:50%;top:0;width:92%;height:38px;border-radius:19px;will-change:transform;z-index:4}.note .bar{position:absolute;left:6px;right:6px;top:7px;height:24px;border-radius:12px}.note .x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;letter-spacing:6px}.hold{position:absolute;left:50%;top:0;width:42%;border-radius:10px;will-change:transform,height;z-index:3}.hold .cap{position:absolute;left:50%;top:0;width:190%;height:12px;border-radius:6px;transform:translate(-50%,-50%)}.ring{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.tickmark{position:absolute;top:0;width:2px;height:100%;transform:translate(-50%)}.gbar{position:absolute;bottom:0}.anchor-bottom{top:auto!important;bottom:0;transform:none!important}.vsrow{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 8px 0 16px;margin:0 6px 8px 0;background:#15151b;border-radius:12px;font-size:15px;font-weight:600}.vsrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsbtn{height:36px;padding:0 18px;border:0;border-radius:10px;background:#f4f4f6;color:#08080a;font:700 12px Inter,sans-serif;letter-spacing:.08em;cursor:pointer;transition:filter .15s}.vsbtn:hover{filter:brightness(.9)}.vsbtn:disabled{background:#1d1d25;color:#52525c;cursor:default;filter:none}.backdrop{overflow:hidden}.glow{pointer-events:none;border-radius:50%;will-change:opacity,transform}@property --ga{syntax: "<color>"; inherits: true; initial-value: #2BD4FF;}@property --gb{syntax: "<color>"; inherits: true; initial-value: #FF5CA8;}.backdrop{transition:--ga 1.2s ease,--gb 1.2s ease}.glowa{left:-18vmax;top:-24vmax;width:72vmax;height:72vmax;background:radial-gradient(circle,color-mix(in srgb,var(--ga) 17%,transparent) 0%,color-mix(in srgb,var(--ga) 5%,transparent) 38%,transparent 66%);opacity:calc(.6 + var(--beat, 0) * .4);animation:drift-a 26s ease-in-out infinite alternate}.glowb{left:auto;top:auto;right:-22vmax;bottom:-28vmax;width:78vmax;height:78vmax;background:radial-gradient(circle,color-mix(in srgb,var(--gb) 15%,transparent) 0%,color-mix(in srgb,var(--gb) 4.5%,transparent) 38%,transparent 66%);opacity:calc(.6 + var(--beat, 0) * .4);animation:drift-b 31s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(6vmax,4vmax) scale(1.08)}}@keyframes drift-b{to{transform:translate(-5vmax,-6vmax) scale(1.06)}}@media(prefers-reduced-motion:reduce){.glowa,.glowb{animation:none}}.panel,.card.on{background-image:linear-gradient(180deg,#ffffff07,#fff0 45%)}.btn.primary{box-shadow:0 6px 24px -10px #f4f4f673!important}.btn.primary:hover{filter:brightness(1);box-shadow:0 8px 30px -8px #f4f4f699!important}.scalex{transform-origin:0 50%;transform:scaleX(0)}.logoglow{pointer-events:none;border-radius:50%;background:radial-gradient(closest-side at 38% 50%,rgba(43,212,255,.11),transparent),radial-gradient(closest-side at 64% 50%,rgba(255,92,168,.1),transparent)}.detail-glow{box-shadow:0 0 0 1px #25252e,0 40px 120px -50px color-mix(in srgb,var(--accent, #2BD4FF) 70%,transparent)!important;transition:box-shadow .6s}.credit{padding:12px 16px;margin:0 6px 8px 0;background:#15151b;border-radius:12px;font-size:14px;line-height:1.5}.credit span{color:#8a8a97}.credit div{font-size:12px;color:#8a8a97}.credit a{color:#2bd4ff;text-decoration:none}.credit a:hover{text-decoration:underline}