/* Online gameplay adds only state-specific controls on top of the shared Offline board, tile, and dialog styles. */
.online-game-exit { border-color: rgba(220,242,116,.45); }
.online-seat-hand { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 7px; direction: ltr; }
.online-hand-tile { cursor: pointer; }
.online-hand-tile:disabled { cursor: not-allowed; }
.online-chain-tile { pointer-events: none; }
.online-challenge-actions, .online-round-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.online-challenge-actions .continue-button, .online-next-round-button { border-color: rgba(246, 188, 82, .75); color: #fff3d1; background: rgba(111, 76, 24, .62); }
.online-next-round-button[hidden] { display: none; }
.online-pass-button[hidden] { display: none; }
.online-pass-button { border-color: rgba(239,129,89,.7); color: #fff5e7; background: rgba(142,61,39,.55); }
.online-pass-button:hover { background: rgba(181,78,50,.72); }
@media (max-width: 760px) {
  .online-challenge-actions, .online-next-round-button { width: 100%; }
  .online-challenge-actions .continue-button, .online-next-round-button { flex: 1 1 84px; }
}