/**
 * Portal shared pager / rewind controls (P-PAGER-1).
 * Black background + seafoam (var(--title)) arrows — all buttons same style.
 * Do not use colored emoji (⏮/⏭) — they ignore CSS color.
 */
.portal-rewind,
.rewind {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.portal-rewind .rw,
.rewind .rw,
.portal-rewind button,
.rewind button.rw {
  min-width: 52px;
  min-height: 52px;
  border: 1px solid var(--title, #00ced1);
  border-radius: 10px;
  background: #000;
  color: var(--title, #00ced1);
  font-size: 1.15rem;
  font-weight: 800;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  font-variant-emoji: text;
  filter: none;
}

.portal-rewind .rw-pos,
.rewind .rw-pos {
  min-width: 4.5rem;
  text-align: center;
  color: var(--title, #00ced1);
  font-weight: 700;
}