.poker-push-button {
  border: 1px solid #b99b50; border-radius: 4px; background: #172b25; color: #f2dfa8;
  min-height: 30px; padding: 5px 10px; font: inherit; font-size: .72rem; cursor: pointer;
}
.poker-push-button[aria-pressed="true"] { border-color: #71b593; color: #bce4ce; }
.poker-push-button:focus-visible { outline: 2px solid #ffe29c; outline-offset: 3px; }
.poker-push-button:disabled { opacity: .65; cursor: wait; }
.poker-push-strip { grid-column: 3; grid-row: 1; width: 44px; height: 44px; }
.poker-push-strip:empty { display: none; }
.poker-push-strip .poker-push-button {
  box-sizing: border-box; width: 44px; height: 44px; min-height: 44px;
  display: grid; place-items: center; pointer-events: auto; padding: 0; font-size: 0;
  border-radius: 7px;
}
.poker-push-strip .poker-push-button::before {
  content: ""; width: 22px; height: 22px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0-6 6v4l-2 4h16l-2-4V9a6 6 0 0 0-6-6Zm-2 17h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0-6 6v4l-2 4h16l-2-4V9a6 6 0 0 0-6-6Zm-2 17h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.poker-push-strip .poker-push-button[aria-pressed="true"] { background: #24503e; }
.poker-seat[data-seat="0"] .poker-player-panel {
  width: 180px; max-width: 60vw; grid-template-columns: auto minmax(0, 1fr) auto;
}
.poker-seat[data-seat="0"] .poker-avatar { grid-column: 1; grid-row: 1; }
.poker-seat[data-seat="0"] .poker-player-copy { grid-column: 2; grid-row: 1; }
.poker-presence { font-size: .6rem; color: #adbab5; line-height: 1.35; }
.poker-presence[data-presence="active"] { color: #9cddb6; }
.poker-push-status { grid-column: 1 / -1; margin: 0; text-align: center; font-size: .75rem; color: #f2dfa8; padding: .3rem .5rem; }
.multiplayer-room-item > .poker-push-button { margin: .25rem 0; width: 100%; }

/* The mobile human panel is wider than the default 112px seat.
   Give both the same width so the seat's 50% anchor centers the whole group. */
@media (max-width: 720px) {
  .poker-seat[data-seat="0"] {
    width: min(180px, 60vw);
    grid-template-columns: minmax(0, 1fr);
  }
  .poker-seat[data-seat="0"] .poker-player-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .poker-seat[data-seat="0"] .poker-seat-cards {
    justify-content: center;
  }
}