:root{--accent:#38e1ff;--accent2:#ff4fd8;--bg:#05070d;--ink:#eef3ff;--ink-dim:#eef3ff9e;--ink-faint:#eef3ff57;--panel:#0c101e9e;--panel-line:#ffffff24;--easy:#5cf08a;--normal:#43c8ff;--hard:#ff4d7d;--perfect:#ffd54a;--great:#43e8ff;--good:#b48cff;--miss:#ff4d6d;--font-en:"Rajdhani", "Noto Sans JP", sans-serif;--font-ja:"Noto Sans JP", "Rajdhani", sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font-ja);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;margin:0;font-weight:500;overflow:hidden}body{position:fixed;top:0;bottom:0;left:0;right:0}#stage{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#input{z-index:5;touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui{z-index:10;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>.screen,#ui>.overlay{pointer-events:auto}.num{font-family:var(--font-en);font-variant-numeric:tabular-nums;letter-spacing:.02em}.screen{padding:calc(16px + var(--sat)) calc(22px + var(--sar)) calc(16px + var(--sab)) calc(22px + var(--sal));transition:opacity .26s,transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.screen.is-entering{opacity:0;transform:translateY(12px)scale(.995)}.screen.is-leaving{opacity:0;transform:translateY(-10px)scale(1.005);pointer-events:none!important}.overlay{-webkit-backdrop-filter:blur(10px);background:#03050a9e;place-items:center;transition:opacity .22s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.is-entering,.overlay.is-leaving{opacity:0}.overlay.is-entering .panel{transform:translateY(16px)scale(.98)}.panel{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(14px);border-radius:14px;transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff14}.btn{-webkit-appearance:none;appearance:none;color:var(--ink);font:inherit;font-family:var(--font-en);letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffffff1a,#ffffff08);border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 26px;font-size:18px;font-weight:700;transition:transform .12s,filter .12s,background .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff29 50%,#0000 60%);transition:transform .5s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.btn:hover:after,.btn.is-pressed:after{transform:translate(120%)}.btn.is-pressed{filter:brightness(1.2);transform:scale(.97)}.btn[disabled]{opacity:.4;pointer-events:none}.btn-primary{background:linear-gradient(100deg, var(--accent), var(--accent2));color:#0a0d16;box-shadow:0 0 24px color-mix(in srgb, var(--accent) 55%, transparent), 0 10px 30px #0006;border-color:#0000}.btn-ghost{color:var(--ink-dim);background:0 0;border-color:#ffffff1f}.btn-lg{min-height:62px;padding:0 34px;font-size:20px}.btn-xl{letter-spacing:.16em;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);border-radius:0;min-height:72px;padding:0 54px;font-size:26px}.btn-sm{min-height:44px;padding:0 16px;font-size:15px}.icon-btn{-webkit-appearance:none;appearance:none;cursor:pointer;width:56px;height:56px;color:var(--ink);background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;place-items:center;transition:transform .12s;display:grid}.icon-btn.is-pressed{transform:scale(.94)}.gear-icon{width:22px;height:22px;box-shadow:0 0 0 4px var(--bg);background:conic-gradient(currentColor 0 12%, transparent 12% 25%, currentColor 25% 37%, transparent 37% 50%, currentColor 50% 62%, transparent 62% 75%, currentColor 75% 87%, transparent 87%);border:3px solid;border-radius:50%;position:relative;-webkit-mask:radial-gradient(circle,#0000 34%,#000 36%);mask:radial-gradient(circle,#0000 34%,#000 36%)}.close-icon{width:20px;height:20px;position:relative}.close-icon:before,.close-icon:after{content:"";background:currentColor;width:22px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.close-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.seg{border:1px solid #ffffff29;border-radius:10px;display:inline-flex;overflow:hidden}.seg .seg-btn{min-height:48px;font-family:var(--font-ja);letter-spacing:0;background:0 0;border:0;border-radius:0;padding:0 20px;font-size:16px;font-weight:700}.seg .seg-btn.is-active{background:linear-gradient(100deg, var(--accent), var(--accent2));color:#0a0d16}.stepper{align-items:center;gap:12px;display:inline-flex}.step-btn{min-width:56px;min-height:48px;padding:0;font-size:24px}.step-num{text-align:center;min-width:72px;font-size:24px;font-weight:700}.title{cursor:pointer;grid-template-rows:1fr auto auto;place-items:center;display:grid;overflow:hidden}.title-stripes{background:repeating-linear-gradient(-28deg, transparent 0 180px, color-mix(in srgb, var(--accent) 8%, transparent) 180px 184px, transparent 184px 300px, color-mix(in srgb, var(--accent2) 7%, transparent) 300px 302px);pointer-events:none;animation:16s linear infinite stripes-move;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}@keyframes stripes-move{0%{transform:translate(0)}to{transform:translate(-120px)}}.title-frame{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);pointer-events:none;width:220px;height:120px;position:absolute}.title-frame.tl{left:calc(26px + var(--sal));top:calc(26px + var(--sat));border-bottom:0;border-right:0}.title-frame.br{right:calc(26px + var(--sar));bottom:calc(26px + var(--sab));border-top:0;border-left:0;border-color:color-mix(in srgb, var(--accent2) 60%, transparent)}.title-center{text-align:center;align-self:center;margin-top:4vh;position:relative}.title-kicker{font-family:var(--font-en);letter-spacing:.42em;color:var(--ink-dim);margin:0 0 8px;font-size:16px;font-weight:600}.title-name{clip:rect(0 0 0 0);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.title-logo{font-family:var(--font-en);letter-spacing:.06em;font-size:clamp(64px,11vw,136px);font-style:italic;font-weight:700;line-height:1;display:inline-block;position:relative;transform:skew(-6deg)}.title-logo span{white-space:nowrap;display:block}.title-logo-main{background:linear-gradient(180deg, #fff 0%, #fff 45%, var(--accent) 60%, var(--accent2) 100%);color:#0000;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 65%, transparent)) drop-shadow(0 0 60px color-mix(in srgb, var(--accent2) 40%, transparent));-webkit-background-clip:text;background-clip:text;position:relative}.title-logo-back{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 60%, transparent);opacity:.7;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(10px,10px)}.title-logo-shine{color:#0000;background:linear-gradient(110deg,#0000 42%,#ffffffe6 50%,#0000 58%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;animation:4.5s ease-in-out infinite logo-shine;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes logo-shine{0%,60%{background-position:120% 0}to{background-position:-80% 0}}.title-sub{color:var(--ink-dim);letter-spacing:.08em;margin:22px 0 0;font-size:17px;font-weight:500}.title-cta{font-family:var(--font-en);letter-spacing:.4em;color:var(--ink);text-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent);border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;margin:0;padding:14px 40px;font-size:26px;font-weight:700;animation:1.6s ease-in-out infinite cta-blink}@keyframes cta-blink{0%,to{opacity:1}50%{opacity:.35}}.title-note{color:var(--ink-faint);letter-spacing:.06em;margin:10px 0 0;font-size:14px}.title-credit{right:calc(34px + var(--sar));bottom:calc(34px + var(--sab));font-family:var(--font-en);letter-spacing:.2em;color:var(--ink-faint);margin:0;font-size:13px;position:absolute}.calib{grid-template-rows:auto 1fr;gap:14px;display:grid}.cal-top{align-items:baseline;gap:24px;display:flex}.cal-heading,.sel-heading,.set-heading{font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:30px;font-weight:700}.cal-lead{color:var(--ink-dim);margin:0;font-size:15px}.cal-main{grid-template-columns:1fr 1.3fr;gap:22px;min-height:0;display:grid}.cal-left{place-items:center;display:grid}.cal-pad{cursor:pointer;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);border-radius:50%;place-items:center;width:min(42vh,360px);height:min(42vh,360px);display:grid;position:relative}.cal-pad-ring{border:3px solid var(--accent);box-shadow:0 0 30px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 40px color-mix(in srgb, var(--accent) 25%, transparent);will-change:transform, opacity;border-radius:50%;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.cal-pad-core{background:radial-gradient(circle, #fff, var(--accent) 55%, transparent 72%);opacity:.9;border-radius:50%;position:absolute;top:34%;bottom:34%;left:34%;right:34%}.cal-pad-label{z-index:1;letter-spacing:.1em;color:var(--ink);margin-top:62%;font-weight:700;position:relative}.cal-right{flex-direction:column;gap:12px;padding:22px 26px;display:flex;overflow:hidden}.cal-count{margin:0;font-size:22px;font-weight:700}.cal-pips{gap:6px;display:flex}.cal-pip{background:#ffffff1f;border-radius:4px;flex:1;height:8px;transition:background .15s}.cal-pip.is-on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.cal-scale{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;height:44px;margin:6px 0;position:relative}.cal-scale-center{background:var(--ink);width:2px;position:absolute;top:0;bottom:0;left:50%}.cal-dots{position:absolute;top:0;bottom:0;left:0;right:0}.cal-dot{background:var(--accent2);width:10px;height:10px;box-shadow:0 0 10px var(--accent2);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%}.cal-scale-label{color:var(--ink-faint);font-size:12px;font-family:var(--font-en);letter-spacing:.06em;margin-top:4px;position:absolute;top:100%}.cal-scale-label.left{left:0}.cal-scale-label.right{right:0}.cal-result,.cal-hint,.set-cap{color:var(--ink-dim);margin:0;font-size:14px}.cal-label,.set-label{letter-spacing:.08em;margin:8px 0 0;font-size:15px;font-weight:700}.offset-ctl{align-items:center;gap:14px;display:flex}.offset-btn{flex-direction:column;gap:2px;min-height:60px;padding:6px 18px}.offset-step{font-size:22px}.offset-cap{font-family:var(--font-ja);letter-spacing:0;color:var(--ink-dim);font-size:11px;font-weight:500}.offset-num{text-align:center;min-width:120px;font-size:28px;font-weight:700}.cal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:auto;display:flex}.select{grid-template-rows:auto 1fr auto;gap:10px;display:grid}.sel-top{justify-content:space-between;align-items:center;display:flex}.sel-heading{align-items:baseline;gap:16px;display:flex}.sel-heading-en{background:linear-gradient(100deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.sel-heading-ja{font-family:var(--font-ja);letter-spacing:.1em;color:var(--ink-dim);text-transform:none;font-size:15px}.sel-cards{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;align-items:center;gap:26px;min-height:0;padding:10px calc(50% - 170px);display:flex;overflow:auto hidden}.sel-cards::-webkit-scrollbar{display:none}.sel-empty{color:var(--ink-dim);margin:auto}.card{scroll-snap-align:center;opacity:.6;cursor:pointer;background:linear-gradient(160deg,#ffffff1a,#ffffff08);border:1px solid #ffffff24;border-radius:16px;flex:0 0 340px;padding:14px 14px 16px;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;transform:scale(.88)}.card:before{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--card-accent), transparent 40%, transparent 60%, var(--card-accent2));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.is-selected{opacity:1;box-shadow:0 0 40px color-mix(in srgb, var(--card-accent) 40%, transparent), 0 24px 60px #00000080;transform:scale(1)}.card.is-selected:before{opacity:1}.card-cover{aspect-ratio:16/9;background:#0a0e18;border-radius:10px;position:relative;overflow:hidden}.card-cover-art{object-fit:cover;width:100%;height:100%;display:block}.card.is-loading .card-cover:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff2e 50%,#0000 70%);animation:1s linear infinite card-load;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes card-load{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-body{padding-top:12px}.card-title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;font-weight:900;overflow:hidden}.card-artist{color:var(--ink-dim);margin:2px 0 0;font-size:14px}.card-meta{gap:8px;margin:10px 0 0;display:flex}.chip{color:var(--ink-dim);border:1px solid #ffffff29;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.card-levels{gap:8px;margin-top:12px;display:flex}.card-lv{height:40px;color:var(--ink-dim);border:1px solid #ffffff1f;border-radius:8px;flex:1;place-items:center;font-size:20px;font-weight:700;transition:background .2s,color .2s;display:grid;position:relative}.card-lv:before{content:"E";letter-spacing:.1em;opacity:.7;font-size:10px;position:absolute;top:4px;left:8px}.card-lv.lv-normal:before{content:"N"}.card-lv.lv-hard:before{content:"H"}.card-lv.is-current{color:#0a0d16}.card-lv.lv-easy.is-current{background:var(--easy);box-shadow:0 0 16px var(--easy)}.card-lv.lv-normal.is-current{background:var(--normal);box-shadow:0 0 16px var(--normal)}.card-lv.lv-hard.is-current{background:var(--hard);box-shadow:0 0 16px var(--hard)}.card-best{min-height:24px;color:var(--ink-dim);align-items:baseline;gap:10px;margin-top:12px;font-size:13px;display:flex}.card-best-rate{color:var(--ink);font-size:20px;font-weight:700}.card-best-rank,.mark{font-family:var(--font-en);border:1px solid #fff3;border-radius:4px;padding:1px 8px;font-size:14px;font-weight:700}.mark-fc{color:var(--great);border-color:var(--great)}.mark-ap{color:var(--perfect);border-color:var(--perfect)}.sel-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.diff-group{gap:10px;display:flex}.diff-btn{text-align:left;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);--diff:var(--normal);border-radius:0;flex-direction:column;align-items:flex-start;gap:0;min-width:150px;min-height:72px;padding:8px 18px}.diff-btn.diff-easy{--diff:var(--easy)}.diff-btn.diff-hard{--diff:var(--hard)}.diff-en{letter-spacing:.22em;color:var(--diff);font-size:13px}.diff-name{font-family:var(--font-ja);letter-spacing:.04em;font-size:17px;font-weight:700}.diff-lv{color:var(--diff);font-size:30px;font-weight:700;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.diff-btn.is-active{background:linear-gradient(100deg, color-mix(in srgb, var(--diff) 85%, #fff), var(--diff));color:#0a0d16;box-shadow:0 0 24px color-mix(in srgb, var(--diff) 55%, transparent);border-color:#0000}.diff-btn.is-active .diff-en,.diff-btn.is-active .diff-lv{color:#0a0d16}.rank-SSS,.rank-SS,.rank-S{color:var(--perfect)}.rank-A{color:var(--great)}.rank-B{color:var(--good)}.rank-C,.rank-D{color:var(--ink-dim)}.play-hud{padding:calc(10px + var(--sat)) calc(18px + var(--sar)) calc(10px + var(--sab)) calc(18px + var(--sal));transition:none;pointer-events:none!important}.play-hud.is-entering{opacity:0;transform:none}.play-hud .hud-pause,.play-hud .pause-menu{pointer-events:auto}.hud-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.hud-song{flex-direction:column;gap:2px;min-width:0;display:flex}.hud-title{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:900;overflow:hidden}.hud-diff{font-family:var(--font-en);letter-spacing:.2em;color:var(--accent);font-size:13px}.hud-rate{border-bottom:1px solid #ffffff24;align-items:baseline;gap:8px;padding:2px 26px 0;display:flex}.hud-rate-label{letter-spacing:.2em;color:var(--ink-dim);font-size:12px}.hud-rate-num{text-align:right;min-width:5.2ch;text-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);font-size:40px;font-weight:700;line-height:1}.hud-rate-pct{font-family:var(--font-en);color:var(--ink-dim);font-size:20px}.hud-pause{cursor:pointer;background:#0a0e1a80;border:1px solid #ffffff2e;border-radius:50%;justify-self:end;place-items:center;width:56px;height:56px;display:grid;position:relative}.hud-pause-ring{border:3px solid var(--accent);clip-path:inset(0);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.hud-pause.is-holding .hud-pause-ring{opacity:1;animation:.4s linear forwards pause-fill}@keyframes pause-fill{0%{clip-path:polygon(50% 50%,50% 0,50% 0,50% 0,50% 0,50% 0)}to{clip-path:polygon(50% 50%,50% 0,150% 0,150% 150%,-50% 150%,-50% 0)}}.hud-pause-icon{background:linear-gradient(90deg, var(--ink) 0 35%, transparent 35% 65%, var(--ink) 65%);width:16px;height:18px}.hud-progress{background:#ffffff14;height:4px;position:absolute;top:0;left:0;right:0}.hud-progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent2));width:100%;height:100%;box-shadow:0 0 12px var(--accent);transform-origin:0;transform:scaleX(0)}.hud-combo{text-align:center;will-change:opacity;position:absolute;transform:translate(-50%,-50%)}.hud-combo-num{background:linear-gradient(180deg, #fff 30%, var(--accent) 100%);color:#0000;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--accent) 60%, transparent));will-change:transform;-webkit-background-clip:text;background-clip:text;font-size:92px;font-weight:700;line-height:1}.hud-combo-label{font-family:var(--font-en);letter-spacing:.5em;color:var(--ink-dim);margin-top:2px;font-size:15px}.hud-judge{width:0;height:0;position:absolute}.hud-judge-text{font-family:var(--font-en);letter-spacing:.22em;opacity:0;white-space:nowrap;will-change:transform, opacity;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:46px;font-style:italic;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.j-perfect{background-image:linear-gradient(180deg, #fff6d0, var(--perfect) 60%, #ff9a3d);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--perfect) 80%, transparent))}.j-great{background-image:linear-gradient(180deg, #e8fbff, var(--great) 60%, #2a7dff);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--great) 80%, transparent))}.j-good{background-image:linear-gradient(180deg, #f1e8ff, var(--good) 70%);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--good) 70%, transparent))}.j-miss{background-image:linear-gradient(180deg, #ffd0d8, var(--miss) 70%);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--miss) 70%, transparent))}.hud-el{font-family:var(--font-en);letter-spacing:.3em;opacity:0;will-change:opacity;font-size:15px;position:absolute;top:34px}.el-early{color:#6fb6ff;left:-150px}.el-late{color:#ff8a6f;left:90px}.hud-intro{text-align:center;opacity:0;will-change:transform, opacity;position:absolute;transform:translate(-50%,-50%)}.hud-intro-diff{font-family:var(--font-en);letter-spacing:.4em;color:var(--accent);justify-content:center;gap:16px;font-size:18px;display:flex}.hud-intro-title{text-shadow:0 0 30px color-mix(in srgb, var(--accent) 50%, transparent);margin:6px 0;font-size:52px;font-weight:900;line-height:1.1}.hud-intro-ready{font-family:var(--font-en);letter-spacing:.6em;color:var(--ink-dim);font-size:22px}.hud-banner{font-family:var(--font-en);letter-spacing:.14em;white-space:nowrap;opacity:0;will-change:transform, opacity;border-top:2px solid;border-bottom:2px solid;padding:10px 40px;font-size:64px;font-style:italic;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.hud-banner[data-tone=fc]{color:var(--great);text-shadow:0 0 30px var(--great)}.hud-banner[data-tone=ap]{color:var(--perfect);text-shadow:0 0 30px var(--perfect)}.hud-toast{left:50%;top:calc(70px + var(--sat));color:var(--ink-dim);opacity:0;background:#0a0e1ab3;border:1px solid #ffffff1f;border-radius:999px;padding:6px 16px;font-size:14px;position:absolute;transform:translate(-50%)}.pause-menu{-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;background:#03050ab8;place-items:center;transition:opacity .2s,visibility .2s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.play-hud.is-paused .pause-menu{opacity:1;visibility:visible}.pause-panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;flex-direction:column;gap:14px;width:360px;padding:30px;display:flex}.pause-title{text-align:center;font-family:var(--font-en);letter-spacing:.3em;margin:0 0 8px;font-size:24px;font-weight:700}.result{grid-template-rows:auto 1fr auto;gap:14px;display:grid}.result.is-revealed .res-rank{opacity:1;transform:translateY(-50%)scale(1)rotate(-6deg)}.result.is-revealed .res-badges{opacity:1;transform:translateY(0)}.res-top{align-items:baseline;gap:18px;display:flex}.res-heading{font-family:var(--font-en);letter-spacing:.2em;background:linear-gradient(100deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.res-title{margin:0;font-size:22px;font-weight:900}.res-diff{font-family:var(--font-en);letter-spacing:.2em;color:var(--accent)}.res-main{grid-template-columns:1.1fr 1fr;gap:20px;min-height:0;display:grid}.res-left{flex-direction:column;justify-content:flex-end;padding:26px 30px 34px;display:flex;position:relative;overflow:hidden}.res-left:before{content:"";background:radial-gradient(ellipse at 20% 80%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.res-label{font-family:var(--font-en);letter-spacing:.3em;color:var(--ink-dim);align-items:baseline;gap:12px;margin:0;font-size:14px;display:flex}.res-label-ja{font-family:var(--font-ja);letter-spacing:.1em;font-size:13px}.res-rate{align-items:baseline;gap:8px;margin:4px 0 0;display:flex;position:relative}.res-rate-num{background:linear-gradient(180deg, #fff 35%, var(--accent) 100%);color:#0000;filter:drop-shadow(0 0 24px color-mix(in srgb, var(--accent) 50%, transparent));-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,11vw,112px);font-weight:700;line-height:1}.res-rate-pct{font-family:var(--font-en);color:var(--ink-dim);font-size:30px}.res-rank{font-family:var(--font-en);opacity:0;color:var(--ink);text-shadow:0 0 30px var(--rank-glow,var(--accent)), 0 0 70px var(--rank-glow,var(--accent));--rank-glow:var(--ink-dim);font-size:clamp(90px,16vw,170px);font-style:italic;font-weight:700;line-height:1;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:27%;right:36px;transform:translateY(-50%)scale(1.6)rotate(-6deg)}.res-rank.rank-SSS,.res-rank.rank-SS,.res-rank.rank-S{color:#fff3c4;--rank-glow:var(--perfect)}.res-rank.rank-A{color:#e2fbff;--rank-glow:var(--great)}.res-rank.rank-B{color:#f1e8ff;--rank-glow:var(--good)}.res-badges{opacity:0;flex-wrap:wrap;gap:10px;margin-top:18px;transition:opacity .3s .1s,transform .3s .1s;display:flex;transform:translateY(10px)}.badge{font-family:var(--font-en);letter-spacing:.2em;border:1px solid;border-radius:6px;padding:6px 14px;font-size:15px;font-weight:700}.badge-fc{color:var(--great);box-shadow:0 0 14px color-mix(in srgb, var(--great) 50%, transparent)}.badge-ap{color:var(--perfect);box-shadow:0 0 14px color-mix(in srgb, var(--perfect) 50%, transparent)}.badge-best{color:var(--accent2);font-family:var(--font-ja);letter-spacing:.1em}.res-right{flex-direction:column;gap:8px;padding:22px 26px;display:flex}.res-counts{flex-direction:column;gap:6px;display:flex}.res-row{border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.res-row-sep{border-bottom:0;margin-top:6px}.res-kind{font-family:var(--font-en);letter-spacing:.22em;font-size:18px;font-weight:700}.res-kind.muted{font-family:var(--font-ja);letter-spacing:.08em;color:var(--ink-dim);font-size:15px}.res-count{font-size:26px;font-weight:700}.res-el{margin-top:auto}.res-el-labels{color:var(--ink-dim);justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.res-elbar{background:#ffffff14;border-radius:4px;height:8px;display:flex;overflow:hidden}.res-elbar-early{background:#6fb6ff}.res-elbar-late{background:#ff8a6f}.res-hint{color:var(--ink-dim);margin:6px 0 0;font-size:13px}.res-actions{justify-content:flex-end;gap:14px;display:flex}.set-panel{flex-direction:column;width:min(760px,92vw);max-height:88vh;display:flex}.set-top{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding:18px 24px 12px;display:flex}.set-body{touch-action:pan-y;flex-direction:column;gap:6px;padding:8px 24px 20px;display:flex;overflow-y:auto}.set-row{border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.set-row:last-child{border-bottom:0}.set-label{flex-direction:column;gap:3px;margin:0;display:flex}.set-offset{align-items:center;gap:12px;display:flex}#rotate{z-index:50;background:var(--bg);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#rotate[hidden]{display:none}.rotate-box{text-align:center;color:var(--ink);font-size:18px;font-weight:700}.rotate-icon{border:3px solid var(--accent);border-radius:10px;width:60px;height:100px;margin:0 auto 20px;animation:1.8s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}#fps{z-index:60;font:12px var(--font-en);color:#9fb;pointer-events:none;background:#00000080;border-radius:4px;padding:2px 6px;position:fixed;bottom:8px;left:8px}@media (max-width:900px){.card{flex-basis:290px}.sel-cards{padding:10px calc(50% - 145px)}.diff-btn{min-width:120px;min-height:64px}.hud-combo-num{font-size:72px}.hud-judge-text{font-size:36px}}.hud-center{flex-direction:column;align-items:center;display:flex}.hud-score{align-items:baseline;gap:10px;padding:0 26px;display:flex}.hud-score-label{font-family:var(--font-en);letter-spacing:.3em;color:var(--ink-dim);font-size:12px}.hud-score-num{text-align:right;background:linear-gradient(180deg, #fff 35%, var(--accent) 100%);color:#0000;min-width:8.6ch;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--accent) 50%, transparent));-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:700;line-height:1}.hud-center .hud-rate{border-bottom:none;gap:6px;padding:2px 26px 0}.hud-center .hud-rate-label{font-size:11px}.hud-center .hud-rate-num{min-width:4.6ch;color:var(--ink-dim);text-shadow:none;font-size:20px}.hud-center .hud-rate-pct{font-size:13px}.hud-pops{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud-pop{opacity:0;font-family:var(--font-en);letter-spacing:.04em;white-space:nowrap;will-change:transform, opacity;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%)}.hud-combo-ring{border:3px solid var(--perfect);width:180px;height:180px;box-shadow:0 0 26px var(--perfect), inset 0 0 26px color-mix(in srgb, var(--perfect) 60%, transparent);opacity:0;pointer-events:none;border-radius:50%;margin:-90px 0 0 -90px;position:absolute;top:46%;left:50%;transform:scale(.45)}.res-score{margin:2px 0 0}.res-score-num{background:linear-gradient(180deg, #fff 35%, var(--accent) 100%);color:#0000;filter:drop-shadow(0 0 24px color-mix(in srgb, var(--accent) 50%, transparent));-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,9.4vw,100px);font-weight:700;line-height:1}.res-rate-sub{gap:6px;margin-top:8px}.res-rate-label{letter-spacing:.2em;color:var(--ink-dim);margin-right:4px;font-size:12px}.res-rate-sub .res-rate-num{color:var(--ink);filter:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;font-size:34px}.res-rate-sub .res-rate-pct{font-size:18px}.card-best-score{color:var(--ink);font-size:20px;font-weight:700}.card-best-rate{color:var(--ink-dim);font-size:14px}.title-ranking{left:calc(26px + var(--sal));bottom:calc(22px + var(--sab));letter-spacing:.3em;pointer-events:auto;position:absolute}.sel-top-actions{align-items:center;gap:12px;display:flex}.sel-ranking{letter-spacing:.3em}.name-entry{grid-template-rows:auto 1fr auto;gap:12px;display:grid}.ne-top{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.ne-heading{align-items:baseline;gap:14px;display:flex}.ne-heading-en{font-family:var(--font-en);letter-spacing:.2em;background:linear-gradient(100deg, #fff, var(--perfect));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.ne-heading-ja{color:var(--ink-dim);font-size:14px}.ne-song{align-items:baseline;gap:10px;min-width:0;display:flex}.ne-title{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:900;overflow:hidden}.ne-diff{font-family:var(--font-en);letter-spacing:.2em;color:var(--accent);font-size:13px}.ne-main{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:0;padding:16px 20px;display:flex}.ne-score{align-items:baseline;gap:12px;margin:0;display:flex}.ne-score-label{font-family:var(--font-en);letter-spacing:.3em;color:var(--ink-dim);font-size:13px}.ne-score-num{background:linear-gradient(180deg, #fff 35%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:700;line-height:1}.ne-ask{color:var(--ink-dim);margin:0;font-size:14px}.ne-slots{gap:8px;display:flex}.ne-slot{border-bottom:3px solid var(--ink-faint);width:48px;height:58px;color:var(--ink);place-items:center;font-size:32px;font-weight:700;display:grid}.ne-slot.is-current{border-bottom-color:var(--accent);box-shadow:0 10px 18px -12px var(--accent)}.ne-keys{flex-direction:column;gap:6px;margin-top:4px;display:flex}.ne-row{justify-content:center;gap:6px;display:flex}.ne-key{border:1px solid var(--panel-line);width:clamp(44px,7vw,70px);height:50px;color:var(--ink);letter-spacing:0;cursor:pointer;background:#ffffff0f;border-radius:8px;font-size:22px;font-weight:700;transition:background .12s,transform .12s}.ne-key.is-pressed{background:color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(.96)}.ne-key-wide{letter-spacing:.1em;width:clamp(96px,15vw,150px);font-size:16px}.ne-row-ctrl{align-items:center;margin-top:4px}.ne-ok{min-width:150px}.ne-note{text-align:center;color:var(--ink-dim);margin:0;font-size:13px}.ne-timer{color:var(--ink);font-size:16px;font-weight:700}.name-entry.is-hurry .ne-timer{color:var(--miss)}.ranking{grid-template-rows:auto auto 1fr auto;gap:10px;display:grid}.rk-top{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.rk-heading{align-items:baseline;gap:14px;margin:0;display:flex}.rk-heading-en{font-family:var(--font-en);letter-spacing:.2em;background:linear-gradient(100deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.rk-heading-ja{color:var(--ink-dim);font-size:14px}.rk-mine{align-items:baseline;gap:10px;margin:0;font-size:14px;display:flex}.rk-mine-label{color:var(--ink-dim)}.rk-mine-score{font-size:24px;font-weight:700}.rk-mine-pos{color:var(--perfect);font-weight:700}.rk-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.rk-tabs{flex-wrap:wrap;gap:8px;display:flex}.rk-tab{letter-spacing:.04em;border-color:var(--panel-line);padding:8px 16px;font-size:15px;font-weight:700}.rk-tab.is-active{border-color:var(--card-accent,var(--accent));box-shadow:0 0 18px -6px var(--card-accent,var(--accent));color:#fff}.rk-diffs .diff-btn{min-width:0}.rk-body{flex-direction:column;min-height:0;padding:10px 18px 8px;display:flex;overflow:hidden}.rk-table{flex-direction:column;flex:1;justify-content:space-between;min-height:0;display:flex}.rk-row{border-bottom:1px solid #ffffff12;grid-template-columns:48px 1fr 150px 100px 120px 64px;align-items:center;gap:10px;padding:0 8px;font-size:17px;display:grid}.rk-row:last-child{border-bottom:none}.rk-head{font-family:var(--font-en);letter-spacing:.25em;color:var(--ink-faint);font-size:11px}.rk-pos{color:var(--ink-dim);font-weight:700}.rk-name{font-family:var(--font-en);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;overflow:hidden}.rk-score{text-align:right;font-size:20px;font-weight:700}.rk-rate{text-align:right;color:var(--ink-dim)}.rk-rank{align-items:center;gap:6px;display:flex}.rk-date{text-align:right;color:var(--ink-faint);font-size:13px}.rk-row.is-empty .rk-name,.rk-row.is-empty .rk-score{color:var(--ink-faint)}.rk-row.is-top1 .rk-pos{color:var(--perfect)}.rk-row.is-top2 .rk-pos{color:#d8e2ff}.rk-row.is-top3 .rk-pos{color:#ffb27a}.rk-row.is-mine{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%);box-shadow:inset 3px 0 0 var(--accent);border-radius:6px}.rk-note{color:var(--ink-faint);text-align:right;margin:6px 0 0;font-size:12px}.rk-actions{justify-content:flex-end;display:flex}@media (max-height:700px){.rk-row{font-size:15px}.rk-name,.rk-score{font-size:17px}.ne-key{height:44px;font-size:19px}.ne-slot{height:48px;font-size:26px}}