/* Identity only: preserve the board, token colours and established mobile geometry. */
.dardino-account {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid #51e0cc35;
  border-radius: 14px;
  background: #111a30;
  color: #f5f6fa;
  font: 13px/1.5 Arial, sans-serif;
}

.dardino-account p {
  margin: 0 0 8px;
}

.dardino-account a {
  color: #51e0cc;
  display: inline-block;
  padding: 8px 0;
}

.dardino-avatar-picker {
  border: 0;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.dardino-avatar-picker legend {
  font-size: 12px;
  margin-bottom: 8px;
}

.dardino-avatar-picker button {
  width: 46px;
  min-height: 46px;
  padding: 2px;
}

.dardino-avatar-picker [aria-pressed="true"] {
  border: 2px solid #51e0cc;
}

.dardino-avatar-picker img,
.dardino-player-avatar {
  object-fit: cover;
  border-radius: 9px;
  flex-shrink: 0;
}

.dardino-kind {
  display: block;
  font-size: 9px;
  color: #51e0cc;
  line-height: 1.2;
}

.dardino-game #players .dardino-player-row {
  display: grid;
  grid-template-columns: 32px 18px minmax(0, 1fr) 10px;
  gap: 4px 6px;
}

.dardino-player-row .dardino-player-avatar {
  grid-column: 1;
  grid-row: 1 / 3;
}

.dardino-player-row .token {
  grid-column: 2;
  grid-row: 1;
}

.dardino-player-row .who {
  grid-column: 3;
  grid-row: 1;
}

.dardino-player-row .cash {
  grid-column: 3;
  grid-row: 2;
  justify-self: start;
}

.dardino-player-row .playerChevron {
  grid-column: 4;
  grid-row: 1 / 3;
}

.mobilePlayer .dardino-player-avatar {
  width: 22px;
  height: 22px;
}

.dardino-avatar-picker[hidden],
.dardino-account button[hidden],
.dardino-account a[hidden] {
  display: none;
}

/* Return through the existing brand without adding header width. */
a.dardino-home { color: inherit; text-decoration: none; }