/* The Orchestra Conductor (js/theory/conductor.js): #conductor-screen / #cd-root.
   One column over the standard overlay, borrowing the Chord Bridge's bar,
   buttons and result card (gauntlet.css): the control bar, the piano part
   scrolling in its own strip, the stage canvas, the key hint. */
#cd-root { width: min(1290px, 97vw); display: flex; flex-direction: column; gap: 8px; }
.cd-bar .cd-piece { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-num { width: 58px; background: #1a1f2b; color: #e8ecf6; border: 1px solid #2a3145; border-radius: 7px; padding: 4px 6px; font: inherit; }
/* the piano part: a second sheet.js panel drawn into this canvas (raster
   path only); the dark ground is the strip's own, the cream is the panel's */
.cd-sheet { display: block; width: 100%; border-radius: 12px; border: 1px solid #2a3145; background: #12151d; }
#cd-stage { display: block; width: 100%; border-radius: 12px; border: 1px solid #2a3145; background: #000; }
.cd-loading {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  background: #171c27; border: 1px solid #39415a; border-radius: 10px; padding: 10px 16px;
  color: #e8ecf6; font-size: 14px; pointer-events: none;
}
/* the conductor's patience: four squares that fill red */
.cd-anger { display: inline-flex; gap: 3px; margin-left: 8px; vertical-align: -2px; }
.cd-anger i { width: 11px; height: 11px; border-radius: 3px; background: #2b3245; border: 1px solid #3d4763; }
.cd-anger i.on { background: #d9534f; border-color: #ff8a86; }