/* dq-play.css — optional. Drop it in or fold these rules into the module stylesheet. */
.dq-play            { max-width: 460px; margin: 1.5rem auto; font-family: inherit; }
.dq-court           { border-radius: 10px; }
.dq-bar             { display:flex; align-items:center; gap:.5rem; margin-top:.6rem; }
.dq-btn             { background:#F2C14E; color:#0B1220; border:0; border-radius:6px;
                      padding:.42rem .85rem; font-weight:700; cursor:pointer; font-size:.85rem; }
.dq-btn-quiet       { background:#1C2A3C; color:#DCE8F5; }
.dq-scrub           { flex:1; accent-color:#F2C14E; }
.dq-beat            { margin-top:.7rem; }
.dq-beat-title      { color:#F2C14E; font-weight:800; font-size:.82rem;
                      letter-spacing:.04em; text-transform:uppercase; }
.dq-beat-text       { color:#DCE8F5; font-size:.95rem; line-height:1.5; margin-top:.2rem; }
.dq-error           { color:#F2726F; font-size:.9rem; padding:1rem; border:1px solid #F2726F;
                      border-radius:8px; }