:root{--font-ui: "Chakra Petch", system-ui, sans-serif;--font-display: "Orbitron", "Chakra Petch", system-ui, sans-serif;--glass: rgba(14, 10, 34, .62);--glass-strong: rgba(10, 7, 26, .86);--line: rgba(160, 140, 255, .18);--line-strong: rgba(160, 140, 255, .38);--radius: 14px;--ease-out: cubic-bezier(.2, .9, .2, 1);--diff-beginner: #3fe0ff;--diff-easy: #5dff8f;--diff-medium: #ffd23f;--diff-hard: #ff4d6d;--diff-challenge: #c06bff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;user-select:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0}body.in-game{cursor:none}.hidden{display:none!important}kbd{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .35em;margin:0 .1em;font:600 .72em/1 var(--font-ui);color:var(--text-primary);background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-bottom-width:2px;border-radius:5px;vertical-align:.1em}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent-cyan)}.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.btn{font:600 .95rem var(--font-ui);letter-spacing:.04em;color:var(--text-primary);background:#ffffff0f;border:1px solid var(--line-strong);border-radius:10px;padding:.6em 1.1em;cursor:pointer;transition:transform .15s var(--ease-out),background .15s,border-color .15s,box-shadow .2s}.btn:hover:not(:disabled){background:#ffffff1f;border-color:var(--accent-cyan);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-magenta),var(--accent-violet));border-color:transparent;box-shadow:0 6px 24px -6px var(--accent-magenta)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 32px -4px var(--accent-magenta);background:linear-gradient(135deg,var(--accent-magenta),var(--accent-violet))}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f;border-color:transparent}.chip{font:600 .7rem var(--font-ui);color:var(--text-secondary);background:#ffffff0f;border:1px solid var(--line);border-radius:999px;padding:.25em .7em;cursor:pointer}#loading{position:fixed;inset:0;z-index:50;display:grid;place-content:center;gap:1.4rem;background:var(--bg-void)}.loading-logo{font:900 2.2rem var(--font-display);letter-spacing:.12em}.loading-logo b{color:var(--accent-magenta)}.loading-bar{width:260px;height:3px;background:var(--line);overflow:hidden;border-radius:3px}.loading-bar i{display:block;width:40%;height:100%;background:var(--accent-cyan);animation:loadslide 1s ease-in-out infinite alternate}@keyframes loadslide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;transition:opacity .45s,transform .45s var(--ease-out)}.title-screen.leaving{opacity:0;transform:scale(1.08)}.title-logo{display:flex;align-items:baseline;gap:.25em;transform:skew(-8deg)}.title-step{font:900 clamp(2.6rem,7vw,6.5rem) var(--font-display);letter-spacing:.06em;background:linear-gradient(180deg,#fff 0%,#c9c2ff 45%,var(--accent-violet) 52%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(139,92,255,.6))}.title-99{position:relative;font:900 clamp(3.6rem,10vw,9rem) var(--font-display);color:var(--accent-magenta);text-shadow:0 0 18px var(--accent-magenta),0 0 60px var(--accent-magenta);animation:flicker 4s infinite}.title-99:after{content:attr(data-text);position:absolute;inset:0;color:var(--accent-cyan);mix-blend-mode:screen;transform:translate(4px,-2px);opacity:.7;animation:glitch 2.6s infinite steps(1)}@keyframes glitch{0%,92%{transform:translate(4px,-2px)}94%{transform:translate(-6px,3px)}96%{transform:translate(8px)}}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.6}98%{opacity:1}99%{opacity:.75}}.title-tag{font:600 1rem var(--font-ui);letter-spacing:.6em;text-transform:uppercase;color:var(--text-secondary)}.title-start{margin-top:2.4rem;font:800 1.3rem var(--font-display);letter-spacing:.3em;color:var(--text-primary);background:none;border:none;cursor:pointer;animation:blink 1.1s steps(2) infinite}.title-start kbd{font-size:.6em;vertical-align:.3em}@keyframes blink{50%{opacity:.25}}.title-foot{position:absolute;bottom:2rem;color:var(--text-muted);font-size:.85rem;letter-spacing:.1em}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#03020a99;animation:fadein .2s}@keyframes fadein{0%{opacity:0}}.modal{position:relative;width:min(460px,92vw);padding:2rem;display:grid;gap:1.2rem;background:var(--glass-strong)}.modal h2{font:800 1.5rem var(--font-display);letter-spacing:.08em}.modal header p{color:var(--text-secondary);margin-top:.4rem;line-height:1.5}.field{display:grid;gap:.4rem;font-size:.8rem;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.modal input{font:600 1rem var(--font-ui);color:var(--text-primary);background:#ffffff0d;border:1px solid var(--line-strong);border-radius:10px;padding:.65em .9em;outline:none;user-select:text}.modal input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22e7ff26}.modal-actions{display:grid;gap:.8rem}.join-row{display:flex;gap:.6rem}.join-row input{flex:1;text-transform:uppercase;letter-spacing:.2em}.modal-error{color:var(--accent-danger);min-height:1.2em;font-size:.9rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.modal-close:hover{color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.toast{position:fixed;left:50%;bottom:7vh;transform:translate(-50%);z-index:60;padding:.7rem 1.2rem;border-radius:10px;background:var(--glass-strong);border:1px solid var(--accent-danger);color:var(--text-primary);font-weight:600;letter-spacing:.04em;animation:fadein .2s}.title-linked{display:grid;justify-items:center;gap:.6rem;text-align:center;padding:0 2rem}.title-linked-pack{font:600 .85rem var(--font-ui);letter-spacing:.4em;text-transform:uppercase;color:var(--accent-cyan)}.title-linked-song{font:700 clamp(2.4rem,6vw,5rem)/1.05 var(--font-ui);text-shadow:0 6px 40px rgba(0,0,0,.7)}.title-linked-artist{font-size:1.2rem;color:var(--text-secondary)}.title-linked-artist b{font:800 .9rem var(--font-display);letter-spacing:.12em;padding:.25em .6em;border-radius:6px;background:var(--diff-medium);color:#120a20;margin-left:.4rem}.title-linked-artist b[data-diff=Beginner]{background:var(--diff-beginner)}.title-linked-artist b[data-diff=Easy]{background:var(--diff-easy)}.title-linked-artist b[data-diff=Hard]{background:var(--diff-hard)}.title-linked-artist b[data-diff=Challenge]{background:var(--diff-challenge)}.hud{position:absolute;inset:0;pointer-events:none;--lane-left: 35%;--lane-right: 35%}.hud-top{position:absolute;top:1.6vh;left:var(--lane-left);right:var(--lane-right)}.hud-life{position:relative;height:14px;border-radius:7px;overflow:hidden;background:#0a061ebf;border:1px solid var(--line-strong);box-shadow:0 0 18px -4px #8b5cff80}.hud-life-fill{position:absolute;inset:0;transform-origin:left;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,0,0,.35) 9px 11px),linear-gradient(90deg,var(--accent-cyan),var(--accent-success));transition:transform .12s linear}.hud-life[data-state=danger] .hud-life-fill{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,0,0,.35) 9px 11px),linear-gradient(90deg,var(--accent-danger),#ff8a3d);animation:dangerpulse .5s infinite alternate}.hud-life[data-state=full] .hud-life-fill{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,0,0,.25) 9px 11px),linear-gradient(90deg,#ff2bd6,#ffd23f,#3dffa2,#22e7ff,#8b5cff,#ff2bd6);background-size:100% 100%,200% 100%;animation:rainbow 1.2s linear infinite}.hud-life-glint{position:absolute;inset:0 0 50%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent)}.hud-life-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font:700 9px var(--font-display);letter-spacing:.2em;color:#000000a6}@keyframes rainbow{to{background-position:0 0,-200% 0}}@keyframes dangerpulse{to{filter:brightness(1.6)}}.hud-left,.hud-right{position:absolute;top:5vh;width:min(24vw,330px);display:grid;gap:1.2rem}.hud-left{left:3vw}.hud-right{right:3vw;text-align:right;justify-items:end}.hud-song{display:grid;gap:.8rem}.hud-banner{width:100%;aspect-ratio:256 / 80;border-radius:10px;background:center / cover no-repeat,linear-gradient(135deg,#ff2bd640,#22e7ff33);border:1px solid var(--line-strong);box-shadow:0 10px 40px -12px #ff2bd68c}.hud-banner:not([style*=url]){display:none}.hud-title{font:700 1.5rem/1.15 var(--font-ui);text-shadow:0 2px 12px rgba(0,0,0,.8)}.hud-artist{color:var(--text-secondary);margin-top:.15rem}.hud-chart{display:flex;gap:.6rem;margin-top:.6rem;align-items:center}.hud-diff{font:800 .72rem var(--font-display);letter-spacing:.12em;padding:.3em .7em;border-radius:6px;background:var(--diff-medium);color:#120a20}.hud-diff[data-diff=Beginner]{background:var(--diff-beginner)}.hud-diff[data-diff=Easy]{background:var(--diff-easy)}.hud-diff[data-diff=Hard]{background:var(--diff-hard)}.hud-diff[data-diff=Challenge]{background:var(--diff-challenge)}.hud-bpm{font:700 .8rem var(--font-display);color:var(--text-secondary);letter-spacing:.08em}.hud-counts{list-style:none;display:grid;gap:.2rem;padding:.8rem 1rem;background:#0805168c;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(8px)}.hud-counts li{display:flex;justify-content:space-between;font:700 .78rem var(--font-ui);letter-spacing:.1em;color:var(--c)}.hud-counts b{font:700 .85rem var(--font-display);color:var(--text-primary);font-variant-numeric:tabular-nums}.hud-score-label{font:700 .75rem var(--font-display);letter-spacing:.35em;color:var(--text-secondary)}.hud-score{font:900 2.6rem/1 var(--font-display);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(34,231,255,.45))}.hud-pct{font:700 1.1rem var(--font-display);color:var(--accent-gold);font-variant-numeric:tabular-nums}.hud-opponents{display:grid;gap:.35rem;width:100%;margin-top:.6rem}.hud-opp{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem;padding:.45rem .7rem;background:#08051699;border:1px solid var(--line);border-radius:9px;text-align:left}.hud-opp.out{opacity:.4;filter:grayscale(1)}.hud-opp-name{font-weight:700;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-opp-combo{font:700 .8rem var(--font-display);color:var(--accent-gold)}.hud-opp-life{grid-column:1 / -1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.hud-opp-life i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-success));transform-origin:left;transition:transform .2s}.hud-center{position:absolute;transform:translate(-50%);display:grid;justify-items:center;gap:.2rem}.hud-judgment{display:grid;justify-items:center;opacity:0}.hud-judgment-text{font:900 clamp(1.6rem,3vw,2.6rem)/1 var(--font-display);letter-spacing:.06em;transform:skew(-10deg);-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(180deg,#fff,#fff)}.hud-judgment-text[data-grade=marvelous]{background-image:linear-gradient(90deg,#fff,#9ff5ff,#ffe9fb,#fff,#b7fff0);background-size:200% 100%;animation:shimmer .6s linear infinite;filter:drop-shadow(0 0 10px rgba(160,245,255,.9)) drop-shadow(0 0 28px rgba(34,231,255,.6))}.hud-judgment-text[data-grade=perfect]{background-image:linear-gradient(180deg,#fff6c2,var(--judge-perfect) 55%,#ff9d00);filter:drop-shadow(0 0 14px rgba(255,210,63,.7))}.hud-judgment-text[data-grade=great]{background-image:linear-gradient(180deg,#d6ffe9,var(--judge-great) 60%,#00a86b);filter:drop-shadow(0 0 12px rgba(61,255,162,.6))}.hud-judgment-text[data-grade=good]{background-image:linear-gradient(180deg,#d8f0ff,var(--judge-good));filter:drop-shadow(0 0 10px rgba(47,168,255,.5))}.hud-judgment-text[data-grade=boo]{background-image:linear-gradient(180deg,#ecd6ff,var(--judge-boo))}.hud-judgment-text[data-grade=miss]{background-image:linear-gradient(180deg,#ffd0d8,var(--judge-miss));filter:drop-shadow(0 0 10px rgba(255,51,85,.6))}@keyframes shimmer{to{background-position:-200% 0}}.hud-fastslow{font:800 .8rem var(--font-display);letter-spacing:.2em;margin-top:.3rem;min-height:1em}.hud-fastslow[data-side=fast]{color:var(--accent-cyan)}.hud-fastslow[data-side=slow]{color:#ff8a3d}.hud-fastslow[data-side=ng]{color:var(--accent-danger)}.hud-combo{display:grid;justify-items:center;transition:opacity .15s}.hud-combo-num{font:900 clamp(2.4rem,5.5vw,4.6rem)/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.35),0 4px 0 rgba(0,0,0,.35)}.hud-combo-label{font:800 .8rem var(--font-display);letter-spacing:.6em;color:var(--text-secondary);margin-right:-.6em}.hud-combo[data-tier="1"] .hud-combo-num{color:var(--accent-gold);text-shadow:0 0 22px rgba(255,210,63,.7)}.hud-combo[data-tier="2"] .hud-combo-num{color:var(--accent-cyan);text-shadow:0 0 26px rgba(34,231,255,.8)}.hud-combo[data-tier="3"] .hud-combo-num{background:linear-gradient(90deg,#ff2bd6,#ffd23f,#3dffa2,#22e7ff,#ff2bd6);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1s linear infinite;filter:drop-shadow(0 0 16px rgba(255,43,214,.7))}.hud-error{width:240px;height:18px;margin-top:.6rem;opacity:.9}.hud-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff0f}.hud-progress-fill{height:100%;transform-origin:left;background:linear-gradient(90deg,var(--accent-magenta),var(--accent-cyan));box-shadow:0 0 12px var(--accent-cyan)}.hud-time{position:absolute;right:3vw;bottom:10px;font:700 .8rem var(--font-display);color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.1em}.hud-pace{display:flex;gap:.5rem;align-items:baseline;font:700 .75rem var(--font-display);letter-spacing:.12em;color:var(--text-secondary)}.hud-pace b{font-size:1.05rem;font-variant-numeric:tabular-nums}.hud-pace[data-side=ahead] b{color:var(--accent-success);text-shadow:0 0 10px rgba(61,255,162,.5)}.hud-pace[data-side=behind] b{color:var(--accent-danger);text-shadow:0 0 10px rgba(255,51,85,.5)}.hud-fastslow[data-side=center]{color:var(--judge-marvelous)}.hud-badge{position:absolute;left:50%;bottom:3.5vh;transform:translate(-50%);font:800 .8rem var(--font-display);letter-spacing:.5em;color:var(--accent-gold);animation:blink 1.2s steps(2) infinite}.hud-banner-msg{position:absolute;inset:0;display:grid;place-items:center}.hud-msg{grid-area:1 / 1;font:900 clamp(2.6rem,8vw,7rem)/1 var(--font-display);letter-spacing:.08em;text-align:center;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.5)}.hud-msg-ready{font-size:clamp(2rem,6vw,5rem);color:var(--accent-cyan);text-shadow:0 0 30px var(--accent-cyan)}.hud-msg-go{color:var(--accent-gold);text-shadow:0 0 40px var(--accent-gold),0 0 90px #ff8a3d}.hud-msg-hint{font-size:1.4rem;letter-spacing:.3em;color:var(--text-secondary);text-shadow:none}.hud-msg-failed{color:var(--accent-danger);text-shadow:0 0 40px var(--accent-danger),0 0 120px #800}.hud-msg-cleared{background:linear-gradient(180deg,#fff,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(34,231,255,.7))}.hud-msg-fc-great,.hud-msg-fc-perfect,.hud-msg-fc-marvelous{font-size:clamp(2rem,5.5vw,5rem);-webkit-background-clip:text;background-clip:text;color:transparent}.hud-msg-fc-great{background-image:linear-gradient(180deg,#e3ffef,var(--accent-success));filter:drop-shadow(0 0 30px rgba(61,255,162,.8))}.hud-msg-fc-perfect{background-image:linear-gradient(180deg,#fff6c2,var(--accent-gold),#ff9d00);filter:drop-shadow(0 0 34px rgba(255,210,63,.85))}.hud-msg-fc-marvelous{background-image:linear-gradient(90deg,#fff,#9ff5ff,#ffd6fb,#fff,#b7fff0);background-size:200% 100%;animation:shimmer .8s linear infinite;filter:drop-shadow(0 0 40px rgba(160,245,255,.95))}.hud-pause{position:absolute;inset:0;display:grid;place-items:center;background:#03020a8c;backdrop-filter:blur(6px);pointer-events:auto;animation:fadein .15s}.hud-pause-card{text-align:center;padding:2.4rem 3rem;background:var(--glass-strong);border:1px solid var(--line-strong);border-radius:18px;display:grid;gap:.8rem}.hud-pause-card h2{font:900 2.4rem var(--font-display);letter-spacing:.2em;margin-bottom:.4rem}.hud-pause-card p{color:var(--text-secondary)}@media(max-width:900px){.hud-left .hud-counts,.hud-banner{display:none}.hud-left,.hud-right{width:30vw}.hud-score{font-size:1.8rem}}.hud.focus .hud-judgment-text,.hud.focus .hud-combo-num,.hud.focus .hud-score,.hud.focus .hud-msg{filter:none!important;text-shadow:none!important;animation:none!important}.hud.focus .hud-judgment-text[data-grade=marvelous]{background-image:linear-gradient(180deg,#fff,#bdf6ff)}.hud.focus .hud-life{box-shadow:none}.hud-msg-count{margin-bottom:34vh;font-size:clamp(5rem,12vw,9rem);color:#fff;-webkit-text-stroke:3px rgba(5,4,13,.85);paint-order:stroke fill;text-shadow:0 0 40px var(--accent-cyan)}.select{position:absolute;inset:0;display:grid;grid-template-columns:minmax(340px,40%) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top top" "wheel detail" "opts opts";gap:1rem 2.5vw;padding:2.2vh 3vw 2.4vh;background:radial-gradient(ellipse at 70% 40%,transparent 30%,rgba(5,4,13,.55) 100%);animation:fadein .35s}.select-top{grid-area:top;display:flex;align-items:center;gap:1.5rem}.logo{font:900 1.35rem var(--font-display);letter-spacing:.14em;transform:skew(-8deg);white-space:nowrap}.logo b{color:var(--accent-magenta);text-shadow:0 0 14px var(--accent-magenta);margin-left:.25em}.select-room{flex:1;display:flex;justify-content:center}.select-top>.btn{margin-left:auto}.wheel{grid-area:wheel;position:relative;perspective:1100px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.wheel-track{position:absolute;left:1.2rem;right:.6rem;top:50%;transform-style:preserve-3d}.wheel-focus{position:absolute;left:.8rem;right:.2rem;top:50%;height:84px;transform:translateY(-50%);border-radius:16px;pointer-events:none;box-shadow:inset 0 0 0 1px #22e7ff66,0 0 40px -6px #22e7ff59}.wheel-item{position:absolute;left:0;right:0;top:-36px;height:72px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto auto;align-content:center;column-gap:.9rem;padding:0 1.1rem;text-align:left;cursor:pointer;color:var(--text-primary);font-family:var(--font-ui);background:linear-gradient(90deg,#140e30e0,#0c081eb3);border:1px solid var(--line);border-radius:12px;transform-origin:right center;transition:transform .28s var(--ease-out),opacity .28s,background .2s,border-color .2s,box-shadow .2s;will-change:transform}.wheel-item:hover{border-color:var(--line-strong)}.wheel-item.active{background:linear-gradient(90deg,#ff2bd647,#8b5cff38 50%,#140e30e6);border-color:#ff2bd6a6;box-shadow:0 0 30px -8px #ff2bd6cc}.wi-pack{grid-column:1;font:600 .62rem var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.wi-title{grid-column:1;font-weight:700;font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-artist{grid-column:1;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-level,.wi-grade{grid-row:1 / -1;align-self:center}.wi-level{grid-column:2;font:900 1.5rem var(--font-display);color:var(--diff-medium);min-width:1.6em;text-align:right}.wi-level[data-diff=Beginner]{color:var(--diff-beginner)}.wi-level[data-diff=Easy]{color:var(--diff-easy)}.wi-level[data-diff=Hard]{color:var(--diff-hard)}.wi-level[data-diff=Challenge]{color:var(--diff-challenge)}.wi-grade{grid-column:3;font:900 .9rem var(--font-display);min-width:2.6em;text-align:center;color:var(--text-secondary)}[data-grade=AAAA]{color:#e8fbff!important;text-shadow:0 0 12px #9ff5ff}[data-grade=AAA]{color:var(--accent-gold)!important;text-shadow:0 0 10px rgba(255,210,63,.7)}[data-grade=AA]{color:#d9dde8!important}[data-grade=A]{color:var(--accent-success)!important}[data-grade=B]{color:var(--accent-cyan)!important}[data-grade=C]{color:#ff8a3d!important}[data-grade=D],[data-grade=E]{color:var(--accent-danger)!important}.detail{grid-area:detail;display:grid;grid-template-columns:minmax(200px,300px) 1fr;grid-template-rows:auto auto 1fr auto;gap:1.2rem 2rem;align-content:start;min-height:0;animation:detailin .3s var(--ease-out)}@keyframes detailin{0%{opacity:.4;transform:translate(12px)}}.jacket{position:relative;grid-row:1 / 3;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 24px 60px -18px #ff2bd699,0 0 0 1px #ffffff0a inset}.jacket-art{position:absolute;inset:0;background:var(--art, none) center / cover,conic-gradient(from 210deg at 50% 50%,#ff2bd6,#8b5cff,#22e7ff,#3dffa2,#ff2bd6)}.jacket:not([style*=--art]):after{content:"♪";position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;color:#ffffffd9;mix-blend-mode:overlay}.jacket-tag{position:absolute;left:.8rem;bottom:.8rem;font:800 .65rem var(--font-display);letter-spacing:.18em;padding:.4em .7em;border-radius:6px;background:#05040dbf;color:var(--accent-gold)}.detail-head{align-self:end}.detail-pack{font:600 .75rem var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--accent-cyan)}.detail-title{font:700 clamp(1.8rem,3.4vw,3.2rem)/1.05 var(--font-ui);margin-top:.3rem;text-shadow:0 4px 30px rgba(0,0,0,.6)}.detail-sub{color:var(--text-secondary);margin-top:.2rem}.detail-artist{font-size:1.15rem;color:var(--text-secondary);margin-top:.35rem}.detail-meta{display:flex;gap:1.4rem;margin-top:.9rem;color:var(--text-secondary);font-size:.85rem;letter-spacing:.08em}.detail-meta b{font:800 1.05rem var(--font-display);color:var(--text-primary);margin-right:.25em}.ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.rung{--dc: var(--diff-medium);display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:.15rem;padding:.6rem .3rem;font-family:var(--font-ui);color:var(--text-primary);cursor:pointer;background:#0e0a22b3;border:1px solid var(--line);border-radius:12px;transition:transform .18s var(--ease-out),border-color .18s,box-shadow .18s,background .18s}.rung[data-diff=Beginner]{--dc: var(--diff-beginner)}.rung[data-diff=Easy]{--dc: var(--diff-easy)}.rung[data-diff=Hard]{--dc: var(--diff-hard)}.rung[data-diff=Challenge]{--dc: var(--diff-challenge)}.rung-name{font:700 .62rem var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dc)}.rung-level{font:900 1.6rem var(--font-display)}.rung-grade{font:800 .7rem var(--font-display);min-height:1em}.rung.empty{opacity:.25;cursor:default}.rung:not(.empty):hover{border-color:var(--dc)}.rung.active{background:color-mix(in srgb,var(--dc) 20%,rgba(14,10,34,.85));border-color:var(--dc);box-shadow:0 0 26px -6px var(--dc);transform:translateY(-3px)}.chart-panel{grid-column:1 / -1;padding:1.1rem 1.3rem;display:grid;gap:.9rem;min-height:0}.chart-best{display:flex;align-items:center;gap:1rem}.best-grade{font:900 2.2rem var(--font-display)}.best-score{font:800 1.2rem var(--font-display);font-variant-numeric:tabular-nums}.best-sub{color:var(--text-secondary);font-size:.85rem}.best-sub b{color:var(--accent-gold)}.best-none{color:var(--text-muted)}.density{display:block;width:100%;height:64px}.chart-row{display:grid;grid-template-columns:170px 1fr;gap:1.4rem;align-items:center}.radar{width:170px;height:170px;overflow:visible}.radar-ring{fill:none;stroke:var(--line-strong);stroke-width:.6}.radar-shape{fill:#22e7ff47;stroke:var(--accent-cyan);stroke-width:1.4;filter:drop-shadow(0 0 4px var(--accent-cyan));transition:all .3s}.radar text{font:700 6px var(--font-ui);fill:var(--text-secondary);text-anchor:middle;dominant-baseline:middle;letter-spacing:.08em}.chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem 1.2rem}.chart-stats dt{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.chart-stats dd{font:800 1.25rem var(--font-display)}.play-cta{grid-column:1 / -1;display:flex;gap:.8rem;align-items:center}.btn-play{font:800 1.1rem var(--font-display);letter-spacing:.18em;padding:.85em 2em;background:linear-gradient(135deg,var(--accent-magenta),var(--accent-violet));border:none;box-shadow:0 10px 40px -10px var(--accent-magenta);animation:ctaglow 1.8s ease-in-out infinite}@keyframes ctaglow{50%{box-shadow:0 10px 50px -4px var(--accent-magenta)}}.cta-wait{color:var(--text-secondary);letter-spacing:.1em}.options{grid-area:opts;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .9rem}.opt{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;padding:.45rem .8rem;text-align:left;font-family:var(--font-ui);color:var(--text-primary);cursor:pointer;background:#ffffff0a;border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s}.opt:hover:not(:disabled){border-color:var(--accent-cyan);background:#22e7ff0f}.opt:disabled{opacity:.35}.opt-k{grid-row:1 / 3}.opt-l{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.opt b{font:800 .9rem var(--font-display);color:var(--accent-cyan)}.opt-hints{margin-left:auto;display:flex;flex-wrap:wrap;gap:1.1rem;color:var(--text-muted);font-size:.78rem}.room-bar{display:flex;align-items:center;gap:1.2rem;padding:.5rem .8rem}.room-code{display:flex;align-items:center;gap:.5rem}.room-code span{font-size:.65rem;letter-spacing:.2em;color:var(--text-muted)}.room-code b{font:900 1.05rem var(--font-display);letter-spacing:.15em;color:var(--accent-gold)}.room-players{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;max-width:34vw}.room-player{font-size:.78rem;padding:.2em .6em;border-radius:999px;background:#ffffff0f;border:1px solid var(--line)}.room-player.ready{border-color:var(--accent-success);color:var(--accent-success)}.room-player.me{box-shadow:0 0 0 1px var(--accent-cyan)}.room-slots{font-size:.72rem;color:var(--text-muted)}.room-actions{display:flex;align-items:center;gap:.5rem}.room-ready{font-size:.8rem;color:var(--text-secondary)}.select-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:1rem;padding:2rem;background:#05040d99}.select-empty h2{font:800 1.8rem var(--font-display)}.select-empty p{color:var(--text-secondary);max-width:560px;line-height:1.6}@media(max-width:1000px){.select{grid-template-columns:1fr;grid-template-areas:"top" "detail" "wheel" "opts";grid-template-rows:auto auto 1fr auto}.detail{grid-template-columns:140px 1fr}.jacket{grid-row:1}.chart-row,.density,.opt-hints{display:none}}.search{display:flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);min-width:260px;transition:border-color .15s}.search:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22e7ff1f}.search input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font:500 .9rem var(--font-ui);user-select:text}.search input::placeholder{color:var(--text-muted)}.search-count{font:700 .7rem var(--font-display);color:var(--text-muted)}.detail-none{grid-column:1 / -1;color:var(--text-secondary);padding:2rem 0}.chart-best{justify-content:space-between}.density-legend{display:flex;gap:.7rem;align-items:center;font-size:.72rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.density-legend i{font-style:normal;color:var(--c);font-weight:700}.density-wrap{position:relative;cursor:crosshair;touch-action:none}.density-range{position:absolute;top:-4px;bottom:-4px;pointer-events:none;background:#22e7ff1f;border:1px solid var(--accent-cyan);border-radius:6px;box-shadow:0 0 18px -4px var(--accent-cyan)}.density-range:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);white-space:nowrap;font:700 .65rem var(--font-display);letter-spacing:.08em;color:var(--accent-cyan)}.opt.warn b{color:var(--accent-gold)}.results{position:absolute;inset:0;display:grid;place-items:center;padding:1.6vh 3vw;background:radial-gradient(ellipse at 30% 40%,#05040d80,#05040dd9);animation:fadein .4s;overflow:auto}.results-inner{width:min(1200px,100%);display:grid;gap:.8rem}.res-head{display:flex;align-items:center;gap:1.2rem}.res-title{font:700 1.8rem/1.1 var(--font-ui)}.res-artist{color:var(--text-secondary)}.res-chart{margin-left:auto;font:800 .85rem var(--font-display);letter-spacing:.14em;padding:.5em .9em;border-radius:8px;background:var(--diff-medium);color:#120a20}.res-chart b{font-size:1.15em;margin-left:.3em}.res-chart[data-diff=Beginner]{background:var(--diff-beginner)}.res-chart[data-diff=Easy]{background:var(--diff-easy)}.res-chart[data-diff=Hard]{background:var(--diff-hard)}.res-chart[data-diff=Challenge]{background:var(--diff-challenge)}.res-auto{font:700 .75rem var(--font-display);letter-spacing:.2em;color:var(--accent-gold)}.res-main{display:grid;grid-template-columns:minmax(280px,1fr) 1.3fr;gap:3vw;align-items:center}.res-grade-wrap{display:grid;justify-items:center;gap:.6rem}.res-grade{position:relative;font:900 clamp(4.5rem,min(15vw,19vh),12rem)/.9 var(--font-display);letter-spacing:-.02em;transform-origin:center;-webkit-text-stroke:2px rgba(255,255,255,.15)}.res-grade[data-grade=AAAA]{background:linear-gradient(90deg,#fff,#9ff5ff,#ffd6fb,#fff,#b7fff0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:shimmer 1.2s linear infinite;filter:drop-shadow(0 0 40px rgba(160,245,255,.8))}.res-grade[data-grade=AAA]{background:linear-gradient(180deg,#fff6c2,#ffd23f 50%,#ff9d00);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 40px rgba(255,210,63,.75))}.res-grade[data-grade=AA]{background:linear-gradient(180deg,#fff,#b9c0d6 55%,#7d86a8);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 30px rgba(200,210,255,.5))}.res-grade[data-grade=E]{filter:drop-shadow(0 0 30px rgba(255,51,85,.7))}.results.failed .res-grade-wrap:after{content:"FAILED";font:900 1.4rem var(--font-display);letter-spacing:.4em;color:var(--accent-danger)}.res-fc{font:900 1.25rem var(--font-display);letter-spacing:.22em;padding:.35em 1em;border-radius:8px;background:linear-gradient(90deg,#ff2bd64d,#22e7ff4d);border:1px solid rgba(255,255,255,.35);transform-origin:center}.res-fc:empty{display:none}.res-record{font:900 .95rem var(--font-display);letter-spacing:.3em;color:var(--accent-gold);text-shadow:0 0 14px var(--accent-gold);animation:blink .9s steps(2) infinite 3s}.res-numbers{display:grid;gap:.3rem}.res-score-label{font:700 .8rem var(--font-display);letter-spacing:.4em;color:var(--text-secondary)}.res-score{font:900 clamp(2.4rem,min(5vw,7vh),4.2rem)/1 var(--font-display);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(34,231,255,.4))}.res-pct{font:800 1.6rem var(--font-display);color:var(--accent-gold)}.res-sub{display:flex;gap:1.6rem;color:var(--text-secondary);font-size:.85rem;letter-spacing:.1em;margin:.3rem 0 .4rem}.res-sub b{font:800 1.05rem var(--font-display);color:var(--text-primary);margin-left:.3em}.res-judgments{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1.8rem}.res-judgments li{display:flex;justify-content:space-between;align-items:baseline;padding:.15rem 0;border-bottom:1px solid var(--line);font:700 .95rem var(--font-ui);letter-spacing:.12em;color:var(--c)}.res-judgments b{font:800 1.25rem var(--font-display);color:var(--text-primary);font-variant-numeric:tabular-nums}.res-timing{padding:.9rem 1.2rem;display:grid;gap:.6rem}.res-timing-head{display:flex;gap:1.6rem;align-items:baseline;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.res-timing-head h3{font:800 .9rem var(--font-display);letter-spacing:.3em;color:var(--text-primary);text-transform:uppercase}.res-timing-head b{color:var(--text-primary);font-family:var(--font-display)}.res-early-late{margin-left:auto}.res-hist{width:100%;height:clamp(64px,10vh,110px)}.res-life{width:100%;height:clamp(28px,5vh,48px)}.res-dirs{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.res-dir{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;font-size:.85rem}.res-dir-arrow{font-size:1.3rem;font-weight:700}.res-dir-bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#22e7ff59,#ffffff14 50%,#ff8a3d59)}.res-dir-bar i{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff}.res-dir b{font-family:var(--font-display);font-size:.8rem;min-width:2.4em;text-align:right}.res-suggest{display:flex;align-items:center;gap:1rem;padding:.4rem .8rem;border-radius:10px;background:#ffd23f14;border:1px solid rgba(255,210,63,.35);color:var(--text-secondary)}.res-suggest b{color:var(--accent-gold)}.res-actions{display:flex;justify-content:flex-end;gap:.8rem}.calib{position:absolute;inset:0;display:grid;place-items:center;background:#05040d8c;animation:fadein .3s}.calib-card{width:min(720px,92vw);padding:2.2rem 2.4rem;display:grid;gap:1.4rem;background:var(--glass-strong)}.calib-card h2{font:800 1.5rem var(--font-display);letter-spacing:.1em}.calib-lead{color:var(--text-secondary);line-height:1.6}.calib-scale{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;font:700 .7rem var(--font-display);letter-spacing:.2em;color:var(--text-muted)}.calib-track{position:relative;height:54px;border-radius:10px;background:linear-gradient(90deg,#22e7ff1f,#ffffff08 50%,#ff8a3d1f);border:1px solid var(--line)}.calib-zero{position:absolute;left:50%;top:6px;bottom:6px;width:2px;background:#ffffffb3;transform:translate(-50%)}.calib-tap{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--accent-magenta);box-shadow:0 0 12px var(--accent-magenta)}.calib-progress{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.calib-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-magenta),var(--accent-cyan));transform-origin:left;transform:scaleX(0);transition:transform .2s}.calib-readout{color:var(--text-secondary);min-height:1.4em}.calib-readout b{color:var(--accent-cyan);font-family:var(--font-display)}.calib-actions{display:flex;justify-content:flex-end;gap:.7rem}@media(max-width:900px){.res-main{grid-template-columns:1fr}.res-dirs{grid-template-columns:repeat(2,1fr)}}.res-timing-body{display:grid;grid-template-columns:1.55fr 1fr;gap:1.4rem;align-items:start}.res-timing-left,.res-precision{display:grid;gap:.6rem}.res-precision table{width:100%;border-collapse:collapse;font-size:.82rem;font-variant-numeric:tabular-nums}.res-precision th,.res-precision td{padding:.22rem .4rem;text-align:right;border-bottom:1px solid var(--line)}.res-precision thead th{font:700 .62rem var(--font-display);letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase}.res-precision tbody th{text-align:left;color:var(--text-secondary);font-weight:600}.res-precision td:last-child{color:var(--judge-marvelous);font-weight:700}.res-coach{list-style:none;display:grid;gap:.35rem;font-size:.82rem;line-height:1.4;color:var(--text-secondary)}.res-coach li{padding-left:.9rem;position:relative}.res-coach li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--accent-cyan)}.res-coach li:first-child{color:var(--text-primary)}.res-map-head{display:flex;gap:1rem;align-items:center;font:700 .62rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.res-map-head span{color:var(--text-primary);margin-right:auto}.res-map-head i{font-style:normal;color:var(--c)}.res-life{height:clamp(36px,6vh,56px)}@media(max-width:1000px){.res-timing-body{grid-template-columns:1fr}}