:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06030f;--bg2:#100726;--ink:#f6f2ff;--muted:#a49bcc;--on-accent:#fff;--panel:#140b30d9;--panel-solid:#120a2b;--panel-2:#ffffff09;--line:#ffffff17;--line-strong:#ffffff30;--pink:#ff2e93;--violet:#8b5cff;--cyan:#1fe5ff;--gold:#ffd23f;--red:#ff4566;--green:#2ef59a;--silver:#c9d1ec;--bronze:#e0955c;--shadow:0 30px 80px -30px #000000d9;--vignette:#02010ab3;--stage-top:#2c1478;--stage-bot:#05031a;--tile:#221858;--cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "PingFang SC", "Apple SD Gothic Neo", "Noto Sans CJK JP", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Microsoft YaHei", "Yu Gothic", "Malgun Gothic", "Noto Sans Thai", "Leelawadee UI", Thonburi;--display:"Bungee", "Arial Black", Impact, var(--cjk), sans-serif;--body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, var(--cjk), sans-serif;--grad:linear-gradient(115deg,var(--pink),var(--violet) 55%,var(--cyan));--grad-hot:linear-gradient(115deg,var(--gold),var(--pink) 60%,var(--violet));--glow-pink:0 10px 34px -8px color-mix(in srgb,var(--pink) 75%,transparent);--glow-cyan:0 10px 34px -8px color-mix(in srgb,var(--cyan) 65%,transparent);--ring:0 0 0 3px color-mix(in srgb,var(--violet) 45%,transparent);--neon-text:0 0 10px color-mix(in srgb,var(--pink) 55%,transparent),0 0 28px color-mix(in srgb,var(--violet) 45%,transparent);--r-lg:26px;--r-md:16px;--r-sm:12px;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px);background:var(--bg);height:100%}*,:before,:after{box-sizing:inherit}body{min-height:100%;color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:radial-gradient(55% 45% at 10% 0%,color-mix(in srgb,var(--violet) 30%,transparent),transparent 70%), radial-gradient(45% 40% at 92% 6%,color-mix(in srgb,var(--pink) 24%,transparent),transparent 70%), radial-gradient(60% 45% at 50% 105%,color-mix(in srgb,var(--cyan) 14%,transparent),transparent 70%), linear-gradient(180deg,var(--bg),var(--bg2));background-attachment:fixed;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px);background-size:44px 44px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000)}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}::selection{background:color-mix(in srgb,var(--pink) 40%,transparent)}.wrap{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;padding:14px 16px 24px;display:flex}.hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.hud .brand{text-align:center;line-height:1.15}.hud .brand b{font-family:var(--display);letter-spacing:.04em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:400;display:block}.hud .brand small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:.75rem;display:block;overflow:hidden}.stat{flex-direction:column;display:flex}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:400;line-height:1.05}.hud .stat{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff12,0 12px 30px -20px var(--violet);padding:8px 14px;position:relative}.hud .stat:after{content:"";background:var(--grad);opacity:.8;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.hud .stat:first-child b{text-shadow:var(--neon-text)}.hud .stat:first-child{justify-self:start}.hud .right{text-align:right;justify-self:end;align-items:flex-end}.hud .right b{color:var(--gold);text-shadow:0 0 18px color-mix(in srgb,var(--gold) 45%,transparent)}.progress{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:6px;overflow:hidden}.progress i{background:var(--grad);width:0;height:100%;box-shadow:0 0 12px var(--pink),0 0 2px #fff;display:block}.stage{border-radius:var(--r-lg);isolation:isolate;background:radial-gradient(120% 85% at 50% 0%,var(--stage-top),var(--stage-bot) 78%);border:1px solid color-mix(in srgb,var(--violet) 35%,var(--line));height:min(46vh,400px);min-height:260px;box-shadow:var(--shadow),0 0 50px -24px var(--violet);position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(90% 80% at 50% 45%,transparent 55%,var(--vignette));position:absolute;top:0;bottom:0;left:0;right:0}.beam{opacity:.38;filter:blur(8px);pointer-events:none;transform-origin:50% 0;mix-blend-mode:screen;width:36%;height:125%;position:absolute;top:-12%}.beam.l{background:linear-gradient(var(--pink),transparent 80%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);animation:4s ease-in-out infinite alternate swayL;left:2%}.beam.r{background:linear-gradient(var(--cyan),transparent 80%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);animation:4s ease-in-out infinite alternate swayR;right:2%}@keyframes swayL{0%{transform:rotate(-16deg)}to{transform:rotate(12deg)}}@keyframes swayR{0%{transform:rotate(16deg)}to{transform:rotate(-12deg)}}.floorwrap{perspective:420px;height:46%;position:absolute;bottom:-8%;left:-20%;right:-20%}.floor{transform-origin:50% 100%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(8,1fr);gap:5px;width:100%;height:100%;display:grid;transform:rotateX(58deg)}.tile{background:var(--tile);opacity:.9;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 8%,transparent);border-radius:4px;transition:background .25s,box-shadow .25s}.tile.p{background:linear-gradient(var(--pink),color-mix(in srgb,var(--pink) 70%,var(--violet)));box-shadow:0 0 22px var(--pink)}.tile.c{background:linear-gradient(var(--cyan),color-mix(in srgb,var(--cyan) 70%,var(--violet)));box-shadow:0 0 22px var(--cyan)}#dancer{filter:drop-shadow(0 8px 18px #0006);height:86%;position:absolute;bottom:6%;left:50%;overflow:visible;transform:translate(-50%)}.judge{z-index:3;text-align:center;pointer-events:none;font-family:var(--display);opacity:0;letter-spacing:.02em;font-size:clamp(2.2rem,10vw,3.8rem);line-height:1;position:absolute;top:11%;left:0;right:0}.judge.show{animation:.7s cubic-bezier(.2,.9,.3,1.2) forwards pop}.judge.perfect{background:linear-gradient(180deg,#fff 10%,var(--gold) 70%);color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 70%,transparent));-webkit-background-clip:text;background-clip:text}.judge.great{background:linear-gradient(180deg,#fff 10%,var(--cyan) 70%);color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--cyan) 70%,transparent));-webkit-background-clip:text;background-clip:text}.judge.cool{color:var(--green);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--green) 60%,transparent))}.judge.bad{color:var(--muted)}.judge.miss{color:var(--red);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--red) 60%,transparent))}.judge small{font-family:var(--body);color:var(--ink);letter-spacing:0;margin-top:.4rem;font-size:.9rem;font-weight:800;display:block}.comboPop{z-index:3;pointer-events:none;font-family:var(--display);opacity:0;transform-origin:0;color:var(--ink);text-shadow:0 2px 6px var(--stage-bot),0 0 12px color-mix(in srgb,var(--cyan) 80%,transparent),0 0 2px var(--cyan);line-height:.9;position:absolute;top:30%;left:clamp(10px,4vw,48px)}@media (max-width:899px){.comboPop{top:16%}}.comboPop b{letter-spacing:.02em;font-size:clamp(2rem,7vw,3.6rem);font-weight:400;display:block}.comboPop span{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:clamp(.8rem,2.4vw,1.15rem);display:block}.comboPop.warm{text-shadow:0 2px 6px var(--stage-bot),0 0 14px color-mix(in srgb,var(--pink) 85%,transparent),0 0 2px var(--pink)}.comboPop.warm span{color:var(--pink)}.comboPop.hot{text-shadow:0 2px 6px var(--stage-bot),0 0 16px color-mix(in srgb,var(--gold) 90%,transparent),0 0 3px var(--gold)}.comboPop.hot span{color:var(--gold)}.comboPop.show{animation:.9s cubic-bezier(.2,.9,.3,1.3) forwards comboIn}@keyframes comboIn{0%{opacity:0;transform:scale(1.5)translate(-6px)}18%{opacity:1;transform:scale(.94)}30%{transform:scale(1)}80%{opacity:1}to{opacity:.75;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.comboPop.show{opacity:.9;animation:none}}@keyframes pop{0%{opacity:0;transform:scale(1.7)}14%{opacity:1;transform:scale(.96)}22%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.levelTag,.finishTag,.quit{z-index:3}.levelTag{font-family:var(--display);letter-spacing:.08em;color:var(--cyan);background:var(--panel);border:1px solid color-mix(in srgb,var(--cyan) 45%,transparent);box-shadow:0 0 14px -4px var(--cyan);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:400;position:absolute;top:12px;left:12px}.finishTag{font-family:var(--display);color:var(--bg);background:linear-gradient(90deg,var(--gold),var(--pink));box-shadow:0 0 20px color-mix(in srgb,var(--gold) 60%,transparent);border-radius:999px;padding:5px 12px;font-size:.85rem;display:none;position:absolute;top:12px;right:12px}.finishTag.on{animation:.5s steps(2,end) infinite blink;display:block}@keyframes blink{50%{opacity:.45}}.quit{border:1px solid var(--line-strong);background:var(--panel);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700;position:absolute;bottom:12px;right:12px}.quit:hover{border-color:var(--red);color:var(--red)}.seq{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);min-height:74px;box-shadow:var(--shadow),inset 0 1px 0 #ffffff12,inset 0 0 30px -12px color-mix(in srgb,var(--violet) 60%,transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.seq.shake{animation:.25s shake}@keyframes shake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}.arrow{--c:var(--cyan);aspect-ratio:1;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 75%,#000));width:clamp(30px,8.6vw,46px);box-shadow:0 4px 0 color-mix(in srgb,var(--c) 55%,#000),0 6px 18px -4px color-mix(in srgb,var(--c) 70%,transparent),inset 0 1px 0 #fff8;border-radius:28%;place-items:center;transition:transform 80ms,opacity .15s,box-shadow .12s;display:grid}.arrow svg{fill:#fff;filter:drop-shadow(0 1px #0005);width:58%;height:58%}.arrow.rev{--c:var(--red);box-shadow:0 4px 0 color-mix(in srgb,var(--c) 55%,#000),0 6px 18px -4px color-mix(in srgb,var(--c) 70%,transparent),inset 0 0 0 2px #fffa}.arrow.hit{--c:var(--gold);opacity:.5;box-shadow:0 1px 0 color-mix(in srgb,var(--c) 55%,#000);transform:translateY(3px)scale(.9)}.arrow.hit svg{fill:var(--bg)}.seqMsg{font-family:var(--display);color:var(--muted);letter-spacing:.03em;font-size:1.5rem}.seqMsg.ready{background:linear-gradient(90deg,var(--gold),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.bar{background:linear-gradient(90deg,color-mix(in srgb,var(--violet) 14%,var(--panel)),var(--panel) 70%);border:1px solid var(--line-strong);height:34px;box-shadow:inset 0 2px 10px #0006,0 0 24px -12px var(--violet);border-radius:999px;position:relative;overflow:hidden}.bar .tick{background:var(--line-strong);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px}.bar .zone{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 55%,transparent) 40%,var(--gold));width:7%;box-shadow:inset -3px 0 0 var(--gold);opacity:.85;transition:opacity 80ms,filter 80ms;position:absolute;top:0;bottom:0;right:0}.bar .cursor{background:linear-gradient(180deg,#fff,var(--pink));width:12px;box-shadow:0 0 10px var(--pink),0 0 24px var(--pink),-18px 0 22px -6px color-mix(in srgb,var(--pink) 60%,transparent);border-radius:999px;margin-left:-6px;position:absolute;top:4px;bottom:4px}.bar.flash .zone{opacity:1;filter:brightness(1.35);box-shadow:inset -3px 0 0 var(--gold),0 0 24px var(--gold)}.hint{color:var(--muted);text-align:center;margin:0;font-size:.85rem;line-height:1.7}kbd{font-family:var(--body);border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-bottom-width:2px;border-radius:6px;margin:0 1px;padding:1px 7px;font-size:.78rem;font-weight:800}.pad{-webkit-user-select:none;user-select:none;touch-action:none;grid-template-rows:repeat(2,60px);grid-template-columns:repeat(3,1fr) 1.4fr;gap:8px;display:none}.pad button{border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--violet) 16%,var(--panel)),var(--panel));place-items:center;transition:transform 60ms,box-shadow 60ms,background .1s;display:grid;box-shadow:0 4px #00000080,inset 0 1px #ffffff14}.pad button:active{background:color-mix(in srgb,var(--cyan) 35%,var(--panel));box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 12%,transparent),0 0 20px color-mix(in srgb,var(--cyan) 60%,transparent);transform:translateY(3px)}.pad svg{width:28px;height:28px;fill:var(--ink);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 60%,transparent))}.pad .up{grid-area:1/2}.pad .left{grid-area:2/1}.pad .down{grid-area:2/2}.pad .right{grid-area:2/3}.pad .space{font-family:var(--display);background:var(--grad);color:var(--on-accent);box-shadow:var(--glow-pink);border:none;grid-area:1/4/3;font-size:1.15rem}.pad .space:active{background:var(--grad);filter:brightness(1.2)}@media (hover:none),(pointer:coarse){.pad{display:grid}.hint.keys{display:none}}.overlay{padding:20px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:radial-gradient(60% 50% at 0% 0%,color-mix(in srgb,var(--violet) 26%,transparent),transparent 70%), radial-gradient(50% 45% at 100% 8%,color-mix(in srgb,var(--pink) 20%,transparent),transparent 70%), radial-gradient(70% 50% at 50% 112%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 70%), color-mix(in srgb,var(--bg) 97%,transparent);-webkit-backdrop-filter:blur(20px)saturate(120%);z-index:10;animation:.2s ease-out fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}#startScreen{isolation:isolate}#startScreen,#startScreen>.card{animation:none}.gridFloor{z-index:-1;pointer-events:none;height:min(70vh,640px);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gridFloor i{background-image:linear-gradient(color-mix(in srgb,var(--pink) 50%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--violet) 55%,transparent) 2px,transparent 2px);transform-origin:50% 100%;opacity:.55;background-size:72px 72px;height:100%;animation:2.4s linear infinite gridRun;position:absolute;bottom:-140px;left:-60%;right:-60%;transform:perspective(380px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 5%,#000 70%);mask-image:linear-gradient(#0000 5%,#000 70%)}@keyframes gridRun{to{transform:perspective(380px)rotateX(64deg)translateY(72px)}}.gridFloor:after{content:"";background:linear-gradient(90deg,transparent,var(--pink) 30%,var(--cyan) 70%,transparent);height:2px;box-shadow:0 0 24px 4px color-mix(in srgb,var(--pink) 45%,transparent);opacity:.5;position:absolute;top:34%;left:0;right:0}.overlay[hidden]{display:none}@keyframes fade{0%{opacity:0}}.card{border-radius:var(--r-lg);background:linear-gradient(165deg,color-mix(in srgb,var(--panel-solid) 94%,transparent),color-mix(in srgb,var(--bg) 94%,transparent)) padding-box, linear-gradient(140deg,color-mix(in srgb,var(--pink) 75%,transparent),var(--line) 28%,var(--line) 72%,color-mix(in srgb,var(--cyan) 70%,transparent)) border-box;width:100%;max-width:480px;box-shadow:var(--shadow),0 0 70px -34px var(--violet),inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(22px)saturate(140%);border:1px solid #0000;flex-direction:column;gap:14px;margin:auto;padding:26px 22px;animation:.35s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:relative}.card:before{content:"";background:var(--grad);opacity:.95;height:2px;box-shadow:0 0 14px color-mix(in srgb,var(--pink) 70%,transparent);border-radius:2px;position:absolute;top:-1px;left:24px;right:24px}.card:after{--b:color-mix(in srgb,var(--cyan) 60%,transparent);content:"";pointer-events:none;opacity:.6;background:linear-gradient(var(--b),var(--b)) top left/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) top left/2px 16px no-repeat, linear-gradient(var(--b),var(--b)) top right/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) top right/2px 16px no-repeat, linear-gradient(var(--b),var(--b)) bottom left/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) bottom left/2px 16px no-repeat, linear-gradient(var(--b),var(--b)) bottom right/16px 2px no-repeat,linear-gradient(var(--b),var(--b)) bottom right/2px 16px no-repeat;position:absolute;top:10px;bottom:10px;left:10px;right:10px}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}.card h1{font-family:var(--display);letter-spacing:.02em;margin:4px 0 0;font-size:clamp(2.6rem,12vw,3.8rem);font-weight:400;line-height:.95}.logo{align-items:center;gap:.28em;display:flex}.logo span{background:var(--grad);color:#0000;filter:drop-shadow(0 6px 22px color-mix(in srgb,var(--pink) 45%,transparent));-webkit-background-clip:text;background-clip:text}.logoMark{width:1.05em;height:1.05em;box-shadow:0 8px 26px -6px color-mix(in srgb,var(--violet) 70%,transparent),0 0 0 1px #ffffff2e inset;border-radius:.26em;flex:none}.logoHit{fill:var(--gold);transform-box:fill-box;transform-origin:50%;animation:1s cubic-bezier(.3,.7,.3,1) infinite logoHit}.logoArrows{animation:1s cubic-bezier(.5,0,.3,1) infinite logoArrows}@keyframes logoArrows{0%,to{transform:translate(0)}45%{transform:translate(3px)}60%{transform:translate(0)}}@keyframes logoHit{0%,40%,to{filter:none;transform:scaleY(1)}48%{filter:drop-shadow(0 0 4px #fff);transform:scaleY(1.12)}}.hud .brand .brandMark{vertical-align:-.12em;border-radius:.26em;width:1em;height:1em;margin-right:.3em}.card h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:8px 0 -4px;font-size:.72rem;font-weight:800;display:flex}.card h2:not(.title):before{content:"";background:var(--grad);width:14px;height:3px;box-shadow:0 0 8px var(--pink);border-radius:2px;flex:none}.card p{margin:0;line-height:1.6}.card>p:not([class]){color:var(--muted)}.card .title{font-family:var(--display);letter-spacing:.02em;text-transform:none;background:var(--grad);color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--pink) 40%,transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:400}.card.start{max-width:520px}.hero,.picker,.opts{flex-direction:column;gap:14px;display:flex}.opts{gap:8px}.card.start .opts{order:1}.card.start>.adSlot,.card.start>.legalFoot{order:2}.hero{gap:12px}.tagline{color:var(--muted)}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.modes .go{white-space:normal;text-align:center;min-height:52px}.modes .play{letter-spacing:.05em;grid-column:1/-1;min-height:64px;font-size:clamp(1rem,4.4vw,1.25rem)}.modes .play .ico{width:1.1em;height:1.1em}.modes .play:before{content:"";z-index:-2;opacity:0;background:radial-gradient(60% 140%,#ffffff52,#0000);animation:2s ease-in-out infinite breathe;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes breathe{50%{opacity:.55}}.modes .arena{background:var(--grad-hot);box-shadow:0 10px 34px -8px color-mix(in srgb,var(--gold) 55%,transparent),inset 0 1px 0 #fff6,inset 0 -2px 0 #0003;background-size:160% 100%}.modes .alt{font-size:.92rem}:root:-webkit-any(:lang(ja),:lang(ko),:lang(zh),:lang(th)) .modes .go{font-size:1rem}:root:is(:lang(ja),:lang(ko),:lang(zh),:lang(th)) .modes .go{font-size:1rem}@media (max-width:560px){.modes .go:not(.play){flex-direction:column;gap:5px;min-height:66px;padding:10px 8px;font-size:.8rem;line-height:1.15}.modes .go:not(.play) .ico{width:1.35em;height:1.35em}}@media (min-width:980px){.card.start{grid-template:"top top""hero picker""modes picker""opts picker""ad picker""foot picker"1fr/minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:22px 40px;max-width:1120px;padding:30px 36px 26px;display:grid}.card.start>.topbar{grid-area:top}.card.start .hero{grid-area:hero;padding-top:18px}.card.start .picker{border-radius:var(--r-lg);border:1px solid var(--line);background:#ffffff05;grid-area:picker;padding:18px}.card.start .modes{grid-area:modes}.card.start .opts{grid-area:opts}.card.start>.adSlot{grid-area:ad}.card.start>.legalFoot{grid-area:foot;justify-content:flex-start;align-self:end}.card.start h1{font-size:clamp(3.2rem,4.2vw,4.3rem)}.card.start .tagline{max-width:34em;font-size:1.05rem}.card.start .songs{max-height:min(54vh,560px)}.modes .play{min-height:76px;font-size:1.45rem}}.songs{flex-direction:column;gap:8px;display:flex}.song{text-align:left;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(90deg,#ffffff0a,#ffffff04);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px 13px 20px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.song:before{content:"";background:var(--line-strong);border-radius:3px;width:3px;transition:background .15s;position:absolute;top:14px;bottom:14px;left:7px}.song:hover{border-color:color-mix(in srgb,var(--violet) 55%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--violet) 14%,transparent),#ffffff05);transform:translate(3px)}.song b{overflow-wrap:anywhere;font-size:1rem;font-weight:800;display:block}.song small{color:var(--muted);font-size:.8rem}.song em{white-space:nowrap;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:999px;padding:4px 9px;font-size:.72rem;font-style:normal;font-weight:800}.song em:empty{display:none}.song[aria-checked=true]{background:linear-gradient(color-mix(in srgb,var(--pink) 8%,var(--bg)),color-mix(in srgb,var(--violet) 8%,var(--bg))) padding-box,var(--grad) border-box;box-shadow:var(--glow-pink);border-color:#0000}.song[aria-checked=true]:before{background:var(--grad);box-shadow:0 0 10px var(--pink);width:9px;height:14px;box-shadow:none;background:linear-gradient(var(--pink),var(--pink)) 0 100%/2px 40% no-repeat,linear-gradient(var(--violet),var(--violet)) 50% 100%/2px 100% no-repeat,linear-gradient(var(--cyan),var(--cyan)) 100% 100%/2px 60% no-repeat;filter:drop-shadow(0 0 4px var(--pink));border-radius:1px;animation:.9s ease-in-out infinite eq;top:auto;bottom:50%;left:6px;translate:0 50%}@keyframes eq{25%{background-size:2px 100%,2px 35%,2px 80%}50%{background-size:2px 55%,2px 75%,2px 30%}75%{background-size:2px 85%,2px 45%,2px 100%}}.song.add{background:0 0;border-style:dashed}.song.add:before{display:none}.song.add b:before{content:"+";background:var(--grad);width:1.3em;height:1.3em;color:var(--on-accent);border-radius:50%;place-items:center;margin-right:.45em;font-weight:800;line-height:1;display:inline-grid}.track{border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;gap:10px;padding:14px;display:flex}.track[hidden]{display:none}.trackStatus{font-size:.88rem;font-weight:700}.trackGrid{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.trackGrid label{color:var(--muted);flex-direction:column;gap:5px;font-size:.78rem;font-weight:700;display:flex}.hd{gap:4px;display:flex}.row{flex-wrap:wrap;gap:6px;display:flex}.row .ghost{flex:1}.note{color:var(--muted);font-size:.8rem;line-height:1.55}.trackGrid input,.field input,.field select,.lang select,.sendRow input{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;padding:11px 12px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.trackGrid input:focus,.field input:focus,.field select:focus,.lang select:focus,.sendRow input:focus{border-color:var(--violet);box-shadow:var(--ring);outline:none}.field input::placeholder,.sendRow input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:34px!important}select option{background:var(--bg);color:var(--ink)}.lang{position:relative}.field:has(select){position:relative}.lang:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;bottom:17px;right:14px;transform:rotate(45deg)}.field:has(select):after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;bottom:17px;right:14px;transform:rotate(45deg)}.lang:after{margin-top:-6px;top:50%;bottom:auto}.hd button,.ghost{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);padding:9px 12px;font-size:.86rem;font-weight:700;transition:border-color .15s,background .15s,transform .1s}.hd button:hover:not(:disabled),.ghost:hover:not(:disabled){border-color:var(--line-strong);background:color-mix(in srgb,var(--ink) 7%,transparent)}.hd button:active:not(:disabled),.ghost:active:not(:disabled){transform:translateY(1px)}.ghost.on{background:var(--grad);color:var(--on-accent);border-color:#0000}.seg{border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg.two{grid-template-columns:repeat(2,1fr)}.seg button{border-radius:var(--r-sm);background:0 0;border:1px solid #0000;padding:10px 6px;font-weight:700;line-height:1.25;transition:background .15s,color .15s,box-shadow .15s}.seg button:hover:not(:disabled):not([aria-pressed=true]){background:color-mix(in srgb,var(--ink) 6%,transparent)}.seg button small{color:var(--muted);margin-top:1px;font-size:.72rem;font-weight:500;display:block}.seg button[aria-pressed=true]{--c1:var(--pink);--c2:var(--violet);background:linear-gradient(120deg,var(--c1),var(--c2));color:var(--on-accent);box-shadow:0 8px 24px -8px var(--c1),inset 0 1px 0 #fff4;text-shadow:0 1px #0004}.seg button[aria-pressed=true] small{color:inherit;opacity:.8}.seg button[data-d=easy][aria-pressed=true]{--c1:var(--green);--c2:var(--cyan)}.seg button[data-d=normal][aria-pressed=true]{--c1:var(--cyan);--c2:var(--violet)}.seg button[data-d=hard][aria-pressed=true]{--c1:var(--pink);--c2:var(--red)}details{border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-2);padding:0 14px;font-size:.9rem;transition:border-color .15s}details:hover,details[open]{border-color:color-mix(in srgb,var(--violet) 40%,var(--line))}details summary{cursor:pointer;align-items:center;gap:6px;padding:12px 0;font-weight:700;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;margin-left:auto;transition:transform .2s;transform:rotate(45deg)}details[open] summary:after{transform:rotate(-135deg)}details>:not(summary){margin:0 0 12px}details output{font-variant-numeric:tabular-nums;color:var(--cyan);white-space:nowrap}input[type=range]{width:100%;accent-color:var(--pink);height:22px}.rules{color:var(--muted);padding-left:1.1rem;line-height:1.6}.rules li::marker{color:var(--pink)}.go{isolation:isolate;border-radius:var(--r-md);background:var(--grad);color:var(--on-accent);font-family:var(--display);letter-spacing:.04em;text-shadow:0 1px #0005;box-shadow:var(--glow-pink),inset 0 1px 0 #fff5,inset 0 -2px 0 #0003;background-position:0 0;background-size:160% 100%;border:none;justify-content:center;align-items:center;gap:10px;padding:15px 18px;font-size:1.02rem;font-weight:400;line-height:1.2;transition:background-position .35s,transform .12s,box-shadow .2s,filter .2s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.go:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff45 50%,#0000 70%);transition:transform .6s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.go:hover:not(:disabled):after{transform:translate(120%)}.go:hover:not(:disabled){box-shadow:0 16px 40px -10px color-mix(in srgb,var(--pink) 85%,transparent),inset 0 1px 0 #fff5,inset 0 -2px 0 #0003;background-position:100% 0;transform:translateY(-1px)}.go:active:not(:disabled){transform:translateY(1px)}.go.alt{color:var(--ink);border:1px solid var(--line-strong);text-shadow:none;background:linear-gradient(#ffffff0d,#ffffff05);box-shadow:inset 0 1px #ffffff10}.go.alt:after{background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--cyan) 22%,transparent) 50%,transparent 70%)}.go.alt:hover:not(:disabled){border-color:color-mix(in srgb,var(--cyan) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cyan) 10%,transparent),#ffffff05);box-shadow:0 0 22px -6px color-mix(in srgb,var(--cyan) 60%,transparent),inset 0 1px 0 #ffffff10;color:var(--ink)}.go .ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.go .ico .fill{fill:currentColor;stroke:none}:root:-webkit-any(:lang(ja),:lang(ko),:lang(zh),:lang(th)) .go{font-family:var(--body);letter-spacing:.02em;font-weight:800}:root:is(:lang(ja),:lang(ko),:lang(zh),:lang(th)) .go{font-family:var(--body);letter-spacing:.02em;font-weight:800}a.link{text-decoration:none;display:inline-block}.link{color:var(--ink);background:0 0;background:var(--panel-2);border:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:border-color .15s}.link:hover{border-color:var(--violet)}.center{text-align:center}#endSong{color:var(--muted);font-size:.9rem;font-weight:700}.grade{isolation:isolate;width:136px;height:136px;font-family:var(--display);background:linear-gradient(180deg,#fff 5%,var(--gold) 55%,var(--pink));color:#0000;box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 55%,transparent),0 0 0 8px color-mix(in srgb,var(--gold) 10%,transparent),0 0 50px -8px var(--gold);-webkit-background-clip:text;background-clip:text;border-radius:50%;place-items:center;margin:4px auto;font-size:4.6rem;line-height:1;animation:.5s cubic-bezier(.2,1.4,.4,1) stamp;display:grid;position:relative}.grade:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--gold) 24%,transparent),transparent 70%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes stamp{0%{opacity:0;transform:scale(1.4)}}.tally{text-align:center;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tally div{--c:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-sm);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);padding:8px 2px;font-size:.64rem;font-weight:800}.tally div:first-child{--c:var(--gold)}.tally div:nth-child(2){--c:var(--cyan)}.tally div:nth-child(3){--c:var(--green)}.tally div:nth-child(5){--c:var(--red)}.tally b{font-family:var(--display);color:var(--ink);letter-spacing:0;margin-top:2px;font-size:1.35rem;font-weight:400;display:block}#endScore{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem}.best{color:var(--gold);text-align:center;font-size:.85rem;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.board{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.board[hidden],.sendRow[hidden]{display:none}.board h2{margin:0}.sendRow{align-items:center;gap:8px;display:flex}.sendRow input{flex:1;min-width:0}.boardMsg{color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;min-height:1.2em;font-size:.85rem}.boardMsg:empty{display:none}.boardMsg.err{color:var(--red);font-weight:700}.boardMsg.ok{color:var(--green);font-weight:700}.sendAs{color:var(--muted);flex:1;align-self:center;font-size:.9rem}.sendAs b{color:var(--ink);font-weight:800}.rank{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.rank li{border-radius:var(--r-sm);background:var(--panel-2);border:1px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.rank span{width:26px;height:26px;font-family:var(--display);color:var(--muted);background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.rank li:first-child span{color:var(--bg);background:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 60%,transparent)}.rank li:nth-child(2) span{color:var(--bg);background:var(--silver)}.rank li:nth-child(3) span{color:var(--bg);background:var(--bronze)}.rank b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.rank small{color:var(--muted);font-weight:500}.rank li.me{border-color:color-mix(in srgb,var(--pink) 55%,transparent);background:color-mix(in srgb,var(--pink) 12%,transparent)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.acct{max-width:100%;min-height:1.4em;color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;margin-left:auto;font-size:.84rem;display:flex}.acct b{color:var(--ink);font-weight:800}.lang select{border-radius:999px;width:auto;padding:7px 12px;font-size:.84rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.8rem;font-weight:700;display:flex}.field select:disabled{opacity:.7;cursor:default}.stack{flex-direction:column;gap:12px;display:flex}.stack[hidden]{display:none}.roomCode{border-radius:var(--r-md);border:1px dashed var(--line-strong);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 14px;display:flex}.roomCode span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:1 0 100%;font-size:.72rem;font-weight:800;line-height:1.3}.roomCode b{font-family:var(--display);letter-spacing:.12em;white-space:nowrap;background:linear-gradient(90deg,var(--gold),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;flex:1;min-width:0;font-size:clamp(1.35rem,6.4vw,2.1rem);font-weight:400}#codeInput{text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-family:var(--display)}.players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.players li{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.players li.me{border-color:color-mix(in srgb,var(--pink) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--pink) 25%,transparent)}.players b{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.players em{--c:var(--muted);color:var(--c);white-space:nowrap;align-items:center;gap:6px;font-size:.76rem;font-style:normal;font-weight:700;display:inline-flex}.players em:before{content:"";background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:50%}.players em[data-s=host]{--c:var(--gold)}.players em[data-s=ready]{--c:var(--green)}.players .kick{min-height:30px;color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent);flex:none;padding:4px 10px;font-size:.74rem}.live{z-index:3;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(12px);flex-direction:column;gap:3px;min-width:130px;max-width:46%;margin:0;padding:8px 10px;font-size:.75rem;list-style:none;display:flex;position:absolute;bottom:12px;left:12px}.live[hidden]{display:none}.live li{justify-content:space-between;gap:8px;display:flex}.live b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.live em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.live li.me b{color:var(--pink)}.live li.left{opacity:.45}.overlay{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.card.wide{max-width:640px}.chars{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.char{border-radius:var(--r-md);border:1px solid var(--line);background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 70%),var(--panel-2);flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.char img{aspect-ratio:2/3;object-fit:contain;width:100%;height:auto;max-height:190px;display:block}.char b{font-size:.82rem;font-weight:800}.char:hover{border-color:var(--line-strong);transform:translateY(-2px)}.char[aria-checked=true]{background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--pink) 22%,var(--bg)),var(--bg) 75%) padding-box,var(--grad) border-box;box-shadow:var(--glow-pink);border-color:#0000}.char[aria-checked=true]:after{content:"✓";background:var(--grad);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:6px;right:6px}@media (max-width:520px){.chars{gap:5px}.char{border-radius:var(--r-sm);padding:6px 2px 8px}.char b{font-size:.7rem}.char[aria-checked=true]:after{width:16px;height:16px;font-size:.6rem;top:3px;right:3px}}.av{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--violet) 30%,var(--panel-2)),var(--panel-2));border:1px solid var(--line-strong);border-radius:50%;flex:none;width:30px;height:30px;display:inline-block;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%;display:block}.acct .me{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 3px;font-size:.84rem;transition:border-color .15s;display:inline-flex}.acct .me:hover{border-color:var(--violet)}.players li{justify-content:flex-start}.players li b{flex:1}#dancer{z-index:2}.stage.multi #dancer{height:74%;bottom:5%}.crew{pointer-events:none;z-index:3;position:absolute;top:0;bottom:0;left:0;right:0}.crew[hidden]{display:none}.mate{aspect-ratio:160/280;transition:opacity .3s,filter .3s;position:absolute;transform:translate(-50%)}.mate svg{width:100%;height:100%;display:block;overflow:visible}.mate.s1{z-index:2;height:58%;bottom:7%;left:22%}.mate.s2{z-index:2;height:58%;bottom:7%;left:78%}.mate.s3{z-index:1;filter:brightness(.85);height:46%;bottom:17%;left:8%}.mate.s4{z-index:1;filter:brightness(.85);height:46%;bottom:17%;left:92%}.mate.s5{z-index:0;filter:brightness(.75);height:40%;bottom:22%;left:36%}.mate.left{opacity:.3;filter:grayscale()}.mate.guide.g1{z-index:0;height:52%;bottom:12%;left:24%}.mate.guide.g2{z-index:0;height:52%;bottom:12%;left:76%}.mate.guide:not(.m3) svg{opacity:.55;filter:saturate(.6) drop-shadow(0 0 8px var(--cyan))}.mate.guide .tag{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 45%,transparent)}.mate .tag{text-overflow:ellipsis;white-space:nowrap;background:var(--panel);border:1px solid var(--line);max-width:120px;color:var(--ink);border-radius:999px;padding:2px 8px;font-size:.66rem;font-weight:800;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%,-100%)}.mate .bubble{font-family:var(--display);white-space:nowrap;opacity:0;pointer-events:none;font-size:clamp(.7rem,2.6vw,.95rem);position:absolute;top:0;left:50%;transform:translate(-50%,-210%)}.mate .bubble.show{animation:.8s ease-out forwards bubble}.mate .bubble.perfect{color:var(--gold);text-shadow:0 0 10px color-mix(in srgb,var(--gold) 70%,transparent)}.mate .bubble.great{color:var(--cyan)}.mate .bubble.cool{color:var(--green)}.mate .bubble.bad{color:var(--muted)}.mate .bubble.miss{color:var(--red)}@keyframes bubble{0%{opacity:0;transform:translate(-50%,-160%)scale(1.3)}20%{opacity:1;transform:translate(-50%,-210%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-260%)}}.stage3d{z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.stage.three #dancer,.stage.three .floorwrap,.stage.three .beam{display:none}.stage.three{background:radial-gradient(120% 90% at 50% 0%,var(--stage-top),var(--stage-bot) 80%)}.mate.m3{aspect-ratio:auto;z-index:3;height:auto;position:absolute;transform:translate(-50%,-100%)}.mate.m3 .tag{display:block;position:static;transform:none}.mate.m3 .bubble{top:0;transform:translate(-50%,-110%)}.mate.m3 .bubble.show{animation:.8s ease-out forwards bubble3}@keyframes bubble3{0%{opacity:0;transform:translate(-50%,-60%)scale(1.3)}20%{opacity:1;transform:translate(-50%,-110%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)}}.chips{scrollbar-width:none;gap:6px;margin:0 -2px;padding:2px 2px 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.chips button{border:1px solid var(--line);background:var(--panel-2);white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s}.chips button:hover{border-color:var(--line-strong)}.chips button[aria-pressed=true]{background:var(--grad);color:var(--on-accent);box-shadow:0 6px 18px -8px var(--pink);border-color:#0000}.songs{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;max-height:min(46vh,420px);margin:-2px;padding:2px;overflow-y:auto}.stagePick{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.stagePick button{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;align-items:center;gap:5px;padding:6px 4px 8px;font-size:.72rem;font-weight:700;line-height:1.2;transition:border-color .15s,box-shadow .15s;display:flex}.stagePick button:hover{border-color:var(--line-strong)}.stagePick button[aria-checked=true]{background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,var(--grad) border-box;box-shadow:var(--glow-pink);border-color:#0000}.stagePick .sw{aspect-ratio:16/10;background-position:50% 100%;background-size:cover;border-radius:6px;width:100%;display:block}@media (max-width:520px){.stagePick{grid-template-columns:repeat(3,1fr)}}.sw.neon{background:linear-gradient(#0000 55%,#221858 55%),radial-gradient(120% 90% at 50% 0,#2c1478,#05031a 80%)}.sw.club{background:radial-gradient(circle at 50% 22%,#e8e8f0 0 7%,#0000 8%),radial-gradient(circle at 20% 70%,#ff3d9a 0 12%,#0000 30%),radial-gradient(circle at 80% 70%,#22e4ff 0 12%,#0000 30%),#07040f}.sw.rooftop,.stage[data-theme=rooftop]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 400%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23060818%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%231b1846%22/%3E%3Cstop offset=%221%22 stop-color=%22%234a2a5e%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22m%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff8e0%22/%3E%3Cstop offset=%22.4%22 stop-color=%22%23fff1c0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff1c0%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3Cpattern id=%22w1%22 width=%2224%22 height=%2232%22 patternUnits=%22userSpaceOnUse%22%3E%3Crect x=%222%22 y=%222%22 width=%225%22 height=%227%22 fill=%22%23ffd678%22/%3E%3Crect x=%2214%22 y=%2218%22 width=%225%22 height=%227%22 fill=%22%23ffd678%22/%3E%3C/pattern%3E%3Cpattern id=%22w2%22 width=%2236%22 height=%2216%22 patternUnits=%22userSpaceOnUse%22%3E%3Crect x=%224%22 y=%223%22 width=%225%22 height=%227%22 fill=%22%238cdcff%22/%3E%3Crect x=%2222%22 y=%223%22 width=%225%22 height=%227%22 fill=%22%23ffd678%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%221200%22 height=%22400%22 fill=%22url(%23s)%22/%3E%3Ccircle cx=%2258%22 cy=%2271%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22334%22 cy=%2283%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%221171%22 cy=%22145%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3Ccircle cx=%22432%22 cy=%22162%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%221174%22 cy=%2268%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22129%22 cy=%22123%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22990%22 cy=%2222%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22136%22 cy=%22105%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%2241%22 cy=%2275%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22850%22 cy=%2230%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%2292%22 cy=%2296%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22677%22 cy=%22141%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22571%22 cy=%22129%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3Ccircle cx=%2273%22 cy=%2279%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22221%22 cy=%22153%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22404%22 cy=%22104%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22539%22 cy=%2239%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22695%22 cy=%2280%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22283%22 cy=%2296%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%221065%22 cy=%2298%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221145%22 cy=%2226%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221038%22 cy=%2269%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22486%22 cy=%2277%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22528%22 cy=%22133%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22694%22 cy=%222%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%221187%22 cy=%2280%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22272%22 cy=%2215%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22680%22 cy=%22119%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22722%22 cy=%22155%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%221002%22 cy=%225%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%2243%22 cy=%2294%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22934%22 cy=%2276%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22655%22 cy=%2245%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22640%22 cy=%2294%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22540%22 cy=%2276%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22214%22 cy=%226%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.9%22/%3E%3Ccircle cx=%22269%22 cy=%2279%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22551%22 cy=%2261%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22891%22 cy=%22166%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.7%22/%3E%3Ccircle cx=%22208%22 cy=%22153%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22683%22 cy=%2257%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22346%22 cy=%2220%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22446%22 cy=%22145%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.6%22/%3E%3Ccircle cx=%22460%22 cy=%2230%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.3%22/%3E%3Ccircle cx=%22390%22 cy=%2280%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%221177%22 cy=%2246%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22696%22 cy=%22164%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3Ccircle cx=%22707%22 cy=%22150%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.4%22/%3E%3Ccircle cx=%22597%22 cy=%22132%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.8%22/%3E%3Ccircle cx=%22555%22 cy=%22118%22 r=%221.1%22 fill=%22%23fff%22 opacity=%220.5%22/%3E%3Ccircle cx=%22960%22 cy=%2270%22 r=%2260%22 fill=%22url(%23m)%22/%3E%3Crect x=%220%22 y=%22159%22 width=%2270%22 height=%22241%22 fill=%22%230c0a1c%22/%3E%3Crect x=%224%22 y=%22167%22 width=%2262%22 height=%22233%22 fill=%22url(%23w2)%22/%3E%3Crect x=%2277%22 y=%22150%22 width=%22100%22 height=%22250%22 fill=%22%230c0a1c%22/%3E%3Crect x=%2281%22 y=%22158%22 width=%2292%22 height=%22242%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22188%22 y=%22190%22 width=%2241%22 height=%22210%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22192%22 y=%22198%22 width=%2233%22 height=%22202%22 fill=%22url(%23w1)%22/%3E%3Crect x=%22234%22 y=%22190%22 width=%2264%22 height=%22210%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22238%22 y=%22198%22 width=%2256%22 height=%22202%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22308%22 y=%22209%22 width=%22100%22 height=%22191%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22312%22 y=%22217%22 width=%2292%22 height=%22183%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22412%22 y=%22148%22 width=%2269%22 height=%22252%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22416%22 y=%22156%22 width=%2261%22 height=%22244%22 fill=%22url(%23w1)%22/%3E%3Crect x=%22491%22 y=%22307%22 width=%2289%22 height=%2293%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22495%22 y=%22315%22 width=%2281%22 height=%2285%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22583%22 y=%22159%22 width=%2260%22 height=%22241%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22587%22 y=%22167%22 width=%2252%22 height=%22233%22 fill=%22url(%23w1)%22/%3E%3Crect x=%22645%22 y=%22189%22 width=%2274%22 height=%22211%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22649%22 y=%22197%22 width=%2266%22 height=%22203%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22727%22 y=%22209%22 width=%2294%22 height=%22191%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22731%22 y=%22217%22 width=%2286%22 height=%22183%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22832%22 y=%22276%22 width=%2296%22 height=%22124%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22836%22 y=%22284%22 width=%2288%22 height=%22116%22 fill=%22url(%23w2)%22/%3E%3Crect x=%22931%22 y=%22276%22 width=%2244%22 height=%22124%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22935%22 y=%22284%22 width=%2236%22 height=%22116%22 fill=%22url(%23w1)%22/%3E%3Crect x=%22981%22 y=%22150%22 width=%2295%22 height=%22250%22 fill=%22%230c0a1c%22/%3E%3Crect x=%22985%22 y=%22158%22 width=%2287%22 height=%22242%22 fill=%22url(%23w2)%22/%3E%3Crect x=%221084%22 y=%22212%22 width=%22104%22 height=%22188%22 fill=%22%230c0a1c%22/%3E%3Crect x=%221088%22 y=%22220%22 width=%2296%22 height=%22180%22 fill=%22url(%23w2)%22/%3E%3Crect x=%221198%22 y=%22161%22 width=%2292%22 height=%22239%22 fill=%22%230c0a1c%22/%3E%3Crect x=%221202%22 y=%22169%22 width=%2284%22 height=%22231%22 fill=%22url(%23w1)%22/%3E%3C/svg%3E")}.sw.sunset,.stage[data-theme=sunset]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 400%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22k%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232a1b5e%22/%3E%3Cstop offset=%22.45%22 stop-color=%22%23b0407a%22/%3E%3Cstop offset=%22.8%22 stop-color=%22%23ff8a4c%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffc86a%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22u%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff6d0%22/%3E%3Cstop offset=%22.3%22 stop-color=%22%23ffd27a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffa05a%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22w%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%235a3a78%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c1640%22/%3E%3C/linearGradient%3E%3Cg id=%22p%22 fill=%22%231a0f22%22%3E%3Cpath d=%22M0 0q-14-60 4-120h6q-14 60 2 120z%22/%3E%3Cpath transform=%22translate(8 -120) rotate(-170)%22 d=%22M0 0q34-8 68 12q-34-2-68 4z%22/%3E%3Cpath transform=%22translate(8 -120) rotate(-140)%22 d=%22M0 0q34-8 68 12q-34-2-68 4z%22/%3E%3Cpath transform=%22translate(8 -120) rotate(-110)%22 d=%22M0 0q34-8 68 12q-34-2-68 4z%22/%3E%3Cpath transform=%22translate(8 -120) rotate(-70)%22 d=%22M0 0q34-8 68 12q-34-2-68 4z%22/%3E%3Cpath transform=%22translate(8 -120) rotate(-40)%22 d=%22M0 0q34-8 68 12q-34-2-68 4z%22/%3E%3Cpath transform=%22translate(8 -120) rotate(-10)%22 d=%22M0 0q34-8 68 12q-34-2-68 4z%22/%3E%3C/g%3E%3C/defs%3E%3Crect width=%221200%22 height=%22290%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%22600%22 cy=%22270%22 r=%22150%22 fill=%22url(%23u)%22/%3E%3Crect y=%22285%22 width=%221200%22 height=%22115%22 fill=%22url(%23w)%22/%3E%3Cpath d=%22M560 292h80M540 304h120M570 318h60M520 332h160%22 stroke=%22%23ffd28c%22 stroke-width=%223%22 opacity=%22.6%22/%3E%3Cuse href=%22%23p%22 transform=%22translate(90 400) scale(1.6)%22/%3E%3Cuse href=%22%23p%22 transform=%22translate(210 400) scale(1.1)%22/%3E%3Cuse href=%22%23p%22 transform=%22translate(1080 400) scale(1.7)%22/%3E%3Cuse href=%22%23p%22 transform=%22translate(980 400) scale(1.05)%22/%3E%3C/svg%3E")}.sw.street,.stage[data-theme=street]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 400%22 preserveAspectRatio=%22xMidYMax slice%22%3E%3Cdefs%3E%3Cpattern id=%22b%22 width=%2260%22 height=%2248%22 patternUnits=%22userSpaceOnUse%22%3E%3Crect width=%2260%22 height=%2248%22 fill=%22%233a1f1c%22/%3E%3Crect x=%221%22 y=%221%22 width=%2258%22 height=%2222%22 fill=%22%238a4838%22/%3E%3Crect x=%22-29%22 y=%2225%22 width=%2258%22 height=%2222%22 fill=%22%237a4032%22/%3E%3Crect x=%2231%22 y=%2225%22 width=%2258%22 height=%2222%22 fill=%22%2396543f%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%221200%22 height=%22400%22 fill=%22url(%23b)%22/%3E%3Cpolygon points=%221177,186 1160,222 1133,231 1079,230 1035,216 1015,186 1041,151 1082,145 1134,145 1182,160%22 fill=%22%23ff3d9a%22 opacity=%22.85%22/%3E%3Crect x=%221099%22 y=%22186%22 width=%224%22 height=%2275%22 fill=%22%23ff3d9a%22 opacity=%22.85%22/%3E%3Cpolygon points=%221229,223 1195,262 1157,269 1113,288 1069,264 1070,223 1057,183 1114,175 1149,164 1188,183%22 fill=%22%2322e4ff%22 opacity=%22.85%22/%3E%3Crect x=%221121%22 y=%22223%22 width=%224%22 height=%2253%22 fill=%22%2322e4ff%22 opacity=%22.85%22/%3E%3Cpolygon points=%2286,183 82,207 61,206 37,219 5,203 -8,183 16,165 38,159 65,147 84,169%22 fill=%22%23ffd84a%22 opacity=%22.85%22/%3E%3Crect x=%2240%22 y=%22183%22 width=%224%22 height=%2252%22 fill=%22%23ffd84a%22 opacity=%22.85%22/%3E%3Cpolygon points=%22143,199 147,226 96,262 51,234 17,233 9,199 3,167 58,159 99,160 125,174%22 fill=%22%238b5cff%22 opacity=%22.85%22/%3E%3Crect x=%2269%22 y=%22199%22 width=%224%22 height=%2264%22 fill=%22%238b5cff%22 opacity=%22.85%22/%3E%3Cpolygon points=%22766,286 713,328 683,349 634,345 602,311 602,286 608,252 642,242 686,224 729,255%22 fill=%22%233dff9a%22 opacity=%22.85%22/%3E%3Crect x=%22654%22 y=%22286%22 width=%224%22 height=%2261%22 fill=%22%233dff9a%22 opacity=%22.85%22/%3E%3Cpolygon points=%22552,221 553,247 510,254 481,255 462,247 437,221 439,200 477,174 513,181 537,191%22 fill=%22%23ff3d9a%22 opacity=%22.85%22/%3E%3Crect x=%22485%22 y=%22221%22 width=%224%22 height=%2278%22 fill=%22%23ff3d9a%22 opacity=%22.85%22/%3E%3Cpolygon points=%22524,157 519,181 486,197 452,201 427,180 415,157 427,140 457,108 493,120 525,138%22 fill=%22%2322e4ff%22 opacity=%22.85%22/%3E%3Crect x=%22462%22 y=%22157%22 width=%224%22 height=%2247%22 fill=%22%2322e4ff%22 opacity=%22.85%22/%3E%3Cpolygon points=%22319,212 296,248 264,272 225,270 173,233 170,212 194,181 215,158 262,178 299,189%22 fill=%22%23ffd84a%22 opacity=%22.85%22/%3E%3Crect x=%22231%22 y=%22212%22 width=%224%22 height=%2264%22 fill=%22%23ffd84a%22 opacity=%22.85%22/%3E%3Cpolygon points=%22625,148 628,176 592,173 558,180 528,174 539,148 540,129 562,112 591,113 614,131%22 fill=%22%238b5cff%22 opacity=%22.85%22/%3E%3Crect x=%22567%22 y=%22148%22 width=%224%22 height=%2245%22 fill=%22%238b5cff%22 opacity=%22.85%22/%3E%3Cpolygon points=%22240,254 232,273 212,298 176,287 146,277 138,254 138,236 172,224 208,221 243,226%22 fill=%22%233dff9a%22 opacity=%22.85%22/%3E%3Crect x=%22180%22 y=%22254%22 width=%224%22 height=%2256%22 fill=%22%233dff9a%22 opacity=%22.85%22/%3E%3Crect x=%22500%22 y=%22170%22 width=%22200%22 height=%22230%22 fill=%22%236a6a72%22/%3E%3Cpath d=%22M500 178h200 M500 188h200 M500 198h200 M500 208h200 M500 218h200 M500 228h200 M500 238h200 M500 248h200 M500 258h200 M500 268h200 M500 278h200 M500 288h200 M500 298h200 M500 308h200 M500 318h200 M500 328h200 M500 338h200 M500 348h200 M500 358h200 M500 368h200 M500 378h200 M500 388h200 M500 398h200%22 stroke=%22%23000%22 stroke-opacity=%22.25%22 stroke-width=%223%22/%3E%3C/svg%3E")}.stage[data-theme=rooftop]:before,.stage[data-theme=sunset]:before,.stage[data-theme=street]:before{content:"";pointer-events:none;background-position:50% 100%;background-size:cover;position:absolute;top:0;bottom:30%;left:0;right:0}.stage[data-theme=club]{background:radial-gradient(circle at 50% 12%,#e8e8f0 0 3%,#0000 3.5%),radial-gradient(40% 60% at 15% 30%,#ff3d9a55,#0000),radial-gradient(40% 60% at 85% 30%,#22e4ff55,#0000),radial-gradient(40% 50% at 50% 60%,#8b5cff44,#0000),#07040f}.stage[data-theme=rooftop]{background:linear-gradient(#0000 68%,#3a2618 68%,#5a3a22)}.stage[data-theme=sunset]{background:linear-gradient(#0000 68%,#c89a64 68%,#e0b882)}.stage[data-theme=street]{background:linear-gradient(#0000 68%,#2a2a30 68%,#1c1c22)}.stage[data-theme=club] .tile{background:#15121f}.stage[data-theme=club] .tile:nth-child(3n).p{background:#ffd84a;box-shadow:0 0 22px #ffd84a}.stage[data-theme=club] .tile:nth-child(3n+1).c{background:#3dff9a;box-shadow:0 0 22px #3dff9a}.stage[data-theme=rooftop] .tile{opacity:.95;background:#7a4e2c}.stage[data-theme=rooftop] .tile.p,.stage[data-theme=rooftop] .tile.c{background:#b07a44;box-shadow:0 0 18px #ffd27a}.stage[data-theme=sunset] .tile{background:#8a5a34;border-radius:2px}.stage[data-theme=sunset] .tile.p,.stage[data-theme=sunset] .tile.c{background:#c08650;box-shadow:0 0 18px #ffc86a}.stage[data-theme=street] .tile{background:#34343c;border-radius:1px}.stage[data-theme=street] .tile.p{background:#4a4a54;box-shadow:0 0 16px #f2f2f2}.stage[data-theme=street] .tile.c{background:#4a4a54;box-shadow:0 0 16px #ff3d9a}.stage[data-theme=rooftop] .beam,.stage[data-theme=sunset] .beam,.stage[data-theme=street] .beam{display:none}.stage.three[data-theme=club]{background:#07040f}.stage.three[data-theme]:before{content:none}.textlinks{flex-wrap:wrap;gap:6px 14px;margin-top:-4px;display:flex}.textlinks[hidden]{display:none}.textlink{color:var(--violet);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:700;text-decoration:underline}.textlink:hover{color:var(--pink)}.acctSec{border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);flex-direction:column;gap:10px;padding:14px;display:flex}.acctSec h3{margin:0;font-size:.95rem}#authEmailRow{flex-direction:column;gap:6px;display:flex}#authEmailRow[hidden]{display:none}#acctForms{flex-direction:column;gap:14px;display:flex}#acctForms[hidden]{display:none}.acctSec.danger{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.go.warn{background:var(--red);box-shadow:none}.go.warn:hover:not(:disabled){filter:brightness(1.08);box-shadow:none}.legalFoot{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:4px;display:flex}.legalFoot .textlink{color:var(--muted);font-size:.78rem;font-weight:600}.legalFoot .textlink:hover{color:var(--pink)}.agree[hidden]{display:none}.agree .textlink{font-size:inherit}#legalScreen{z-index:20}.card.legal{gap:12px;max-width:680px}#legalBody h3{margin:12px 0 2px;font-size:.98rem}#legalBody p{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.65}#legalBody p+p{margin-top:8px}#legalBody .meta{color:var(--muted);font-size:.8rem}#legalBody a{color:var(--violet)}.newsPill{text-align:left;cursor:pointer;border:1px solid color-mix(in srgb,var(--violet) 35%,var(--line));background:color-mix(in srgb,var(--violet) 8%,var(--panel-2));width:100%;min-height:40px;color:var(--ink);font:inherit;border-radius:999px;align-items:center;gap:8px;margin:2px 0 4px;padding:8px 14px;font-size:.84rem;display:flex}.newsPill:hover{border-color:var(--violet)}.newsPill[hidden]{display:none}.newsDot{background:var(--pink);color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 8px;font-size:.68rem;font-weight:800}.newsDot[hidden]{display:none}.newsLabel{color:var(--violet);flex:none;font-weight:800}.newsTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-weight:600;overflow:hidden}#newsBody .release+.release{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}#newsBody h3{margin:4px 0 2px;font-size:1.02rem}#newsBody .meta{color:var(--muted);margin:0 0 8px;font-size:.8rem}#newsBody ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}#newsBody li{overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}.adSlot{border-radius:var(--r-md);border:1px dashed var(--line);background:#ffffff04;flex-direction:column;gap:6px;min-height:120px;margin-top:10px;padding:10px;display:flex}.adSlot small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.adBox{min-height:90px;overflow:hidden}#endScreen .adSlot{margin-top:22px}.adSlot:has(ins[data-ad-status=unfilled]){display:none}.feedbackRow{text-align:left;border-radius:var(--r-md);border:1px dashed color-mix(in srgb,var(--cyan) 45%,var(--line));background:color-mix(in srgb,var(--cyan) 6%,transparent);width:100%;color:var(--ink);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.feedbackRow:hover{border-style:solid;border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}.feedbackRow .ico{fill:none;width:26px;height:26px;stroke:var(--cyan);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 60%,transparent));flex:none}.fbText{flex-direction:column;min-width:0;display:flex}.fbText b{font-size:.92rem;font-weight:800}.fbText small{color:var(--muted);font-size:.78rem;line-height:1.4}.fbKinds{flex-wrap:wrap;gap:6px;display:flex}.fbKinds button{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;min-height:34px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:background .15s,border-color .15s}.fbKinds button:hover{border-color:var(--line-strong)}.fbKinds button[aria-checked=true]{background:var(--grad);color:var(--on-accent);box-shadow:0 6px 18px -8px var(--pink);border-color:#0000}#fbText{resize:vertical;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:140px;color:var(--ink);font:inherit;padding:11px 12px;font-size:1rem;font-weight:500;line-height:1.5}#fbText:focus{border-color:var(--violet);box-shadow:var(--ring);outline:none}#fbText::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.fbMeta{color:var(--muted);justify-content:space-between;gap:10px;font-size:.78rem;display:flex}.fbMeta small:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fbMeta small:last-child{font-variant-numeric:tabular-nums;flex:none}.consent{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:15;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);max-width:640px;box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 auto;padding:14px 16px;display:flex;position:fixed}.consent[hidden]{display:none}.consent p{color:var(--ink);flex:260px;margin:0;font-size:.84rem;line-height:1.5}.consentBtns{flex:none;gap:8px;display:flex}.consentBtns .go{width:auto;padding:8px 16px;font-size:.85rem}.consent-open .overlay{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}.lbList li{grid-template-columns:28px auto 1fr auto}.lbList .av{width:30px;height:30px}.lbList em{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.lbList em small{color:var(--muted);font-size:.7rem;font-style:normal}#lbList:empty{display:none}#fullBoardBtn{align-self:center}.wallet{text-align:center;color:var(--gold);margin:0;font-weight:800}.checkins{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,1.2vw,6px);margin:0;padding:0;list-style:none;display:grid}.checkins li{border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 0;font-size:clamp(.66rem,2.6vw,.78rem);display:flex}.checkins li small{color:var(--muted);white-space:nowrap;text-overflow:clip;max-width:100%;font-size:clamp(.54rem,2.2vw,.66rem);overflow:hidden}.checkins li b{font-family:var(--display);font-weight:400}.checkins li.done{background:color-mix(in srgb,var(--green) 18%,var(--panel));border-color:color-mix(in srgb,var(--green) 55%,var(--line))}.checkins li.today{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 40%,transparent)}.checkins li:last-child b{color:var(--pink)}.missions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.missions li{flex-direction:column;gap:5px;display:flex}.mTop,.mBottom{justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.mTop b{color:var(--gold);font-family:var(--display);font-weight:400}.mBottom small{color:var(--muted)}.mBar{background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:3px;height:6px;overflow:hidden}.mBar i{background:var(--grad);border-radius:3px;height:100%;display:block}.mate .tag[hidden]{display:none}.wrap{height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.stage{flex:1 1 0;height:auto;min-height:170px}@media (orientation:landscape) and (max-height:540px) and (pointer:coarse){.wrap{max-width:none;padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:8px 14px;display:grid}.stage{grid-area:1/1/-1;min-height:0}.hud{grid-area:1/2}.progress{grid-area:2/2}.seq{grid-area:3/2;align-self:end;min-height:58px;padding:8px}.bar{grid-area:4/2}.pad{grid-area:5/2;grid-template-rows:repeat(2,50px)}.hint.keys{display:none}.hud .stat{padding:5px 10px}.hud .stat b{font-size:1.25rem}}.fsBtn{z-index:3;border:1px solid var(--line-strong);background:var(--panel);-webkit-backdrop-filter:blur(10px);border-radius:999px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;bottom:52px;right:12px}.fsBtn[hidden]{display:none}.fsBtn svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.fsBtn:hover svg{stroke:var(--pink)}@media (min-width:900px) and (hover:hover) and (pointer:fine){.wrap{max-width:none;height:100vh;height:100dvh;padding:0;display:block;position:relative;overflow:hidden}.stage{border:none;border-radius:0;height:auto;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0}.progress{z-index:7;background:color-mix(in srgb,var(--panel) 50%,transparent);border:none;border-radius:0;height:4px;position:absolute;top:0;left:0;right:0}.hud{z-index:6;pointer-events:none;position:absolute;top:16px;left:24px;right:24px}.hud .brand{background:color-mix(in srgb,var(--panel) 70%,transparent);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:6px 18px}.hud .stat{background:color-mix(in srgb,var(--panel) 72%,transparent);min-width:120px}.hud .stat b{font-size:2rem}.levelTag{top:96px;left:24px}.finishTag{padding:6px 18px;font-size:1.1rem;top:96px;left:50%;right:auto;translate:-50%}.quit{top:96px;bottom:auto;right:24px}.fsBtn{top:96px;bottom:auto;right:110px}.live{bottom:204px;left:24px}.seq,.bar,.hint{z-index:6;width:min(860px,100% - 48px);position:absolute;left:50%;translate:-50%}.seq{background:color-mix(in srgb,var(--panel) 72%,transparent);bottom:110px}.bar{background:color-mix(in srgb,var(--panel) 78%,transparent);height:38px;bottom:64px}.hint{background:color-mix(in srgb,var(--panel) 60%,transparent);border-radius:14px;width:max-content;max-width:calc(100% - 48px);padding:4px 16px;font-size:.8rem;line-height:1.45;bottom:10px}#dancer{height:66%;bottom:24%}.crew{top:0;bottom:18%;left:0;right:0}}.agreeBox{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;font-size:.82rem;line-height:1.5;display:flex}.agreeBox[hidden]{display:none}.agreeBox input{width:20px;height:20px;accent-color:var(--pink);flex:none;margin-top:1px}.agreeBox .textlink{font-size:inherit}.arenaHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.arenaHead h3{margin:0}.arenaList{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.arenaList li{border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.arenaList li.empty{color:var(--muted);text-align:center;font-size:.85rem;display:block}.arenaList li div{flex-direction:column;min-width:0;display:flex}.arenaList li b{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.arenaList li small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.arenaList li em{color:var(--gold);white-space:nowrap;font-size:.85rem;font-style:normal;font-weight:800}.prize{border-radius:var(--r-sm);background:color-mix(in srgb,var(--gold) 14%,var(--panel-2));border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));text-align:center;margin:0;padding:8px 12px;font-size:.85rem;font-weight:700}.rank em .payout{color:var(--gold);font-size:.72rem;font-style:normal;font-weight:800;display:block}