/* Visual receipts only. Timing never controls server settlement. */
.op-page .op-showdown-layer { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.op-page .op-moving-chip {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: var(--op-chip-width);
  height: 20px;
  padding: 0 2px;
  border: 1px solid #f3d68d;
  border-radius: 12px;
  background: #59492c;
  color: #fff0c1;
  font-size: 9px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -.2px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px #0005;
}
.op-page .op-chip-seat-0 { --op-from-x: var(--op-chip-0-x); --op-from-y: var(--op-chip-0-y); --op-to-x: var(--op-award-0-x); --op-to-y: var(--op-award-0-y); }
.op-page .op-chip-seat-1 { --op-from-x: var(--op-chip-1-x); --op-from-y: var(--op-chip-1-y); --op-to-x: var(--op-award-1-x); --op-to-y: var(--op-award-1-y); }
.op-page .op-chip-seat-2 { --op-from-x: var(--op-chip-2-x); --op-from-y: var(--op-chip-2-y); --op-to-x: var(--op-award-2-x); --op-to-y: var(--op-award-2-y); }
.op-page .op-chip-seat-3 { --op-from-x: var(--op-chip-3-x); --op-from-y: var(--op-chip-3-y); --op-to-x: var(--op-award-3-x); --op-to-y: var(--op-award-3-y); }
.op-page .op-chip-seat-4 { --op-from-x: var(--op-chip-4-x); --op-from-y: var(--op-chip-4-y); --op-to-x: var(--op-award-4-x); --op-to-y: var(--op-award-4-y); }
.op-page .op-chip-seat-5 { --op-from-x: var(--op-chip-5-x); --op-from-y: var(--op-chip-5-y); --op-to-x: var(--op-award-5-x); --op-to-y: var(--op-award-5-y); }
.op-page .op-moving-chip[data-direction="collect"] { animation: op-chip-collect 260ms ease-in both; }
.op-page .op-moving-chip[data-direction="award"] { animation: op-chip-award 340ms ease-out both; }
.op-page .op-table[data-payout-phase="collect"] .op-streetbet { visibility: hidden; }
@keyframes op-chip-collect {
  from { left: var(--op-from-x); top: var(--op-from-y); opacity: 1; }
  to { left: var(--op-pot-x); top: var(--op-pot-y); opacity: .75; }
}
@keyframes op-chip-award {
  from { left: var(--op-pot-x); top: var(--op-pot-y); opacity: .75; }
  to { left: var(--op-to-x); top: var(--op-to-y); opacity: 1; }
}
.op-page #opResult { flex-wrap: wrap; gap: 4px 8px; }
.op-page #opResult .op-payout-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; flex: 1 0 100%; }
.op-page .op-payout-heading { grid-column: 1 / -1; color: #c1cfbe; font-size: 10px; text-align: center; }
.op-page .op-recipient { display: flex; align-items: baseline; justify-content: space-between; gap: 4px; min-width: 0; }
.op-page .op-recipient b { color: #ffdda1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.op-page .op-recipient small { display: block; color: #beccbd; font-size: 9px; line-height: 12px; }
.op-page .op-recipient[data-kind="refund"] b { color: #d3dfd2; }
.op-page .op-table[data-reduced-motion="true"] .op-showdown-layer { display: none; }
.op-page .op-table[data-reduced-motion="true"][data-payout-phase="collect"] .op-streetbet { visibility: visible; }
@media (prefers-reduced-motion: reduce) {
  .op-page .op-showdown-layer { display: none; }
  .op-page .op-table[data-payout-phase="collect"] .op-streetbet { visibility: visible; }
}