*{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));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(45,226,255,.35)}.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,#7df94d,#4dffa5);border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 20px #7df94d80;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}.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}.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.jpg);background-size:cover;background-position:center;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>.back-btn,.lab-select>.sel-settings,.lab-select>.ls-main{position:relative;z-index:3}.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}.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}.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:30px}.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}.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(.5);opacity:0}20%{opacity:.95}to{transform:translateY(-96px) scale(1.1);opacity:0}}.bk-bubble{animation:bubbleUp 2.6s ease-in 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-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 .4s ease}.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}.aurora-viz{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.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%}.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-notes{position:absolute;top:0;right:0;bottom:0;left:0}.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:150px;height:150px;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}.note-spin .spin-icon{font-size:3rem}.note-spin .spin-count{font-size:1.7rem}.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 18px #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%;animation:noteFlow 2s linear infinite;border:3px solid rgba(255,240,160,.95);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}.note{position:absolute;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:16px}.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%;animation:noteFlow 2s linear infinite;border:3px solid rgba(125,249,255,.9);box-shadow:0 0 24px #2de2ff99}.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%;animation:noteFlow 2s linear infinite;border:3px solid rgba(255,150,185,.9);border-radius:14px;box-shadow:0 0 18px #ff2d9299}.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:.3em;color:#c4b5f0}.judge{position:absolute;top:58%;left:50%;transform:translate(-50%);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%);gap:6px;padding:24px}.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}.result-title{letter-spacing:.3em;color:var(--neon-blue);margin-bottom:8px}.rank{font-size:6rem;font-weight:900;line-height:1}.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}.fullcombo{color:var(--gold);font-weight:700;letter-spacing:.1em}.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}.diff-best{font-size:.82rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.result-score{font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums;margin:6px 0 14px}.result-rows{width:min(80vw,320px);display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.result-rows>div{display:flex;justify-content:space-between;font-size:1rem;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.lbl{letter-spacing:.1em;color:#c4b5f0}.lbl.perfect{color:var(--gold)}.lbl.good{color:var(--neon-blue)}.lbl.miss{color:#ff5a6e}.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}.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:10px 28px}.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}}