/* 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-challenge-countdown { color: #ffe5a8; font-size: 11px; font-weight: 800; white-space: nowrap; }
.online-next-round-button[hidden] { display: none; }
.online-pass-button[hidden] { display: none; }
.online-pass-button {
  flex: 0 1 auto;
  min-width: clamp(132px, 18vw, 168px);
  min-height: 44px;
  padding: 10px 16px;
  border: 2px solid rgba(255, 210, 119, .96);
  border-radius: 12px;
  color: #fffdf0;
  background: linear-gradient(145deg, rgba(190, 78, 45, .98), rgba(126, 48, 33, .98));
  box-shadow: 0 5px 14px rgba(42, 18, 12, .28), 0 0 0 2px rgba(255, 192, 88, .18);
  cursor: pointer;
  font-size: clamp(12px, 1.5vw, 15px);
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  touch-action: manipulation;
}
.online-pass-button:hover { background: linear-gradient(145deg, rgba(215, 92, 52, .99), rgba(151, 57, 36, .99)); }
.online-pass-button:active { transform: translateY(1px); }
.online-pass-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.online-pass-button:disabled { cursor: wait; opacity: .62; }

@media (max-width: 680px) {
  .online-challenge-actions, .online-next-round-button { width: 100%; }
  .online-challenge-actions .continue-button, .online-next-round-button { flex: 1 1 84px; }
  .online-pass-button {
    flex: 1 1 100%;
    width: min(100%, 260px);
    min-height: 48px;
    margin-inline: auto;
    font-size: 14px;
  }
}

.online-game-resume-control { border-color: rgba(110, 226, 153, .75); }
.online-game-resume-control[hidden] { display: none; }