/* The replay bar: the rehearsal bar's slot, the board's own tokens. */
#src-btn{display:none !important}
#replay-bar{background:var(--info-bar-bg);border-bottom:1px solid var(--border);flex-shrink:0;
  padding:6px 14px 4px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));
  font-size:12px;color:var(--muted)}
.rp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;row-gap:6px}
.rp-speed select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;
  padding:3px 4px;font:inherit;font-weight:600;margin-left:4px}
.rp-clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text);font-size:14px;min-width:84px}
.rp-seg{display:inline-flex}
.rp-seg .btn{border-radius:0}
.rp-seg .btn:first-child{border-radius:6px 0 0 6px}
.rp-seg .btn:last-child{border-radius:0 6px 6px 0;margin-left:-1px}
.rp-count{font-variant-numeric:tabular-nums}
.rp-count b{color:var(--text)}
.rp-chart-wrap{margin-top:4px}
#rp-chart{display:block;width:100%;height:96px;cursor:ew-resize;touch-action:none;user-select:none}
.rp-note{font-size:11px;color:var(--faint);padding:2px 0 2px;line-height:1.35}
.rp-note b{color:var(--muted);font-weight:600}
@media (max-width:760px){
  #replay-bar{padding-top:5px}
  #rp-chart{height:72px}
  .rp-clock{font-size:13px;min-width:0}
  .rp-count{flex-basis:100%}
  .rp-note{display:none}
  /* The bar carries the clock; the pill's copy would squeeze the title to nothing. */
  .status-time{display:none}
}