: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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}