.option-slider[data-v-70f7a062]{position:relative;display:grid;grid-template-columns:repeat(var(--option-slider-cols),minmax(0,1fr));width:var(--mode-slider-width);height:var(--mode-slider-height);padding:var(--mode-slider-pad);border-radius:var(--mode-slider-radius);z-index:var(--z-header)}.option-slider.is-sm[data-v-70f7a062]{width:var(--mode-slider-width-sm);height:var(--mode-slider-height-sm)}.option-slider.is-lg[data-v-70f7a062]{width:var(--mode-slider-width-lg)}.option-slider-thumb[data-v-70f7a062]{position:absolute;top:var(--mode-slider-pad);left:var(--mode-slider-pad);height:calc(100% - (var(--mode-slider-pad) * 2));border-radius:inherit;background:var(--color-acrylic-active);box-shadow:inset 0 1px 0 var(--color-acrylic-shine),0 .25rem .75rem #b85f5f47;transition:transform var(--duration-base) var(--ease-out);pointer-events:none}.option-slider-option[data-v-70f7a062]{position:relative;z-index:1;display:grid;place-items:center;min-width:0;padding-inline:.35rem;border-radius:inherit;color:var(--color-ink-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em;cursor:pointer;transition:color var(--duration-fast) var(--ease-soft)}.option-slider.is-sm .option-slider-option[data-v-70f7a062]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-buttons);text-transform:uppercase}.option-slider-option.is-active[data-v-70f7a062],.option-slider-option[data-v-70f7a062]:hover:not(:disabled){color:var(--color-ink)}.option-slider-option.is-locked-out[data-v-70f7a062]{opacity:.4;cursor:not-allowed;filter:grayscale(.35)}.option-slider-option[data-v-70f7a062]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.vocaloid-badge[data-v-194fabc4]{display:inline-grid;place-items:center;width:var(--badge-size);height:var(--badge-size);border-radius:50%;overflow:hidden;background:var(--badge-color, var(--color-red));color:var(--color-bg);box-shadow:0 0 0 2px #1e14168c,0 .15rem .35rem #00000047;font-weight:var(--font-weight-bold);line-height:1;-webkit-user-select:none;user-select:none}.vocaloid-badge-img[data-v-194fabc4]{width:100%;height:100%;object-fit:cover}.vocaloid-badge-initial[data-v-194fabc4]{font-size:.65rem;letter-spacing:0}.vocaloid-badge-sm[data-v-194fabc4]{width:1.1rem;height:1.1rem}.vocaloid-badge-sm .vocaloid-badge-initial[data-v-194fabc4]{font-size:.55rem}.vocaloid-badge-lg[data-v-194fabc4]{width:1.75rem;height:1.75rem}.vocaloid-badge-lg .vocaloid-badge-initial[data-v-194fabc4]{font-size:.8rem}.focus-select[data-v-26cc933f]{position:relative;flex-shrink:0}.focus-select-trigger[data-v-26cc933f]{display:grid;place-items:center;padding:.15rem;border-radius:50%;cursor:pointer;transition:transform var(--duration-fast) var(--ease-soft)}.focus-select-trigger[data-v-26cc933f]:hover{transform:scale(1.06)}.focus-select-trigger[data-v-26cc933f]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:3px}.focus-select-trigger[data-v-26cc933f] .vocaloid-badge-lg{width:2.6rem;height:2.6rem}.focus-select-menu[data-v-26cc933f]{position:absolute;top:calc(100% + .45rem);left:0;z-index:calc(var(--z-header) + 5);display:grid;gap:.2rem;width:min(16rem,72vw);max-height:14rem;overflow:auto;padding:.4rem;border-radius:.9rem;scrollbar-width:thin;scrollbar-color:var(--color-red-muted) transparent}.focus-select-option[data-v-26cc933f]{display:flex;align-items:center;gap:.65rem;width:100%;padding:.45rem .55rem;border-radius:.7rem;text-align:left;color:var(--color-ink-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-soft),color var(--duration-fast) var(--ease-soft)}.focus-select-option[data-v-26cc933f]:hover:not(:disabled),.focus-select-option.is-active[data-v-26cc933f]:not(.is-unavailable){background:#d484842e;color:var(--color-ink)}.focus-select-option.is-unavailable[data-v-26cc933f]{filter:grayscale(1) brightness(.72);opacity:.45;cursor:not-allowed}.focus-select-option[data-v-26cc933f]:disabled{cursor:not-allowed}.focus-select-copy[data-v-26cc933f]{display:grid;gap:.05rem;min-width:0}.focus-select-name[data-v-26cc933f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.focus-select-sub[data-v-26cc933f]{font-size:var(--font-size-xs);color:var(--color-ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guess[data-v-1d8247f0]{width:100%;display:grid;gap:.55rem}.guess-row[data-v-1d8247f0]{display:flex;flex-wrap:wrap;gap:var(--guess-row-gap);align-items:start}.guess-field[data-v-1d8247f0]{position:relative;flex:1 1 12rem;min-width:0}.guess-submit[data-v-1d8247f0]{flex:0 0 auto;height:var(--guess-input-height);padding-inline:1.1rem;border-radius:var(--guess-input-radius)}.guess-submit.has-tries[data-v-1d8247f0]{padding-block:.2rem}.guess-submit-stack[data-v-1d8247f0]{display:grid;justify-items:center;gap:.05rem;line-height:1.05}.guess-submit-tries[data-v-1d8247f0]{font-size:.68rem;font-weight:var(--font-weight-semibold);letter-spacing:.06em;color:var(--color-ink-muted)}.guess-submit.is-tries-warn .guess-submit-tries[data-v-1d8247f0]{color:var(--color-red-soft)}.guess-input[data-v-1d8247f0]{width:100%;height:var(--guess-input-height);padding:0 1rem;border-radius:var(--guess-input-radius);color:var(--color-ink);caret-color:var(--color-red-soft)}.guess-input[data-v-1d8247f0]::placeholder{color:var(--color-ink-dim)}.guess-input[data-v-1d8247f0]:focus{border-color:#e8a0a08c;outline:none;box-shadow:inset 0 1px 0 var(--color-acrylic-shine),0 0 0 2px #d4848440}.guess.is-flash-wrong .guess-row[data-v-1d8247f0]{animation:guess-shake-1d8247f0 .45s var(--ease-out)}.guess.is-flash-wrong .guess-input[data-v-1d8247f0]{border-color:#e8a0a0b8;background:linear-gradient(145deg,#d484844d,#2a1c1fb8 48%,#140c0e8c);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #d484844d,0 0 1.1rem #d4848461,0 0 2rem #d484842e}.guess.is-flash-correct .guess-input[data-v-1d8247f0]{border-color:#8fbf9ab8;background:linear-gradient(145deg,#8fbf9a4d,#2a1c1fb8 48%,#140c0e8c);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #8fbf9a4d,0 0 1.1rem #8fbf9a61,0 0 2rem #8fbf9a2e}.guess-dropdown[data-v-1d8247f0]{position:absolute;bottom:calc(100% + .4rem);left:0;right:0;z-index:var(--z-dropdown);margin:0;padding:.35rem;list-style:none;max-height:var(--guess-dropdown-max-height);overflow:auto;border-radius:var(--guess-dropdown-radius);backdrop-filter:blur(var(--blur-dropdown)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur-dropdown)) saturate(1.4)}.guess-option[data-v-1d8247f0]{width:100%;display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:.65rem;text-align:left;cursor:pointer;color:var(--color-ink-muted);transition:background-color var(--duration-fast) var(--ease-soft),color var(--duration-fast) var(--ease-soft)}.guess-option[data-v-1d8247f0]:hover,.guess-option[data-v-1d8247f0]:focus-visible{background:#d484842e;color:var(--color-ink)}.guess-option-title[data-v-1d8247f0]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.guess-result[data-v-1d8247f0]{display:grid;gap:.7rem;width:100%}.guess-panels[data-v-1d8247f0]{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;width:100%}.guess-panel[data-v-1d8247f0]{display:grid;justify-items:center;align-content:start;gap:.55rem;padding:.75rem .7rem .85rem;border-radius:var(--guess-dropdown-radius);text-align:center;min-width:0}.guess-panel.is-correct[data-v-1d8247f0]{border-color:#8fbf9ab3;background:linear-gradient(145deg,#8fbf9a47,#2a1c1fb8 48%,#140c0e8c);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #8fbf9a47,0 0 1.1rem #8fbf9a4d,0 .35rem 1rem #0003}.guess-panel.is-wrong[data-v-1d8247f0]{border-color:#e8a0a0b8;background:linear-gradient(145deg,#d484844d,#2a1c1fb8 48%,#140c0e8c);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #d484844d,0 0 1.1rem #d4848452,0 .35rem 1rem #0003}.guess-panel-title[data-v-1d8247f0]{margin:0;width:100%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink);text-align:center}.guess-panel-vocaloids[data-v-1d8247f0]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--badge-gap);min-height:2.2rem;align-items:center}.guess-panel-empty[data-v-1d8247f0]{color:var(--color-ink-dim);font-size:var(--font-size-sm)}.guess-panel-song[data-v-1d8247f0]{margin:0;width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-ink);overflow-wrap:anywhere}.guess-result-footer[data-v-1d8247f0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem}.guess-score[data-v-1d8247f0]{display:flex;flex-wrap:wrap;gap:.55rem;font-size:var(--font-size-xs);color:var(--color-ink-muted)}.guess-score-total[data-v-1d8247f0]{color:var(--color-ink);font-weight:var(--font-weight-semibold)}.guess-follow[data-v-1d8247f0]{flex-shrink:0;text-decoration:none;margin-left:auto}@media(max-width:30rem){.guess-submit[data-v-1d8247f0]{margin-left:auto}.guess-panels[data-v-1d8247f0]{gap:.5rem}.guess-panel[data-v-1d8247f0]{padding:.65rem .5rem .75rem}}@keyframes guess-shake-1d8247f0{0%,to{transform:translate(0)}20%{transform:translate(-.28rem)}40%{transform:translate(.26rem)}60%{transform:translate(-.18rem)}80%{transform:translate(.12rem)}}.language-select[data-v-2831b8d3]{position:fixed;top:calc(.75rem + env(safe-area-inset-top,0px));left:calc(.75rem + env(safe-area-inset-left,0px));z-index:calc(var(--z-header) + 8)}.language-select-trigger[data-v-2831b8d3]{position:relative;width:2.15rem;height:2.15rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;cursor:pointer;padding:0}.language-select-trigger[data-v-2831b8d3]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.language-select-flag[data-v-2831b8d3]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.language-select-fallback[data-v-2831b8d3]{font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-ink);z-index:0}.language-select-menu[data-v-2831b8d3]{position:absolute;top:calc(100% + .4rem);left:0;display:grid;gap:.15rem;min-width:8.5rem;padding:.35rem;border-radius:.8rem}.language-select-option[data-v-2831b8d3]{display:flex;align-items:center;gap:.55rem;width:100%;padding:.4rem .5rem;border-radius:.6rem;color:var(--color-ink-muted);cursor:pointer;font-size:var(--font-size-sm);text-align:left}.language-select-option[data-v-2831b8d3]:hover,.language-select-option.is-active[data-v-2831b8d3]{background:#d484842e;color:var(--color-ink)}.language-select-option-flag[data-v-2831b8d3]{position:relative;width:1.35rem;height:1.35rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--color-bg-soft);font-size:.55rem;font-weight:var(--font-weight-bold);flex-shrink:0}.language-select-option-flag img[data-v-2831b8d3]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.score-board[data-v-bd71637a]{display:grid;justify-items:center;gap:.2rem}.score-board-main[data-v-bd71637a]{display:grid;justify-items:center;gap:.05rem}.score-board-label[data-v-bd71637a]{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-dim)}.score-board-value[data-v-bd71637a]{font-family:var(--font-display);font-size:clamp(1.85rem,6vw,2.6rem);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:var(--letter-spacing-display);color:var(--color-ink);transition:transform var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-soft)}.score-board.is-animating .score-board-value[data-v-bd71637a]{color:var(--color-red-soft);transform:scale(1.08)}.score-board-status[data-v-bd71637a]{margin-top:.15rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-muted)}.score-board-status.is-correct[data-v-bd71637a]{color:var(--color-success)}.score-board-status.is-wrong[data-v-bd71637a]{color:var(--color-red-soft)}.score-help[data-v-fb90a410]{position:relative;display:inline-flex;align-items:center}.score-help-trigger[data-v-fb90a410]{width:1.55rem;height:1.55rem;border-radius:50%;border:1px solid rgba(232,160,160,.35);background:#ffecee14;color:#f3e4e68c;font-size:.85rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;transition:color var(--duration-fast) var(--ease-soft),border-color var(--duration-fast) var(--ease-soft),background-color var(--duration-fast) var(--ease-soft)}.score-help-trigger[data-v-fb90a410]:hover,.score-help-trigger[aria-expanded=true][data-v-fb90a410]{color:var(--color-ink);border-color:#e8a0a08c;background:#d484842e}.score-help-trigger[data-v-fb90a410]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.score-help-panel[data-v-fb90a410]{position:absolute;top:calc(100% + .45rem);right:0;z-index:calc(var(--z-header) + 12);width:min(19.5rem,calc(100vw - 1.5rem));padding:.85rem .9rem;border-radius:.9rem;text-align:left}.score-help-heading[data-v-fb90a410]{margin:0 0 .55rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-ink)}.score-help-list[data-v-fb90a410]{margin:0;padding-left:1.05rem;display:grid;gap:.4rem;color:var(--color-ink-muted);font-size:var(--font-size-xs);line-height:1.4}.score-help-diffs[data-v-fb90a410]{margin:.7rem 0 0;padding:.55rem 0 0;border-top:1px solid rgba(232,160,160,.22);list-style:none;display:grid;gap:.35rem}.score-help-diffs li[data-v-fb90a410]{display:grid;grid-template-columns:4.5rem 1fr;gap:.45rem;align-items:baseline;font-size:var(--font-size-xs)}.score-help-diff-name[data-v-fb90a410]{font-weight:var(--font-weight-semibold);color:var(--color-ink);text-transform:uppercase;letter-spacing:.06em}.score-help-diff-meta[data-v-fb90a410]{color:var(--color-ink-muted)}.cover-toggle[data-v-28ec3f9b]{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .55rem .35rem .65rem;border-radius:var(--guess-input-radius);cursor:pointer;color:var(--color-ink-muted);transition:color var(--duration-fast) var(--ease-soft)}.cover-toggle.is-compact[data-v-28ec3f9b]{flex-direction:column;gap:.2rem;padding:.3rem .35rem;border-radius:.75rem;width:100%;max-width:3.4rem}.cover-toggle[data-v-28ec3f9b]:hover{color:var(--color-ink)}.cover-toggle-label[data-v-28ec3f9b]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.cover-toggle.is-compact .cover-toggle-label[data-v-28ec3f9b]{font-size:.58rem;letter-spacing:.08em}.cover-toggle-track[data-v-28ec3f9b]{position:relative;width:var(--toggle-width);height:var(--toggle-height);border-radius:999px;background:#00000047;border:1px solid var(--color-acrylic-border);transition:background-color var(--duration-base) var(--ease-soft)}.cover-toggle.is-compact .cover-toggle-track[data-v-28ec3f9b]{width:2.35rem;height:1.2rem}.cover-toggle-track.is-on[data-v-28ec3f9b]{background:var(--color-acrylic-active)}.cover-toggle-knob[data-v-28ec3f9b]{position:absolute;top:50%;left:.15rem;width:var(--toggle-knob);height:var(--toggle-knob);border-radius:50%;background:var(--color-ink);transform:translateY(-50%);transition:transform var(--duration-base) var(--ease-out);box-shadow:0 .15rem .4rem #0000004d}.cover-toggle.is-compact .cover-toggle-knob[data-v-28ec3f9b]{width:.9rem;height:.9rem;left:.12rem}.cover-toggle-track.is-on .cover-toggle-knob[data-v-28ec3f9b]{transform:translate(1.55rem,-50%)}.cover-toggle.is-compact .cover-toggle-track.is-on .cover-toggle-knob[data-v-28ec3f9b]{transform:translate(1.05rem,-50%)}.volume-slider[data-v-ed5d2265]{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:var(--volume-slider-width);height:var(--volume-slider-height);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.volume-slider[data-v-ed5d2265]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:3px;border-radius:999px}.volume-slider-track[data-v-ed5d2265]{position:relative;flex:1 1 auto;width:100%;min-height:0;border-radius:999px;overflow:visible;background:#140c0eb8;border:1px solid rgba(232,160,160,.38);box-shadow:inset 0 1px #ffffff1a,0 .35rem .9rem #00000047}.volume-slider-fill[data-v-ed5d2265]{position:absolute;left:2px;right:2px;bottom:2px;border-radius:inherit;background:linear-gradient(180deg,var(--color-red-soft) 0%,var(--color-red) 55%,var(--color-red-deep) 100%);pointer-events:none}.volume-slider-thumb[data-v-ed5d2265]{position:absolute;left:50%;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-ink);border:2px solid var(--color-red-soft);box-shadow:0 .2rem .45rem #00000059;transform:translate(-50%,50%);pointer-events:none;z-index:1}.volume-slider-label[data-v-ed5d2265]{flex:0 0 auto;font-size:.65rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;color:var(--color-ink-muted);line-height:1}.vinyl-layout[data-v-25dc5906]{position:relative;display:flex;align-items:center;gap:var(--volume-slider-gap);width:100%;max-width:calc(var(--vinyl-stage-width) + 3.5rem + var(--volume-slider-gap));margin-inline:auto;overflow:visible}.vinyl-layout-controls[data-v-25dc5906]{flex:0 0 auto;display:grid;justify-items:center;align-content:center;gap:.55rem;z-index:calc(var(--z-cover) + 1)}.vinyl-stage[data-v-25dc5906]{position:relative;flex:1 1 auto;width:100%;max-width:var(--vinyl-stage-width);aspect-ratio:1.35 / 1;overflow:visible}.vinyl-flash-glow[data-v-25dc5906]{position:absolute;top:50%;left:calc(var(--vinyl-cover-size) / 2);width:165%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e8a0a0e6,#d484848c,#d4848447 36%,#d484841f 52%,#d484840b,#d4848403 80%,#d4848400);opacity:0;pointer-events:none;z-index:0;transform:translate(-50%,-50%);filter:blur(14px);will-change:transform,opacity}.vinyl-layout.is-flash-wrong .vinyl-flash-glow[data-v-25dc5906]{background:radial-gradient(circle,#e8a0a0eb,#d4848494,#d484844d 36%,#b85f5f24 52%,#b85f5f0d,#b85f5f03 80%,#d4848400);animation:vinyl-glow-pulse-25dc5906 1s var(--ease-soft)}.vinyl-layout.is-flash-correct .vinyl-flash-glow[data-v-25dc5906]{background:radial-gradient(circle,#afd6b8eb,#8fbf9a94,#8fbf9a4d 36%,#8fbf9a24 52%,#8fbf9a0d,#8fbf9a03 80%,#8fbf9a00);animation:vinyl-glow-pulse-25dc5906 1s var(--ease-soft)}.vinyl-stage-hit[data-v-25dc5906]{position:relative;width:100%;height:100%;cursor:pointer;border-radius:var(--vinyl-radius-cover);z-index:1}.vinyl-stage-hit[data-v-25dc5906]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.vinyl-stage-disc[data-v-25dc5906]{position:absolute;top:50%;left:var(--vinyl-disc-offset-x);z-index:var(--z-vinyl);width:var(--vinyl-disc-size);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;filter:drop-shadow(0 .8rem 1.4rem rgba(0,0,0,.45))}.vinyl-stage-hit.is-spinning .vinyl-stage-disc[data-v-25dc5906]{animation:vinyl-spin-25dc5906 var(--duration-spin) linear infinite}.vinyl-stage-disc-art[data-v-25dc5906]{width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;-webkit-user-select:none;user-select:none}.vinyl-stage-label[data-v-25dc5906]{position:absolute;inset:calc((100% - var(--vinyl-label-size)) / 2);border-radius:50%;overflow:hidden;background:var(--color-red);box-shadow:inset 0 0 0 2px #00000059}.vinyl-stage-label-media[data-v-25dc5906]{width:100%;height:100%;object-fit:cover;pointer-events:none}.vinyl-stage-spindle[data-v-25dc5906]{position:absolute;top:50%;left:50%;width:var(--vinyl-spindle-size);aspect-ratio:1;border-radius:50%;background:var(--color-vinyl);transform:translate(-50%,-50%);box-shadow:0 0 0 2px #00000059;z-index:2}.vinyl-stage-cover[data-v-25dc5906]{position:absolute;top:50%;left:0;z-index:var(--z-cover);width:var(--vinyl-cover-size);aspect-ratio:1;transform:translateY(-50%);border-radius:var(--vinyl-radius-cover);box-shadow:var(--vinyl-shadow)}.vinyl-stage-cover-face[data-v-25dc5906]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:var(--color-cover);border:1px solid rgba(255,255,255,.35)}.vinyl-stage-cover-media[data-v-25dc5906],.vinyl-stage-cover-youtube[data-v-25dc5906]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none}.vinyl-stage-cover-youtube[data-v-25dc5906] iframe{width:100%;height:100%;border:0;pointer-events:none}@keyframes vinyl-spin-25dc5906{to{transform:translateY(-50%) rotate(360deg)}}@keyframes vinyl-glow-pulse-25dc5906{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}55%{opacity:.85;transform:translate(-50%,-50%) scale(1.18)}to{opacity:0;transform:translate(-50%,-50%) scale(1.38)}}.vocaloid-picker[data-v-509f1276]{width:var(--vocaloid-picker-width);max-width:100%;display:grid;gap:.35rem}@media(min-width:64rem){.vocaloid-picker[data-v-509f1276]{width:var(--vocaloid-picker-width-desktop)}}.vocaloid-picker-label[data-v-509f1276]{margin:0;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-dim);text-align:center}.vocaloid-picker-track[data-v-509f1276]{display:flex;gap:var(--vocaloid-picker-gap);overflow-x:auto;overscroll-behavior-x:contain;padding:.25rem .2rem .45rem;scroll-snap-type:x proximity;justify-content:flex-start;cursor:grab;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:var(--color-red-muted) transparent}.vocaloid-picker-track.is-dragging[data-v-509f1276]{cursor:grabbing;scroll-snap-type:none}.vocaloid-picker-track[data-v-509f1276]::-webkit-scrollbar{height:4px}.vocaloid-picker-track[data-v-509f1276]::-webkit-scrollbar-thumb{background:var(--color-red-muted);border-radius:999px}.vocaloid-picker-item[data-v-509f1276]{flex:0 0 auto;scroll-snap-align:start;display:grid;justify-items:center;gap:.2rem;padding:var(--vocaloid-picker-item-pad);border-radius:.85rem;border:1px solid transparent;color:var(--color-ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:border-color var(--duration-fast) var(--ease-soft),background-color var(--duration-fast) var(--ease-soft),color var(--duration-fast) var(--ease-soft),transform var(--duration-fast) var(--ease-soft)}.vocaloid-picker-item[data-v-509f1276]:hover:not(:disabled){color:var(--color-ink);background:#d484841f}.vocaloid-picker-item.is-selected[data-v-509f1276]{color:var(--color-ink);border-color:#e8a0a08c;background:#d4848438;box-shadow:0 0 0 1px #d4848433}.vocaloid-picker-item[data-v-509f1276]:disabled{cursor:default}.vocaloid-picker-item.is-unavailable[data-v-509f1276]{filter:grayscale(1) brightness(.72);opacity:.45;cursor:not-allowed;pointer-events:none}.vocaloid-picker-item.is-unavailable.is-selected[data-v-509f1276]{border-color:transparent;background:transparent;box-shadow:none}.vocaloid-picker-item[data-v-509f1276]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.vocaloid-picker-name[data-v-509f1276]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.vocaloid-picker-item[data-v-509f1276] .vocaloid-badge-lg{width:var(--vocaloid-picker-avatar);height:var(--vocaloid-picker-avatar);pointer-events:none}.page[data-v-dfc255b0]{width:100%;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:var(--page-gap);padding:var(--page-padding-y) var(--page-padding-x);padding-bottom:calc(var(--page-padding-y) + env(safe-area-inset-bottom,0px));max-width:var(--page-max-width);margin-inline:auto;box-sizing:border-box}@media(min-width:64rem){.page[data-v-dfc255b0]{height:100dvh;max-height:100dvh;overflow:visible;align-content:center}}.page-header[data-v-dfc255b0]{display:grid;justify-items:center;gap:var(--header-gap);z-index:var(--z-header)}.page-brand[data-v-dfc255b0]{margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:left}.page-brand-en[data-v-dfc255b0]{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-display);color:var(--color-ink);line-height:1.05}.page-play-options[data-v-dfc255b0]{display:grid;justify-items:center;gap:.55rem}.page-difficulty-row[data-v-dfc255b0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .85rem}.page-new-game[data-v-dfc255b0]:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.35)}.page-difficulty-divider[data-v-dfc255b0]{width:1px;height:1.55rem;background:var(--color-accent-line);border-radius:999px;opacity:.45;transition:opacity var(--duration-fast) var(--ease-soft),background-color var(--duration-fast) var(--ease-soft)}.page-difficulty-divider.is-new-game[data-v-dfc255b0],.page-difficulty-divider.is-difficulty[data-v-dfc255b0]{opacity:1;background:var(--color-red-soft)}@media(max-width:40rem){.page-difficulty-divider[data-v-dfc255b0]{width:2.5rem;height:1px}}.page-stage[data-v-dfc255b0]{display:grid;place-items:center;min-height:0;padding-block:1.1rem;overflow:visible}.page-footer[data-v-dfc255b0]{display:grid;justify-items:center;gap:.55rem;padding-bottom:.25rem;width:100%;overflow:visible}.page-guess-bar[data-v-dfc255b0]{width:100%;max-width:32rem;overflow:visible;padding:.35rem;margin:-.35rem}.page-hint[data-v-dfc255b0]{margin:0;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-dim)}.page-actions[data-v-dfc255b0]{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.page-sotd-note[data-v-dfc255b0]{margin:0;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-dim)}.page-next[data-v-dfc255b0]{min-width:8rem}:root{--color-bg: #1e1416;--color-bg-elevated: #2a1c1f;--color-bg-soft: #352428;--color-surface: rgba(255, 236, 238, .08);--color-surface-strong: rgba(255, 236, 238, .14);--color-red: #d48484;--color-red-soft: #e8a0a0;--color-red-deep: #b85f5f;--color-red-muted: #c97878;--color-ink: #f3e4e6;--color-ink-muted: rgba(243, 228, 230, .62);--color-ink-dim: rgba(243, 228, 230, .38);--color-cover: #efe6e4;--color-vinyl: #141010;--color-vinyl-groove: #1c1616;--color-accent-line: rgba(212, 132, 132, .45);--color-acrylic: rgba(42, 28, 31, .55);--color-acrylic-border: rgba(232, 160, 160, .28);--color-acrylic-active: rgba(212, 132, 132, .35);--color-acrylic-shine: rgba(255, 255, 255, .12);--color-success: #8fbf9a;--color-danger: #d48484;--gradient-page: radial-gradient(ellipse 90% 70% at 50% 18%, #3a2226 0%, #1e1416 58%, #160f10 100%);--gradient-acrylic: linear-gradient(145deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .02) 45%, rgba(0, 0, 0, .08) 100%);--font-family: "Outfit", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-display: var(--font-family);--font-body: var(--font-family);--font-size-xs: .7rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-hero: clamp(1.25rem, 3.6vw, 1.85rem);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.03em;--letter-spacing-display: -.02em;--letter-spacing-wide: .12em;--letter-spacing-buttons: .18em;--page-max-width: 56rem;--page-padding-x: clamp(.65rem, 2.8vw, 1.25rem);--page-padding-y: 1.5rem;--page-gap: .85rem;--header-gap: .85rem;--controls-gap: .65rem;--mode-slider-width: min(18rem, 88vw);--mode-slider-width-sm: min(16rem, 88vw);--mode-slider-width-lg: min(24rem, 94vw);--mode-slider-height: 2.55rem;--mode-slider-height-sm: 2.15rem;--mode-slider-radius: 999px;--mode-slider-pad: .2rem;--difficulty-gap: .5rem;--difficulty-height: 2rem;--difficulty-radius: .85rem;--difficulty-pad-x: 1rem;--difficulty-font: var(--font-size-xs);--vinyl-stage-width: min(30rem, 100%);--vinyl-cover-size: 68%;--vinyl-disc-size: 72%;--vinyl-disc-offset-x: 28%;--vinyl-label-size: 34%;--vinyl-spindle-size: 8%;--vinyl-radius-cover: .35rem;--vinyl-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .45), 0 .25rem .75rem rgba(0, 0, 0, .3);--volume-slider-width: 1.15rem;--volume-slider-height: min(12.5rem, 46vw);--volume-slider-gap: .75rem;--guess-row-gap: .65rem;--guess-input-height: 3rem;--guess-input-radius: 1rem;--guess-dropdown-max-height: 14rem;--guess-dropdown-radius: .9rem;--play-btn-size: 3rem;--play-btn-radius: 50%;--badge-size: 1.35rem;--badge-gap: .35rem;--vocaloid-picker-width: 100%;--vocaloid-picker-width-desktop: 28rem;--vocaloid-picker-gap: .45rem;--vocaloid-picker-item-pad: .3rem .35rem;--vocaloid-picker-avatar: 2.2rem;--toggle-width: 3.4rem;--toggle-height: 1.7rem;--toggle-knob: 1.3rem;--blur-acrylic: 14px;--blur-dropdown: 18px;--z-cover: 3;--z-vinyl: 2;--z-dropdown: 20;--z-header: 10;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--duration-fast: .16s;--duration-base: .28s;--duration-slow: .52s;--duration-spin: 8s;--bp-tablet: 48rem;--bp-desktop: 64rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-ink);background:var(--color-bg);background-image:var(--gradient-page);background-attachment:fixed;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{overflow:visible}@media(min-width:64rem){#app{height:100dvh;max-height:100dvh}}button,input{font:inherit;color:inherit}button{background:none;border:none;padding:0}a{color:var(--color-red-soft);text-decoration:none}img,video{display:block;max-width:100%}.acrylic{background:var(--color-acrylic);background-image:var(--gradient-acrylic);border:1px solid var(--color-acrylic-border);backdrop-filter:blur(var(--blur-acrylic)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur-acrylic)) saturate(1.35);box-shadow:inset 0 1px 0 var(--color-acrylic-shine),0 .4rem 1.2rem #00000038}.acrylic:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.acrylic-btn{background:var(--color-acrylic);background-image:var(--gradient-acrylic);border:1px solid var(--color-acrylic-border);backdrop-filter:blur(var(--blur-acrylic)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur-acrylic)) saturate(1.35);box-shadow:inset 0 1px 0 var(--color-acrylic-shine),0 .4rem 1.2rem #00000038;display:inline-flex;align-items:center;justify-content:center;min-height:var(--difficulty-height);padding:0 var(--difficulty-pad-x);border-radius:var(--difficulty-radius);color:var(--color-ink-muted);font-family:var(--font-body);font-size:var(--difficulty-font);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-buttons);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-soft),background-color var(--duration-fast) var(--ease-soft),border-color var(--duration-fast) var(--ease-soft),box-shadow var(--duration-fast) var(--ease-soft),transform var(--duration-fast) var(--ease-soft)}.acrylic-btn:hover{color:var(--color-ink);border-color:#e8a0a073}.acrylic-btn:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.acrylic-btn.is-active{color:var(--color-ink);background:var(--color-acrylic-active);border-color:#e8a0a08c;box-shadow:inset 0 1px 0 var(--color-acrylic-shine),0 0 0 1px #d4848440,0 .35rem 1rem #b85f5f40}.acrylic-btn:active{transform:scale(.97)}.acrylic-btn:disabled{opacity:.45;cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
