.bt{width:100%;max-width:30rem;margin-inline:auto;display:flex;flex-direction:column;justify-content:center}.bt__panel{padding:0}.bt__panel--empty{text-align:center;color:var(--color-muted);padding:var(--space-lg) 0}.bt__intro,.bt__final{text-align:center}.bt__intro-badge{width:3.5rem;height:3.5rem;margin:0 auto var(--space-md);display:grid;place-items:center;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface));color:var(--color-accent);font-size:var(--text-2xl)}.bt__title{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.bt__intro-name{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-xs)}.bt__lead{color:var(--color-muted);margin-bottom:var(--space-lg)}.bt__best{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}.bt__count{border:0;margin:0 0 var(--space-lg);padding:0}.bt__count-legend{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin-bottom:var(--space-sm);padding:0}.bt__count-opts{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.bt__count-pill{min-width:3.25rem;padding:.5em .9em;font:inherit;font-weight:600;color:var(--color-text);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--transition),background-color var(--transition),color var(--transition)}.bt__count-pill:hover{border-color:var(--color-accent)}.bt__count-pill.is-selected{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.bt__cta{width:100%;margin-top:var(--space-md);font-size:var(--text-lg);padding-block:.85em}.bt__hud{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.bt__round{letter-spacing:.02em}.bt__streak{animation:bt-pop .32s ease;color:var(--color-text);font-weight:600}.bt__score{margin-inline-start:auto;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.bt__score small{font-weight:600;color:var(--color-muted)}.bt__scene{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding-block:var(--space-md) var(--space-lg)}.bt__eq{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:44px;width:100%;max-width:18rem;opacity:.55}.bt__eq-bar{flex:1;max-width:6px;height:100%;border-radius:var(--radius-pill);background:linear-gradient(to top,var(--color-accent),color-mix(in srgb,var(--color-accent) 40%,var(--color-accent-hover)));transform:scaleY(.18);transform-origin:bottom center;animation-name:bt-eq;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused}.bt__scene.is-playing .bt__eq{opacity:1}.bt__scene.is-playing .bt__eq-bar{animation-play-state:running}@keyframes bt-eq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.bt__disc{position:relative;width:clamp(8.5rem,42vw,11rem);aspect-ratio:1;border:0;border-radius:var(--radius-pill);background-color:var(--color-surface-2);color:var(--color-accent);cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-md);transition:transform var(--transition),color var(--transition),box-shadow var(--transition)}.bt__disc:hover{transform:translateY(-2px);color:var(--color-accent-hover)}.bt__disc:disabled{cursor:progress}.bt__scene.is-playing .bt__disc{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent) 18%,transparent),var(--shadow-md)}.bt__ring{position:absolute;inset:0;width:100%;height:100%}.bt__ring-track{fill:none;stroke:var(--color-border);stroke-width:4}.bt__ring-progress{fill:none;stroke:var(--color-accent);stroke-width:4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.bt__disc-icon{display:grid;place-items:center;line-height:0}.bt__disc[data-audio=idle] .bt__disc-icon,.bt__disc[data-audio=ended] .bt__disc-icon,.bt__disc[data-audio=error] .bt__disc-icon,.bt__disc[data-audio=paused] .bt__disc-icon{margin-left:4px}.bt__spinner{width:30px;height:30px;border-radius:var(--radius-pill);border:3px solid var(--color-border);border-top-color:var(--color-accent);animation:bt-spin .72s linear infinite}.bt__spinner--sm{display:inline-block;width:1em;height:1em;border-width:2px;border-color:color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;vertical-align:-.15em}@keyframes bt-spin{to{transform:rotate(360deg)}}.bt__timer{position:relative;width:100%;height:.5rem;border-radius:var(--radius-pill);background-color:var(--color-surface-2);overflow:hidden}.bt__timer-fill{position:absolute;inset:0;transform-origin:left center;background-color:var(--color-accent);transition:transform .2s linear}.bt__timer-text{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);font-size:var(--text-xs);color:var(--color-text);mix-blend-mode:difference;font-variant-numeric:tabular-nums}.bt__volume{display:flex;align-items:center;gap:var(--space-sm);width:100%;max-width:16rem;color:var(--color-muted)}.bt__vol-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;transition:color var(--transition)}.bt__vol-btn:hover{color:var(--color-accent)}.bt__vol-slider{flex:1;height:1.5rem;cursor:pointer;accent-color:var(--color-accent);background:transparent}.bt__notice{border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);margin-bottom:var(--space-md);text-align:center}.bt__notice--warn{background-color:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.bt__notice--error{background-color:color-mix(in srgb,#e5484d 18%,var(--color-surface));color:var(--color-text);border:1px solid color-mix(in srgb,#e5484d 45%,var(--color-border))}.bt__form{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.bt__input{width:100%;padding:.75em .9em;font:inherit;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.bt__input::placeholder{color:var(--color-muted)}.bt__input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.bt__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.bt__actions .btn{flex:1}.bt__reveal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding-block:var(--space-sm)}.bt__cover-wrap{width:clamp(9rem,46vw,13rem);aspect-ratio:1}.bt__cover{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:bt-cover-reveal .7s ease both}.bt__cover--placeholder{display:grid;place-items:center;font-size:var(--text-4xl);color:var(--color-muted);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-2))}@keyframes bt-cover-reveal{0%{filter:blur(16px);opacity:0;transform:scale(1.08)}to{filter:blur(0);opacity:1;transform:scale(1)}}.bt__answer-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.bt__answer-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.bt__answer-artist{color:var(--color-muted)}.bt__results{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.bt__round-score{font-size:var(--text-2xl);font-weight:700;color:var(--color-muted);font-variant-numeric:tabular-nums;animation:bt-pop .36s ease}.bt__round-score.is-win{color:var(--color-accent)}.bt__round-score small{font-size:var(--text-sm);font-weight:600;color:var(--color-muted)}.bt__mark{display:inline-flex;align-items:center;gap:.35em;font-size:var(--text-sm);font-weight:600;padding:.2em .7em;border-radius:var(--radius-pill)}.bt__mark--wide{font-size:var(--text-base)}.bt__mark--ok{background-color:color-mix(in srgb,#30a46c 22%,var(--color-surface));color:color-mix(in srgb,#30a46c 65%,var(--color-text))}.bt__mark--ko{background-color:color-mix(in srgb,#e5484d 18%,var(--color-surface));color:color-mix(in srgb,#e5484d 60%,var(--color-text))}.bt__final-score{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:700;color:var(--color-accent);line-height:1.05;margin-bottom:var(--space-xs);font-variant-numeric:tabular-nums;animation:bt-pop .42s ease}.bt__final-unit{font-size:var(--text-xl);color:var(--color-muted);margin-inline-start:.35rem}.bt__badge{display:inline-block;background-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);margin-bottom:var(--space-md);animation:bt-pop .42s ease}.bt__recap{list-style:none;text-align:left;margin:var(--space-lg) 0;border-top:1px solid var(--color-border)}.bt__recap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.bt__recap-song{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted)}.bt__recap-song strong{color:var(--color-text)}.bt__recap-marks{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.bt__recap-marks .bt__mark{padding:.1em .5em;font-size:var(--text-xs)}.bt__recap-pts{min-width:2.5rem;text-align:right;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}@keyframes bt-pop{0%{transform:scale(.82);opacity:.4}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.bt__eq-bar,.bt__spinner,.bt__cover,.bt__round-score,.bt__final-score,.bt__badge,.bt__streak{animation:none!important}.bt__eq-bar{transform:scaleY(.5)}}