/* Safe visual overrides for platform-specific third-board styling. */
:root {
  --fresh-game-bg: #e1f7ef;
  --fresh-game-fg: #0f7858;
  --fresh-game-line: rgba(15, 159, 117, 0.2);
  --fresh-game-glow: rgba(15, 159, 117, 0.14);
}

.board-card[data-tone="third"][data-board-type="fresh_game"] {
  border-color: var(--fresh-game-line);
  box-shadow: 0 18px 32px var(--fresh-game-glow);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(241, 252, 247, 0.96));
}

.board-card[data-tone="third"][data-board-type="fresh_game"] .board-head {
  background: linear-gradient(135deg, rgba(33, 190, 140, 0.98), rgba(15, 159, 117, 0.98));
}

#title-third[data-board-type="fresh_game"] {
  letter-spacing: -0.02em;
}

#hint-third[data-board-type="fresh_game"] {
  color: rgba(255, 255, 255, 0.9);
}

#count-third[data-board-type="fresh_game"] {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

#list-third[data-board-type="fresh_game"] .board-item-btn {
  border-color: rgba(15, 159, 117, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 252, 248, 0.95));
}

#list-third[data-board-type="fresh_game"] .board-item-btn:hover {
  border-color: rgba(15, 159, 117, 0.32);
  box-shadow: 0 12px 18px rgba(15, 159, 117, 0.1);
}

#list-third[data-board-type="fresh_game"] .rank-badge:not(.top1):not(.top2):not(.top3) {
  background: rgba(225, 247, 239, 0.95);
  color: var(--fresh-game-fg);
}

#list-third[data-board-type="fresh_game"] .publisher {
  color: #2f6653;
}

#list-third[data-board-type="fresh_game"] .note-row .badge.b-info {
  background: rgba(225, 247, 239, 0.92);
  color: var(--fresh-game-fg);
}

.rank-chip.third-board[data-board-type="fresh_game"] {
  background: var(--fresh-game-bg);
  color: var(--fresh-game-fg);
}

.rank-chip.third-board.empty[data-board-type="fresh_game"] {
  background: rgba(225, 247, 239, 0.76);
  color: #6d9f8e;
}

#matrix-third-heading[data-board-type="fresh_game"] {
  color: var(--fresh-game-fg);
  background: linear-gradient(180deg, rgba(244, 252, 248, 0.98), rgba(236, 248, 241, 0.98));
  box-shadow: inset 0 -2px 0 rgba(15, 159, 117, 0.16);
}
