/* 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-scrub{flex:1 1 160px;min-width:120px;max-width:420px;accent-color:var(--accent)}
.rp-count{font-variant-numeric:tabular-nums}
.rp-count b{color:var(--text)}

/* ── The needle ── */
.nd{display:flex;align-items:center;gap:22px;padding:6px 0 6px}
.nd-dial{flex:0 0 auto;width:196px;height:130px;display:block;overflow:visible}
.nd-dial .nd-needle{transition:transform .9s cubic-bezier(.45,.05,.35,1);transform-origin:110px 110px}
.nd.wait .nd-dial{opacity:.55}
.nd-read{flex:0 0 auto;min-width:170px}
.nd-h{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nd-sub{font-weight:600;letter-spacing:0;text-transform:none;color:var(--faint);margin-left:6px}
.nd-big{font-size:28px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.15;margin-top:2px}
.nd-big .nd-rng{font-size:14px;font-weight:600;color:var(--muted);margin-left:6px}
.nd-big .nd-wait{font-size:13.5px;font-weight:600;color:var(--muted)}
.nd-odds{font-size:13.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px}
.nd-odds b{color:var(--text);font-weight:800}
.nd-parties{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 18px;min-width:0}
.nd-p{border-left:5px solid var(--blank);padding:2px 0 2px 11px;min-width:0}
.nd-p-l{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nd-p-s{font-size:28px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.15}
.nd-p-s .nd-rng{font-size:13px;font-weight:600;color:var(--muted);margin-left:6px}
.nd-p-v{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.nd-dial .nd-needle{transition:none}}

@media (max-width:760px){
  #replay-bar{padding-top:5px}
  .rp-clock{font-size:13px;min-width:0}
  .rp-scrub{flex-basis:100%;max-width:none;order:9}
  .rp-count{display:none}
  .nd{gap:10px;flex-wrap:wrap}
  .nd-dial{width:140px;height:93px}
  .nd-read{min-width:0;flex:1 1 140px}
  .nd-big{font-size:22px}
  .nd-parties{flex-basis:100%;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px 12px}
  .nd-p-l{font-size:12px}
  .nd-p-s{font-size:20px}
  .nd-p-v{display:none}
  /* The bar carries the clock; the pill's copy would squeeze the title to nothing. */
  .status-time{display:none}
}