*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{--bg: #0a0014;--neon-blue: #2de2ff;--neon-pink: #ff2d92;--gold: #ffcc4d;--purple: #6a2dff}html,body,#root{height:100vh;height:100dvh}body{background:var(--bg);color:#fff;font-family:Segoe UI,Hiragino Sans,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.screen{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.title-screen{background:radial-gradient(circle at 50% 30%,#1a0840,var(--bg) 70%);gap:14px;text-align:center;padding:24px}.title-main{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mascot{width:clamp(150px,40vw,280px);height:auto;margin-bottom:2px;filter:drop-shadow(0 0 26px rgba(45,226,255,.55)) drop-shadow(0 6px 14px rgba(0,0,0,.5));animation:floaty 3s ease-in-out infinite}.brand{letter-spacing:.35em;font-size:.8rem;color:var(--neon-blue);opacity:.85}.logo{font-size:clamp(2.6rem,9vw,5rem);font-weight:800;letter-spacing:.08em;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink),var(--neon-blue));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(45,226,255,.35);animation:logoFlow 5s linear infinite}@keyframes logoFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.title-screen .start-btn{padding:18px 50px;font-size:1.35rem;position:relative;z-index:1}.title-screen .title-main,.title-screen .mascot{position:relative;z-index:1}.title-settings{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center}.title-settings .sel-menu{top:calc(100% + 6px);right:auto}.title-synth{position:absolute;left:50%;bottom:6%;transform:translate(-50%);width:min(94%,820px);height:48%;z-index:0;pointer-events:none;opacity:.6}.tagline{color:#c4b5f0;opacity:.8;margin-bottom:10px}.hint{margin-top:18px;font-size:.78rem;line-height:1.7;color:#9a8fb8}.install-btn{margin-top:10px;padding:11px 26px;font-size:.95rem;font-weight:800;color:#07101a;background:linear-gradient(90deg,#2de2ff,#ff2d92);border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 20px #2de2ff80;animation:floaty 3s ease-in-out infinite}.install-btn:active{transform:scale(.96)}.lohi-credit{margin-top:14px;display:inline-block;font-size:.72rem;letter-spacing:.18em;color:#8fb6d8;text-decoration:none;opacity:.9;padding-bottom:2px;border-bottom:1px solid rgba(45,226,255,.45);pointer-events:auto}.lohi-credit:active,.lohi-credit:hover{color:var(--neon-blue)}.diff-list{display:flex;flex-direction:column;gap:8px;width:min(82vw,340px)}.diff-btn{display:flex;align-items:baseline;gap:10px;padding:11px 16px;border:2px solid rgba(45,226,255,.5);border-left-width:7px;border-radius:12px;background:#2de2ff12;color:#fff;cursor:pointer;text-align:left;transition:transform .08s ease,background .15s ease}.diff-btn:active{transform:scale(.97)}.diff-lv{font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums;min-width:48px}.diff-name{font-size:1.15rem;font-weight:800;letter-spacing:.05em;flex:1}.diff-sub{font-size:.78rem;color:#c4b5f0}.diff-btn.lv-1{border-left-color:#2de2ff}.diff-btn.lv-2{border-left-color:#4dff7a}.diff-btn.lv-3{border-left-color:#ffe23d}.diff-btn.lv-4{border-left-color:#ff8a2a}.diff-btn.lv-5{border-left-color:#ff1f33}.diff-btn.lv-5 .diff-name{color:#ff5a6b}.result-diff{letter-spacing:.15em;color:var(--neon-blue);font-weight:700;margin-bottom:4px}.primary-btn{padding:14px 32px;font-size:1.05rem;font-weight:700;color:#07101a;background:linear-gradient(90deg,var(--neon-blue),#7df9ff);border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 24px #2de2ff80;transition:transform .1s ease}.lab-select .primary-btn:not(.is-disabled){color:#1a1400;background:linear-gradient(90deg,#ffd21f,#fff45a);box-shadow:0 0 16px #ffe03cb3,0 0 34px #ffd21f80}.primary-btn:active{transform:scale(.96)}.ghost-btn{margin-top:12px;padding:10px 22px;font-size:.9rem;color:#c4b5f0;background:transparent;border:1px solid #5a4a8a;border-radius:999px;cursor:pointer}.select-screen{background:radial-gradient(circle at 50% 30%,#1a0840,var(--bg) 70%);gap:16px;text-align:center;padding:24px}.back-btn{position:absolute;top:16px;left:16px;margin-top:0}.select-diff{font-size:1.15rem;font-weight:800;letter-spacing:.1em;color:var(--neon-blue)}.select-diff.lv-3{color:#ffe23d}.select-diff.lv-4{color:#ff8a2a}.select-diff.lv-5{color:#ff1f33}.song-card{display:flex;align-items:center;gap:14px;width:min(82vw,360px);padding:14px 18px;border:2px solid rgba(45,226,255,.4);border-radius:16px;background:#2de2ff12;box-shadow:0 0 22px #2de2ff2e}.song-mascot{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(45,226,255,.5))}.song-info{text-align:left;flex:1}.song-title{font-size:1.25rem;font-weight:800}.song-artist{font-size:.8rem;color:#c4b5f0;margin-top:2px}.speed-label{font-size:.8rem;letter-spacing:.25em;color:var(--neon-blue);margin-top:4px}.speed-list{display:flex;gap:10px;width:min(82vw,360px)}.speed-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:2px solid rgba(45,226,255,.35);border-radius:12px;background:#2de2ff0d;color:#c4b5f0;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.speed-btn:active{transform:scale(.96)}.speed-btn.on{border-color:var(--neon-blue);background:#2de2ff2e;color:#fff;box-shadow:0 0 18px #2de2ff73}.speed-name{font-size:1rem;font-weight:800}.speed-sub{font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.85}.play-mode-row{display:flex;gap:8px;width:min(82vw,360px);margin-top:4px}.pm-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 6px;border:2px solid rgba(255,210,31,.3);border-radius:12px;background:#ffd21f0a;color:#c4b5f0;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.pm-btn:active{transform:scale(.96)}.pm-btn.on{border-color:#ffd21f;background:#ffd21f2e;color:#fff;box-shadow:0 0 16px #ffd21f80}.pm-label{font-size:.9rem;font-weight:800;letter-spacing:.1em}.pm-time{font-size:.72rem;font-family:Orbitron,monospace;opacity:.8;font-variant-numeric:tabular-nums}.opt-row{display:flex;gap:10px;width:min(88vw,390px);margin-top:2px}.opt-toggle{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 6px;border:2px solid transparent;border-radius:12px;color:#fff;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.opt-toggle:active{transform:scale(.96)}.opt-toggle:disabled{opacity:.65;cursor:default}.ot-cap{font-size:.6rem;letter-spacing:.03em;opacity:.85}.ot-val{font-size:.98rem;font-weight:800;font-variant-numeric:tabular-nums}.opt-mode{border-color:#6a2dff80;background:#6a2dff1f}.opt-mode .ot-cap{color:#c5b3ff}.opt-mode.is-short{border-color:#7d4dff;background:#6a2dff4d;box-shadow:0 0 16px #6a2dff8c}.opt-mode.is-full{border-color:#6a2dff;background:#6a2dff1f}.opt-speed{border-color:#2de2ff;background:#2de2ff24;box-shadow:0 0 14px #2de2ff66}.opt-speed .ot-cap{color:#9fe9ff}.lab-select{justify-content:flex-start;gap:8px;padding:14px 16px 10px;overflow:hidden}.lab-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(45,226,255,.12),transparent 42%),radial-gradient(circle at 82% 22%,rgba(255,45,146,.1),transparent 44%),linear-gradient(180deg,#0d062673,#0a001499 72%),url(/songs/select-bg.webp);background-size:cover;background-position:center top;background-repeat:no-repeat}@keyframes hazePulse{0%,to{opacity:.4}50%{opacity:.8}}.lab-haze{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(45,226,255,.16),transparent 55%);animation:hazePulse 5s ease-in-out infinite}.lab-shelf{position:absolute;top:8%;width:60px;height:56%;z-index:0;pointer-events:none;border-radius:10px;opacity:.55;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(45,226,255,.5) 6px 10px,transparent 10px 18px),repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,45,146,.4) 9px 12px,transparent 12px 22px);filter:blur(.5px) drop-shadow(0 0 8px rgba(45,226,255,.5))}.lab-shelf.left{left:10px}.lab-shelf.right{right:10px}@keyframes particleDrift{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.9}to{transform:translateY(-120px) scale(.4);opacity:0}}.lab-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.lab-particles span{position:absolute;bottom:18%;width:6px;height:6px;border-radius:50%;background:var(--neon-blue);box-shadow:0 0 8px var(--neon-blue);animation:particleDrift 6s linear infinite}.lab-particles span:nth-child(1){left:12%;animation-delay:0s}.lab-particles span:nth-child(2){left:24%;animation-delay:1.4s;background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}.lab-particles span:nth-child(3){left:36%;animation-delay:2.7s}.lab-particles span:nth-child(4){left:46%;animation-delay:.8s;background:var(--gold);box-shadow:0 0 8px var(--gold)}.lab-particles span:nth-child(5){left:58%;animation-delay:3.5s}.lab-particles span:nth-child(6){left:67%;animation-delay:1.9s;background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}.lab-particles span:nth-child(7){left:76%;animation-delay:4.2s}.lab-particles span:nth-child(8){left:85%;animation-delay:2.2s;background:var(--gold);box-shadow:0 0 8px var(--gold)}.lab-particles span:nth-child(9){left:30%;animation-delay:5s}.lab-particles span:nth-child(10){left:70%;animation-delay:3s;background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}.lab-table{position:absolute;left:0;right:0;bottom:0;height:24%;z-index:1;pointer-events:none;background:linear-gradient(180deg,#28185000,#1a0e36eb);border-top:2px solid rgba(45,226,255,.4);box-shadow:0 -10px 44px #2de2ff38}.lab-aurora{position:absolute;top:0;right:0;width:62%;height:100%;z-index:1;pointer-events:none;opacity:.9}.lab-synth{position:absolute;right:0;bottom:13%;width:60%;height:56%;z-index:1;pointer-events:none;opacity:.85}@keyframes labBeat{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.lab-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.lab-scope{position:absolute;top:0;left:0;right:0;height:36px;overflow:hidden;opacity:.5;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.scope-svg{width:100%;height:100%;display:block}.scope-scroll{animation:scopeScroll 2.4s linear infinite}@keyframes scopeScroll{0%{transform:translate(0)}to{transform:translate(-96px)}}.scope-line{fill:none;stroke:#2de2ff;stroke-width:1.3;filter:drop-shadow(0 0 4px #2de2ff)}.lab-rack{position:absolute;bottom:19%;width:66px;height:auto;opacity:.85;transform-origin:bottom center;animation:labBeat .5s ease-in-out infinite}.lab-rack-left{left:8px}.lab-rack-right{right:8px;animation-delay:.25s}.rack-board{fill:#788cb459}.tube-glass{fill:#dcf5ff1a;stroke:#e1faff80;stroke-width:.8}.tube-liquid{opacity:.85;filter:drop-shadow(0 0 3px var(--glow))}.tube-bub{opacity:0}.tube-bub.b1{animation:tubeBub 2.2s ease-in infinite;animation-delay:var(--d)}.tube-bub.b2{animation:tubeBub 2.7s ease-in infinite;animation-delay:calc(var(--d) + .5s)}@keyframes tubeBub{0%{transform:translateY(0);opacity:0}20%{opacity:.9}to{transform:translateY(-24px);opacity:0}}.lab-leds{position:absolute;left:6%;right:6%;bottom:15%;display:flex;justify-content:space-between;opacity:.8}.lab-leds span{width:6px;height:6px;border-radius:50%;background:#2de2ff;box-shadow:0 0 6px #2de2ff;animation:ledBlink .5s ease-in-out infinite;animation-delay:calc(var(--i) * .06s)}@keyframes ledBlink{0%,to{opacity:.18}50%{opacity:1}}.lab-png{position:absolute;bottom:13%;width:25%;max-width:210px;height:auto;opacity:.92;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));animation:labBeat .5s ease-in-out infinite}.lp-beakers{left:0}.lp-instruments{right:0;animation-delay:.25s}.lab-select>.ls-main{position:relative;z-index:3}.lab-select .back-btn{z-index:6}.sel-settings{position:absolute;top:14px;right:16px;z-index:6}.sel-gear{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0d062699;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sel-gear:active{transform:scale(.94)}.sel-menu{position:absolute;top:52px;right:0;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0d0626f0;box-shadow:0 8px 24px #00000080;min-width:190px;max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sel-menu button{text-align:left;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;white-space:nowrap}.sel-menu button:active{background:#ffffff24}.sel-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#2de2ff1f!important;border-color:#2de2ff66!important}.sel-caret{font-size:.7rem;opacity:.8}.sel-submenu{display:flex;flex-direction:column;gap:6px;margin-left:10px;padding-left:8px;border-left:2px solid rgba(45,226,255,.3)}.ls-main{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.ls-col{display:flex;flex-direction:column;align-items:center;gap:8px}.diff-row{display:flex;gap:5px;width:min(88vw,390px);margin-top:4px}.diff-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border:1.5px solid rgba(45,226,255,.3);border-radius:9px;background:#0a001473;color:#c4b5f0;cursor:pointer;transition:transform .08s,background .15s,border-color .15s}.diff-pill:active{transform:scale(.95)}.diff-pill .dp-lv{font-size:.72rem;font-weight:800}.diff-pill .dp-name{font-size:.6rem;letter-spacing:.02em}.diff-pill.on{background:#2de2ff29;color:#fff;box-shadow:0 0 12px #2de2ff66}.diff-pill.lv-1{border-color:#2de2ff73}.diff-pill.lv-2{border-color:#4dff7a73}.diff-pill.lv-3{border-color:#ffe23d73}.diff-pill.lv-4{border-color:#ff8a2a80}.diff-pill.lv-5{border-color:#ff1f3399}.diff-pill.lv-1 .dp-lv{color:#2de2ff}.diff-pill.lv-2 .dp-lv{color:#4dff7a}.diff-pill.lv-3 .dp-lv{color:#ffe23d}.diff-pill.lv-4 .dp-lv{color:#ff8a2a}.diff-pill.lv-5 .dp-lv{color:#ff1f33}.diff-pill.lv-1.on{border-color:#2de2ff;background:#2de2ff29;box-shadow:0 0 12px #2de2ff80}.diff-pill.lv-2.on{border-color:#4dff7a;background:#4dff7a29;box-shadow:0 0 12px #4dff7a80}.diff-pill.lv-3.on{border-color:#ffe23d;background:#ffe23d29;box-shadow:0 0 13px #ffe23d8c}.diff-pill.lv-4.on{border-color:#ff8a2a;background:#ff8a2a2e;box-shadow:0 0 14px #ff8a2a99}.diff-pill.lv-5.on{border-color:#ff1f33;background:#ff1f3333;box-shadow:0 0 18px #ff1f33b3}.diff-pill.lv-5.on .dp-lv,.diff-pill.lv-5.on .dp-name{color:#ff5a6b}.diff-best-line{font-size:.78rem;color:#c4b5f0;margin-top:3px}.diff-best-line b{color:var(--gold)}.beaker-stage{position:relative;width:min(78vw,360px);height:clamp(170px,33vh,250px);overflow:hidden;touch-action:none;cursor:grab}@keyframes loadingBlink{0%,to{opacity:1}50%{opacity:.45}}.beaker-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;font-family:Share Tech Mono,monospace;font-size:clamp(1.1rem,4vh,1.6rem);letter-spacing:.12em;color:#7df9ff;text-shadow:0 0 8px rgba(45,226,255,.9),0 0 18px rgba(45,226,255,.6);padding:8px 16px;border-radius:10px;background:#0804148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:loadingBlink 1.1s ease-in-out infinite}.beaker-stage:active{cursor:grabbing}.beaker-track{display:flex;height:100%;width:300%}.beaker-slot{display:flex;align-items:center;justify-content:center;flex:none;width:33.3333%}@keyframes beakerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.beaker-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 16px var(--neon)) drop-shadow(0 10px 14px rgba(0,0,0,.55));animation:beakerBob 3.6s ease-in-out infinite}.bk-glass{fill:#dcf5ff14;stroke:#e1faffd9;stroke-width:3.2;stroke-linejoin:round}.bk-rim{stroke:#e1fafff2;stroke-width:5;stroke-linecap:round}.bk-shine{fill:none;stroke:#ffffff80;stroke-width:1.5;stroke-dasharray:18 200;stroke-dashoffset:-28}.bk-placeholder{font-size:40px;dominant-baseline:middle}@keyframes bubbleUp{0%{transform:translateY(0) scale(.45);opacity:0}15%{opacity:.95}85%{opacity:.9}to{transform:translateY(-150px) scale(1.15);opacity:0}}.bk-bubble{transform-box:fill-box;transform-origin:center;animation:bubbleUp 2.6s linear infinite}@keyframes surfaceWobble{0%,to{transform:scaleX(1) translateY(0)}50%{transform:scaleX(1.08) translateY(-1.5px)}}.bk-surface{opacity:.85;transform-box:fill-box;transform-origin:center;animation:surfaceWobble 2.2s ease-in-out infinite}.bk-img{opacity:.95}.beaker-svg.is-active{filter:drop-shadow(0 0 26px var(--neon)) drop-shadow(0 10px 14px rgba(0,0,0,.55)) brightness(1.08)}.beaker-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(45,226,255,.5);background:#0a001480;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:4}.beaker-nav.left{left:2px}.beaker-nav.right{right:2px}.beaker-nav:disabled{opacity:.25}@keyframes hakaseStand{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}.lab-hakase{position:absolute;right:2%;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none}.hakase-img{width:clamp(110px,26vw,200px);height:auto;filter:drop-shadow(0 0 16px rgba(45,226,255,.5)) drop-shadow(0 6px 12px rgba(0,0,0,.5));animation:hakaseStand 3.2s ease-in-out infinite}.hakase-bubble{position:relative;margin-bottom:6px;padding:8px 14px;background:#fff;color:#1a0840;font-weight:800;font-size:.95rem;border-radius:14px;box-shadow:0 0 16px #2de2ff99;white-space:nowrap}.hakase-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff;border-bottom:0}.song-meta{text-align:center;margin-top:2px}.song-stars{display:flex;justify-content:center;gap:2px;font-size:.95rem;line-height:1;margin-bottom:2px}.song-stars span{color:#ffffff38}.song-stars span.on{color:var(--gold);text-shadow:0 0 8px rgba(255,204,77,.8)}.song-meta .song-title{font-size:1.3rem;font-weight:800;text-shadow:0 0 14px rgba(45,226,255,.5)}.song-meta .song-artist{font-size:.82rem;color:#c4b5f0;margin-top:1px}.beaker-dots{display:flex;justify-content:center;gap:7px;margin-top:6px}.beaker-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:background .2s,transform .2s}.beaker-dots span.on{background:var(--neon-blue);transform:scale(1.25);box-shadow:0 0 8px var(--neon-blue)}.primary-btn.is-disabled{background:#ffffff26;color:#9a8fb8;box-shadow:none;cursor:not-allowed}.calib-screen{background:radial-gradient(circle at 50% 30%,#1a0840,var(--bg) 70%);gap:14px;text-align:center;padding:24px}.calib-title{letter-spacing:.2em;color:var(--neon-blue)}.calib-guide{font-size:.9rem;line-height:1.7;color:#c4b5f0}.calib-side{display:flex;flex-direction:column;align-items:center;gap:10px}.calib-pad{flex:none;width:min(46vh,70vw,300px);height:min(46vh,70vw,300px);border-radius:50%;border:4px solid var(--neon-blue);background:radial-gradient(circle at 40% 35%,#2de2ff59,#2de2ff14);color:#fff;font-size:clamp(1.8rem,7vh,3rem);font-weight:800;letter-spacing:.18em;cursor:pointer;box-shadow:0 0 26px #2de2ff80;touch-action:none;-webkit-user-select:none;user-select:none}.calib-pad:active{transform:scale(.96);background:radial-gradient(circle at 40% 35%,#ff2d9266,#ff2d921a)}.calib-readout{display:flex;flex-direction:column;gap:4px;font-size:1.05rem}.calib-readout b{font-size:1.2rem;color:var(--gold)}.calib-hint{font-size:.8rem;color:#9a8fb8;margin-left:6px}.calib-nudge{display:flex;align-items:center;gap:12px}.calib-nudge button{padding:6px 14px;border-radius:999px;border:1px solid #5a4a8a;background:transparent;color:#c4b5f0;cursor:pointer}.calib-nudge span{min-width:70px;font-weight:800;font-variant-numeric:tabular-nums}.calib-link{margin-top:4px;font-size:.85rem}.play-screen{background:radial-gradient(circle at 50% 40%,hsl(var(--wave-hue, 250),70%,14%),var(--bg) 75%);transition:background .6s ease}.play-progress{position:absolute;top:50px;left:0;right:0;height:3px;background:#ffffff12;z-index:5;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink))}.pause-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(45,226,255,.55);background:#0a001480;color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;flex:none}.pause-btn:active{transform:scale(.94)}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#060314c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none}.pause-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 30px;border-radius:18px;background:#0d0626f0;border:1px solid rgba(45,226,255,.45);box-shadow:0 0 30px #2de2ff59}.pause-title{font-size:1.2rem;font-weight:800;letter-spacing:.08em;color:#fff}.pause-card .ghost-btn{margin-top:0}.hud{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;z-index:5}.hud-score{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(45,226,255,.6)}.wave-meter{display:flex;align-items:center;gap:8px}.wave-label{font-size:.7rem;letter-spacing:.2em;color:var(--neon-blue)}.wave-bar{width:160px;height:13px;border-radius:999px;background:#ffffff14;border:2px solid rgba(125,230,255,.85);box-shadow:0 0 6px #2de2ff66,inset 0 0 6px #00000073;overflow:hidden}.wave-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink),var(--gold));transition:width .15s ease}.wave-bar.charged{border-color:#fff;animation:waveBorderGlow .6s ease-in-out infinite}.wave-bar.charged .wave-fill{background:linear-gradient(90deg,#fff,var(--gold),var(--neon-pink),var(--neon-blue),#fff);background-size:250% 100%;animation:waveShine .9s linear infinite;box-shadow:0 0 16px var(--neon-pink)}@keyframes waveShine{0%{background-position:0% 0}to{background-position:250% 0}}@keyframes waveBorderGlow{0%,to{box-shadow:0 0 12px var(--neon-pink),0 0 20px #2de2ffb3,inset 0 0 8px #ffffff4d}50%{box-shadow:0 0 22px var(--gold),0 0 38px var(--neon-pink),inset 0 0 12px #ffffff8c}}.play-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateZ(0);will-change:transform}.aurora-viz{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:translateZ(0)}.countin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none}.ci-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.ci-rings{position:absolute;top:50%;left:50%}.ci-rings span{position:absolute;top:50%;left:50%;width:280px;height:280px;margin:-140px 0 0 -140px;border:2px solid var(--neon-blue);border-radius:50%;opacity:0;box-shadow:0 0 18px #2de2ff99;animation:ciRing .9s ease-out forwards}.ci-rings span:nth-child(2){animation-delay:.12s;border-color:var(--neon-pink);box-shadow:0 0 18px #ff2d9299}.ci-rings span:nth-child(3){animation-delay:.24s;border-color:#7df94d;box-shadow:0 0 18px #7df94d99}@keyframes ciRing{0%{opacity:0;transform:scale(1.6)}30%{opacity:.9}to{opacity:0;transform:scale(.3)}}.ci-tube{width:clamp(54px,12vh,86px);height:auto;filter:drop-shadow(0 0 14px rgba(45,226,255,.6))}.ci-glass{fill:#dcf5ff0f;stroke:#e1faffcc;stroke-width:2.4}.ci-rim{stroke:#e1fafff2;stroke-width:4;stroke-linecap:round}.ci-liquid{fill:#2de2ff;opacity:.9;filter:drop-shadow(0 0 6px #2de2ff)}.ci-surface{fill:#eaffff;opacity:.9}.ci-num{font-size:clamp(4rem,18vh,9rem);font-weight:900;line-height:1;background:linear-gradient(180deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(45,226,255,.5);animation:ciPop .9s ease-out}@keyframes ciPop{0%{transform:scale(.4);opacity:0}20%{transform:scale(1.15);opacity:1}45%{transform:scale(1)}to{transform:scale(1);opacity:1}}.ci-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#fff,#fff0 60%);animation:ciFlash .5s ease-out forwards}@keyframes ciFlash{0%{opacity:.9}to{opacity:0}}.ci-go{position:absolute;font-size:clamp(2rem,9vh,4.5rem);font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 0 30px var(--neon-blue),0 0 60px var(--neon-pink);animation:ciGo .6s ease-out forwards}@keyframes ciGo{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1.35);opacity:0}}.zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;z-index:2}.lane{position:relative;height:100%}.beat-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.beat-line{position:absolute;left:0;right:0;height:1px;background:#ffffff12}.beat-line.beat-bar{background:#2de2ff29}.lane-side{width:45%}.lane-center{width:10%;border-left:1px solid rgba(45,226,255,.12);border-right:1px solid rgba(45,226,255,.12);background:#6a2dff0d}.lane-center .note,.lane-center .note-dual,.lane-center .judge,.lane-center .judge-line{position:relative;z-index:2}.wave-core{position:absolute;left:50%;top:7%;bottom:7%;width:74%;transform:translate(-50%) translateZ(0);z-index:0;pointer-events:none}.wave-core.is-charged{pointer-events:auto;cursor:pointer;z-index:6}.wc-unleash-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(.8rem,2.4vh,1.15rem);letter-spacing:.18em;color:#fff;text-shadow:0 0 8px #fff,0 0 18px var(--neon-pink),0 0 30px var(--neon-blue);animation:unleashPulse .7s ease-in-out infinite;pointer-events:none}@keyframes unleashPulse{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.wc-tube{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#0a001480;border:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:inset 0 0 16px #00000080}.wc-tube:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(0deg,#ff2d6e,#ff8a2a,#ffe23d,#4dff7a,#2de2ff,#8a6bff,#ff2d6e);background-size:100% 400%;opacity:.16;animation:wcRainbow 6s linear infinite;pointer-events:none}.wc-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#ff2d6e,#ff8a2a,#ffe23d,#4dff7a,#2de2ff,#8a6bff,#ff2d6e);background-size:100% 400%;animation:wcRainbow 3s linear infinite;box-shadow:0 0 18px #2de2ff8c;transition:height .25s ease-out;opacity:.95}@keyframes wcRainbow{0%{background-position:50% 0%}to{background-position:50% 400%}}.wc-cap{position:absolute;left:-12%;right:-12%;height:12px;transform:translateY(50%);background:radial-gradient(ellipse at center,rgba(255,255,255,.9),transparent 70%);filter:blur(1px);transition:bottom .25s ease-out}.wave-core.is-charged .wc-tube{border-color:#fff;animation:wcChargedPulse .6s ease-in-out infinite}.wave-core.is-charged .wc-fill{animation:wcRainbow 1.5s linear infinite;opacity:1}@keyframes wcChargedPulse{0%,to{box-shadow:0 0 18px #fff9,inset 0 0 16px #0006}50%{box-shadow:0 0 34px #fffffff2,0 0 52px #8a6bffb3,inset 0 0 16px #0000004d}}.unleash-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:1px;width:88px;padding:12px 6px;border:2px solid rgba(255,255,255,.9);border-radius:16px;background:linear-gradient(135deg,#ff2d6e,#ff8a2a,#ffe23d,#4dff7a,#2de2ff,#8a6bff);background-size:300% 300%;color:#1a0030;font-weight:900;cursor:pointer;box-shadow:0 0 24px #ffffffb3,0 0 46px #8a6bff99;animation:ubRainbow 2s linear infinite,ubPulse .7s ease-in-out infinite}.unleash-btn:active{transform:translate(-50%,-50%) scale(.92)}.ub-spark{font-size:1.5rem;line-height:1}.ub-label{font-size:.82rem;letter-spacing:.06em}@keyframes ubRainbow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes ubPulse{0%,to{box-shadow:0 0 24px #ffffffb3,0 0 46px #8a6bff99}50%{box-shadow:0 0 38px #fff,0 0 66px #2de2ffd9}}.rainbow-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 58%,transparent 26%,rgba(45,226,255,.16) 46%,rgba(255,45,110,.3) 72%,rgba(138,107,255,.46) 100%);animation:rfVignette .85s ease-out forwards}@keyframes rfVignette{0%{opacity:0;filter:hue-rotate(0deg)}25%{opacity:1;filter:hue-rotate(40deg)}to{opacity:0;filter:hue-rotate(160deg)}}.rf-aurora{position:absolute;left:50%;top:55%;width:130vh;height:130vh;border-radius:50%;background:conic-gradient(from 0deg,#ff2d6e,#ffe23d,#4dff7a,#2de2ff,#8a6bff,#ff2d6e);-webkit-mask:radial-gradient(circle,transparent 30%,#000 44%,#000 58%,transparent 72%);mask:radial-gradient(circle,transparent 30%,#000 44%,#000 58%,transparent 72%);opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0);animation:rfAurora .9s ease-out forwards}@keyframes rfAurora{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0)}25%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(130deg)}}.rf-spark{font-size:clamp(3rem,16vh,7rem);filter:drop-shadow(0 0 24px #fff);animation:rfSpark .8s ease-out forwards;z-index:2}@keyframes rfSpark{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.2);opacity:1}to{transform:scale(1.7);opacity:0}}.rf-ring{position:absolute;left:50%;top:55%;width:40vh;height:40vh;border-radius:50%;border:5px solid rgba(122,233,255,.85);box-shadow:0 0 24px #2de2ffe6,0 0 48px #ff2d6eb3,inset 0 0 24px #8a6bffb3;transform:translate(-50%,-50%) scale(0);animation:rfRing .8s ease-out forwards}.rf-ring2{animation-delay:.1s}.rf-ring3{animation-delay:.2s}@keyframes rfRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.rf-burst{position:relative;z-index:3;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(1.6rem,8vh,4rem);letter-spacing:.06em;background:linear-gradient(90deg,#ff2d6e,#ffe23d,#4dff7a,#2de2ff,#8a6bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,255,255,.8));animation:rfBurst .85s ease-out forwards}@keyframes rfBurst{0%{transform:scale(.6);opacity:0}28%{transform:scale(1.2);opacity:1}60%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}.lane-notes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lane-left .lane-notes{transform:translate(calc(var(--note-dx, 0px) * -1))}.lane-right .lane-notes{transform:translate(var(--note-dx, 0px))}@keyframes noteFlowY{0%{background-position:50% 0%}to{background-position:50% 300%}}.note-hold{position:absolute;left:50%;transform:translate(-50%);width:52px;border-radius:10px;background:linear-gradient(180deg,#ff2d92,#ff3d6e,#ff7a3c,#ff2d92);background-size:100% 300%;animation:noteFlowY 1.5s linear infinite;border:3px solid rgba(255,150,185,.9);box-shadow:0 0 16px #ff2d9280}@keyframes holdEdge{0%,to{box-shadow:0 0 0 3px #fff9,0 0 24px #ffffffb3}50%{box-shadow:0 0 0 5px #fff,0 0 36px #fffffff2}}.note-holding{border:7px solid #fff;animation:holdEdge .45s ease-in-out infinite}@keyframes glare{0%,to{opacity:.5;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.35) rotate(90deg)}}.hold-fx{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;pointer-events:none;z-index:3}.hold-fx span{position:absolute;width:24px;height:24px;background:#fff;clip-path:polygon(50% 0%,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0% 50%,44% 44%);box-shadow:0 0 12px #fff,0 0 24px #fff;opacity:.5;animation:glare .5s ease-in-out infinite}.hold-fx span:nth-child(1){top:2%;left:-4px;animation-delay:0s}.hold-fx span:nth-child(2){top:18%;right:-4px;animation-delay:.13s}.hold-fx span:nth-child(3){top:42%;left:-6px;animation-delay:.28s}.hold-fx span:nth-child(4){top:60%;right:-6px;animation-delay:.42s}.hold-fx span:nth-child(5){top:82%;left:-2px;animation-delay:.58s}.hold-fx span:nth-child(6){top:8%;right:22%;animation-delay:.22s}.hold-fx span:nth-child(7){top:90%;right:28%;animation-delay:.5s}.hold-head{position:absolute;bottom:0;left:50%;transform:translate(-50%,45%);width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;border-radius:50%;background:linear-gradient(135deg,#ff2d92,#ff5a3c);border:3px solid #fff;box-shadow:0 0 16px #ff2d92b3}@keyframes spinRot{to{transform:rotate(360deg)}}.note-spin{width:92px;height:92px;background:transparent;border:none;border-radius:50%}.spin-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--neon-blue),var(--neon-pink),var(--gold),var(--neon-blue));animation:spinRot 1.1s linear infinite;box-shadow:0 0 22px #2de2ff99}.spin-core{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#0a0014;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 14px #2de2ff66}.spin-icon{font-size:1.7rem;line-height:1;color:var(--neon-blue)}.spin-count{font-size:1rem;font-weight:800;color:#fff}.spin-ring:after{content:"";position:absolute;top:-4px;left:50%;width:14px;height:14px;transform:translate(-50%);border-radius:50%;background:#fff;box-shadow:0 0 14px #fff,0 0 26px var(--neon-blue)}.note-spin.spin-active .spin-ring,.note-spinhold.spin-active .spin-ring{animation-duration:.5s}@keyframes spinPulse{0%{filter:drop-shadow(0 0 6px var(--neon-blue)) brightness(1)}to{filter:drop-shadow(0 0 22px var(--neon-pink)) brightness(1.25)}}.note-spinhold.spin-active .spinhold-head{animation:spinPulse .45s ease-in-out infinite alternate}@keyframes spinShake{0%{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% + 1.6px),calc(-50% - 1.2px))}40%{transform:translate(calc(-50% - 1.6px),calc(-50% + 1px))}60%{transform:translate(calc(-50% + 1px),calc(-50% + 1.6px))}80%{transform:translate(calc(-50% - 1px),calc(-50% - 1.4px))}to{transform:translate(-50%,-50%)}}.note-spin.spin-active{animation:spinPulse .45s ease-in-out infinite alternate,spinShake .09s linear infinite}.note-spin.spin-active .spin-ring:after,.note-spinhold.spin-active .spin-ring:after{box-shadow:0 0 18px #fff,0 0 32px var(--neon-pink)}.note-spinhold{position:absolute;left:50%;transform:translate(-50%);width:54px}.spinhold-head{position:absolute;bottom:0;left:50%;transform:translate(-50%,45%);width:92px;height:92px;border-radius:50%}@keyframes spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-44px) scaleY(.5)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-84px) scaleY(1.6)}}.spin-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;animation:spinRot .8s linear infinite}.spin-active .spin-sparks{display:block}.spin-sparks i{position:absolute;top:50%;left:50%;width:5px;height:18px;margin:-9px 0 0 -2.5px;background:linear-gradient(180deg,#fff,var(--gold) 55%,transparent);border-radius:3px;box-shadow:0 0 8px var(--gold),0 0 16px #ffcc4d99;transform-origin:50% 50%;animation:spark .55s ease-out infinite}.spin-sparks i:nth-child(1){--a: 0deg;animation-delay:0s}.spin-sparks i:nth-child(2){--a: 45deg;animation-delay:.05s}.spin-sparks i:nth-child(3){--a: 90deg;animation-delay:.1s}.spin-sparks i:nth-child(4){--a: 135deg;animation-delay:.15s}.spin-sparks i:nth-child(5){--a: 180deg;animation-delay:.2s}.spin-sparks i:nth-child(6){--a: 225deg;animation-delay:.25s}.spin-sparks i:nth-child(7){--a: 270deg;animation-delay:.3s}.spin-sparks i:nth-child(8){--a: 315deg;animation-delay:.35s}.note-swipehold,.note-curve{position:absolute;left:50%;transform:translate(-50%);width:54px}.sh-trail,.cv-trail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:27px;background:linear-gradient(180deg,var(--neon-blue),var(--purple),var(--neon-pink),var(--neon-blue));background-size:100% 300%;animation:noteFlowY 1.6s linear infinite;border:2px solid rgba(125,249,255,.6);box-shadow:0 0 13px #2de2ff73;opacity:.92}.sh-head,.cv-head,.cv-bend{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;-webkit-text-stroke:1px #fff;text-shadow:0 0 6px rgba(0,0,0,.45);border-radius:50%;border:3px solid #fff;box-shadow:0 0 16px #2de2ffb3}.sh-head,.cv-head{bottom:0;transform:translate(-50%,45%);width:60px;height:60px;font-size:2.4rem;background:linear-gradient(135deg,var(--neon-blue),var(--purple))}.cv-bend{top:50%;transform:translate(-50%,-50%);width:44px;height:44px;font-size:1.7rem;background:linear-gradient(135deg,var(--neon-pink),var(--gold))}.note-swipehold.stage-1 .sh-trail,.note-curve.stage-1 .cv-trail,.note-curve.stage-2 .cv-trail{border-width:6px;border-color:#fff;opacity:1;animation:noteFlowY 1.6s linear infinite,holdEdge .45s ease-in-out infinite}.note-dual{width:auto;height:auto;gap:6px;padding:6px 12px;background:linear-gradient(120deg,#ffcc4d,#ffa53c,#fff06a,#ffcc4d);background-size:300% 100%;background-position:30% 50%;border:3px solid #ffffff;border-radius:16px;box-shadow:0 0 20px #ffcc4d8c;white-space:nowrap}.dual-arrow{font-size:1.8rem;color:#fff;-webkit-text-stroke:1px #fff;text-shadow:0 0 6px rgba(0,0,0,.4);transition:opacity .1s ease}.dual-arrow.done{opacity:.35}.judge-line{position:absolute;left:0;right:0;height:0;border-top:2px dashed rgba(45,226,255,.7);box-shadow:0 0 18px #2de2ff80}.judge-line:after{content:"HIT";position:absolute;right:6px;top:4px;font-size:.65rem;letter-spacing:.2em;color:#2de2ffcc}.is-missed{opacity:.4;filter:grayscale(.55) brightness(.8);animation:none!important;pointer-events:none}.note{position:absolute;left:50%;transform:translate3d(-50%,-50%,0);will-change:transform,top;backface-visibility:hidden;-webkit-backface-visibility:hidden;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:16px}.note-hold,.note-holding,.note-spinhold,.note-swipehold,.note-curve{will-change:transform,top,height;backface-visibility:hidden;-webkit-backface-visibility:hidden}.arrow-tri{display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}@keyframes noteFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.note-arrow{color:#fff;font-size:2.5rem;font-weight:900;-webkit-text-stroke:1.5px #fff;text-shadow:0 0 8px rgba(0,0,0,.55),0 2px 2px rgba(0,0,0,.5);background:linear-gradient(120deg,var(--neon-blue),var(--purple),var(--neon-pink),var(--neon-blue));background-size:300% 100%;background-position:30% 50%;border:3px solid rgba(125,249,255,.9);box-shadow:0 0 11px #2de2ff8c}.note-tap{color:#fff;font-size:1.6rem;-webkit-text-stroke:1px #fff;background:linear-gradient(120deg,#ff2d92,#ff3d6e,#ff7a3c,#ff2d92);background-size:300% 100%;background-position:30% 50%;border:3px solid rgba(255,150,185,.9);border-radius:14px;box-shadow:0 0 10px #ff2d928c}.note.note-easy{background:radial-gradient(circle at 50% 42%,#ff7ac0,#ff2d92 75%);border:3px solid rgba(255,214,235,.95);border-radius:50%;box-shadow:0 0 14px #ff2d92a6}.note-hold.is-easy{border-color:#ffd6ebf2;box-shadow:0 0 16px #ff2d9299}.note-hold.is-easy .hold-head{background:radial-gradient(circle at 50% 42%,#ff7ac0,#ff2d92 75%)}.easy-mark{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}.em-arrow{position:absolute;width:0;height:0}.em-up{top:0;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff}.em-down{bottom:0;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff}.em-left{left:0;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #fff}.em-right{right:0;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #fff}.em-dot{position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 7px #ffffffd9}.combo{position:absolute;top:22%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:4;pointer-events:none}.combo-num{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.combo-txt{font-size:.7rem;letter-spacing:.2em;color:#c4b5f0}.judge{position:absolute;top:58%;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:.05em;z-index:6;pointer-events:none;animation:judgePop .45s ease-out forwards}.judge-perfect{color:var(--gold);text-shadow:0 0 20px var(--gold)}.judge-good{color:var(--neon-blue);text-shadow:0 0 16px var(--neon-blue)}.judge-miss{color:#ff5a6e;text-shadow:0 0 16px #ff5a6e}@keyframes judgePop{0%{transform:translate(-50%) scale(.6);opacity:0}30%{transform:translate(-50%) scale(1.15);opacity:1}to{transform:translate(-50%) scale(1);opacity:0}}.stick{position:absolute;bottom:var(--stick-bottom, 24px);left:50%;transform:translate(calc(-50% + var(--stick-dx-eff, 0px)));width:var(--stick-size, 140px);height:var(--stick-size, 140px);display:flex;align-items:center;justify-content:center;z-index:8;touch-action:none}.stick-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(45,226,255,.4);background:#2de2ff0f;box-shadow:inset 0 0 24px #2de2ff26}.stick-knob{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7df9ff,var(--neon-blue));box-shadow:0 0 20px #2de2ffb3;transition:transform .06s ease}.stick-active .stick-ring{border-color:var(--neon-pink);box-shadow:inset 0 0 30px #ff2d9240}.stick-left{--stick-dx-eff: calc(var(--stick-dx, 0px) * -1)}.stick-right{--stick-dx-eff: var(--stick-dx, 0px)}.stick-setup{background:radial-gradient(circle at 50% 40%,#160a36,var(--bg) 75%);gap:10px;text-align:center;padding:12px 14px;justify-content:flex-start;overflow-y:auto}.stick-preview{position:relative;display:flex;flex:none;width:min(94vw,760px);height:min(34vh,220px);border:1px dashed rgba(45,226,255,.3);border-radius:14px;background:#0a001466;overflow:hidden}.sp-lane{position:relative;flex:0 0 45%;height:100%}.sp-center{flex:0 0 10%;height:100%;border-left:1px solid rgba(45,226,255,.12);border-right:1px solid rgba(45,226,255,.12);background:#6a2dff0d}.sp-judge{position:absolute;left:0;right:0;height:0;border-top:2px dashed rgba(45,226,255,.7);box-shadow:0 0 12px #2de2ff66;z-index:2}.sp-note{position:absolute;left:50%;width:26px;height:26px;border-radius:8px;background:linear-gradient(180deg,#ff5a8a,#ff2d92);box-shadow:0 0 12px #ff2d9299;z-index:2}.sp-note-left{transform:translate(calc(-50% - var(--note-dx, 0px)))}.sp-note-right{transform:translate(calc(-50% + var(--note-dx, 0px)))}.setup-sub{font-size:.8rem;letter-spacing:.15em;color:var(--neon-blue);margin-top:2px}.stick-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(94vw,480px)}.stick-preset{padding:9px 14px;border-radius:999px;border:1.5px solid rgba(45,226,255,.4);background:#0a001473;color:#c4b5f0;font-size:.9rem;font-weight:700;cursor:pointer}.stick-preset:active{transform:scale(.96)}.stick-preset.on{border-color:var(--neon-blue);background:#2de2ff2e;color:#fff;box-shadow:0 0 12px #2de2ff73}.stick-nums{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;width:min(94vw,480px)}.stick-nums label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#c4b5f0}.stick-nums input[type=number]{width:72px;padding:7px 8px;border-radius:8px;border:1.5px solid rgba(45,226,255,.4);background:#0a001499;color:#fff;font-size:1rem;font-weight:700;text-align:center}.stick-nums small{color:#9a8fb8}.result-screen{background:radial-gradient(circle at 50% 30%,#1a0840,var(--bg) 70%);justify-content:flex-start;gap:6px;padding:max(14px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.result-screen::-webkit-scrollbar{display:none}.result-synth{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:0;pointer-events:none;opacity:.8}.result-screen>*:not(.result-synth){position:relative;z-index:1}.res-head{position:relative;text-align:center;padding-top:4px;animation:fadeUp .4s ease-out both}.res-scan{position:absolute;left:8%;right:8%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);box-shadow:0 0 12px var(--neon-blue);animation:scanSweep .8s ease-out both}@keyframes scanSweep{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(46px);opacity:0}}.result-title{letter-spacing:.22em;font-size:clamp(1.05rem,4.4vw,1.5rem);font-weight:900;color:var(--neon-blue);text-shadow:0 0 18px rgba(45,226,255,.55);margin:4px 0 2px}.res-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(18px,6vw,52px);margin:4px 0}.res-left{display:flex;align-items:center;gap:16px}.doctor-col{display:flex;flex-direction:column;align-items:center;gap:8px}.doctor-stamp{position:relative;width:clamp(118px,21vh,168px);height:clamp(118px,21vh,168px);border-radius:50%;border:3px solid currentColor;box-shadow:0 0 26px -4px currentColor,inset 0 0 22px -8px currentColor;background:radial-gradient(circle at 50% 40%,#ffffff1a,#0a041e8c);animation:stampSlam .5s cubic-bezier(.2,1.5,.4,1) both;animation-delay:.18s}.ds-photo{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;overflow:hidden;background:#0a041e99}.ds-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.ds-rank{position:absolute;right:-4px;bottom:-4px;width:clamp(42px,8.4vh,58px);height:clamp(42px,8.4vh,58px);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:clamp(1.7rem,5.2vh,2.5rem);font-weight:900;line-height:1;background:#0a041eeb;border:2px solid currentColor;box-shadow:0 0 16px -2px currentColor}@keyframes stampSlam{0%{transform:scale(2.6) rotate(-22deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(-7deg);opacity:1}}.rs-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid currentColor;opacity:0;animation:stampShock .6s ease-out both;animation-delay:.52s}@keyframes stampShock{0%{transform:scale(1);opacity:.85}to{transform:scale(1.7);opacity:0}}.rank-S{color:var(--gold);text-shadow:0 0 30px var(--gold)}.rank-A{color:var(--neon-pink);text-shadow:0 0 24px var(--neon-pink)}.rank-B{color:var(--neon-blue);text-shadow:0 0 24px var(--neon-blue)}.rank-C,.rank-D{color:#c4b5f0}.rs-label{margin-top:2px;font-size:clamp(.72rem,2.6vw,.84rem);font-weight:800;letter-spacing:.14em;color:#fff;opacity:0;animation:fadeUp .4s ease-out both;animation-delay:.72s}.res-tube-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.res-tube{position:relative;width:34px;height:clamp(118px,21vh,168px);border:3px solid rgba(255,255,255,.5);border-top:none;border-radius:0 0 18px 18px;background:#0a041e80;overflow:hidden;box-shadow:inset 0 0 12px #00000080}.rt-liquid{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#2de2ff,#7a3cff);box-shadow:0 0 16px #2de2ffb3}.rt-liquid:before{content:"";position:absolute;left:0;right:0;top:-3px;height:6px;background:#ffffffd9;border-radius:50%;filter:blur(1px)}.rt-bub{position:absolute;bottom:6px;width:5px;height:5px;border-radius:50%;background:#fffc;animation:tubeBub 1.8s ease-in infinite}.rt-bub:nth-child(1){left:7px;animation-delay:0s}.rt-bub:nth-child(2){left:16px;animation-delay:.6s}.rt-bub:nth-child(3){left:23px;animation-delay:1.1s}@keyframes tubeBub{0%{transform:translateY(0);opacity:0}20%{opacity:.9}to{transform:translateY(-92px);opacity:0}}.rt-acc{font-size:.82rem;font-weight:800;letter-spacing:.06em;color:#d8e8ff;font-variant-numeric:tabular-nums}.res-right{display:flex;flex-direction:column;align-items:center}.res-score-lbl{font-size:.72rem;font-weight:800;letter-spacing:.3em;color:#9a8fb8;margin-bottom:-2px}.fullcombo{color:var(--gold);font-weight:700;letter-spacing:.1em;animation:fadeUp .4s ease-out both;animation-delay:.9s}.new-record{color:var(--neon-pink);font-weight:800;letter-spacing:.12em;text-shadow:0 0 16px var(--neon-pink);animation:judgePop .5s ease-out .95s both}.diff-best{font-size:.82rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.result-score{font-size:clamp(2rem,7vw,2.6rem);font-weight:800;font-variant-numeric:tabular-nums;margin:2px 0 10px;text-shadow:0 0 18px rgba(255,255,255,.3)}.result-rows{width:min(80vw,300px);display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.result-rows>div{display:flex;justify-content:space-between;font-size:.95rem;font-variant-numeric:tabular-nums;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;animation:fadeUp .35s ease-out both}.result-rows>div:nth-child(1){animation-delay:.55s}.result-rows>div:nth-child(2){animation-delay:.65s}.result-rows>div:nth-child(3){animation-delay:.75s}.result-rows>div:nth-child(4){animation-delay:.85s}.result-rows>div:nth-child(5){animation-delay:.95s}.lbl{letter-spacing:.1em;color:#c4b5f0}.lbl.perfect{color:var(--gold)}.lbl.good{color:var(--neon-blue)}.lbl.miss{color:#ff5a6e}.res-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px;animation:fadeUp .4s ease-out both;animation-delay:1.05s}.res-actions-sub{margin-top:6px;gap:10px;animation-delay:1.15s}.res-jump{font-size:.82rem;padding:7px 14px}.res-share{border-color:#2de2ffb3;background:linear-gradient(90deg,#2de2ff2e,#ff2d922e);color:#fff}.sel-share{background:linear-gradient(90deg,#2de2ff33,#ff2d9233)!important;border-color:#2de2ff80!important}.share-toast{position:fixed;left:50%;bottom:7%;transform:translate(-50%);z-index:50;padding:10px 18px;border-radius:999px;background:#0d0626f2;border:1px solid rgba(45,226,255,.5);color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 6px 22px #00000080;pointer-events:none;animation:shareToastIn .25s ease-out both}@keyframes shareToastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.res-jump.is-highlight{border-color:var(--gold);color:#fff;background:#ffcc4d29;box-shadow:0 0 16px #ffcc4d8c;animation:resJumpPulse 1.2s ease-in-out infinite}@keyframes resJumpPulse{0%,to{box-shadow:0 0 12px #ffcc4d66}50%{box-shadow:0 0 22px #ffcc4dcc}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-height:560px){.result-screen{gap:3px;padding:8px 16px max(8px,env(safe-area-inset-bottom))}.res-head{padding-top:2px}.result-title{font-size:clamp(.9rem,3.6vw,1.2rem);margin:2px 0 0}.result-diff{font-size:.76rem}.res-body{gap:clamp(14px,4vw,34px);margin:2px 0}.res-left{gap:12px}.doctor-col{gap:4px}.doctor-stamp{width:clamp(92px,17vh,132px);height:clamp(92px,17vh,132px)}.res-tube{height:clamp(92px,17vh,132px)}.rs-label{font-size:.72rem}.res-score-lbl{font-size:.64rem}.result-score{font-size:clamp(1.6rem,6vw,2.1rem);margin:0 0 5px}.result-rows{width:min(62vw,400px);display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-bottom:2px}.result-rows>div{padding:3px 10px;font-size:.82rem}.result-rows>div:nth-child(5){grid-column:1 / -1}.res-actions{margin-top:4px;gap:12px}.result-screen .primary-btn,.result-screen .ghost-btn{padding:10px 22px;font-size:.95rem}}.pwa-update{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9000;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-radius:999px;background:#0d0626f2;border:1px solid rgba(45,226,255,.6);box-shadow:0 0 22px #2de2ff66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pwa-update-text{font-size:.82rem;font-weight:700;color:#fff;white-space:nowrap}.pwa-update-btn{padding:6px 16px;font-size:.82rem;font-weight:800;color:#07101a;background:linear-gradient(90deg,var(--neon-blue),#7df9ff);border:none;border-radius:999px;cursor:pointer}.pwa-update-btn:active{transform:scale(.96)}.rotate-hint{display:none}@keyframes rotateNudge{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media(orientation:portrait){.rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 35%,#1a0840,var(--bg) 70%);color:#fff}.rotate-hint .ri-icon{font-size:3.4rem;animation:rotateNudge 1.8s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(45,226,255,.6))}.rotate-hint .ri-title{font-size:1.3rem;font-weight:800;letter-spacing:.06em;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.rotate-hint .ri-sub{font-size:.9rem;line-height:1.7;color:#c4b5f0}}@media(orientation:landscape){.title-screen{flex-direction:row;align-items:center;justify-content:center;gap:clamp(14px,4vw,44px);padding:10px 20px}.title-screen .mascot{flex:none;width:clamp(96px,30vh,200px);margin-bottom:0}.title-main{width:auto;max-width:min(60vw,460px);max-height:100%;gap:7px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.title-main::-webkit-scrollbar{display:none}.title-screen .brand{font-size:.72rem}.title-screen .logo{font-size:clamp(1.8rem,8vh,3.4rem)}.title-screen .tagline{margin-bottom:2px}.title-screen .start-btn{padding:14px 40px;font-size:1.15rem}.title-screen .ghost-btn{margin-top:0;padding:8px 18px}.title-screen .install-btn{margin-top:0;padding:9px 22px}.title-screen .hint{margin-top:2px;font-size:.68rem;line-height:1.45}.title-screen .lohi-credit{margin-top:4px;font-size:.66rem}.lab-select{justify-content:center;padding:6px 14px}.ls-main{flex-direction:row;align-items:center;justify-content:center;gap:clamp(14px,4vw,46px);height:100%}.ls-col{justify-content:center}.ls-left{flex:0 0 auto}.ls-right{flex:0 0 auto;width:min(44vw,360px);gap:10px}.ls-right .diff-row,.ls-right .speed-list{width:100%;margin-top:0}.ls-right .speed-label{margin-top:2px}.beaker-stage{width:min(42vw,330px);height:min(60vh,240px)}.song-meta{margin-top:4px}.song-meta .song-title{font-size:clamp(1rem,3.4vh,1.3rem)}.lab-hakase{right:auto;left:6px}.lab-hakase .hakase-bubble{display:none}.hakase-img{width:clamp(64px,13vh,120px)}.lab-table{height:15%}.calib-screen{flex-direction:row;justify-content:center;gap:clamp(20px,5vw,56px);padding:10px 18px}.calib-pad{width:min(74vh,44vw,330px);height:min(74vh,44vw,330px)}.calib-side{max-height:100%;overflow-y:auto;gap:7px}.calib-side .calib-title{font-size:1.1rem}.calib-side .calib-guide{font-size:.78rem;line-height:1.5}}.mc-screen{justify-content:flex-start;gap:10px;padding:max(14px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:radial-gradient(circle at 50% 20%,#160a3a,var(--bg) 75%)}.mc-screen::-webkit-scrollbar{display:none}.mc-head,.mc-list{position:relative;z-index:1}.mc-head{text-align:center;margin-top:8px}.mc-title{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.18em;font-size:clamp(1.1rem,4.6vw,1.6rem);color:var(--neon-blue);text-shadow:0 0 18px rgba(45,226,255,.6)}.mc-sub{font-size:.8rem;color:#b9a8e8;margin-top:2px;letter-spacing:.04em}.mc-list{width:min(92vw,760px);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:4px auto 0}.mc-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:#0d0626a8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mc-card.is-unlocked{border-color:var(--neon);box-shadow:0 0 18px -6px var(--neon),inset 0 0 16px -10px var(--neon);cursor:pointer}.mc-card.is-unlocked:active{transform:scale(.98)}.mc-card.is-playing{box-shadow:0 0 26px -4px var(--neon),inset 0 0 20px -8px var(--neon)}.mc-card.is-locked{opacity:.85}.mc-thumb{position:relative;width:64px;height:64px;flex:none;border-radius:10px;overflow:hidden;background:#0a0014;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.mc-thumb img{width:100%;height:100%;object-fit:cover}.is-locked .mc-thumb img{filter:grayscale(1) brightness(.32) blur(2px)}.mc-note{font-size:1.8rem;color:var(--neon)}.mc-lock{position:absolute;font-size:1.5rem;filter:drop-shadow(0 0 6px #000)}.mc-playicon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:#00000052;opacity:0}.is-unlocked .mc-playicon{opacity:.9}.mc-info{min-width:0;flex:1}.mc-name{font-weight:800;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-name.locked{color:#8a7fb0;letter-spacing:.18em}.mc-artist{font-size:.76rem;color:#b9a8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-status{font-size:.72rem;color:#9a8fb8;margin-top:4px}.is-unlocked .mc-status{color:var(--neon)}.mc-prog{height:5px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin:6px 0 2px}.mc-prog-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink))}.mc-eq{position:absolute;bottom:4px;right:4px;display:flex;align-items:flex-end;gap:2px;height:14px}.mc-eq i{width:3px;background:#fff;border-radius:1px;animation:mcEq .8s ease-in-out infinite}.mc-eq i:nth-child(1){animation-delay:0s}.mc-eq i:nth-child(2){animation-delay:.2s}.mc-eq i:nth-child(3){animation-delay:.4s}.mc-eq i:nth-child(4){animation-delay:.1s}@keyframes mcEq{0%,to{height:4px}50%{height:14px}}.res-exp{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:.74rem;font-weight:800}.re-tag{color:#ffe6a3;white-space:nowrap;text-shadow:0 0 8px rgba(255,204,77,.5)}.re-bar{position:relative;width:min(40vw,200px);height:9px;border-radius:999px;background:#ffffff1f;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.re-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink));transform-origin:left center;transform:scaleX(var(--sx, 0));animation:reFill .9s cubic-bezier(.2,.9,.25,1) .3s both}@keyframes reFill{0%{transform:scaleX(0)}to{transform:scaleX(var(--sx, 0))}}.re-gain{color:#7af9c0;white-space:nowrap;animation:fadeUp .4s ease-out .7s both}.res-celebrate{position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:max-content;max-width:92vw}.rc-chip{padding:6px 16px;border-radius:999px;font-size:.82rem;font-weight:800;white-space:nowrap;color:#fff;background:#0d0626e6;border:1.5px solid currentColor;box-shadow:0 0 18px -4px currentColor;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rcPop .5s cubic-bezier(.2,1.5,.4,1) both}.rc-levelup{color:var(--gold);animation-delay:.2s}.rc-daily{color:#ff8a3c;animation-delay:.5s}.rc-recruit{color:var(--neon-blue);animation-delay:.8s}@keyframes rcPop{0%{transform:scale(.6) translateY(-8px);opacity:0}60%{opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.title-profile{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:3px 12px;border-radius:999px;background:#0d062699;border:1px solid rgba(45,226,255,.4);box-shadow:0 0 14px -4px var(--neon-blue);font-size:.72rem;margin-bottom:2px}.tp-lv{font-weight:900;color:var(--neon-blue)}.tp-title{font-weight:700;color:#d8c9ff}.daily-card{display:flex;flex-direction:column;gap:2px;width:min(80vw,360px);padding:8px 14px;border-radius:12px;background:linear-gradient(160deg,#123026,#0c2b34);border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 0 22px #00000080,0 0 16px -6px var(--neon-blue);text-align:center;animation:fadeUp .4s ease-out both}.daily-card.is-done{border-color:#7df9c099;box-shadow:inset 0 0 22px #00000080,0 0 18px -4px #7af9c0}.dc-head{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#ffe6a3}.dc-body{font-size:.86rem;color:#fff}.dc-body b{color:#aef0ff}.dc-foot{font-size:.68rem;color:#bfe6d6}.rr-screen{justify-content:flex-start;gap:8px;padding:max(12px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:radial-gradient(circle at 50% 18%,#160a3a,var(--bg) 75%)}.rr-screen::-webkit-scrollbar{display:none}.rr-head,.rr-list{position:relative;z-index:1}.rr-head{text-align:center;margin-top:6px}.rr-title{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.1em;font-size:clamp(1.05rem,4.4vw,1.5rem);color:var(--neon-blue);text-shadow:0 0 16px rgba(45,226,255,.5)}.rr-sub{font-size:.78rem;color:#b9a8e8;margin-top:2px}.rr-list{width:min(94vw,820px);margin:4px auto 0;display:flex;flex-direction:column;gap:12px}.rr-song{padding:10px 12px;border-radius:14px;background:#0d062699;border:1px solid var(--neon);box-shadow:0 0 16px -8px var(--neon)}.rr-song-title{font-weight:800;font-size:.9rem;margin-bottom:8px;color:#fff}.rr-dr-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tb{width:74px;display:flex;flex-direction:column;align-items:center;gap:4px}.tb-flask{position:relative;width:clamp(42px,9vw,54px);aspect-ratio:3 / 4;clip-path:polygon(38% 3%,62% 3%,62% 32%,94% 97%,6% 97%,38% 32%);background:linear-gradient(160deg,#ffffff21,#ffffff08);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 30%,transparent);overflow:hidden;display:grid;place-items:center}.tb-liquid{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 70%,transparent),var(--tc));transition:height .45s ease}.tb-ico{position:relative;z-index:2;font-size:1.05rem;line-height:1}.tb-label{font-size:.62rem;color:#c4b5f0;text-align:center;line-height:1.2}.tb.is-on .tb-flask{box-shadow:inset 0 0 0 2px var(--tc),0 0 12px -2px var(--tc);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--tc) 55%,transparent));animation:tbPop .4s ease-out both}.tb.is-on .tb-liquid{height:64%}.tb.is-on .tb-ico{filter:drop-shadow(0 0 4px rgba(255,255,255,.75))}@keyframes tbPop{0%{transform:scale(.45);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.tb.is-locked{opacity:.55}.tb.is-locked .tb-ico{color:#6a5f90}.tb.is-locked .tb-label{color:#8a7fb0}@property --holo-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --spin-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.purity-seal{position:relative;width:clamp(78px,15vh,104px);aspect-ratio:1;margin:4px auto 2px;display:grid;place-items:center;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:conic-gradient(from var(--holo-angle),#7af6ff,#b08bff,#ff8ad4,#ffe66b,#8af0ff,#7af6ff);filter:drop-shadow(0 0 14px rgba(140,230,255,.65));animation:holoSpin 6s linear infinite,sealIn .6s cubic-bezier(.2,1.4,.5,1) both}.ps-holo{position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:repeating-linear-gradient(115deg,transparent 0 5px,rgba(255,255,255,.1) 5px 10px),conic-gradient(from calc(var(--holo-angle) * -1),#21d4ff,#c08bff,#ff7ad4,#ffe066,#21d4ff);background-blend-mode:color-dodge;mix-blend-mode:screen;opacity:.5;animation:holoSpin 6s linear infinite reverse}.ps-core{position:relative;z-index:2;width:calc(100% - 7px);height:calc(100% - 7px);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;background:radial-gradient(circle at 50% 32%,#16223ce6,#060814f7)}.ps-core:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);transform:translate(-130%);mix-blend-mode:screen;animation:holoSweep 2.8s ease-in-out infinite}.ps-icon{font-size:1.4rem;line-height:1;filter:drop-shadow(0 0 6px rgba(150,240,255,.9))}.ps-main{font-weight:900;font-size:.78rem;letter-spacing:.02em;color:#eafcff;text-shadow:0 0 8px rgba(140,230,255,.9)}.ps-sub{font-size:.46rem;letter-spacing:.24em;color:#9fe8ff;margin-top:1px}@keyframes holoSpin{to{--holo-angle: 360deg}}@keyframes holoSweep{0%{transform:translate(-130%)}60%,to{transform:translate(130%)}}@keyframes sealIn{0%{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}.res-tube-wrap{position:relative}.rt-pure-tag{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:800;color:#0a0014;background:linear-gradient(90deg,#aef6ff,#fff);padding:1px 7px;border-radius:9px;white-space:nowrap;box-shadow:0 0 10px #96f0ffcc;z-index:3}.res-tube-wrap.is-pure .res-tube{border-color:#b4f5fff2;box-shadow:0 0 16px #96f0ffb3,inset 0 0 14px #b4f5ff59}.res-tube-wrap.is-pure .rt-liquid{background:linear-gradient(180deg,#bef6ff80,#ffffff2e)!important;box-shadow:inset 0 0 12px #fff9;animation:pureShimmer 2.2s ease-in-out infinite}@keyframes pureShimmer{0%,to{opacity:.85}50%{opacity:1}}.rc-chip.rc-pure{background:linear-gradient(90deg,#aef6ff,#fff 45%,#ffd9f4 70%,#d8c4ff);background-size:200% 100%;color:#08121a;box-shadow:0 0 16px #96f0ffcc;animation:holoSlide 3s ease-in-out infinite}@keyframes holoSlide{0%,to{background-position:0% 0}50%{background-position:100% 0}}.result-rows .lbl.oc{color:#ffd36b}.result-rows .lbl.energy{color:#8af0c0}.overcharge-banner{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:35;pointer-events:none;animation:ocBanner .45s cubic-bezier(.2,1.5,.4,1) both}.ocb-bracket{font-size:2.2rem;font-weight:900;color:#ff5cc8;text-shadow:0 0 14px rgba(255,90,210,.9);animation:ocBlink .5s steps(2,jump-none) infinite}.ocb-core{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 16px;border-top:2px solid rgba(255,150,240,.85);border-bottom:2px solid rgba(120,180,255,.85);background:linear-gradient(180deg,#ff3cb41a,#5078ff1a)}.ocb-text{position:relative;font-family:Orbitron,sans-serif;font-weight:900;font-size:1.1rem;letter-spacing:.12em;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.55)}.ocb-text:before,.ocb-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;mix-blend-mode:screen}.ocb-text:before{color:#ff2d9b;animation:glitchA .9s steps(2,jump-none) infinite}.ocb-text:after{color:#2de2ff;animation:glitchB .9s steps(2,jump-none) infinite}@keyframes glitchA{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(2px,1px)}}@keyframes glitchB{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(-2px,-1px)}}.ocb-jp{font-size:.6rem;letter-spacing:.5em;color:#ffd0f0;text-indent:.5em}.ocb-mult{font-weight:800;font-size:.72rem;color:#ffe9a0;text-shadow:0 0 8px rgba(255,200,120,.9)}@keyframes ocBanner{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ocBlink{0%,to{opacity:1}50%{opacity:.35}}.play-screen.is-overcharge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 60px #ff3cc84d,inset 0 0 28px #3cc8ff38;animation:ocPulse .7s ease-in-out infinite}@keyframes ocPulse{0%,to{opacity:.5}50%{opacity:1}}.wave-bar.is-oc{border-color:#ffc878f2;box-shadow:0 0 14px #ffa05acc}.wave-bar.is-oc .wave-fill{background:linear-gradient(90deg,#ff7ad0,#ffd36b,#ff7ad0);background-size:200% 100%;animation:ocShine .8s linear infinite}@keyframes ocShine{0%{background-position:0% 0}to{background-position:200% 0}}.tp-flavor{font-size:.74rem;font-weight:700;color:var(--accent, #ffd36b);text-shadow:0 0 8px color-mix(in srgb,var(--accent, #ffd36b) 60%,transparent)}.title-profile.has-accent{border-color:var(--accent, #ffd36b);box-shadow:0 0 12px color-mix(in srgb,var(--accent, #ffd36b) 55%,transparent)}.title-energy{margin-top:4px;font-size:.74rem;font-weight:700;color:#ffe08a;text-shadow:0 0 8px rgba(255,200,90,.5)}.sel-energy{margin-left:6px;font-size:.78rem;color:#ffe08a;font-weight:700}.shop-screen{flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));gap:10px}.shop-head{text-align:center;margin-top:36px}.shop-title{margin:0;font-size:1.3rem;font-weight:900;letter-spacing:.04em;color:#eafaff;text-shadow:0 0 14px rgba(120,200,255,.6)}.shop-energy-panel{display:inline-flex;align-items:center;gap:9px;margin-top:6px;padding:7px 16px;border-radius:14px;background:#16102a80;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);border:1px solid rgba(255,210,120,.4);box-shadow:inset 0 1px #ffffff38,0 0 18px #ffbe5038}.sep-icon{font-size:1.25rem;filter:drop-shadow(0 0 6px rgba(255,200,90,.7));animation:reactorPulse 1.8s ease-in-out infinite}@keyframes reactorPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,200,90,.6))}50%{filter:drop-shadow(0 0 13px rgba(255,225,120,1))}}.sep-num{font-family:Orbitron,Quantico,monospace;font-weight:900;font-size:1.45rem;line-height:1;color:#fff3c4;text-shadow:0 0 12px rgba(255,210,100,.8);letter-spacing:.02em}.sep-unit{font-size:.56rem;letter-spacing:.18em;color:#ffd98a;align-self:flex-end;padding-bottom:2px}.shop-sub{margin:6px 0 0;font-size:.72rem;color:#b9aee0}.shop-list{width:100%;max-width:720px;align-self:center}.shop-sec{margin-top:12px}.shop-sec-title{margin:0 0 8px;font-size:.92rem;color:#cfe6ff;border-left:3px solid rgba(120,200,255,.8);padding-left:8px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:11px}.shop-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:13px;background:#18122e73;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border:1px solid rgba(150,140,200,.28);box-shadow:inset 0 1px #ffffff24,0 6px 18px #00000059;overflow:hidden;isolation:isolate}.shop-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.12) 48%,rgba(180,220,255,.1) 52%,transparent 64%);background-size:250% 100%;mix-blend-mode:screen;opacity:.8;animation:itemSheen 5s ease-in-out infinite}@keyframes itemSheen{0%,to{background-position:130% 0}50%{background-position:-30% 0}}.shop-item.is-owned{border-color:#96d2ff80}.shop-item.is-equipped{border:1.6px solid transparent;background:linear-gradient(#18122ed1,#18122ed1) padding-box,conic-gradient(from var(--spin-angle),var(--swatch, #8af0ff),#ffffff,var(--swatch, #8af0ff)) border-box;box-shadow:0 0 16px color-mix(in srgb,var(--swatch, #8af0ff) 45%,transparent);animation:borderSpin 4s linear infinite}@keyframes borderSpin{to{--spin-angle: 360deg}}.si-main{display:flex;align-items:center;gap:9px;position:relative;z-index:1}.si-swatch{width:22px;height:22px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,#fff,var(--swatch, #888) 62%);box-shadow:0 0 12px color-mix(in srgb,var(--swatch, #888) 80%,transparent),inset 0 0 4px #fff9;border:1px solid rgba(255,255,255,.6)}.si-swatch-none{background:repeating-linear-gradient(45deg,#444,#444 4px,#222 4px,#222 8px);box-shadow:none}.si-text{display:flex;flex-direction:column;gap:1px}.si-label{font-size:.84rem;font-weight:700;color:#f0eaff}.si-note{font-size:.64rem;color:#a99fd0}.si-foot{display:flex;justify-content:flex-end;position:relative;z-index:1}.si-buy,.si-equip{border:none;border-radius:9px;padding:5px 13px;font-weight:800;font-size:.8rem;cursor:pointer}.si-buy{background:linear-gradient(90deg,#ffcf5a,#ff9e3d);color:#2a1800;box-shadow:0 0 10px #ffb45080}.si-buy:disabled{background:#5a507880;color:#8c83b0;box-shadow:none;cursor:not-allowed}.si-equip{background:linear-gradient(90deg,#6bd0ff,#7a8aff);color:#051018}.si-on{font-size:.8rem;font-weight:800;color:#8af0c0;text-shadow:0 0 8px rgba(138,240,192,.6)}.prep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#080414b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.prep-spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(120,200,255,.25);border-top-color:var(--neon-blue, #2de2ff);animation:prepSpin .8s linear infinite}.prep-text{font-size:.86rem;letter-spacing:.12em;color:#cfe9ff;text-shadow:0 0 10px rgba(45,226,255,.5)}@keyframes prepSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.prep-spinner{animation:none!important}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:radial-gradient(ellipse at 50% 42%,transparent 54%,rgba(0,0,0,.42) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:51;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.result-title,.mc-title,.calib-title,.shop-title{background:linear-gradient(100deg,var(--neon-blue, #2de2ff) 0%,#bfefff 44%,#ffffff 50%,#bfefff 56%,var(--neon-blue, #2de2ff) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 14px rgba(45,226,255,.5));animation:headingShine 4.6s ease-in-out infinite}@keyframes headingShine{0%,to{background-position:0% 0}50%{background-position:100% 0}}@media(prefers-reduced-motion:reduce){.lab-haze,.lab-particles span,.wave-bar.charged .wave-fill,.wave-bar.charged,.sh-trail,.cv-trail,.note-hold,.spin-ring,.spark,.gold-spark{animation:none!important}.wc-fill,.wc-tube:before,.wave-core.is-charged .wc-tube,.wave-core.is-charged .wc-fill,.wc-unleash-text{animation:none!important}.logo,.rf-ring,.rf-aurora,.rf-burst{animation:none!important}.rf-aurora{opacity:0!important}.res-head,.doctor-stamp,.rs-ring,.res-scan,.rs-label,.fullcombo,.new-record,.result-rows>div,.res-actions,.rt-bub{animation:none!important;opacity:1!important}.mc-eq i{animation:none!important;height:9px!important}.rc-chip,.re-gain,.daily-card,.tb.is-on .tb-flask{animation:none!important;opacity:1!important}.re-fill{animation:none!important;transform:scaleX(var(--sx, 0))!important}.purity-seal,.ps-holo,.ps-core:before,.rt-liquid,.rc-chip.rc-pure,.overcharge-banner,.ocb-bracket,.ocb-text:before,.ocb-text:after,.play-screen.is-overcharge:after,.wave-bar.is-oc .wave-fill,.sep-icon,.shop-item:before,.shop-item.is-equipped{animation:none!important;opacity:1!important}.purity-seal{transform:none!important}.ps-core:before{opacity:0!important}.result-title,.mc-title,.calib-title,.shop-title{animation:none!important;background-position:50% 0!important}}.tutorial-screen{padding:10px 14px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.tut-header{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.tut-title{font-family:Orbitron,sans-serif;font-size:1.05rem;color:var(--neon-blue);margin:0;letter-spacing:.08em}.tut-sub{font-size:.7rem;color:#fff9;margin:0 0 0 auto}.tut-back{padding:5px 12px;font-size:.8rem}.tut-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto}@media(min-width:700px){.tut-list{grid-template-columns:repeat(3,1fr)}}.tut-card{background:#ffffff0a;border:1px solid rgba(45,226,255,.18);border-radius:10px;padding:8px 10px;display:flex;gap:8px;align-items:flex-start}.tut-icon{flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800}.tut-body{flex:1;min-width:0}.tut-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.tut-name{font-size:.82rem;font-weight:700;color:#fff}.tut-diff{font-size:.66rem;color:var(--neon-pink)}.tut-how{font-size:.71rem;color:#ffffffc7;margin:3px 0 0;line-height:1.4}.tut-tip{font-size:.66rem;color:var(--gold);margin:2px 0 0}.tut-open-btn{font-size:.78rem;padding:5px 11px;margin-top:2px}