.cover-toggle[data-v-ba9fb9c9]{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[data-v-ba9fb9c9]:hover{color:var(--color-ink)}.cover-toggle-label[data-v-ba9fb9c9]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.cover-toggle-track[data-v-ba9fb9c9]{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-track.is-on[data-v-ba9fb9c9]{background:var(--color-acrylic-active)}.cover-toggle-knob[data-v-ba9fb9c9]{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-track.is-on .cover-toggle-knob[data-v-ba9fb9c9]{transform:translate(1.55rem,-50%)}.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-e0007af4]{width:100%;display:grid;gap:.55rem}.guess-row[data-v-e0007af4]{display:flex;flex-wrap:wrap;gap:var(--guess-row-gap);align-items:start}.guess-field[data-v-e0007af4]{position:relative;flex:1 1 12rem;min-width:0}.guess-submit[data-v-e0007af4]{flex:0 0 auto;height:var(--guess-input-height);padding-inline:1.1rem;border-radius:var(--guess-input-radius)}.guess-input[data-v-e0007af4]{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-e0007af4]:disabled{opacity:.7}.guess-input[data-v-e0007af4]::placeholder{color:var(--color-ink-dim)}.guess-input[data-v-e0007af4]:focus{border-color:#e8a0a08c;outline:none;box-shadow:inset 0 1px 0 var(--color-acrylic-shine),0 0 0 2px #d4848440}.guess-dropdown[data-v-e0007af4]{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-e0007af4]{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-e0007af4]:hover,.guess-option[data-v-e0007af4]:focus-visible{background:#d484842e;color:var(--color-ink)}.guess-option-title[data-v-e0007af4]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.guess-reveal[data-v-e0007af4]{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.85rem 1rem;border-radius:var(--guess-dropdown-radius)}.guess-reveal.is-correct[data-v-e0007af4]{border-color:#8fbf9a73}.guess-reveal.is-wrong[data-v-e0007af4]{border-color:#d4848480}.guess-reveal-status[data-v-e0007af4]{margin:0;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-muted)}.guess-reveal-title[data-v-e0007af4]{margin:.2rem 0 .55rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.guess-reveal-yours[data-v-e0007af4]{margin:-.25rem 0 .55rem;display:grid;gap:.15rem;font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-dim)}.guess-reveal-yours span[data-v-e0007af4]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:0;text-transform:none;color:var(--color-ink-muted)}.guess-reveal-vocaloids[data-v-e0007af4]{display:flex;gap:var(--badge-gap)}.guess-score[data-v-e0007af4]{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.55rem;font-size:var(--font-size-xs);color:var(--color-ink-muted)}.guess-score-total[data-v-e0007af4]{color:var(--color-ink);font-weight:var(--font-weight-semibold)}.guess-follow[data-v-e0007af4]{flex-shrink:0;text-decoration:none}@media(max-width:30rem){.guess-submit[data-v-e0007af4]{margin-left:auto}}.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-6bde81db]{display:grid;justify-items:center;gap:.2rem}.score-board-main[data-v-6bde81db]{display:grid;justify-items:center;gap:.05rem}.score-board-label[data-v-6bde81db]{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-6bde81db]{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-6bde81db]{color:var(--color-red-soft);transform:scale(1.08)}.score-board-tries[data-v-6bde81db]{margin:0;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-dim)}.score-board-tries.is-warn[data-v-6bde81db]{color:var(--color-red-soft)}.vinyl-stage[data-v-7067750d]{position:relative;width:var(--vinyl-stage-width);aspect-ratio:1.35 / 1;margin-inline:auto}.vinyl-stage-hit[data-v-7067750d]{position:relative;width:100%;height:100%;cursor:pointer;border-radius:var(--vinyl-radius-cover)}.vinyl-stage-hit[data-v-7067750d]:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:2px}.vinyl-stage-disc[data-v-7067750d]{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-7067750d]{animation:vinyl-spin-7067750d var(--duration-spin) linear infinite}.vinyl-stage-disc-art[data-v-7067750d]{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-7067750d]{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-7067750d]{width:100%;height:100%;object-fit:cover;pointer-events:none}.vinyl-stage-spindle[data-v-7067750d]{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-7067750d]{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-7067750d]{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-7067750d],.vinyl-stage-cover-youtube[data-v-7067750d]{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-7067750d] iframe{width:100%;height:100%;border:0;pointer-events:none}@keyframes vinyl-spin-7067750d{to{transform:translateY(-50%) rotate(360deg)}}.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-e1f7b0e7]{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-e1f7b0e7]{height:100dvh;max-height:100dvh;overflow:hidden;align-content:center}}.page-header[data-v-e1f7b0e7]{display:grid;justify-items:center;gap:var(--header-gap);z-index:var(--z-header)}.page-brand[data-v-e1f7b0e7]{margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:left}.page-brand-en[data-v-e1f7b0e7]{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-e1f7b0e7]{display:grid;justify-items:center;gap:.55rem}.page-difficulty-row[data-v-e1f7b0e7]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .85rem}.page-new-game[data-v-e1f7b0e7]:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.35)}.page-difficulty-divider[data-v-e1f7b0e7]{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-e1f7b0e7],.page-difficulty-divider.is-difficulty[data-v-e1f7b0e7]{opacity:1;background:var(--color-red-soft)}@media(max-width:40rem){.page-difficulty-divider[data-v-e1f7b0e7]{width:2.5rem;height:1px}}.page-stage[data-v-e1f7b0e7]{display:grid;place-items:center;min-height:0;padding-block:.35rem}.page-footer[data-v-e1f7b0e7]{display:grid;justify-items:center;gap:.55rem;padding-bottom:.25rem;width:100%}.page-guess-bar[data-v-e1f7b0e7]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--guess-row-gap);row-gap:.55rem;width:100%;max-width:32rem}.page-guess-bar[data-v-e1f7b0e7] .guess{display:contents}.page-guess-bar[data-v-e1f7b0e7] .guess-row{grid-column:2;grid-row:1;min-width:0;width:100%}.page-guess-bar[data-v-e1f7b0e7] .guess-reveal{grid-column:1 / -1;grid-row:2;width:100%}.page-guess-bar[data-v-e1f7b0e7] .cover-toggle{grid-column:1;grid-row:1;height:var(--guess-input-height);padding:0 .65rem}.page-hint[data-v-e1f7b0e7]{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-e1f7b0e7]{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.page-sotd-note[data-v-e1f7b0e7]{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-e1f7b0e7]{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);--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: 22rem;--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%;overflow-x:clip}html,body,#app{min-height:100%;max-width:100%}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;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:64rem){#app{height:100dvh;max-height:100dvh;overflow:hidden}}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}