.bandle{--bd-bg:#08080a;--bd-raise:#ffffff07;--bd-raise-2:#ffffff0e;--bd-accent:#3288e0;--bd-accent-rgb:50 136 224;--bd-accent-soft:rgb(var(--bd-accent-rgb) / .14);--bd-accent-lift:#47a3fa;--bd-accent-press:#2571c9;--bd-accent-ink:#031020;--bd-warn:#f5b544;--bd-bad:#fb7185;--bd-layer-drums:#72d7da;--bd-layer-bass:#55bce3;--bd-layer-other:#649bde;--bd-layer-vocals:#8378cd;--bd-text:#ededf0;--bd-text-dim:#8a8a96;--bd-text-faint:#55555f;--bd-line:#ffffff12;--bd-line-strong:#ffffff21;--bd-bar-locked:#24242c;--bd-r:14px;--bd-r-lg:20px;--bd-r-pill:999px;--bd-t-micro:10px;--bd-t-meta:11px;--bd-t-xs:12px;--bd-t-sm:13px;--bd-t-base:14px;--bd-t-md:15px;--bd-t-lg:17px;--bd-w-body:400;--bd-w-medium:600;--bd-w-strong:700;--bd-w-display:800;--bd-track-display:-.045em;--bd-track-tighter:-.03em;--bd-track-tight:-.01em;--bd-track-wide:.02em;--bd-track-caps:.2em;--bd-track-caps-tight:.07em;--bd-ease:cubic-bezier(.22, .61, .28, 1);--bd-ease-out:cubic-bezier(.16, 1, .3, 1);--bd-fit-pad:clamp(6px, calc(3.57cqh - 6.4px), 20px);--bd-fit-gap:clamp(6px, calc(3.57cqh - 6.4px), 20px);--bd-fit-stack:clamp(8px, calc(7.14cqh - 20.9px), 32px);--bd-fit-hud-gap:clamp(4px, calc(1.05cqh + 2.2px), 10px);--bd-fit-stage:clamp(9.5px, calc(.36cqh + 7.9px), 10.5px);--bd-fit-stage-gap:clamp(3px, calc(.71cqh - .3px), 5px);--bd-fit-stack-md:calc(var(--bd-fit-stack) * .875);--bd-fit-stack-sm:calc(var(--bd-fit-stack) * .75);--bd-fit-stack-xs:calc(var(--bd-fit-stack) * .625);--bd-fit-wave:clamp(36px, calc(17.14cqh - 14.9px), 112px);--bd-fit-display:clamp(30px, calc(11.43cqh - 12.6px), 72px);--bd-fit-btn-y:clamp(7px, calc(2.99cqh - 2.7px), 11px);--bd-fit-art:clamp(76px, calc(20cqh - 12px), 136px);--bd-fit-row-y:clamp(2px, calc(2.86cqh - 11.1px), 10px);--bd-fit-row-title:clamp(15px, calc(1.61cqh + 7.6px), 19.5px);--bd-fit-row-sub:clamp(13px, calc(1.25cqh + 7.25px), 16.5px);color:var(--bd-text);background:var(--bd-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-game), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;container-type:size}.bd-vignette{pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 50% -10%, rgb(var(--bd-accent-rgb) / .07), transparent 60%), radial-gradient(90% 60% at 50% 110%, #ffffff06, transparent 65%);position:absolute;inset:0}.bd-display{font-size:clamp(2.25rem, min(var(--bd-fit-display), 13vw), 4.5rem);font-weight:var(--bd-w-display);letter-spacing:var(--bd-track-display);font-variant-numeric:tabular-nums;line-height:.95;display:block}.bd-label{font-size:var(--bd-t-micro);font-weight:var(--bd-w-medium);letter-spacing:var(--bd-track-caps);text-transform:uppercase;color:var(--bd-text-faint)}.bd-mono{font-size:var(--bd-t-meta);font-weight:var(--bd-w-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--bd-track-wide)}.bd-readout{font-size:var(--bd-t-sm);font-weight:var(--bd-w-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--bd-track-wide)}.bd-score{font-size:var(--bd-t-lg);font-weight:var(--bd-w-strong);font-variant-numeric:tabular-nums;letter-spacing:var(--bd-track-tight);line-height:28px}.bd-track{--bd-track-title:var(--bd-t-base);--bd-track-sub:var(--bd-t-xs);--bd-track-weight:var(--bd-w-medium)}.bd-track[data-size=hero]{--bd-track-title:var(--bd-t-lg);--bd-track-sub:var(--bd-t-base);--bd-track-weight:var(--bd-w-strong)}.bd-track[data-size=card]{--bd-track-title:var(--bd-t-md);--bd-track-sub:var(--bd-t-sm);--bd-track-weight:var(--bd-w-strong)}.bd-track[data-size=row]{--bd-track-title:var(--bd-t-sm);--bd-track-sub:var(--bd-t-meta)}.bd-track-title{text-overflow:ellipsis;min-width:0;font-size:var(--bd-track-title);font-weight:var(--bd-track-weight);letter-spacing:var(--bd-track-tight);display:block;overflow:hidden}.bd-track-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--bd-track-sub);font-weight:var(--bd-w-body);color:var(--bd-text-dim);display:block;overflow:hidden}.bd-track-plays{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--bd-t-meta);font-weight:var(--bd-w-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--bd-track-wide);color:var(--bd-text-faint);margin-top:2px;display:block;overflow:hidden}.bd-track[data-size=hero] .bd-track-title{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box}.bd-track:not([data-size=hero]) .bd-track-title{white-space:nowrap}.bd-track[data-size=row] .bd-track-title{line-height:var(--bd-fit-row-title)}.bd-track[data-size=row] .bd-track-sub{line-height:var(--bd-fit-row-sub)}.bd-empty{text-align:center;font-size:var(--bd-t-base);color:var(--bd-text-faint);padding:16px 12px}.bd-note{font-size:var(--bd-t-xs);color:var(--bd-text-dim)}.bd-card{background:var(--bd-raise);border:1px solid var(--bd-line);border-radius:var(--bd-r-lg)}.bd-rule{background:var(--bd-line);height:1px}.bd-btn{border-radius:var(--bd-r);border:1px solid var(--bd-line-strong);background:var(--bd-raise-2);color:var(--bd-text);font-weight:var(--bd-w-medium);font-size:var(--bd-t-base);letter-spacing:var(--bd-track-tight);cursor:pointer;transition:background .16s var(--bd-ease), border-color .16s var(--bd-ease), opacity .16s var(--bd-ease), transform .2s var(--bd-ease);justify-content:center;align-items:center;gap:8px;padding:11px 20px;display:inline-flex}.bd-btn:hover:not(:disabled){background:#ffffff17;border-color:#fff3}.bd-btn:active:not(:disabled){background:#ffffff0f;transform:scale(.97)}.bd-btn:disabled{opacity:.35;cursor:not-allowed}.bd-btn-primary{background:var(--bd-accent);color:var(--bd-accent-ink);border-color:#0000}.bd-btn-primary:hover:not(:disabled){background:var(--bd-accent-lift);border-color:#0000}.bd-btn-primary:active:not(:disabled){background:var(--bd-accent-press)}.bd-btn-extend{background:rgb(var(--bd-accent-rgb) / .1);border-color:rgb(var(--bd-accent-rgb) / .4);color:var(--bd-accent);font-variant-numeric:tabular-nums;gap:3px;padding-left:14px;padding-right:16px}.bd-btn-extend:hover:not(:disabled){background:rgb(var(--bd-accent-rgb) / .18);border-color:rgb(var(--bd-accent-rgb) / .6)}.bd-btn-extend:active:not(:disabled){background:rgb(var(--bd-accent-rgb) / .24)}.bd-btn-extend[data-on=true]{background:var(--bd-accent);color:#0a0a0c;border-color:#0000}.bd-btn-ghost{border-color:var(--bd-line);color:var(--bd-text-dim);background:0 0}.bd-btn-ghost:hover:not(:disabled){color:var(--bd-text);background:var(--bd-raise)}.bandle :focus-visible{outline:2px solid var(--bd-accent);outline-offset:2px}.bd-wave-handle{background:var(--bd-text);pointer-events:none;width:2px;transition:background .16s var(--bd-ease);border-radius:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.bd-wave-handle:after{content:"";background:inherit;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-3px;left:50%}.bd-wave-handle[data-pending=true]{background:var(--bd-warn)}.bd-preset{border-radius:var(--bd-r-pill);border:1px solid var(--bd-line);min-width:54px;color:var(--bd-text-dim);font-size:var(--bd-t-xs);font-weight:var(--bd-w-medium);font-variant-numeric:tabular-nums;cursor:pointer;transition:color .15s var(--bd-ease), background .15s var(--bd-ease), border-color .15s var(--bd-ease);background:0 0;padding:7px 12px}.bd-preset:hover:not(:disabled){color:var(--bd-text);border-color:var(--bd-line-strong);background:var(--bd-raise)}.bd-preset[data-paid=true]{color:var(--bd-accent);border-color:rgb(var(--bd-accent-rgb) / .35)}.bd-preset[data-on=true]{color:#0a0a0c;background:var(--bd-text);border-color:#0000}.bd-preset:disabled{opacity:.35;cursor:not-allowed}.bd-year-rail{border-radius:var(--bd-r-pill);background:#ffffff17;width:100%;height:4px;position:relative}.bd-year-fill{border-radius:var(--bd-r-pill);background:var(--bd-accent);position:absolute;top:0;bottom:0}.bd-year-handle{background:var(--bd-text);width:16px;height:16px;transition:box-shadow .15s var(--bd-ease);cursor:grab;border-radius:50%;margin-left:-8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px -2px #000c}.bd-year-handle[data-dragging=true]{cursor:grabbing;box-shadow:0 0 0 7px rgb(var(--bd-accent-rgb) / .18), 0 2px 8px -2px #000c}.bd-stage{gap:var(--bd-fit-stage-gap);flex-direction:column;flex:1;min-width:0;display:flex}.bd-stage-name{font-size:var(--bd-fit-stage);font-weight:var(--bd-w-strong);letter-spacing:var(--bd-track-caps-tight);text-align:center;text-transform:uppercase;text-overflow:clip;white-space:nowrap;color:var(--bd-text-faint);transition:color .3s var(--bd-ease);line-height:1.2;overflow:hidden}.bd-pip{border-radius:var(--bd-r-pill);height:3px;transition:background .3s var(--bd-ease);background:#ffffff17;display:block}.bd-stage[data-state=won] .bd-pip{background:var(--bd-accent)}.bd-stage[data-state=won] .bd-stage-name{color:var(--bd-accent)}.bd-stage[data-state=missed] .bd-pip{background:#3a3a44}.bd-stage[data-state=missed] .bd-stage-name{color:#43434e}.bd-stage[data-state=current] .bd-pip{background:var(--bd-text)}.bd-stage[data-state=current] .bd-stage-name{color:var(--bd-text)}.bd-field{border-radius:var(--bd-r);border:1px solid var(--bd-line-strong);width:100%;color:var(--bd-text);font-size:var(--bd-t-md);letter-spacing:var(--bd-track-tight);transition:border-color .16s var(--bd-ease), background .16s var(--bd-ease);background:#ffffff0a;padding:14px 16px 14px 42px}.bd-field::placeholder{color:var(--bd-text-faint)}.bd-field:focus{background:#ffffff0f;border-color:#ffffff47;outline:none}@media (pointer:coarse){.bd-field,.bd-field-sm{font-size:16px}}.bd-scroll{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;overscroll-behavior:contain}.bd-scroll::-webkit-scrollbar{width:8px}.bd-scroll::-webkit-scrollbar-track{background:0 0}.bd-scroll::-webkit-scrollbar-thumb{border-radius:var(--bd-r-pill);background:#ffffff29 padding-box padding-box;border:2px solid #0000}.bd-col{gap:var(--bd-fit-gap);padding-top:var(--bd-fit-pad);padding-bottom:var(--bd-fit-pad)}.bd-stack,.bd-stack-md,.bd-stack-sm,.bd-stack-xs{flex-direction:column;align-items:center;width:100%;display:flex}.bd-stack{gap:var(--bd-fit-stack)}.bd-stack-md{gap:var(--bd-fit-stack-md)}.bd-stack-sm{gap:var(--bd-fit-stack-sm)}.bd-stack-xs{gap:var(--bd-fit-stack-xs)}.bd-wave-box{height:var(--bd-fit-wave)}.bd-stack-box{width:100%;height:calc(var(--bd-fit-wave) * 2);align-items:stretch;gap:10px;min-height:132px;display:flex}.bd-lane-names{flex-direction:column;flex:none;width:104px;display:flex}.bd-lane-name{min-height:0;font-size:var(--bd-t-xs);letter-spacing:var(--bd-tr-xs);color:var(--bd-text-mute);transition:color .16s var(--bd-ease);flex:1 1 0;justify-content:space-between;align-items:center;gap:6px;font-weight:600;display:flex}.bd-lane-name[data-on=true]{color:var(--bd-lane-hue,var(--bd-text))}.bd-lane-name[data-next=true]{color:var(--bd-warn)}.bd-lane-tag{font-size:var(--bd-t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--bd-lane-hue,var(--bd-text-dim));opacity:.85;animation:bd-tag-in .36s var(--bd-ease-out) both;font-weight:700}.bd-lane-name[data-next=true] .bd-lane-tag{color:var(--bd-warn)}@keyframes bd-tag-in{0%{opacity:0;transform:translateY(3px)}to{opacity:.85;transform:none}}.bd-btn-extend[data-priced=true]{padding-top:max(3px, calc(var(--bd-fit-btn-y) - 6px));padding-bottom:max(3px, calc(var(--bd-fit-btn-y) - 6px));flex-direction:column;gap:0}.bd-btn-extend-label{align-items:center;gap:3px;display:inline-flex}.bd-btn-price{font-size:var(--bd-t-micro);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--bd-warn);font-weight:700;line-height:1.2}.bd-stack-box[data-merged=true],.bd-lane-waves[data-merged=true]{height:var(--bd-fit-wave)}.bd-lane-waves{flex:auto;min-width:0;height:100%}.bd-lane-waves[data-seekable=true]{cursor:pointer;touch-action:none;border-radius:4px}.bd-lane-waves[data-seekable=true]:focus-visible{outline:2px solid var(--bd-accent);outline-offset:3px}.bd-wave-scale{margin-top:calc(var(--bd-fit-stack) * .375)}.bd-wave-presets{margin-top:calc(var(--bd-fit-stack) * .5)}.bd-hud{gap:var(--bd-fit-hud-gap);flex-direction:column;width:100%;display:flex}.bd-back-btn{border-radius:var(--bd-r-pill);border:1px solid var(--bd-line-strong);background:var(--bd-raise);height:28px;color:var(--bd-text-dim);font-size:var(--bd-t-xs);font-weight:var(--bd-w-medium);letter-spacing:var(--bd-track-wide);cursor:pointer;transition:color .15s var(--bd-ease), border-color .15s var(--bd-ease), background .15s var(--bd-ease);flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.bd-back-btn:hover{color:var(--bd-text);background:var(--bd-raise-2);border-color:#ffffff3d}@container (max-height:420px){.bd-back-btn{justify-content:center;width:24px;height:24px;padding:0}.bd-back-btn span{display:none}}.bd-best{border-left:1px solid var(--bd-line-strong);color:var(--bd-text-faint);margin-left:4px;padding-left:10px}.bd-panel{gap:clamp(15px,4.5cqh,24px)}.bd-chip{border-radius:var(--bd-r-pill);border:1px solid var(--bd-line-strong);background:var(--bd-raise);height:30px;color:var(--bd-text-dim);font-size:var(--bd-t-sm);font-weight:var(--bd-w-medium);letter-spacing:var(--bd-track-tight);white-space:nowrap;cursor:pointer;transition:color .14s var(--bd-ease), border-color .14s var(--bd-ease), background .14s var(--bd-ease);align-items:center;gap:6px;padding:0 11px;display:inline-flex}.bd-chip:hover:not(:disabled){color:var(--bd-text);background:var(--bd-raise-2);border-color:#ffffff3d}.bd-chip[data-on=true],.bd-chip-on{color:var(--bd-text);background:var(--bd-accent-soft);box-shadow:inset 0 0 0 1px rgb(var(--bd-accent-rgb) / .5);border-color:#0000}.bd-chip:disabled{opacity:.34;cursor:default}.bd-chip-n{font-size:var(--bd-t-meta);font-variant-numeric:tabular-nums;color:var(--bd-text-faint)}.bd-chip[data-on=true] .bd-chip-n{color:var(--bd-accent)}.bd-chip-all{border-style:dashed}.bd-chip-all[data-on=true]{border-style:solid}.bd-field-sm{font-size:var(--bd-t-base);border-radius:11px;padding:9px 34px 9px 32px}.bd-field-clear{border-radius:var(--bd-r-pill);width:22px;height:22px;color:var(--bd-text-faint);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.bd-field-clear:hover{color:var(--bd-text);background:#ffffff12}.bd-artist-list{border-radius:var(--bd-r);border:1px solid var(--bd-line);background:#ffffff05;flex-direction:column;max-height:clamp(124px,30cqh,208px);padding:4px;display:flex;overflow-y:auto}.bd-artist-row{color:var(--bd-text-dim);font-size:var(--bd-t-base);text-align:left;cursor:pointer;transition:color .12s var(--bd-ease), background .12s var(--bd-ease);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.bd-artist-row:hover:not(:disabled){color:var(--bd-text);background:#ffffff0d}.bd-artist-row[data-on=true]{color:var(--bd-text);background:var(--bd-accent-soft);font-weight:var(--bd-w-medium)}.bd-artist-row:disabled{opacity:.3;cursor:default}.bd-artist-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd-artist-count{font-size:var(--bd-t-meta);font-variant-numeric:tabular-nums;color:var(--bd-text-faint);flex:none}.bd-artist-row[data-on=true] .bd-artist-count{color:var(--bd-accent)}.bd-btn-tall{padding-top:var(--bd-fit-btn-y);padding-bottom:var(--bd-fit-btn-y)}.bd-stamp-box{width:var(--bd-fit-art);height:var(--bd-fit-art)}.bd-result-row{padding-top:var(--bd-fit-row-y);padding-bottom:var(--bd-fit-row-y)}.bd-option{cursor:pointer;text-align:left;width:100%;color:var(--bd-text);transition:background .1s var(--bd-ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:8px 10px;display:flex}.bd-option[data-active=true],.bd-option:hover{background:#ffffff12}.bd-option mark{color:var(--bd-accent);font-weight:var(--bd-w-strong);background:0 0}@keyframes bd-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.bd-rise{animation:bd-rise .42s var(--bd-ease-out) both;animation-delay:calc(var(--i,0) * 55ms)}@keyframes bd-beat{0%,to{transform:scaleY(.16)}6%{transform:scaleY(1)}13%{transform:scaleY(.2)}20%{transform:scaleY(.66)}30%{transform:scaleY(.16)}70%{transform:scaleY(.16)}78%{transform:scaleY(.28)}}.bd-pulse{justify-content:center;align-items:center;gap:6px;height:120px;display:flex;position:relative}.bd-pulse i{border-radius:var(--bd-r-pill);background:var(--bd-text);transform-origin:50%;width:5px;height:56px;animation:bd-beat 1.65s var(--bd-ease-out) infinite;animation-delay:calc(var(--d,0) * 42ms);opacity:calc(1 - var(--d,0) * .13);display:block;transform:scaleY(.16)}.bd-pulse i:nth-child(4),.bd-pulse i:nth-child(6){background:var(--bd-accent)}@media (prefers-reduced-motion:reduce){.bd-pulse i{transform:scaleY(calc(1 - var(--d,0) * .2))}.bandle *,.bandle :before,.bandle :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes bd-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.85,.35);transform:scale(2.15)rotate(-14deg)}30%{opacity:1;animation-timing-function:cubic-bezier(.62,0,.9,.5);transform:scale(1.72)rotate(-9.5deg)}55%{opacity:1;animation-timing-function:var(--bd-ease-out);transform:scale(.93)rotate(2.4deg)}72%{transform:scale(1.04)rotate(-1.1deg)}86%{transform:scale(.99)rotate(.35deg)}to{opacity:1;transform:scale(1)rotate(0)}}.bd-stamp{transform-origin:50%;animation:.62s both bd-stamp;display:block;position:relative}@keyframes bd-shock{0%{opacity:.75;transform:scale(1.02)}to{opacity:0;transform:scale(1.7)}}.bd-stamp:before,.bd-stamp:after{content:"";border:2px solid var(--bd-accent);opacity:0;pointer-events:none;animation:bd-shock .72s var(--bd-ease-out) .34s forwards;border-radius:50%;position:absolute;inset:0}.bd-stamp:after{border-width:1px;animation-delay:.43s}@keyframes bd-bloom{0%,54%{box-shadow:0 0 0 0 rgb(var(--bd-accent-rgb) / 0), 0 0 0 0 rgb(var(--bd-accent-rgb) / 0)}58%{box-shadow:0 0 0 4px rgb(var(--bd-accent-rgb) / .9), 0 0 64px 10px rgb(var(--bd-accent-rgb) / .45)}to{box-shadow:0 0 0 1px rgb(var(--bd-accent-rgb) / .35), 0 20px 54px -18px rgb(var(--bd-accent-rgb) / .5)}}.bd-stamp-art{background:var(--bd-raise-2);width:100%;height:100%;animation:bd-bloom 1.1s var(--bd-ease-out) both;border-radius:18px;display:block}@keyframes bd-badge{0%{opacity:0;transform:rotate(-15deg)scale(.35)}62%{opacity:1;transform:rotate(-6deg)scale(1.14)}to{opacity:1;transform:rotate(-7deg)scale(1)}}.bd-stamp-badge{border:1.5px solid var(--bd-accent);color:var(--bd-accent);font-size:var(--bd-t-micro);font-weight:var(--bd-w-strong);letter-spacing:var(--bd-track-caps);text-transform:uppercase;white-space:nowrap;opacity:0;animation:bd-badge .44s var(--bd-ease-out) .4s forwards;background:#0a0b11;border-radius:7px;padding:5px 11px;position:absolute;bottom:-8px;right:-14px}@keyframes bd-punch{0%,to{transform:scale(1)}18%{transform:scale(1.16)}46%{transform:scale(.985)}}.bd-punch{transform-origin:50% 60%;animation:bd-punch .62s var(--bd-ease-out) .34s both;display:block}@container (max-height:420px){.bd-stage-name{display:none}.bd-stage{gap:0}}.bd-intro{z-index:10;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.bd-intro-body{flex-direction:column;flex:auto;min-height:0;padding:clamp(13px,3cqh,26px) clamp(14px,3cqw,28px);display:flex;overflow-y:auto}.bd-intro-inner{flex-direction:column;align-items:center;gap:clamp(11px,2.4cqh,18px);width:100%;max-width:36rem;margin:auto;display:flex}.bd-intro-head{text-align:center;flex-direction:column;align-items:center;gap:clamp(5px,1.2cqh,10px);display:flex}.bd-intro-meter{height:clamp(28px,6.5cqh,52px)}.bd-intro-meter i{height:clamp(20px,5cqh,38px)}.bd-intro-meter[data-eager] i{animation-duration:.85s}.bd-intro-title{font-size:clamp(24px,5.6cqh,40px);font-weight:var(--bd-w-strong);letter-spacing:var(--bd-track-tighter);color:var(--bd-text);line-height:1.04}.bd-intro-rule{font-size:clamp(var(--bd-t-sm), 2.4cqh, var(--bd-t-lg));color:var(--bd-text-dim);line-height:1.35}.bd-intro-cta{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.bd-intro-pool{font-size:var(--bd-t-base);font-weight:var(--bd-w-medium);color:var(--bd-text)}.bd-intro-pool[data-bad]{color:var(--bd-bad)}.bd-intro-play{border-radius:var(--bd-r-pill);background:var(--bd-accent);color:var(--bd-accent-ink);font-size:clamp(var(--bd-t-md), 2.6cqh, var(--bd-t-lg));font-weight:var(--bd-w-strong);letter-spacing:var(--bd-track-tight);cursor:pointer;box-shadow:0 0 0 0 rgb(var(--bd-accent-rgb) / .5);animation:bd-intro-breathe 2.8s var(--bd-ease) infinite;transition:background .16s var(--bd-ease), transform .2s var(--bd-ease);border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;padding:clamp(11px,2.2cqh,15px) clamp(34px,6cqw,52px);display:inline-flex}.bd-intro-play:hover:not(:disabled){background:var(--bd-accent-lift);transform:translateY(-1px)}.bd-intro-play:active:not(:disabled){background:var(--bd-accent-press);transform:translateY(0)scale(.97)}.bd-intro-play:disabled{opacity:.4;cursor:not-allowed;animation:none}@keyframes bd-intro-breathe{0%,70%,to{box-shadow:0 0 0 0 rgb(var(--bd-accent-rgb) / 0)}35%{box-shadow:0 0 0 10px rgb(var(--bd-accent-rgb) / .13)}}@media (prefers-reduced-motion:reduce){.bd-intro-play{animation:none}}.bd-drop{border-radius:var(--bd-r);border:1px solid var(--bd-line);background:var(--bd-raise);width:100%;position:relative}.bd-drop:before{border-top:1px solid var(--bd-line);border-left:1px solid var(--bd-line);content:"";background:#0c0c0f;border-radius:1px 0 0;width:9px;height:9px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.bd-drop-head{border-radius:var(--bd-r);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:11px 13px;display:flex}.bd-drop-title{font-size:var(--bd-t-sm);font-weight:var(--bd-w-strong);color:var(--bd-text);flex:none}.bd-drop-sum{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--bd-t-xs);color:var(--bd-text-dim);flex:auto;overflow:hidden}.bd-drop-chev{color:var(--bd-text-faint);transition:transform .2s var(--bd-ease);flex:none}.bd-drop[data-open] .bd-drop-chev{transform:rotate(180deg)}.bd-drop-body{border-top:1px solid var(--bd-line);padding:14px 13px 13px}.bd-panel-grid{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));align-items:start;gap:clamp(14px,2.6cqh,22px) clamp(16px,2.4cqw,30px);display:grid}.bd-panel-grid>[data-wide]{grid-column:1/-1}.bd-panel-pair{flex-direction:column;gap:clamp(14px,2.6cqh,22px);display:flex}.bd-panel-grid .bd-artist-list{max-height:clamp(100px,17cqh,140px)}@container (max-height:560px){.bd-panel-grid{gap:9px 18px}.bd-panel-grid .bd-artist-list{max-height:92px}}@media (max-width:640px){.bd-panel-grid{gap:11px}.bd-panel-grid .bd-artist-list{max-height:100px}.bd-intro-play{width:100%;padding-inline:20px}.bd-drop-head{flex-wrap:wrap;row-gap:2px;padding:10px 12px}.bd-drop-title{order:1}.bd-drop-chev{order:2;margin-left:auto}.bd-drop-sum{text-align:left;flex-basis:100%;order:3}.bd-drop-body{padding:12px}}@container (max-height:800px){.bd-intro-meter{height:26px}.bd-intro-meter i{height:18px}.bd-panel-grid .bd-artist-list{max-height:clamp(96px,14cqh,116px)}.bd-drop-head{padding:9px 12px}}.bd-sheet{z-index:60;overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;overflow:hidden}.bd-sheet-head{flex-shrink:0;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.bd-sheet-cancel{font-size:var(--bd-t-base);font-weight:var(--bd-w-medium);color:var(--bd-text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:10px 4px}.bd-sheet-list{flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}