.music-board[data-v-dbcafeed]{display:flex;flex-direction:column;gap:.85rem;width:100%}.music-board__dots[data-v-dbcafeed]{display:flex;gap:.4rem;justify-content:center}.music-board__dot[data-v-dbcafeed]{background:#ffffff26;border-radius:999px;height:.35rem;transition:width .2s ease,background .2s ease;width:1rem}.music-board__dot--on[data-v-dbcafeed]{background:#f5c518;width:2rem}.music-board__dot--ok[data-v-dbcafeed]{background:#22c55e;width:2rem}.music-board__dot--bad[data-v-dbcafeed]{background:#ef4444;width:2rem}.music-board__prompt[data-v-dbcafeed]{color:#ffffffb3;font-size:.9rem;font-weight:600;margin:0;text-align:center}.music-board__player[data-v-dbcafeed]{align-items:center;background:#00000047;border:1px solid hsla(0,0%,100%,.12);border-radius:.65rem;display:flex;gap:.65rem;overflow:visible;padding:.65rem .75rem;position:relative}.music-board__play[data-v-dbcafeed]{align-items:center;background:#f5c518;border:0;border-radius:999px;color:#0b0e14;cursor:pointer;display:inline-flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.music-board__play[data-v-dbcafeed]:disabled{cursor:not-allowed;opacity:.5}.music-board__track[data-v-dbcafeed]{background:#ffffff1f;border-radius:999px;flex:1;height:.4rem;overflow:hidden}.music-board__fill[data-v-dbcafeed]{background:#f5c518;border-radius:inherit;height:100%}.music-board__speed[data-v-dbcafeed]{background:#f5c51814;border:1px solid rgba(245,197,24,.28);border-radius:.55rem;display:flex;flex-direction:column;gap:.35rem;padding:.55rem .7rem}.music-board__speed-row[data-v-dbcafeed]{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between}.music-board__speed-label[data-v-dbcafeed]{color:#ffffff8c;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.music-board__speed-pts[data-v-dbcafeed]{color:#f5c518;font-family:Lexend,sans-serif;font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.03em;line-height:1;transition:color .15s ease}.music-board__speed-unit[data-v-dbcafeed]{font-size:.65rem;font-weight:700;letter-spacing:.04em;margin-left:.2rem;opacity:.7;text-transform:uppercase}.music-board__speed-track[data-v-dbcafeed]{background:#ffffff1a;border-radius:999px;height:.35rem;overflow:hidden}.music-board__speed-fill[data-v-dbcafeed]{background:#f5c518;border-radius:inherit;height:100%;transition:width .08s linear,background .15s ease}.music-board__speed--mid[data-v-dbcafeed]{background:#f0b42914;border-color:#f0b42959}.music-board__speed--mid .music-board__speed-pts[data-v-dbcafeed]{color:#f0b429}.music-board__speed--mid .music-board__speed-fill[data-v-dbcafeed]{background:#f0b429}.music-board__speed--low[data-v-dbcafeed]{background:#f8727214;border-color:#f8727259}.music-board__speed--low .music-board__speed-pts[data-v-dbcafeed]{color:#f87171}.music-board__speed--low .music-board__speed-fill[data-v-dbcafeed]{background:#f87171}.music-board__time[data-v-dbcafeed]{color:#ffffff73;font-size:.75rem;font-weight:700}.music-board__volume[data-v-dbcafeed]{display:flex;flex-shrink:0;position:relative}.music-board__mute[data-v-dbcafeed],.music-board__volume[data-v-dbcafeed]{align-items:center;justify-content:center}.music-board__mute[data-v-dbcafeed]{background:transparent;border:0;border-radius:.4rem;color:#ffffff8c;cursor:pointer;display:inline-flex;height:1.75rem;padding:0;transition:color .15s ease,background .15s ease,transform .15s ease;width:1.75rem}.music-board__mute--open[data-v-dbcafeed],.music-board__mute[data-v-dbcafeed]:hover{background:#ffffff14;color:#f5c518}.music-board__mute--open[data-v-dbcafeed]{transform:scale(1.06)}.music-board__volume-pop[data-v-dbcafeed]{background:#12161f;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;bottom:calc(100% + .55rem);box-shadow:0 10px 28px #00000080;height:7.4rem;left:50%;padding:.7rem 0;position:absolute;transform:translate(-50%);transform-origin:bottom center;width:2.6rem;z-index:30}.music-board__volume-pop[data-v-dbcafeed],.music-board__volume-wrap[data-v-dbcafeed]{align-items:center;display:flex;justify-content:center}.music-board__volume-wrap[data-v-dbcafeed]{height:1.4rem;transform:rotate(-90deg);width:5.6rem}.music-board__volume-slider[data-v-dbcafeed]{--vol:70%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;height:1.4rem;margin:0;width:5.6rem}.music-board__volume-slider[data-v-dbcafeed]:focus{outline:none}.music-board__volume-slider[data-v-dbcafeed]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f5c51859,0 2px 8px #00000073}.music-board__volume-slider[data-v-dbcafeed]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f5c518 0,#f5c518 var(--vol),hsla(0,0%,100%,.14) var(--vol),hsla(0,0%,100%,.14) 100%);border-radius:999px;height:.28rem}.music-board__volume-slider[data-v-dbcafeed]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:radial-gradient(circle at 35% 30%,#ffe566,#f5c518 55%,#c9a00e);border:2px solid #0b0e14;border-radius:999px;box-shadow:0 1px 2px #00000059,0 2px 8px #0006,inset 0 1px #ffffff59;height:.95rem;margin-top:-.34rem;-webkit-transition:transform .12s ease;transition:transform .12s ease;width:.95rem}.music-board__volume-slider[data-v-dbcafeed]:active::-webkit-slider-thumb{transform:scale(1.12)}.music-board__volume-slider[data-v-dbcafeed]::-moz-range-track{background:#ffffff24;border-radius:999px;height:.28rem}.music-board__volume-slider[data-v-dbcafeed]::-moz-range-progress{background:#f5c518;border-radius:999px;height:.28rem}.music-board__volume-slider[data-v-dbcafeed]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#ffe566,#f5c518 55%,#c9a00e);border:2px solid #0b0e14;border-radius:999px;box-shadow:0 1px 2px #00000059,0 2px 8px #0006;height:.95rem;width:.95rem}.music-vol-enter-active[data-v-dbcafeed],.music-vol-leave-active[data-v-dbcafeed]{transition:opacity .18s ease,transform .2s cubic-bezier(.22,1,.36,1)}.music-vol-enter-from[data-v-dbcafeed],.music-vol-leave-to[data-v-dbcafeed]{opacity:0;transform:translate(-50%) translateY(.4rem) scale(.92)}.music-vol-enter-to[data-v-dbcafeed],.music-vol-leave-from[data-v-dbcafeed]{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.music-board__vs-row[data-v-dbcafeed]{align-items:stretch;display:grid;gap:.55rem;grid-template-columns:1fr auto 1fr}.music-board__vs[data-v-dbcafeed]{align-self:center;color:#fff6;font-family:Lexend,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.12em}.music-board__card[data-v-dbcafeed]{align-items:center;background:#0b1220e6;border:1px solid hsla(0,0%,100%,.12);border-radius:.75rem;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;min-width:0;padding:.75rem .55rem;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.music-board__card[data-v-dbcafeed]:hover:not(:disabled){border-color:#f5c51873;transform:translateY(-1px)}.music-board__card[data-v-dbcafeed]:disabled{cursor:default}.music-board__card--correct[data-v-dbcafeed]{background:#22c55e1f;border-color:#22c55ea6}.music-board__card--wrong[data-v-dbcafeed]{background:#ef44441a;border-color:#ef44448c}.music-board__art[data-v-dbcafeed]{align-items:center;background:#0000004d;border-radius:.45rem;display:flex;height:5.5rem;justify-content:center;width:100%}.music-board__art img[data-v-dbcafeed]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.music-board__name[data-v-dbcafeed]{font-size:.82rem;font-weight:700;line-height:1.25;word-break:break-word}.music-board__artist[data-v-dbcafeed]{color:#ffffff73;font-size:.7rem}.music-board__result[data-v-dbcafeed]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.music-board__result-label[data-v-dbcafeed]{font-size:.9rem;font-weight:700}.music-board__advance[data-v-dbcafeed]{background:#ffffff1f;border-radius:999px;height:.25rem;overflow:hidden;width:100%}.music-board__advance-fill[data-v-dbcafeed]{background:#f5c518;height:100%;width:0}@media(max-width:420px){.music-board__art[data-v-dbcafeed]{height:4.25rem}.music-board__name[data-v-dbcafeed]{font-size:.75rem}}