:root{--ink: #fff8ef;--ink2: #e9ddff;--mute: #b7a9d9;--night: #140f33;--night2: #24195a;--plum: #3a1f6e;--gold: #ffd36b;--gold2: #ffb938;--pink: #ff5d8f;--sky: #6cc6ff;--mint: #4fd18b;--cream: #fff4e3;--aka: #ff5d7a;--kiiro: #ffc93c;--midori: #4fd18b;--card: rgba(31, 22, 74, .72);--card2: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .16);--r: 22px;--shadow: 0 10px 30px rgba(8, 4, 30, .45);--font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", system-ui, sans-serif;--disp: "Dela Gothic One", "M PLUS Rounded 1c", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 50% -10%,#3b2386 0%,var(--night) 55%,#07051a 100%);color:var(--ink);font-family:var(--font);font-weight:700;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}input,textarea{font:inherit;user-select:text;-webkit-user-select:text}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.app{position:relative;height:100%;width:100%;max-width:560px;margin:0 auto;overflow:hidden;isolation:isolate}.app.wide{max-width:none}.app.wide .scroll{max-width:640px;width:100%;margin:0 auto}@media(min-width:700px){body:before{content:"";position:fixed;inset:0;background:url(/img/bg/aki-yoru-machi.webp) center/cover;filter:blur(28px) brightness(.45) saturate(1.2);transform:scale(1.1);z-index:-1}.app{box-shadow:0 0 0 1px #ffffff14,0 30px 120px #0009}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;animation:scrIn .45s cubic-bezier(.2,.8,.2,1) both}@keyframes scrIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--night)}.scene img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenburns 30s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.04) translateY(0)}to{transform:scale(1.12) translateY(-1.5%)}}.scene .shade{position:absolute;inset:0;background:linear-gradient(180deg,#140f3326,#140f330d 35%,#140f33b3 75%,#0a061ef2)}.scene.dim .shade{background:linear-gradient(180deg,#0e09288c,#0e0928b3 60%,#080519f5)}.scene .bokeh{position:absolute;inset:0;pointer-events:none}.scene .bokeh i{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffdc968c,#ffdc9600 70%);animation:floatUp linear infinite;opacity:0}@keyframes floatUp{0%{transform:translateY(20px) scale(.8);opacity:0}15%{opacity:.9}85%{opacity:.6}to{transform:translateY(-140px) scale(1.15);opacity:0}}.scene.livehouse{background:radial-gradient(120% 70% at 50% 30%,#4a1e6e,#1b0d33 55%,#070310)}.scene.livehouse:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 46px),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 22px)}.scene.livehouse:after{content:"MAMENONE";position:absolute;top:9%;left:50%;transform:translate(-50%);font-family:var(--disp);font-size:34px;letter-spacing:.12em;color:#ff7ad1;text-shadow:0 0 8px #ff3fb5,0 0 22px #ff3fb5,0 0 46px #b51f86;animation:neon 3.2s infinite;opacity:.9}@keyframes neon{0%,18%,22%,to{opacity:.95}20%{opacity:.35}}.scene.sky{background:linear-gradient(180deg,#0b0a3b,#3a2a8f 38%,#c86fc9 70%,#ffc6a8)}.scene.sky .cloud{position:absolute;border-radius:999px;background:radial-gradient(closest-side,#fffffff2,#fff0fa99 60%,#fff0);filter:blur(1px);animation:drift linear infinite}@keyframes drift{0%{transform:translate(-30%)}to{transform:translate(130%)}}.scene.sky .star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:twinkle 2.4s infinite}@keyframes twinkle{50%{opacity:.2;transform:scale(.6)}}.beams{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.beams i{position:absolute;top:-10%;width:30%;height:85%;transform-origin:50% 0;background:linear-gradient(180deg,var(--c, rgba(255,230,160,.5)),rgba(255,255,255,0) 85%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(6px);animation:sweep 6s ease-in-out infinite alternate;opacity:.55}@keyframes sweep{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.25;text-align:center;min-height:56px;padding:0 22px;border-radius:999px;font-size:18px;letter-spacing:.04em;color:#3a1a00;background:linear-gradient(180deg,#ffe7a3 0%,var(--gold) 45%,var(--gold2) 100%);box-shadow:0 6px #b9741a,0 12px 26px #ffb93859,inset 0 2px #ffffffb3;transition:transform .08s,box-shadow .08s,filter .2s}.btn:active{transform:translateY(4px);box-shadow:0 2px #b9741a,0 6px 14px #ffb9384d,inset 0 2px #fff9}.btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.btn.pink{color:#fff;background:linear-gradient(180deg,#ff9ab8,var(--pink) 50%,#e3366c);box-shadow:0 6px #a3204b,0 12px 26px #ff5d8f66,inset 0 2px #ffffff80}.btn.pink:active{box-shadow:0 2px #a3204b,inset 0 2px #fff6}.btn.ghost{color:var(--ink);background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffff47}.btn.ghost:active{transform:translateY(2px);box-shadow:inset 0 0 0 1.5px #fff6}.btn.big{min-height:66px;font-size:21px;padding:0 30px}.btn.wide{width:100%}.btn small{font-size:12px;opacity:.8;font-weight:700;display:block;letter-spacing:0;line-height:1.35}.btn.big{padding-top:8px;padding-bottom:8px}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#00000059;border:1px solid var(--line);font-size:13px}.chip{padding:11px 15px;border-radius:999px;background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffff38;font-size:15px;transition:transform .1s,background .2s}.chip:active{transform:scale(.96)}.chip.on{background:linear-gradient(180deg,#fff2c4,var(--gold));color:#4a2600;box-shadow:0 4px 14px #ffd36b66}.icon-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#00000059;border:1px solid var(--line)}.topbar{display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-t)) 14px 6px;z-index:5}.topbar .grow{flex:1}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 16px calc(24px + var(--safe-b));scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.h1{font-family:var(--disp);font-weight:400;font-size:26px;letter-spacing:.04em;margin:4px 0 10px;text-shadow:0 2px 0 rgba(0,0,0,.35)}.sub{color:var(--mute);font-size:14px;line-height:1.6}.sprite{background-repeat:no-repeat;image-rendering:auto;transform-origin:50% 100%}.sprite.bust{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}.zk-anim{background-repeat:no-repeat;animation:zkSteps .7s steps(4) infinite}@keyframes zkSteps{0%{background-position-x:0}to{background-position-x:calc(var(--fw) * -4)}}.portrait{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:none;background:#fff3dd center/cover no-repeat;box-shadow:0 0 0 3px #ffffffd9,0 6px 16px #0006}.title-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 20px calc(40px + var(--safe-b))}.logo{text-align:center;margin-bottom:auto;margin-top:calc(9vh + var(--safe-t))}.logo .k{font-family:var(--disp);font-size:clamp(20px,6vw,28px);letter-spacing:.3em;color:#fff;opacity:.92;text-shadow:0 2px 10px rgba(0,0,0,.5)}.logo .t{font-family:var(--disp);font-size:clamp(54px,17vw,86px);line-height:.92;letter-spacing:.02em;background:linear-gradient(180deg,#fffbe8,#ffe28a 40%,#ff9a5a 72%,#ff5d8f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #6a2a7a) drop-shadow(0 10px 24px rgba(255,93,143,.55));animation:logoIn 1s cubic-bezier(.2,1.4,.3,1) both}@keyframes logoIn{0%{transform:scale(.6) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.logo .tag{margin-top:14px;font-size:16px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);animation:fadeIn 1s .5s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lineup{display:flex;align-items:flex-end;justify-content:center;gap:0;margin-bottom:18px;width:100%}.lineup .sprite{animation:idleBob 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}.lineup .sprite:nth-child(2){animation-delay:-.6s}.lineup .sprite:nth-child(3){animation-delay:-1.2s}.lineup .sprite:nth-child(4){animation-delay:-1.8s}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tap{font-family:var(--disp);font-size:18px;letter-spacing:.2em;animation:pulse 1.6s ease-in-out infinite;text-shadow:0 0 12px rgba(255,211,107,.8)}@keyframes pulse{50%{opacity:.35}}.credit{margin-top:14px;font-size:11px;color:#fff9;text-align:center}.talkbox{position:absolute;left:10px;right:10px;bottom:calc(12px + var(--safe-b));z-index:30;display:flex;gap:12px;align-items:flex-end;padding:14px 14px 16px;animation:boxIn .3s cubic-bezier(.2,1.2,.4,1) both}@keyframes boxIn{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.talkbox .who{position:absolute;top:-13px;left:92px;padding:3px 14px;border-radius:999px;font-size:13px;color:#2b1550;background:var(--cream);box-shadow:0 3px 10px #0000004d}.talkbox .text{flex:1;font-size:17px;line-height:1.7;min-height:58px;color:#fff;white-space:pre-wrap}.talkbox .next{position:absolute;right:16px;bottom:8px;font-size:14px;color:var(--gold);animation:nudge 1s infinite}@keyframes nudge{50%{transform:translateY(3px)}}.talkbox .choices{display:flex;flex-direction:column;gap:8px;margin-top:10px}.home-stage{position:relative;height:38vh;min-height:250px;display:flex;align-items:flex-end;justify-content:center}.home-stage .spot{position:absolute;bottom:4px;left:50%;width:260px;height:46px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#ffebaa8c,#ffebaa00)}.home-stage .sprite{position:relative;cursor:pointer;animation:idleBob 2.6s ease-in-out infinite;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}.bubble{position:absolute;top:6%;left:50%;transform:translate(-50%);max-width:86%;padding:10px 16px;border-radius:18px;background:#fffaf0f5;color:#2b1550;font-size:15px;line-height:1.5;box-shadow:0 8px 22px #00000059;animation:pop .35s cubic-bezier(.2,1.5,.4,1) both;z-index:3;text-align:center}.bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:#fffaf0f5;border-bottom:0}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.stats{padding:14px 16px;display:grid;gap:9px}.stat{display:grid;grid-template-columns:26px 64px 1fr 42px;align-items:center;gap:8px;font-size:14px}.stat .bar{height:12px;border-radius:999px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.stat .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c1),var(--c2));box-shadow:0 0 10px var(--c2);transition:width 1s cubic-bezier(.2,.8,.2,1)}.stat b{text-align:right;font-variant-numeric:tabular-nums}.hint{font-size:12px;color:var(--gold);line-height:1.5;padding:2px 2px 0}.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.act{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:92px;border-radius:20px;background:linear-gradient(180deg,#ffffff29,#ffffff0f);box-shadow:inset 0 0 0 1.5px #fff3,0 8px 18px #00000040;font-size:15px;transition:transform .1s}.act:active{transform:scale(.96)}.act .e{font-size:32px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.act.done{opacity:.45}.act.done:after{content:"すんだ";position:absolute;top:8px;right:8px;font-size:10px;padding:2px 7px;border-radius:999px;background:var(--mint);color:#053}.act.glow{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 4px #ffd36b40,0 0 24px #ffd36b80;animation:glowP 1.4s ease-in-out infinite}@keyframes glowP{50%{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 7px #ffd36b1f,0 0 30px #ffd36ba6}}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.mini-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-btns button{min-height:50px;border-radius:16px;background:#0000004d;border:1px solid var(--line);font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mini-btns button span{font-size:20px}.venue-card{display:flex;align-items:center;gap:12px;padding:12px 14px}.venue-card .prog{flex:1}.venue-card .prog .bar{height:8px;margin-top:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.venue-card .prog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--gold))}.kakera{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:14px;background:linear-gradient(135deg,#fff0c8f2,#ffd2e6eb);color:#4a2150;font-size:15px;box-shadow:0 6px 18px #ffb4dc59;animation:shine 2.5s ease-in-out infinite}.kakera:before{content:"✦";color:#ff8ab5}@keyframes shine{50%{box-shadow:0 6px 24px #ffd36b8c}}.kakera.off{background:#ffffff1a;color:var(--ink2);box-shadow:inset 0 0 0 1.5px #fff3;animation:none}.kakera.off:before{color:var(--mute)}.fly{animation:flyIn .7s cubic-bezier(.2,1.3,.4,1) both}@keyframes flyIn{0%{transform:translateY(40px) scale(.5) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.foods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.food{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:linear-gradient(160deg,#ffffff24,#ffffff0a);box-shadow:inset 0 0 0 1.5px #ffffff2e;text-align:left;transition:transform .1s}.food:active{transform:scale(.97)}.food .e{font-size:38px;width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 35% 30%,#fff,var(--fc) 75%);box-shadow:0 0 18px var(--fg);flex:none}.food .nm{font-size:16px}.food .gn{font-size:12px;color:var(--mute)}.food .new{position:absolute;top:-6px;right:-4px;font-size:10px;padding:2px 8px;border-radius:99px;background:var(--pink);color:#fff}.food.on{box-shadow:inset 0 0 0 2.5px var(--gold),0 0 20px #ffd36b66}.eat-pop{position:absolute;font-size:54px;z-index:40;pointer-events:none;animation:eatFly 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes eatFly{0%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(var(--dx),var(--dy)) scale(.6);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.live{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:none;isolation:isolate}.live canvas{position:absolute;inset:0;width:100%;height:100%}.live .singer-layer{position:absolute;left:0;right:0;top:13%;display:flex;justify-content:center;pointer-events:none}.live .singer-layer .aura{position:absolute;top:50%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);opacity:.55;filter:blur(8px)}.live .hud,.duet .hud{position:absolute;left:0;right:0;top:0;padding:calc(10px + var(--safe-t)) 12px 0;display:flex;align-items:center;gap:10px;pointer-events:none}.live .hud>*,.duet .hud>*{pointer-events:auto}.live .score,.duet .score{font-family:var(--disp);font-size:24px;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.live .progress,.duet .progress{flex:1;height:6px;border-radius:99px;background:#ffffff2e;overflow:hidden}.live .progress i,.duet .progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--gold))}.live .karaoke{position:absolute;left:12px;right:12px;top:6.5%;text-align:center;pointer-events:none}.live .karaoke .cur{font-size:clamp(20px,6.2vw,30px);line-height:1.3;font-weight:800;color:#ffffff8c;text-shadow:0 2px 10px rgba(0,0,0,.8)}.live .karaoke .cur b{color:#fff;text-shadow:0 0 12px var(--glow),0 2px 10px rgba(0,0,0,.8);font-weight:800}.live .karaoke .nxt{margin-top:4px;font-size:14px;color:#ffffff8c;text-shadow:0 1px 6px rgba(0,0,0,.8)}.live .sec-label{position:absolute;top:4%;left:50%;transform:translate(-50%)}.live .combo{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0}.live .combo .n{font-family:var(--disp);font-size:54px;line-height:1;color:#fff;text-shadow:0 0 18px var(--glow),0 4px 0 rgba(0,0,0,.4)}.live .combo .l{font-size:13px;letter-spacing:.3em;color:var(--gold)}.live .judge,.duet .judge{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);font-family:var(--disp);font-size:34px;pointer-events:none;opacity:0;white-space:nowrap}.live .judge.show,.duet .judge.show{animation:judgeIn .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes judgeIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-60%) scale(1);opacity:0}}.judge.perfect{color:#fff3a8;text-shadow:0 0 14px #ffcf3c,0 0 30px #ff8a3c}.judge.great{color:#b8f3ff;text-shadow:0 0 14px #34c3ff}.judge.good{color:#d6ffd9;text-shadow:0 0 12px #45d27a}.judge.miss{color:#c9c3e6;text-shadow:0 0 8px #6b5aa8;font-size:26px}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:20}.countdown span{font-family:var(--disp);font-size:120px;color:#fff;text-shadow:0 0 30px var(--glow),0 8px 0 rgba(0,0,0,.35);animation:cd 1s cubic-bezier(.2,1.5,.4,1) both}.countdown span.go{font-size:56px;letter-spacing:.06em}@keyframes cd{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}80%{opacity:1}to{transform:scale(.85);opacity:0}}.milestone{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-family:var(--disp);font-size:30px;white-space:nowrap;color:var(--gold);text-shadow:0 0 20px #ff8a3c,0 3px 0 rgba(0,0,0,.4);animation:mile 1.4s ease-out both;pointer-events:none}@keyframes mile{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15);opacity:1}75%{opacity:1}to{transform:translate(-50%,-80%) scale(1);opacity:0}}.overlay{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#0a061eb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .25s both;padding:24px}.overlay .panel{width:100%;max-width:380px;padding:22px;display:flex;flex-direction:column;gap:12px;text-align:center}.diffs{display:grid;gap:10px}.diff{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff2e;text-align:left}.diff.on{box-shadow:inset 0 0 0 2.5px var(--gold),0 0 18px #ffd36b59;background:#ffd36b1f}.diff .e{font-size:26px}.diff b{display:block;font-size:17px}.diff small{color:var(--mute);font-size:12px}.result{padding:calc(16px + var(--safe-t)) 18px calc(20px + var(--safe-b));display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.rank{font-family:var(--disp);font-size:110px;line-height:1;text-align:center;background:linear-gradient(180deg,#fffbe0,#ffd36b 50%,#ff8a3c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #7a2a4a) drop-shadow(0 0 30px rgba(255,180,60,.6));animation:stamp .6s .3s cubic-bezier(.2,1.8,.4,1) both}@keyframes stamp{0%{transform:scale(3) rotate(-12deg);opacity:0}to{transform:rotate(-6deg);opacity:1}}.tally{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;font-size:12px}.tally b{display:block;font-family:var(--disp);font-size:20px;font-weight:400}.fans-up{text-align:center;padding:14px}.fans-up .n{font-family:var(--disp);font-size:42px;color:var(--pink);text-shadow:0 0 18px rgba(255,93,143,.6)}.gains{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.letter{padding:14px 16px;background:linear-gradient(160deg,#fff8ec,#ffe8f1);color:#4a2a3a;border-radius:18px;font-size:15px;line-height:1.7;box-shadow:var(--shadow);transform:rotate(-1deg)}.letter small{display:block;color:#a0708a;font-size:12px;margin-top:6px}.confetti{position:absolute;inset:0;pointer-events:none;z-index:60}.event-full{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px;background:radial-gradient(circle at 50% 40%,#ffd36b40,#0a061ee0 65%);animation:fadeIn .4s both}.event-full .big{font-family:var(--disp);font-size:clamp(34px,10vw,48px);line-height:1.15;background:linear-gradient(180deg,#fffbe0,#ffd36b 50%,#ff8a3c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #6a2a7a);animation:logoIn .9s cubic-bezier(.2,1.4,.3,1) both}.event-full .badge{font-size:14px;letter-spacing:.3em;color:var(--gold)}.mic-orb{position:relative;width:220px;height:220px;margin:10px auto}.mic-orb .ring{position:absolute;inset:0;border-radius:50%}.mic-orb .core{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c) 60%,var(--c2));box-shadow:0 0 40px var(--c),inset 0 -10px 30px #0003;transition:transform .08s;display:grid;place-items:center;font-family:var(--disp);font-size:30px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.wave{width:100%;height:70px;display:block}.hold-btn{width:100%;min-height:90px;border-radius:26px;font-size:20px;background:linear-gradient(180deg,#fff3,#ffffff0f);box-shadow:inset 0 0 0 2px #ffffff4d}.hold-btn.on{background:linear-gradient(180deg,#ffb3c8,var(--pink));box-shadow:0 0 30px #ff5d8f99}.toast{position:fixed;left:50%;bottom:calc(26px + var(--safe-b));transform:translate(-50%);z-index:99;padding:12px 18px;border-radius:999px;background:#0a061eeb;border:1px solid var(--line);font-size:14px;animation:boxIn .3s both;max-width:90%;text-align:center}.notice{font-size:12px;color:var(--mute);line-height:1.6;text-align:center}.sep{height:1px;background:var(--line);margin:4px 0}.lyrics-card{padding:16px;text-align:center}.lyrics-card .ttl{font-family:var(--disp);font-size:22px;color:var(--gold);margin-bottom:8px}.lyrics-card p{margin:6px 0;font-size:18px;line-height:1.5}.lyrics-card p.s{color:#ffd6e6}.song-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1f;text-align:left;width:100%}.song-row .e{font-size:28px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--fc) 75%);flex:none}.song-row .t{flex:1;min-width:0}.song-row .t b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row .t small{color:var(--mute);font-size:12px}.song-row .r{font-family:var(--disp);font-size:22px;color:var(--gold)}.zukan{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.zukan .z{padding:14px;border-radius:18px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1f;font-size:13px;line-height:1.55}.zukan .z .e{font-size:34px}.zukan .z b{display:block;font-size:15px;margin:2px 0}.zukan .z.no{filter:grayscale(1) brightness(.6)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.seg{display:flex;gap:6px}.seg button{padding:8px 12px;border-radius:999px;background:#ffffff14;font-size:13px}.seg button.on{background:var(--gold);color:#3a1a00}.singers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.singer-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 40%,transparent),#ffffff0a);box-shadow:inset 0 0 0 1.5px #fff3;text-align:center;transition:transform .12s}.singer-card:active{transform:scale(.97)}.singer-card.on{box-shadow:inset 0 0 0 3px var(--gold),0 0 26px color-mix(in srgb,var(--sc) 70%,transparent)}.singer-card b{font-size:17px}.singer-card small{font-size:11px;color:var(--ink2);line-height:1.4}.singer-card .lv{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 8px;border-radius:999px;background:#0006}.diff.small{padding:9px 14px}.diff.small .e{font-size:20px}.diff.small b{font-size:15px}.duet-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:12px;text-align:center}.duet-sum small{display:block;font-size:11px;color:var(--ink2)}.duet-sum b{font-family:var(--disp);font-weight:400;font-size:28px;color:#ffd0e0}.duet-sum i{font-style:normal;font-size:12px;margin-left:2px;color:var(--mute)}.duet{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:none;isolation:isolate}.duet canvas{position:absolute;inset:0;width:100%;height:100%}.duet-stage{position:absolute;left:0;right:0;top:calc(6% + var(--safe-t));height:29%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 6% 0 4%;pointer-events:none}.d-singer{position:relative;display:flex;flex-direction:column;align-items:center}.d-singer .aura{position:absolute;top:40%;left:50%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);opacity:.55;filter:blur(8px)}.d-name{position:relative;margin-top:-6px;padding:3px 12px;border-radius:999px;font-size:13px;color:#fff;box-shadow:0 4px 12px #0006}.d-name.you{background:linear-gradient(180deg,#ff9ab8,#ff5d8f)}.d-zukku{position:absolute;left:41%;bottom:8%;animation:idleBob 1.6s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.d-you{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.d-ring{--v: 0;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:40px;background:radial-gradient(circle at 35% 30%,#ffffff59,#ff6fa340 60%,#ff6fa314);box-shadow:0 0 0 calc(3px + var(--v) * 14px) rgba(255,111,163,calc(.15 + var(--v) * .35)),0 0 calc(10px + var(--v) * 40px) #ff6fa399;transition:box-shadow .06s,transform .2s;opacity:.7}.d-ring.on{opacity:1;transform:scale(1.08)}.turn{position:absolute;left:50%;top:calc(36% + var(--safe-t));transform:translate(-50%);padding:8px 18px;border-radius:999px;font-size:17px;white-space:nowrap;background:#00000073;border:1.5px solid rgba(255,255,255,.25);opacity:0;pointer-events:none;z-index:4}.turn.show{animation:turnIn .4s cubic-bezier(.2,1.5,.4,1) both;opacity:1}.turn.off{opacity:0!important}.turn.you{background:linear-gradient(180deg,#ff9ab8,#ff4f86);border-color:#fff;color:#fff;box-shadow:0 0 26px #ff5d8fb3}.turn.both{background:linear-gradient(180deg,#fff1b0,#ffbe2e);border-color:#fff;color:#4a2600;box-shadow:0 0 26px #ffbe2eb3}.turn.ai{background:color-mix(in srgb,var(--sc) 55%,rgba(0,0,0,.4))}.turn.soon{animation:soon .5s ease-in-out infinite alternate}@keyframes turnIn{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes soon{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.08);box-shadow:0 0 22px #ff5d8fcc}}.duet-kara{position:absolute;left:12px;right:12px;top:74%;text-align:center;pointer-events:none}.duet-kara .who{display:inline-block;font-size:12px;padding:2px 10px;border-radius:99px;background:#0006;margin-bottom:4px}.duet-kara .who.you{background:#ff5d8f}.duet-kara .who.both{background:#ffbe2e;color:#4a2600}.duet-kara .cur{font-size:clamp(22px,6.6vw,32px);line-height:1.3;font-weight:800;color:#ffffff80;text-shadow:0 2px 10px rgba(0,0,0,.8)}.duet-kara .cur b{color:#fff;text-shadow:0 0 12px var(--glow),0 2px 10px rgba(0,0,0,.8)}.duet-kara .cur b.you{color:#ffd0e0;text-shadow:0 0 14px #ff5d8f,0 2px 10px rgba(0,0,0,.8)}.duet-kara .cur b.both{color:#fff1b0;text-shadow:0 0 14px #ffbe2e,0 2px 10px rgba(0,0,0,.8)}.duet-kara .nxt{margin-top:6px;font-size:14px;color:#ffffff8c;text-shadow:0 1px 6px rgba(0,0,0,.8)}.duet-foot{position:absolute;left:0;right:0;bottom:calc(14px + var(--safe-b));text-align:center;font-size:12px;color:#fff9;pointer-events:none}.duet .judge{top:49%;font-size:30px;z-index:5}.judge.minna{color:#ffe3ef;text-shadow:0 0 14px #ff5d8f;font-size:30px}.duet-title{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;z-index:21;padding:0 16px}.pk-count{position:absolute;right:18px;top:calc(43% + 4px);z-index:3;display:flex;flex-direction:column;align-items:center;padding:4px 12px;border-radius:14px;background:#00000073;border:1px solid var(--line);pointer-events:none}.pk-count{opacity:0;transition:opacity .3s}.pk-count.on{opacity:1}.duel .scene.livehouse:after{display:none}.pk-count small{font-size:10px;color:var(--mute)}.pk-count b{font-family:var(--disp);font-size:22px;font-weight:400;color:#ffd0e0}.pk-count b.bump{animation:bump .18s ease-out}@keyframes bump{50%{transform:scale(1.35)}}.duet.minna .duet-kara .cur{font-size:clamp(28px,8.6vw,40px)}.duet.minna .turn{font-size:20px}.duet.minna .duet-foot{font-size:15px}@media(min-width:900px){.duet .duet-stage{padding:0 18%}.duet-kara .cur{font-size:40px}.duet.minna .duet-kara .cur{font-size:52px}}.coach{position:relative;flex:1;display:grid;place-items:end center;padding-bottom:170px;pointer-events:none}.coach img{width:min(92%,400px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:idleBob 3s ease-in-out infinite}.coach.small{flex:none;padding:0}.coach.small img{width:52%}.pk-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-bottom:calc(40px + var(--safe-b));position:relative}.pk-steps{display:flex;gap:10px}.pk-steps span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-family:var(--disp);font-size:28px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff2e;position:relative;color:#ffffff80}.pk-steps span.on{background:var(--pc);color:#fff;box-shadow:0 0 24px var(--pc);transform:scale(1.1)}.pk-steps span.done{color:var(--pc)}.pk-steps small{position:absolute;bottom:-18px;font-family:var(--font);font-size:12px;color:#fff}.pk-orb{position:relative;width:250px;height:250px;margin-top:10px}.pk-orb svg{position:absolute;inset:0;transform:rotate(-90deg)}.pk-orb circle{fill:none;stroke-width:7}.pk-orb .bg{stroke:#ffffff1f}.pk-orb .fg{stroke:var(--pc);stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:0;filter:drop-shadow(0 0 6px var(--pc))}.pk-core{position:absolute;inset:14%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--pc) 58%,color-mix(in srgb,var(--pc) 60%,#000));box-shadow:0 0 50px var(--pc),inset 0 -12px 30px #00000040;transition:transform .06s}.pk-core .big{font-family:var(--disp);font-size:110px;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.2)}.pk-core .cd{font-family:var(--disp);font-size:96px;color:#fff;animation:cd .8s cubic-bezier(.2,1.5,.4,1) both}.pk-pops{position:absolute;left:50%;top:50%;pointer-events:none}.pk-pops i{position:absolute;width:18px;height:18px;border-radius:50%;box-shadow:0 0 10px #fff;animation:pkPop .9s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pkPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--x)),-190px) rotate(var(--r)) scale(1.1);opacity:0}}.pk-n{font-size:18px;min-height:52px}.pk-n b{font-family:var(--disp);font-weight:400;font-size:48px;display:inline-block;animation:bump .18s ease-out}.pk-say{font-size:16px;color:var(--ink2)}.pk-zukku{position:absolute;right:18px;bottom:calc(30px + var(--safe-b))}.pk-result{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 8px;text-align:center}.pk-result .l{display:block;font-family:var(--disp);font-size:26px;color:var(--pc)}.pk-result b{font-family:var(--disp);font-weight:400;font-size:34px;display:block}.pk-result small{font-size:11px;color:var(--mute)}.pk-hist{display:flex;align-items:flex-end;gap:6px;height:90px}.pk-hist div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.pk-hist i{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ffd0e0,#ff6fa3);min-height:4px}.pk-hist small{font-size:10px;color:var(--mute)}.battle-hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:4px}.bh-team{display:flex;flex-direction:column;align-items:center;gap:4px}.bh-team input{width:100%;text-align:center;font-family:var(--disp);font-size:26px;padding:10px 6px;border-radius:18px;border:0;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 85%,#fff 15%),var(--tc));box-shadow:0 6px color-mix(in srgb,var(--tc) 60%,#000),0 0 26px color-mix(in srgb,var(--tc) 60%,transparent)}.bh-team small{font-size:11px;color:var(--mute)}.bh-vs{font-family:var(--disp);font-size:30px;color:var(--gold);text-shadow:0 0 18px #ff8a3c}.seg.big{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg.big button{padding:12px;border-radius:18px;font-size:16px;display:flex;flex-direction:column;gap:2px}.seg.big button small{font-size:11px;opacity:.8}.b-singer{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:14px;background:#ffffff0f;font-size:12px}.b-singer.on{box-shadow:inset 0 0 0 2px var(--gold);background:color-mix(in srgb,var(--sc) 35%,transparent)}.duel{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:none;isolation:isolate}.duel canvas{position:absolute;inset:0;width:100%;height:100%}.duel-mid{position:absolute;left:0;right:0;top:42%;height:16%;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.duel.side .duel-mid{top:calc(1% + var(--safe-t));height:21%}.duel.side .dm-call.flip{display:none}.dm-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}.dm-score{display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 8px rgba(0,0,0,.8)}.dm-score small{font-size:12px}.dm-score b{font-family:var(--disp);font-weight:400;font-size:26px;color:#fff;font-variant-numeric:tabular-nums}.dm-score.flip{transform:rotate(180deg)}.dm-singer{position:relative;display:flex;justify-content:center;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.dm-judge{position:absolute;right:-26px;bottom:0}.dm-call{text-align:center;font-size:15px;color:var(--gold);text-shadow:0 0 10px #ff8a3c,0 2px 6px #000;min-height:20px;opacity:0}.dm-call.flip{transform:rotate(180deg)}.dm-call.show{animation:callIn 1.8s ease-out both}@keyframes callIn{0%{opacity:0;letter-spacing:.3em}15%{opacity:1;letter-spacing:.02em}80%{opacity:1}to{opacity:0}}.dm-call.flip.show{animation-name:callIn}.duel-quit{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;font-size:16px;opacity:.7}.duel.side .duel-quit{top:calc(10px + var(--safe-t));transform:none}.b-title{font-family:var(--disp);font-size:clamp(30px,9vw,44px);text-align:center;text-shadow:0 0 24px currentColor,0 4px 0 rgba(0,0,0,.4);animation:logoIn .8s cubic-bezier(.2,1.4,.3,1) both}.b-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.b-scores .card{padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}.b-scores .card small{color:var(--tc);font-size:14px}.b-scores .card b{font-family:var(--disp);font-weight:400;font-size:28px}.b-scores .card span{font-size:11px;color:var(--mute)}.b-scores .card.win{box-shadow:inset 0 0 0 3px var(--tc),0 0 30px color-mix(in srgb,var(--tc) 60%,transparent)}.taikai-mini{display:grid;grid-template-columns:1fr 1fr;padding:10px;text-align:center;gap:4px}.taikai-mini small{display:block;font-size:13px}.taikai-mini b{font-family:var(--disp);font-weight:400;font-size:34px}.taikai-mini .sub{grid-column:1 / -1;font-size:11px}.taikai-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;text-align:center}.taikai-big div{padding:18px 8px;border-radius:22px;background:#00000059;box-shadow:inset 0 0 0 2px currentColor,0 0 30px color-mix(in srgb,currentColor 40%,transparent)}.taikai-big small{display:block;font-size:18px}.taikai-big b{font-family:var(--disp);font-weight:400;font-size:72px;line-height:1.1;color:#fff;text-shadow:0 0 20px currentColor}.t-row{display:grid;grid-template-columns:44px 1fr 10px 1fr 60px;gap:4px;font-size:12px;padding:5px 0;border-bottom:1px solid var(--line);align-items:center}.t-row span:nth-child(2){text-align:right}.pill.big{font-size:16px;padding:8px 14px}.pill.on{background:var(--gold);color:#3a1a00}.minna-grid{display:grid;gap:14px;align-items:end}@media(min-width:900px){.app.wide .minna-grid{grid-template-columns:1fr 1fr;max-width:1200px;height:100%;align-items:center}}.minna-host{position:relative;display:flex;flex-direction:column;align-items:center}.minna-host img{width:min(100%,460px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:idleBob 3.4s ease-in-out infinite}.bubble-l{margin-top:-14px;padding:12px 18px;border-radius:20px;background:#fffaf0f5;color:#2b1550;font-size:19px;line-height:1.55;text-align:center;box-shadow:0 8px 22px #00000059}.minna-side{display:flex;flex-direction:column;gap:12px}.minna-h{font-family:var(--disp);font-size:28px;text-align:center}.minna-sets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.minna-set{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px;border-radius:18px;background:#ffffff1a;font-size:17px;box-shadow:inset 0 0 0 1.5px #fff3}.minna-set span{font-size:30px}.minna-set.on{background:linear-gradient(180deg,#fff2c4,var(--gold));color:#4a2600}.minna-own{padding:14px;border-radius:18px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff38;font-size:18px;display:flex;flex-direction:column;gap:4px}.minna-own.on{box-shadow:inset 0 0 0 2.5px var(--gold)}.minna-own small{font-size:14px;color:var(--gold)}.minna-lyrics{padding:14px;text-align:center}.minna-lyrics .ttl{font-family:var(--disp);font-size:22px;color:var(--gold)}.minna-lyrics p{margin:6px 0;font-size:22px;line-height:1.4}.minna-hearts{font-family:var(--disp);font-size:56px;color:#ff9ab8;text-shadow:0 0 24px #ff5d8f;display:flex;flex-direction:column;align-items:center}.minna-hearts small{font-family:var(--font);font-size:14px;color:var(--ink2)}.minna-toi{padding:18px;display:flex;flex-direction:column;gap:6px}.minna-toi small{color:var(--mute)}.minna-toi b{font-size:26px;line-height:1.5}.minna-home .btn.big{min-height:76px;font-size:24px}.logo .tag span{display:block;margin-top:4px;font-size:14px;color:var(--gold)}.lineup.hero{align-items:flex-end;margin-bottom:10px}.hero-ruri{position:relative;animation:idleBob 3s ease-in-out infinite;z-index:2}.hero-ruri img{height:min(36vh,300px);filter:drop-shadow(0 14px 22px rgba(0,0,0,.55));display:block}.hero-zk{position:absolute;right:-6px;top:31%;animation:idleBob 1.4s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.title-menu{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;animation:boxIn .35s both}.linkish{font-size:13px;color:var(--ink2);text-decoration:underline;padding:4px}.ttl{--ui: "Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--en: "Unbounded", "Zen Kaku Gothic New", system-ui, sans-serif;font-family:var(--ui);overflow:hidden;padding:calc(14px + var(--safe-t)) 18px calc(14px + var(--safe-b));display:flex;flex-direction:column}.ttl-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.ttl-bg i,.ttl-bg span{position:absolute;display:block}.ttl-logo{position:relative;z-index:3}.ttl-k{font-family:var(--en);font-weight:800;font-size:11px;letter-spacing:.32em;padding:4px 10px;border-radius:99px}.ttl-logo h1{margin:8px 0 0;font-family:var(--en);font-weight:900;font-size:clamp(44px,14.5vw,64px);line-height:.9;letter-spacing:-.02em;display:flex;flex-direction:column}.ttl-logo p{margin:10px 0 0;font-size:13.5px;font-weight:700;letter-spacing:.04em}.ttl-kv{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;margin:2px -18px 0;z-index:2}.kv-main{position:relative;z-index:2;height:100%;max-height:430px;width:auto;max-width:92%;object-fit:contain;object-position:bottom;margin-right:-8%;filter:drop-shadow(0 16px 24px rgba(40,20,80,.28));animation:idleBob 3.6s ease-in-out infinite}.kv-side{position:absolute;bottom:0;z-index:1}.kv-side.l{left:2%;bottom:4%}.kv-side.r{right:3%;bottom:30%;z-index:1}.kv-side .sprite{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}.kv-eq{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:flex-end;justify-content:center;gap:5px;z-index:3;pointer-events:none}.kv-eq i{width:6px;border-radius:3px;height:100%;transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}@keyframes eq{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.ttl-menu{position:relative;z-index:4;display:flex;flex-direction:column;gap:8px;margin-top:10px}.tm{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border-radius:16px;text-align:left;font-family:var(--ui);transition:transform .1s}.tm:active{transform:scale(.98)}.tm b{font-size:17px;font-weight:900;letter-spacing:.04em}.tm small{font-size:11.5px;font-weight:700;opacity:.75}.tm.main{padding:15px 18px}.tm.main b{font-size:20px}.tm .go{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:14px}.tm-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tm-link{font-size:12px;text-decoration:underline;padding:2px;align-self:center;font-family:var(--ui)}.ttl-pop{color:#1d1b4b}.ttl-pop .ttl-bg{background:linear-gradient(160deg,#fff6fb,#f2f0ff 45%,#e6f6ff)}.ttl-pop .dots{inset:0;background-image:radial-gradient(rgba(29,27,75,.09) 1.2px,transparent 1.4px);background-size:12px 12px;-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 60%);mask-image:linear-gradient(180deg,transparent 10%,#000 60%)}.ttl-pop .rib{left:-30%;width:160%;height:64px;transform:rotate(-14deg);opacity:.9}.ttl-pop .r1{top:38%;background:linear-gradient(90deg,#ff7eb3,#ffb36b)}.ttl-pop .r2{top:calc(38% + 74px);height:22px;background:#6fd6ff}.ttl-pop .r3{top:24%;height:10px;background:#ffd84a;transform:rotate(-14deg) translate(10%)}.ttl-pop .ttl-k{background:#1d1b4b;color:#fff}.ttl-pop h1 span:first-child{color:#ff4f8b}.ttl-pop h1{color:#1d1b4b;text-shadow:3px 3px 0 #ffd84a}.ttl-pop .ttl-logo p{color:#4a4680}.ttl-pop .kv-eq i:nth-child(3n){background:#ff7eb3}.ttl-pop .kv-eq i:nth-child(3n+1){background:#6fd6ff}.ttl-pop .kv-eq i:nth-child(3n+2){background:#ffd84a}.ttl-pop .tm{background:#ffffffd1;box-shadow:0 6px 20px #1d1b4b1f,inset 0 0 0 1px #1d1b4b14;color:#1d1b4b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ttl-pop .tm.main{background:linear-gradient(100deg,#ff4f8b,#ff8a5c);color:#fff;box-shadow:0 10px 26px #ff4f8b66}.ttl-pop .tm-link{color:#4a4680}.ttl-neon{color:#fff}.ttl-neon .ttl-bg{background:radial-gradient(120% 80% at 70% 70%,#2a1460,#0d0824 55%,#05030f)}.ttl-neon .ring{left:62%;top:64%;border-radius:50%;transform:translate(-50%,-50%);border:2px solid;animation:ringP 3.2s ease-in-out infinite}.ttl-neon .ring.a{width:300px;height:300px;border-color:#50e6ff80;box-shadow:0 0 30px #50e6ff59,inset 0 0 30px #50e6ff33}.ttl-neon .ring.b{width:420px;height:420px;border-color:#ff50aa59;animation-delay:-1s}.ttl-neon .ring.c{width:560px;height:560px;border-color:#ffffff14;animation-delay:-2s}@keyframes ringP{50%{transform:translate(-50%,-50%) scale(1.04);opacity:.7}}.ttl-neon .scan{inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}.ttl-neon .ttl-k{color:#50e6ff;box-shadow:inset 0 0 0 1px #50e6ff99}.ttl-neon h1{background:linear-gradient(90deg,#50e6ff,#ff5fb0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,95,176,.45))}.ttl-neon .ttl-logo p{color:#c9c2ff}.ttl-neon .kv-main{filter:drop-shadow(0 0 1px #50e6ff) drop-shadow(0 0 18px rgba(80,230,255,.45)) drop-shadow(-6px 0 22px rgba(255,95,176,.35))}.ttl-neon .kv-side{opacity:.55;filter:grayscale(.3) brightness(.8)}.ttl-neon .kv-eq i{background:linear-gradient(180deg,#ff5fb0,#50e6ff);box-shadow:0 0 8px #50e6ff99}.ttl-neon .tm{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff29;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ttl-neon .tm.main{background:linear-gradient(100deg,#50e6ff40,#ff5fb04d);box-shadow:inset 0 0 0 1.5px #50e6ffcc,0 0 24px #50e6ff59}.ttl-neon .tm-link{color:#c9c2ff}.ttl-paper{color:#1a1a1a}.ttl-paper .ttl-bg{background:#f3eee5}.ttl-paper .ttl-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}.ttl-paper .sun{width:300px;height:300px;border-radius:50%;right:-60px;top:34%;background:#e8483f}.ttl-paper .staff{left:0;right:0;top:56%;height:46px;background:repeating-linear-gradient(180deg,rgba(26,26,26,.55) 0 1px,transparent 1px 11px);transform:rotate(-6deg)}.ttl-paper .tate{right:14px;top:calc(18px + var(--safe-t));writing-mode:vertical-rl;font-family:var(--ui);font-weight:900;font-size:92px;line-height:1;color:#1a1a1a12}.ttl-paper .ttl-k{color:#e8483f;padding-left:0}.ttl-paper h1{color:#1a1a1a;font-weight:800}.ttl-paper h1 span:last-child{-webkit-text-stroke:1.5px #1a1a1a;color:transparent}.ttl-paper .ttl-logo p{color:#3a3a3a}.ttl-paper .kv-eq i{background:#1a1a1a;width:3px}.ttl-paper .kv-side{filter:saturate(.9)}.ttl-paper .tm{background:#fff;box-shadow:inset 0 0 0 1.5px #1a1a1a;color:#1a1a1a;border-radius:4px}.ttl-paper .tm.main{background:#1a1a1a;color:#f3eee5}.ttl-paper .tm-link{color:#3a3a3a}.call-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.call-ring{position:relative;display:grid;place-items:end center;width:min(72vw,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sc) 35%,transparent),#00000040 70%);box-shadow:0 0 0 2px #ffffff1f;overflow:hidden}.call-ring .sprite{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}.call-ring.listen{animation:ringListen 2.4s ease-in-out infinite}.call-ring.talk{box-shadow:0 0 0 4px var(--sc),0 0 40px var(--sc);animation:ringTalk .6s ease-in-out infinite alternate}@keyframes ringListen{50%{box-shadow:0 0 0 6px #ffffff2e,0 0 30px #ffffff26}}@keyframes ringTalk{to{box-shadow:0 0 0 8px var(--sc),0 0 60px var(--sc)}}.call-ruri{width:118%;margin-bottom:-6%}.call-state{font-size:15px;color:var(--ink2);min-height:22px;text-align:center}.call-panel{display:flex;flex-direction:column;gap:10px;padding:0 16px calc(16px + var(--safe-b))}.call-lyrics{padding:14px;text-align:center;max-height:34vh;overflow-y:auto}.call-lyrics .ttl{font-family:var(--disp);color:var(--gold);font-size:20px;margin-bottom:4px}.call-lyrics p{margin:4px 0;font-size:18px;line-height:1.45;transition:color .4s}.call-lyrics p.hot{color:#ffd0e0;text-shadow:0 0 12px #ff5d8f;animation:bump .5s ease-out}.call-lyrics.empty{color:var(--ink2);font-size:15px;line-height:1.7}.call-lyrics.empty small{color:var(--mute);font-size:12px}.kara-prep-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 16px calc(16px + var(--safe-b));overflow-y:auto}.kara-practice{position:relative;display:flex;justify-content:center;padding-top:6px}.kara-practice .practicing{animation:idleBob 1.2s ease-in-out infinite}.kara-practice.ready .sprite{animation:idleBob 2.4s ease-in-out infinite;filter:drop-shadow(0 0 22px var(--gold))}.kara-notes{position:absolute;inset:0;pointer-events:none}.kara-notes i{position:absolute;bottom:30%;font-style:normal;font-size:26px;color:#ffd0e0;text-shadow:0 0 10px #ff5d8f;animation:noteUp 1.8s ease-out infinite;opacity:0}@keyframes noteUp{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-120px) scale(1.2) rotate(15deg);opacity:0}}.kara-zk{position:absolute;right:-30px;bottom:6px}.kara-wait{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.kara-wait small{color:var(--ink2);font-size:13px}.kara-bar{width:80%;height:6px;border-radius:99px;background:#ffffff26;overflow:hidden}.kara-bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--pink),var(--gold));animation:karaBar 1.6s ease-in-out infinite}@keyframes karaBar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.kara{position:absolute;inset:0;overflow:hidden;background:#000;touch-action:none;isolation:isolate}.kara-hearts{font-family:var(--disp);font-size:22px;color:#ff9ab8;text-shadow:0 0 12px #ff5d8f}.kara-hearts.bump{animation:bump .3s ease-out}.kara-stage{position:absolute;left:0;right:0;top:calc(9% + var(--safe-t));height:46%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 6% 0 3%;pointer-events:none}.kara-singer{position:relative;display:flex;flex-direction:column;align-items:center}.kara-singer .aura{position:absolute;top:40%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);opacity:.55;filter:blur(8px)}.kara-you{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.kara-notes-fly{position:absolute;left:50%;top:20px;pointer-events:none}.kara-notes-fly i{position:absolute;font-style:normal;font-size:28px;font-weight:900;text-shadow:0 0 10px currentColor,0 2px 4px rgba(0,0,0,.4);animation:noteFly 1.4s ease-out forwards}@keyframes noteFly{0%{transform:translate(-50%) scale(.5);opacity:1}to{transform:translate(calc(-50% + var(--x)),-170px) rotate(var(--r)) scale(1.2);opacity:0}}.kara-zk2{position:absolute;left:44%;bottom:6%;animation:idleBob 1.5s ease-in-out infinite}.kara-lyrics{position:absolute;left:12px;right:12px;top:62%;text-align:center;pointer-events:none}.kara-lyrics .cur{font-size:clamp(26px,7.6vw,38px);line-height:1.35;font-weight:800;color:#ffffff80;text-shadow:0 2px 10px rgba(0,0,0,.8)}.kara-lyrics .cur b{color:#fff;text-shadow:0 0 14px var(--glow),0 2px 10px rgba(0,0,0,.8)}.kara-lyrics .nxt{margin-top:10px;font-size:16px;color:#ffffff8c}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.rz-tag{background:linear-gradient(90deg,#ff5d8f73,#6cc6ff73);border-color:#ffffff59;letter-spacing:.08em;font-family:var(--disp);font-size:12px}.rz-head h1{font-family:var(--disp);font-weight:400;font-size:30px;line-height:1.25;margin:6px 0 8px;letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 30px rgba(255,93,143,.35)}.rz-head .sub{font-size:14px;margin-bottom:12px}.rz-stage{position:relative;padding:22px 10px 14px;overflow:hidden;background:linear-gradient(180deg,#3c1e6e99,#140c32d9)}.rz-floor{position:absolute;left:-10%;right:-10%;bottom:34px;height:70px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.22),rgba(255,255,255,.06) 60%,transparent 72%);filter:blur(2px)}.rz-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end}.rz-seat{display:flex;flex-direction:column;align-items:center;gap:6px}.rz-seat small{font-size:12px;font-weight:800}.rz-tools{display:flex;gap:4px}.rz-tools .pill{padding:4px 8px;font-size:11px}.rz-add{background:#ffffff1f;font-size:12px}.rz-zukku{position:absolute;right:8px;top:6px;pointer-events:none}.otonoko{position:relative;border-radius:46% 46% 44% 44%;background:radial-gradient(circle at 36% 28%,color-mix(in srgb,var(--c) 35%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000) 100%);box-shadow:0 10px 22px #0006,inset 0 -8px 16px #0000002e,inset 0 6px 10px #ffffff40;transition:transform .12s cubic-bezier(.2,1.4,.4,1);transform-origin:50% 100%}.otonoko.wide{border-radius:48% 48% 40% 40%/60% 60% 40% 40%;transform:scaleX(1.12)}.otonoko.tall{border-radius:50% 50% 42% 42%;transform:scaleY(1.08)}.otonoko.small{transform:scale(.86)}.otonoko.on{animation:otoBounce .26s cubic-bezier(.2,1.6,.4,1);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 40%,transparent),0 0 34px var(--c),inset 0 -8px 16px #0000002e}@keyframes otoBounce{0%{transform:scale(1.18,.82)}50%{transform:scale(.94,1.12)}to{transform:scale(1)}}.otonoko.egg{background:repeating-linear-gradient(45deg,#ffffff0f 0 6px,#ffffff05 6px 12px);box-shadow:inset 0 0 0 2px #ffffff38}.otonoko.egg .egg-mark{font-size:30px;opacity:.55;filter:grayscale(.4)}.otonoko .eye{position:absolute;top:30%;width:24%;height:24%;border-radius:50%;background:#111;box-shadow:0 0 0 3px #111,0 0 0 4.5px #fff}.otonoko .eye.l{left:22%}.otonoko .eye.r{right:22%}.otonoko .eye b{position:absolute;border-radius:50%;background:#fff}.otonoko .eye b:first-child{left:18%;top:14%;width:38%;height:38%}.otonoko .eye b:last-child{right:16%;bottom:14%;width:20%;height:20%}.otonoko .beak{position:absolute;left:50%;top:58%;width:12%;height:12%;background:#ffd23c;transform:translate(-50%) rotate(45deg);border-radius:2px;box-shadow:0 1px 2px #0000004d}.otonoko .lamp{position:absolute;left:50%;bottom:10%;width:22%;height:14%;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle,#cff6ff,#6cc6ff 70%);box-shadow:0 0 10px #6cc6ff}.otonoko .wave{position:absolute;left:50%;top:-14px;transform:translate(-50%);display:flex;gap:2px;align-items:flex-end;height:12px;opacity:0}.otonoko.on .wave{opacity:1}.otonoko .wave b{width:3px;height:4px;border-radius:2px;background:#fff;animation:eqBar .5s ease-in-out infinite alternate}.rz-keys{padding:12px;margin-top:10px}.rz-keys-t{font-size:14px;margin-bottom:8px}.rz-keys-t small{color:var(--mute);font-size:11px}.rz-pads{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.rz-pads.drums{grid-template-columns:repeat(3,1fr);margin-top:6px}.rz-pad{height:64px;border-radius:12px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c));box-shadow:0 5px color-mix(in srgb,var(--c) 60%,#000),0 8px 16px #0000004d;transition:transform .06s,box-shadow .06s}.rz-pad:nth-child(odd){filter:brightness(.92)}.rz-pad.on,.rz-pad:active{transform:translateY(4px);box-shadow:0 1px color-mix(in srgb,var(--c) 60%,#000),0 0 22px var(--c)}.rz-pad.drum{height:54px}.rz-rec{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0 20px calc(30px + var(--safe-b));text-align:center}.rz-rec-hint b{display:block;font-size:20px;line-height:1.4}.rz-rec-hint small{display:block;color:var(--mute);margin-top:6px;font-size:13px}.rz-rec-wrap{position:relative;width:220px;height:220px;display:grid;place-items:center}.rz-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%);transition:transform .06s}.rz-rec-btn{position:relative;width:150px;height:150px;border-radius:50%;font-size:56px;color:#fff;background:radial-gradient(circle at 35% 30%,#fff8,var(--c) 45%,color-mix(in srgb,var(--c) 60%,#000));box-shadow:0 10px color-mix(in srgb,var(--c) 55%,#000),0 20px 40px #00000073;transition:transform .08s,box-shadow .08s;touch-action:none}.rz-rec-btn.on{transform:translateY(8px) scale(1.04);box-shadow:0 2px color-mix(in srgb,var(--c) 55%,#000),0 0 50px var(--c);animation:recPulse .9s ease-in-out infinite}@keyframes recPulse{50%{filter:brightness(1.25)}}.rz-zukku-say{display:flex;align-items:center;gap:8px}.rz-got{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;animation:scrIn .4s both}.rz-got-t b{display:block;font-size:20px}.rz-got-t small{display:block;color:var(--mute);margin-top:4px;font-size:13px}.rz-sec{display:flex;align-items:center;gap:6px;font-size:15px;margin-bottom:8px}.rz-sec small{color:var(--mute);font-size:12px}.rz-lyrics{padding:14px}.rz-lyrics p{margin:4px 0;font-size:17px}.rz-lyrics .rz-yomi{display:block;margin-top:1px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--mute)}.rz-band{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.rz-band .pill{font-size:11px;padding:4px 9px}.rz-res{padding:18px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.rz-rank{font-family:var(--disp);font-size:86px;line-height:1;color:var(--gold);text-shadow:0 6px 0 #8a5a00,0 0 40px rgba(255,211,107,.6);animation:cd .8s cubic-bezier(.2,1.5,.4,1) both}.rz-res-t b{display:block;font-size:18px}.rz-res-t small{color:var(--mute);font-size:12px}.rz-res-n b{font-family:var(--disp);font-weight:400;font-size:40px}.rz-res-n small{margin-left:4px;color:var(--mute)}.rz-res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:4px}.rz-res-grid div{background:#ffffff12;border-radius:14px;padding:8px 4px}.rz-res-grid b{display:block;font-family:var(--disp);font-weight:400;font-size:22px}.rz-res-grid small{font-size:10px;color:var(--mute)}@keyframes eqBar{0%{height:3px}to{height:12px}}.ttl .tm.rz-door{background:linear-gradient(100deg,#2b1a6e,#6a2d9a 60%,#ff5d8f);color:#fff;box-shadow:0 10px 26px #6a2d9a73,inset 0 0 0 1.5px #ffffff40}.ttl .tm.rz-door b{font-family:var(--disp);font-weight:400;letter-spacing:.08em}.room-wrap{display:flex;flex-direction:column;gap:10px}.room-h{font-family:var(--disp);font-weight:400;font-size:32px;text-align:center;margin:8px 0}.room-lobby{display:flex;flex-direction:column;gap:10px}.room-code{display:flex;gap:16px;align-items:center;padding:14px}.room-code .qr{width:168px;height:168px;flex:none;background:#fff;border-radius:16px;padding:8px;display:grid;place-items:center}.room-code .qr img,.room-code .qr canvas{width:152px!important;height:152px!important}.room-code .code-t{display:flex;flex-direction:column;gap:4px;min-width:0}.room-code .code-t b{font-family:var(--disp);font-weight:400;font-size:56px;letter-spacing:.14em;line-height:1;color:var(--gold);text-shadow:0 4px 0 #8a5a00}.room-code .code-t small{color:var(--mute);font-size:12px;word-break:break-all}.room-players{padding:14px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.room-p{display:flex;flex-direction:column;align-items:center;gap:4px}.room-p b{font-size:12px;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-in{padding:14px 16px;border-radius:14px;border:0;font-size:18px;background:#ffffffeb;color:#2b1550;width:100%}.room-in.code{font-family:var(--disp);font-size:34px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.room-wait{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:10px}.room-wait .card{width:100%}.ranking{display:flex;flex-direction:column;gap:6px;width:100%}.rank-row{display:grid;grid-template-columns:34px minmax(70px,1fr) 2fr auto;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#ffffff12;border:1px solid var(--line)}.rank-row.me{box-shadow:inset 0 0 0 2px var(--gold)}.rank-row .no{font-family:var(--disp);font-size:18px;text-align:center}.rank-row .nm{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .bar{height:14px;border-radius:999px;background:#00000059;overflow:hidden}.rank-row .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c));box-shadow:0 0 12px var(--c);transition:width .6s cubic-bezier(.2,.8,.2,1)}.rank-row .sc{font-family:var(--disp);font-size:18px;min-width:70px;text-align:right}.rank-row .sc small{font-family:var(--font);font-size:11px;color:var(--gold);display:block}.ranking.big .rank-row{padding:14px 16px;grid-template-columns:44px minmax(90px,1fr) 2fr auto}.ranking.big .no{font-size:26px}.ranking.big .nm{font-size:20px}.ranking.big .sc{font-size:26px}.room-stage-body{flex:1;display:flex;flex-direction:column;gap:14px;padding:0 20px calc(20px + var(--safe-b));max-width:900px;width:100%;margin:0 auto}.room-lyric{min-height:110px;display:grid;place-items:center;text-align:center}.room-line{font-size:clamp(26px,5vw,44px);line-height:1.4;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 30px var(--glow);animation:scrIn .3s both}.room-count{font-family:var(--disp);font-size:96px;color:var(--gold);text-shadow:0 6px 0 #8a5a00;animation:cd .9s cubic-bezier(.2,1.5,.4,1) both}.room-count.go{font-size:60px}.ranking.rank-live .rank-row{padding:10px 14px}.ranking.rank-live .nm{font-size:18px}.ranking.rank-live .sc{font-size:22px}.room-zukku{margin-top:auto;display:flex;align-items:center;gap:10px;justify-content:center}.room-say{font-size:16px;animation:boxIn .3s both}@media(min-width:700px){.app.wide .room-wrap{max-width:760px}.room-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.rz .scene.livehouse:after{display:none}.rz-nanori{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-8px 64px 10px 0}.rz-nanori b{font-family:var(--disp);font-weight:400;font-size:15px;letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.4)}.rz-nanori .pill{font-size:11px;padding:4px 9px}.rz-town{position:relative;margin:-4px 0 10px}.rz-from{font-size:10px;color:var(--gold);max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rz-tools .pill.on{background:linear-gradient(180deg,#fff2c4,var(--gold));color:#4a2600}.rz-pub{padding:0;overflow:hidden}.rz-pub-t{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px;font-size:15px;text-align:left}.rz-pub-t small{color:var(--mute);font-size:11px;margin-left:6px}.rz-pub-list{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.rz-pub-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ffffff0f}.rz-pub-row .t{flex:1;min-width:0}.rz-pub-row .t b{display:block;font-size:14px}.rz-pub-row .t small{display:block;color:var(--mute);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rz-lend{width:100%;max-width:420px;padding:16px}.room-nanori{align-self:center;font-size:15px;animation:scrIn .4s both}.koe-card{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:10px;background:linear-gradient(120deg,#ff5d8f47,#6cc6ff2e)}.koe-card .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.koe-card .t b{font-size:16px}.koe-card .t small{color:var(--ink2);font-size:12px;line-height:1.5}.koe-name{margin-top:4px;padding:7px 10px;border-radius:10px;border:0;font-size:13px;background:#ffffffe6;color:#2b1550;width:100%;max-width:220px}.koe-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.koe-head b{display:block;font-size:17px}.koe-head small{color:var(--mute);font-size:12px}.koe-big{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:6px 0 12px}.koe-kana{font-family:var(--disp);font-size:96px;line-height:1.1;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.35),0 0 40px rgba(255,93,143,.6);animation:cd .7s cubic-bezier(.2,1.5,.4,1) both;animation-name:koePop}@keyframes koePop{0%{transform:scale(1.6);opacity:0}to{transform:none;opacity:1}}.koe-big .sub b{color:var(--gold)}.koe-grid{padding:12px}.koe-row{display:flex;flex-wrap:wrap;gap:6px}.koe-chip{position:relative;display:inline-flex}.koe-chip button{min-width:42px;height:42px;padding:0 8px;border-radius:12px;font-size:18px;font-weight:800;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffffff2e;color:#ffffff8c}.koe-chip.have button{background:linear-gradient(180deg,#ff9ab8,#ff5d8f);color:#fff;box-shadow:0 3px #a3204b}.koe-chip.on button{outline:2.5px solid var(--gold);outline-offset:2px}.koe-chip i{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#1a1040;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px #ffffff4d}.runner .runner-cv{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.runner .topbar{position:relative;z-index:5}.runner-score{font-family:var(--disp);font-size:22px;min-width:70px;text-align:right;margin-right:6px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.runner-lyric{position:absolute;left:0;right:0;bottom:calc(18px + var(--safe-b));text-align:center;font-size:22px;font-weight:800;text-shadow:0 2px 8px #000;pointer-events:none;padding:0 16px}.live-badge{position:absolute;left:50%;top:calc(56px + var(--safe-t));transform:translate(-50%);z-index:6;font-size:14px;background:#0000008c;pointer-events:none}.room-role{font-size:11px;color:var(--gold)}.room-team{align-self:center;font-size:18px;padding:8px 18px;background:#ffd36b26;border-color:#ffd36b80}.room-rolecard{display:flex;align-items:center;gap:12px;padding:12px 14px}.room-rolecard .e{font-size:40px}.room-rolecard .t{flex:1;display:flex;flex-direction:column;gap:2px}.room-rolecard .t b{font-size:20px}.room-rolecard .t small{color:var(--mute);font-size:11px}.room-rolecard .pill.on{background:var(--mint);color:#053}.pro-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;margin-bottom:10px;text-align:left;color:var(--ink);background:linear-gradient(120deg,#ffd36b52,#ff5d8f42 55%,#6cc6ff33);border-color:#ffd36b73}.pro-card .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pro-card .t b{font-size:17px;letter-spacing:.02em}.pro-card .t small{color:var(--ink2);font-size:12px;line-height:1.5}.pro-card-e{font-size:34px;filter:drop-shadow(0 0 12px rgba(255,211,107,.7))}.pro-card-go{font-size:28px;color:var(--gold)}.pro-hero{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.pro-hero b{display:block;font-family:var(--disp);font-size:20px;color:var(--gold);letter-spacing:.02em}.pro-hero small{display:block;color:var(--ink2);font-size:13px;line-height:1.55;margin-top:2px}.pro-wait{margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#ffd36b24;border:1px solid rgba(255,211,107,.35);font-size:13px;line-height:1.55}.pro-step{display:flex;gap:12px;padding:14px;margin-bottom:10px;opacity:.78;transition:opacity .2s,border-color .2s}.pro-step.on{opacity:1;border-color:#ffd36b8c;box-shadow:var(--shadow),0 0 0 1px #ffd36b40 inset}.pro-step.done{opacity:.95}.pro-n{flex:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-family:var(--disp);font-size:15px;color:#3a1a00;background:var(--gold);box-shadow:0 3px 0 var(--gold2)}.pro-step.done .pro-n{background:var(--mint);box-shadow:0 3px #2f9c63}.pro-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pro-body .rz-sec{margin-bottom:0}.pro-body .sub{margin:0;color:var(--ink2);font-size:13px;line-height:1.6}.pro-ok{margin:0;font-size:14px;color:#c9ffe0}.pro-err{margin:0;font-size:13px;color:#ffb3c8;line-height:1.55}.pro-rec{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:4px 0}.pro-digits{display:flex;gap:10px}.pro-digits span{width:54px;height:66px;display:grid;place-items:center;border-radius:16px;font-family:var(--disp);font-size:40px;color:#3a1a00;background:var(--cream);box-shadow:0 5px #00000040}.pro-bar{position:relative;width:100%;max-width:280px;height:8px;border-radius:999px;background:#ffffff24;overflow:visible}.pro-bar i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--pink));transition:width .1s linear}.pro-bar b{position:absolute;top:-3px;width:2px;height:14px;background:#ffffffb3;border-radius:2px}.pro-lyrics{padding:10px 12px;border-radius:14px;background:var(--card2)}.pro-lyrics p{margin:2px 0;font-size:15px}.pro-audio{width:100%;height:40px}.pro-work{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pro-bob{animation:proBob 1.2s ease-in-out infinite}@keyframes proBob{50%{transform:translateY(-6px) rotate(-4deg)}}.pro-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px;text-align:left}.pro-steps li{padding-left:22px;position:relative;color:var(--mute)}.pro-steps li:before{content:"○";position:absolute;left:0}.pro-steps li.now{color:var(--ink);font-weight:700}.pro-steps li.now:before{content:"◉";color:var(--gold);animation:proBlink 1s infinite}@keyframes proBlink{50%{opacity:.35}}.pro-steps li.ok{color:#c9ffe0}.pro-steps li.ok:before{content:"✓";color:var(--mint)}.pro-ab{display:flex;flex-direction:column;gap:8px}.pro-ab-sw{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#00000059;border:1px solid var(--line)}.pro-ab-sw button{min-height:44px;border-radius:999px;font-size:14px;color:var(--ink2);transition:background .2s,color .2s}.pro-ab-sw button.on{background:linear-gradient(120deg,var(--gold),var(--pink));color:#3a1a00;font-weight:800}.pro-past{padding:14px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.pro-row{display:flex;align-items:center;gap:8px}.pro-row audio{flex:1;min-width:0;height:36px}@media(prefers-reduced-motion:reduce){.pro-bob,.pro-steps li.now:before{animation:none}}.pro-body .rz-sec{flex-wrap:wrap;row-gap:2px}.pro-file{position:relative;cursor:pointer}.pro-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.pro-file-big{display:block;text-align:center;padding:10px;border-radius:14px;border:1px dashed var(--line);color:var(--ink2);font-size:13px}