:root{--bg: #120c1c;--bg-2: #1a1228;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .075);--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--ink: #f7efe4;--ink-2: #c9b8d6;--ink-3: #8f7fa0;--pink: #ff4f9a;--pink-deep: #d6267a;--cyan: #43e0ff;--indigo: #2b1a6e;--led: #ff6a3d;--led-off: rgba(255, 106, 61, .09);--exact: #ffd166;--close: #5ee6a0;--near: #c6e85a;--far: #ffae4a;--miss: #ff6b7d;--radius: 20px;--radius-sm: 12px;--ease: cubic-bezier(.2, .7, .2, 1);--font: "Outfit", "PingFang TC", "PingFang SC", "Hiragino Sans", "Microsoft JhengHei", "Microsoft YaHei", system-ui, sans-serif;--font-display: "ZCOOL QingKe HuangYou", "PingFang TC", "PingFang SC", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}svg{display:block}kbd{font-family:inherit;font-size:.72em;padding:1px 6px;border-radius:6px;border:1px solid currentColor;opacity:.55;margin-left:6px}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 50vmax at 12% -10%,rgba(255,79,154,.17),transparent 60%),radial-gradient(55vmax 45vmax at 105% 20%,rgba(67,224,255,.11),transparent 60%),radial-gradient(70vmax 50vmax at 50% 120%,rgba(96,52,200,.22),transparent 60%),var(--bg)}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%);opacity:.5}#app{min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 6px}.topbar-left{display:flex;gap:6px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:background .2s,color .2s,border-color .2s}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line-2)}.lang-switch{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.lang-switch button{border:0;background:transparent;color:var(--ink-3);font-weight:600;font-size:13px;min-width:40px;height:32px;border-radius:999px;transition:background .2s,color .2s}.lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.btn{--btn-bg: var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line-2);background:var(--btn-bg);font-weight:650;font-size:16px;letter-spacing:.01em;transition:transform .15s var(--ease),background .2s,box-shadow .2s,filter .2s}.btn svg{width:20px;height:20px}.btn:active{transform:scale(.98)}.btn.primary{border:0;color:#1a0b14;background:linear-gradient(135deg,#ff7ab4,var(--pink) 45%,#ff6a3d);box-shadow:0 10px 30px -10px #ff4f9ab3,inset 0 1px #ffffff59}.btn.primary:hover{filter:brightness(1.06)}.btn.secondary{background:var(--ink);color:var(--bg);border:0}.btn.secondary:hover{filter:brightness(.94)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--surface)}.btn.big{min-height:58px;font-size:18px;width:100%}.btn.wide{width:100%}.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}:lang(zh-Hant) .kicker,:lang(zh-Hans) .kicker{letter-spacing:.08em}.kicker.dim{color:var(--ink-3);letter-spacing:.06em;text-transform:none;font-weight:600}.card{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0f,#ffffff06);padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}.card-desc{margin:-6px 0 14px;color:var(--ink-2);font-size:15px}.dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:background .3s,box-shadow .3s}.dots.big{gap:8px}.dots.big{flex-wrap:wrap;justify-content:center}.dots.big .dot{width:14px;height:14px}.dot.life{width:12px;height:12px;background:var(--cyan);box-shadow:0 0 10px #43e0ff99}.dot.life.lost{background:transparent;box-shadow:inset 0 0 0 1.5px #ffffff38}.dot.current{background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}.dot.t-exact{background:var(--exact);box-shadow:0 0 12px #ffd16699}.dot.t-close{background:var(--close)}.dot.t-near{background:var(--near)}.dot.t-far{background:var(--far)}.dot.t-miss{background:var(--miss)}.ktv{position:relative;display:inline-block;font-weight:800;white-space:nowrap}.ktv-base,.ktv-sung{display:block;-webkit-text-stroke:.16em var(--indigo);paint-order:stroke fill}.ktv-base{color:var(--ink)}.ktv-sung{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--pink);-webkit-text-stroke-color:#fff;clip-path:inset(-20% 100% -20% 0)}.ktv.once .ktv-sung{animation:sing 1.6s .15s var(--ease) forwards}.ktv.exact .ktv-sung{color:var(--exact)}@keyframes sing{to{clip-path:inset(-20% 0 -20% 0)}}.ktv.sung .ktv-sung{clip-path:inset(-20% 0 -20% 0)}.home,.results{width:min(560px,100%);margin:0 auto;padding:0 16px 40px;display:flex;flex-direction:column;gap:16px}.hero{text-align:center;padding:18px 0 6px}.logo{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(88px,26vw,132px);line-height:1;letter-spacing:.04em}.logo .ktv{font-weight:400;filter:drop-shadow(0 0 22px rgba(255,79,154,.45))}.logo .ktv-base,.logo .ktv-sung{-webkit-text-stroke-width:.05em}.logo .ktv-sung{color:var(--pink);-webkit-text-stroke-color:var(--indigo);animation:sing 2.2s .3s var(--ease) forwards}.logo-sub{margin:6px 0 0;font-size:13px;font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:var(--cyan);padding-left:.5em}.tagline{margin:14px 0 0;font-size:18px;color:var(--ink-2)}.daily .dots{justify-content:center;margin:4px 0 16px}.daily-done{text-align:center}.dd-score{display:flex;align-items:baseline;justify-content:center;gap:8px}.dd-score b{font-size:52px;font-weight:800;letter-spacing:-.02em;line-height:1}.dd-score span{color:var(--ink-3);font-weight:600}.dd-rank{display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;color:var(--exact);font-weight:700}.dd-rank svg{width:18px;height:18px}.row-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.row-actions .btn{flex:1 1 140px}.countdown{margin:14px 0 0;text-align:center;color:var(--ink-3);font-size:14px}.countdown b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700;margin-left:4px}.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--ink-3);font-weight:600;font-size:14px;transition:background .2s,color .2s,border-color .2s}.chip[aria-pressed=true]{background:#43e0ff1f;border-color:#43e0ff8c;color:var(--ink)}.free .btn{margin-top:6px}.dawn-desc{margin:8px 0 0;text-align:center;color:var(--ink-3);font-size:13.5px}.past .card-head{align-items:center;margin-bottom:10px}.past-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.past-list.all{max-height:300px;overflow-y:auto;overscroll-behavior:contain}.past-row{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;transition:background .2s,border-color .2s}.past-row:hover{background:var(--surface-2);border-color:var(--line-2)}.past-more{min-height:32px;padding:0 4px;border:0;background:transparent;color:var(--cyan);font-size:13px;font-weight:600}.past-more:hover{text-decoration:underline}.past-end{display:flex;align-items:center;gap:10px}.past-end b{font-variant-numeric:tabular-nums}.past-end .dots{gap:4px}.past-end .dot{width:8px;height:8px}.pill{padding:3px 12px;border-radius:999px;border:1px solid rgba(67,224,255,.55);background:#43e0ff1f;font-size:13px}.dawn-btn{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;text-align:left;border-radius:var(--radius-sm);border:1px solid rgba(67,224,255,.35);background:linear-gradient(135deg,#2b1a6ebf,#2b1a6e33);color:var(--ink);transition:border-color .2s,background .2s}.dawn-btn:hover{border-color:#43e0ffb3;background:linear-gradient(135deg,#2b1a6ee6,#2b1a6e4d)}.dawn-text b{display:block;font-size:17px;font-weight:700}.dawn-text b:before{content:"♪ ";color:var(--cyan);text-shadow:0 0 10px rgba(67,224,255,.6)}.dawn-text span{display:block;margin-top:2px;font-size:13.5px;color:var(--ink-2);line-height:1.35}.dawn-lives{display:flex;gap:6px;flex:none}.artist-btn{margin-top:10px;border-color:#ff4f9a66;background:linear-gradient(135deg,#d6267a47,#2b1a6e26)}.artist-btn:hover{border-color:#ff4f9abf;background:linear-gradient(135deg,#d6267a66,#2b1a6e40)}.artist-btn .dawn-text b:before{content:none}.artist-mic{flex:none;color:var(--pink);display:grid}.artist-mic svg{width:22px;height:22px}.foot{text-align:center;color:var(--ink-3);font-size:12.5px;padding:6px 12px 0}.game{--band-h: 76px;width:min(1180px,100%);margin:0 auto;padding:0 16px 24px}.g-head{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:12px;padding:12px 0}.g-progress{display:flex;flex-direction:column;align-items:center;gap:6px}.g-count{font-size:13px;font-weight:600;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-progress{min-width:0}.g-end{justify-self:end;display:flex;align-items:center;gap:14px}.g-score{text-align:right;line-height:1.1}.g-score span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.g-score b{font-size:22px;font-variant-numeric:tabular-nums}.g-main{display:grid;gap:16px}.tv{container-type:inline-size;border-radius:var(--radius);padding:10px;background:linear-gradient(180deg,#2a1f3a,#19112a);border:1px solid var(--line-2);box-shadow:0 30px 60px -30px #000c,0 0 0 1px #0006 inset,0 0 80px -30px #ff4f9a59}.tv-screen{container-type:inline-size;position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#07040c;isolation:isolate}.tv-player{position:absolute;left:50%;top:50%;width:1280px;height:720px;transform:translate(-50%,-50%) scale(var(--k, .5));pointer-events:none}.tv-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none}.tv-screen[data-state=blocked] .tv-player,.tv-screen[data-state=blocked] .tv-player iframe{pointer-events:auto}.tv-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(7,4,12,.85),transparent 14%,transparent 86%,rgba(7,4,12,.6)),repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 60px #0000008c}.tv-badge{position:absolute;top:10px;left:12px;z-index:2;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--cyan);text-shadow:0 0 10px rgba(67,224,255,.8);pointer-events:none}.tv-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#241838,#0b0712 75%);color:var(--ink-2);transition:opacity .45s var(--ease),visibility .45s;cursor:default}.tv-cover[data-state=playing]{opacity:0;visibility:hidden}.tv-cover[data-state=paused]{background:#0a0612d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.tv-cover[data-state=blocked]{pointer-events:none;background:linear-gradient(to top,#0a0612e6,#0a061226 55%);place-items:end center;padding-bottom:18px}.tv-cover[data-state=blocked] .vinyl{display:none}.cover-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.cover-text{font-size:14px;font-weight:600;letter-spacing:.04em}.vinyl{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--pink) 0 16%,#120c1c 17% 20%,transparent 21%),repeating-radial-gradient(circle,#1d1429 0,#1d1429 2px,#2a1f3a 2px,#2a1f3a 3px);box-shadow:0 0 0 1px var(--line-2),0 10px 30px -8px #ff4f9a80;animation:spin 2.4s linear infinite}.tv-cover[data-state=paused] .vinyl{animation-play-state:paused}.tv-cover[data-state=record] .vinyl{display:block;width:clamp(64px,12vw,132px);height:clamp(64px,12vw,132px)}.tv-cover[data-state=record] .cover-text{width:max-content;max-width:80%;text-align:center;line-height:1.35;text-wrap:balance}.tv-screen[data-audio] .tv-cover[data-state=paused]{background:radial-gradient(circle at 50% 45%,#241838,#0b0712 75%);-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes spin{to{transform:rotate(360deg)}}.lives-note{flex-basis:100%;text-align:center;font-size:13px;font-weight:600;color:var(--ink-2)}.lyric-band{order:-1;flex:1 0 100%;min-width:0;height:var(--band-h);display:grid;place-items:center;padding:0 4cqw;overflow:hidden;text-align:center;border-radius:12px;background:linear-gradient(180deg,#0b0710,#150d1d);box-shadow:inset 0 2px 10px #000000b3,0 0 0 1px #ffffff0f;pointer-events:none}.ktv-idle{display:flex;flex-direction:column;align-items:center;gap:1.2cqw}.count-in{display:flex;align-items:center;gap:clamp(8px,2.6cqw,14px)}.count-in .note{color:var(--cyan);font-size:clamp(13px,4cqw,18px);opacity:.7;text-shadow:0 0 10px rgba(67,224,255,.6)}.count-in i{width:clamp(8px,2.6cqw,14px);height:clamp(8px,2.6cqw,14px);border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 0 1.5px #ffffff2e;animation:3.2s linear infinite}.count-in i:nth-of-type(1){animation-name:count-1}.count-in i:nth-of-type(2){animation-name:count-2}.count-in i:nth-of-type(3){animation-name:count-3}.count-in i:nth-of-type(4){animation-name:count-4}@keyframes count-1{0%,3%{background:#ffffff1a}6%,80%{background:var(--pink);box-shadow:0 0 12px #ff4f9acc}84%,to{background:#ffffff1a}}@keyframes count-2{0%,23%{background:#ffffff1a}26%,80%{background:var(--pink);box-shadow:0 0 12px #ff4f9acc}84%,to{background:#ffffff1a}}@keyframes count-3{0%,43%{background:#ffffff1a}46%,80%{background:var(--pink);box-shadow:0 0 12px #ff4f9acc}84%,to{background:#ffffff1a}}@keyframes count-4{0%,63%{background:#ffffff1a}66%,80%{background:var(--pink);box-shadow:0 0 12px #ff4f9acc}84%,to{background:#ffffff1a}}.interlude{font-size:clamp(9px,2.2cqw,12px);font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2);padding-left:.3em}@container (max-width: 320px){.interlude{display:none}}@container (max-width: 260px){.count-in .note{display:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ktv-reveal{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%}.ktv-reveal .title-ktv{font-size:clamp(18px,5.5cqw,40px);line-height:1.15;max-width:100%}.ktv-reveal.still .ktv-artist{animation:none}.ktv-artist{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(11px,2.2cqw,15px);font-weight:600;color:var(--ink);opacity:.85;white-space:nowrap;animation:fade-in .5s .9s var(--ease) both}@keyframes fade-in{0%{opacity:0}}.tv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding-top:6px}.ctl{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;transition:background .2s,color .2s}.ctl svg{width:18px;height:18px}.ctl:hover{background:var(--surface-2);color:var(--ink)}.ctl.wide{padding:0 14px}.vol{margin-left:auto;display:flex;align-items:center;gap:8px}.vol input[type=range]{width:96px;accent-color:var(--pink)}@media(pointer:coarse){.vol input[type=range]{display:none}}.panel{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0e,#ffffff05);padding:16px}.led-block{display:flex;flex-direction:column;align-items:center;gap:8px}.led-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.led-row{display:flex;align-items:center;gap:12px}.led{display:flex;gap:8px;padding:14px 18px;border-radius:14px;background:linear-gradient(180deg,#0b0710,#150d1d);box-shadow:inset 0 2px 10px #000000b3,0 0 0 1px #ffffff0f}.seg{width:36px;height:63px;overflow:visible}.seg .off{fill:var(--led-off)}.seg .on{fill:var(--led);filter:drop-shadow(0 0 4px rgba(255,106,61,.85))}.seg.cursor polygon:nth-child(4){fill:var(--led);opacity:.9;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.led{outline:2px solid transparent;outline-offset:3px}.led.nope{animation:nope .25s ease-out}@keyframes nope{35%{outline-color:var(--miss)}}.led-hint{min-height:22px;font-size:14px;color:var(--ink-3)}.led-hint b{color:var(--ink)}.nudge{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:22px;line-height:1}.nudge:hover{background:var(--surface-2);color:var(--ink)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.key{height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#2c2140,#211733);box-shadow:0 3px #120b1d,inset 0 1px #ffffff14;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;transition:transform .08s,box-shadow .08s,background .2s}.key:hover{background:linear-gradient(180deg,#34284a,#271c3a)}.key:active,.key.pressed{transform:translateY(2px);box-shadow:0 1px #120b1d,inset 0 1px #ffffff0f}.key.fn{color:var(--ink-2);display:grid;place-items:center}.key.fn svg{width:26px;height:26px}.key.enter{font-size:15px;font-weight:700;color:#1a0b14;background:linear-gradient(135deg,#ff7ab4,var(--pink) 50%,#ff6a3d);box-shadow:0 3px #8c1a50,inset 0 1px #ffffff59}.key.enter:disabled{cursor:not-allowed;color:var(--ink-3);background:linear-gradient(180deg,#2c2140,#211733);box-shadow:0 3px #120b1d;opacity:.6}.reveal{display:flex;flex-direction:column;gap:14px}.reveal .seg .on{transition:fill .4s,filter .4s}.reveal.settled.t-exact .seg .on{fill:var(--exact);filter:drop-shadow(0 0 6px rgba(255,209,102,.9))}.reveal.settled.t-close .seg .on{fill:var(--close);filter:drop-shadow(0 0 5px rgba(94,230,160,.8))}.reveal.settled.t-near .seg .on{fill:var(--near);filter:drop-shadow(0 0 5px rgba(198,232,90,.7))}.reveal.settled.t-far .seg .on{fill:var(--far);filter:drop-shadow(0 0 5px rgba(255,174,74,.7))}.reveal.settled.t-miss .seg .on{fill:var(--miss);filter:drop-shadow(0 0 5px rgba(255,107,125,.7))}.reveal.settled.t-exact .led.answer{animation:exact-glow .6s ease-out forwards}@keyframes exact-glow{0%{box-shadow:inset 0 2px 10px #000000b3,0 0 0 1px #ffffff0f,0 0 36px #ffd1668c}to{box-shadow:inset 0 2px 10px #000000b3,0 0 0 1px #ffffff0f,0 0 16px #ffd16633}}.rv-top{display:contents}.rv-led{display:flex;flex-direction:column;align-items:center;gap:8px}.gloss-line{text-align:center;font-size:13px;color:var(--ink-3)}.verdict{display:flex;gap:10px;align-items:baseline;justify-content:center;flex-wrap:wrap;opacity:0;transition:opacity .4s .1s}.settled .verdict{opacity:1}.verdict .you{color:var(--ink-3);font-size:14px}.verdict .you b{color:var(--ink)}.verdict .diff{font-weight:800;font-size:18px}.t-exact .verdict .diff{color:var(--exact)}.t-close .verdict .diff{color:var(--close)}.t-near .verdict .diff{color:var(--near)}.t-far .verdict .diff{color:var(--far)}.t-miss .verdict .diff{color:var(--miss)}.timeline{--tier: var(--ink-2);position:relative;height:46px;margin:0 12px}.timeline.t-exact{--tier: var(--exact)}.timeline.t-close{--tier: var(--close)}.timeline.t-near{--tier: var(--near)}.timeline.t-far{--tier: var(--far)}.timeline.t-miss{--tier: var(--miss)}.tl-track{position:absolute;left:0;right:0;top:14px;height:4px;border-radius:4px;background:#ffffff1a}.tl-gap{position:absolute;top:14px;height:4px;left:var(--lo);width:calc(var(--hi) - var(--lo));border-radius:4px;background:var(--tier);opacity:0;transition:opacity .4s .2s}.settled .tl-gap{opacity:.85}.tick{position:absolute;top:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.tick i{width:1px;height:12px;background:#ffffff2e}.tick em{font-style:normal;font-size:11px;color:var(--ink-3);font-weight:600}.tl-pin{position:absolute;top:16px;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%)}.tl-pin.guess{left:var(--g);background:var(--bg);box-shadow:inset 0 0 0 3px var(--ink)}.tl-pin.answer{left:var(--a);background:var(--tier);box-shadow:0 0 0 3px var(--bg),0 0 14px var(--tier);opacity:0;transition:opacity .35s}.settled .tl-pin.answer{opacity:1}.pts{display:flex;justify-content:center;align-items:baseline;gap:2px;font-weight:800}.pts span{font-size:24px;color:var(--ink-3)}.pts b{font-size:44px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.song-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:var(--ink-3)}.song-meta a{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.song-meta a:hover{color:var(--ink)}.song-meta svg{width:15px;height:15px}.lang-chip{padding:2px 10px;border-radius:999px;border:1px solid var(--line-2);font-size:12px;font-weight:600;color:var(--ink-2)}.res-hero{text-align:center;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;gap:10px}.res-total{display:flex;align-items:baseline;gap:8px}.res-total b{font-size:clamp(64px,18vw,88px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.res-total span{color:var(--ink-3);font-weight:600;font-size:18px}.res-rank{display:flex;align-items:center;gap:8px;color:var(--exact)}.res-rank svg{width:22px;height:22px}.res-rank .ktv{font-size:26px}.res-hero .row-actions{width:100%;margin-top:6px}.res-note{margin:0;color:var(--ink-2);font-weight:600;opacity:0;transition:opacity .3s ease-out}.res-note.show{opacity:1}.res-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.res-row{--tier: var(--ink-3);display:grid;grid-template-columns:26px 1fr auto auto 28px;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.res-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tier)}.res-row.t-exact{--tier: var(--exact)}.res-row.t-close{--tier: var(--close)}.res-row.t-near{--tier: var(--near)}.res-row.t-far{--tier: var(--far)}.res-row.t-miss{--tier: var(--miss)}.res-num{font-weight:700;color:var(--ink-3);text-align:center}.res-song{min-width:0;display:flex;flex-direction:column}.res-song b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-song span{font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-years{text-align:right;display:flex;flex-direction:column}.res-years b{font-size:17px;font-variant-numeric:tabular-nums}.res-years span{font-size:12px;color:var(--ink-3);white-space:nowrap}.res-years em{font-style:normal;color:var(--tier);font-weight:700}.res-pts{font-weight:800;font-variant-numeric:tabular-nums;min-width:44px;text-align:right;color:var(--tier)}.res-link{color:var(--ink-3);display:grid;place-items:center}.res-link:hover{color:var(--ink)}.res-link svg{width:18px;height:18px}dialog.sheet{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line-2);border-radius:24px;background:linear-gradient(180deg,#23183a,#170f25);color:var(--ink);box-shadow:0 40px 80px -20px #000c}dialog.sheet::backdrop{background:#08040ea6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.sheet[open]{animation:sheet-in .3s var(--ease)}@keyframes sheet-in{0%{opacity:0}}.sheet-body{padding:22px;display:flex;flex-direction:column;gap:14px}.sheet h2{margin:0;font-size:22px}.sheet h3{margin:6px 0 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-3);margin:0}.sheet.pick .sheet-body{max-height:calc(100dvh - 50px)}.artist-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.artist-row{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:background .2s ease-out,border-color .2s ease-out}.artist-row:hover{background:var(--surface-2);border-color:#ff4f9a8c}.ar-name{min-width:0;display:flex;flex-direction:column;line-height:1.25}.ar-name b{font-size:16px;font-weight:700;overflow-wrap:anywhere}.ar-name span{font-size:12.5px;color:var(--ink-3)}.ar-best{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.ar-best span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.ar-best b{font-size:16px;color:var(--cyan);font-variant-numeric:tabular-nums}.howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.howto li{display:flex;gap:12px;align-items:flex-start}.howto p{margin:3px 0 0;color:var(--ink-2)}.step{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#1a0b14;background:linear-gradient(135deg,#ff7ab4,var(--pink))}.points-table{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.points-table li{--tier: var(--ink-2);display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.points-table span{font-size:12px;color:var(--ink-3)}.points-table b{font-variant-numeric:tabular-nums;color:var(--tier)}.points-table .t-exact,.dist .t-exact{--tier: var(--exact)}.points-table .t-close,.dist .t-close{--tier: var(--close)}.points-table .t-near,.dist .t-near{--tier: var(--near)}.points-table .t-far,.dist .t-far{--tier: var(--far)}.points-table .t-miss,.dist .t-miss{--tier: var(--miss)}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.stat-grid b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.stat-grid span{font-size:11.5px;color:var(--ink-3);line-height:1.2;display:block}.dist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dist li{display:grid;grid-template-columns:54px 1fr 32px;align-items:center;gap:10px;font-size:13px}.dist span{color:var(--ink-3)}.dist .bar{height:14px;border-radius:7px;background:#ffffff0f;overflow:hidden}.dist .bar i{display:block;height:100%;border-radius:7px;background:var(--tier)}.dist b{text-align:right;font-variant-numeric:tabular-nums}#toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(440px,calc(100% - 32px));padding:12px 18px;border-radius:14px;background:var(--ink);color:var(--bg);font-weight:600;font-size:14px;text-align:center;white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .25s var(--ease);z-index:50}#toast.show{opacity:1}.tv-slot{display:block}@media(min-width:900px){.g-main{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.tv-slot{max-width:calc((100dvh - 256px - var(--band-h)) * 16 / 9 + 20px);justify-self:center;width:100%}.panel{position:sticky;top:16px}.rv-led{order:1}.verdict{order:2}.gloss-line{order:3}.timeline{order:4}.pts{order:5}.song-meta{order:6}.reveal .btn{order:7}.reveal{align-items:stretch}}@media(max-width:420px){.res-row{grid-template-columns:1fr auto auto 22px;gap:10px;padding:12px}.res-num{display:none}.stat-grid b{font-size:20px}}@media(max-width:899px){.game{--panel-h: 332px;--band-h: 44px;max-width:600px;height:100dvh;padding:0 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-rows:48px minmax(0,1fr) auto;gap:6px;overflow:hidden}.g-head{padding:0;gap:10px;grid-template-columns:40px minmax(0,1fr) auto}.g-head .icon-btn{width:40px;height:40px}.g-end{gap:10px}.g-head .lang-switch{padding:2px}.g-head .lang-switch button{min-width:30px;height:28px;font-size:12px}.g-progress{gap:4px}.g-main{display:contents}.tv-slot{container-type:size;min-height:0;display:grid;place-items:center}.tv{padding:6px;border-radius:14px;width:min(100cqw,calc((100cqh - 20px - var(--band-h)) * 16 / 9 + 14px))}.tv-controls{padding-top:6px;gap:6px;flex-wrap:nowrap}.ctl{height:40px}.ctl.wide{padding:0 10px}.ctl.wide span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lyric-band{order:0;flex:1 1 0;padding:0 12px;border-radius:999px}.vol{margin-left:0}.ktv-idle{gap:3px}.ktv-reveal{gap:0}.ktv-reveal .title-ktv{font-size:19px;line-height:1.15}.ktv-artist{font-size:11px;line-height:1.25}.panel{height:var(--panel-h);padding:8px 12px;border-radius:16px;overflow:hidden}.panel-body,.panel-body>.guess,.reveal{height:100%}.panel-body>.guess{display:flex;flex-direction:column;justify-content:space-between}.led-block{gap:2px}.led-label{font-size:11px;line-height:14px}.led-row{gap:10px}.led{padding:6px 12px;gap:6px;border-radius:12px}.seg{width:30px;height:52px}.led-hint{min-height:18px;font-size:13px;line-height:18px}.keypad{gap:6px;margin-top:0}.key{height:48px;border-radius:14px;font-size:22px}.key.enter{font-size:15px}.reveal{gap:6px;justify-content:space-between}.rv-top{display:flex;align-items:center;justify-content:center;gap:22px}.rv-led{gap:2px}.pts b{font-size:40px}.pts span{font-size:22px}.verdict{gap:8px}.verdict .diff{font-size:17px}.gloss-line{font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline{height:36px;margin:0 10px}.tl-track,.tl-gap{top:10px}.tl-pin{top:12px}.tick{top:6px;gap:3px}.tick i{height:9px}.reveal .btn{flex:none}}@media(max-width:899px)and (max-height:699px){.game{--panel-h: 322px}.seg{width:26px;height:46px}}@media(max-width:899px)and (max-height:600px){.game{--panel-h: 300px;gap:4px}.panel{padding:6px 12px}.seg{width:24px;height:42px}.led{padding:5px 10px}.led-hint{min-height:16px;line-height:16px;font-size:12px}.keypad{gap:5px}.key{height:46px}.reveal{gap:4px}.pts b{font-size:34px}.reveal .btn{min-height:46px}}@media(prefers-reduced-motion:reduce){.vinyl{animation:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ktv-sung{clip-path:inset(-20% 0 -20% 0)!important}.count-in i:nth-of-type(-n+2){background:var(--pink)}}