/*
 * SNAPSMACK — Photo-Challenge board CARD appearance (0.7.621D)
 * Scoped under .pc-board so it never touches the host page's theme. The GRID
 * geometry (three-across / masonry) lives in photochallenge-board-layouts.css;
 * this file is only the card look (§18 red #D40000 on dark cards). Used by both
 * /board (photochallenge-board.php) and the [board] shortcode.
 */
.pc-board { position: relative; width: 100%; }
.pc-board .card {
  position: relative; display: block; text-decoration: none; color: #f4f4f4;
  background: #0b0b0b; border: 1px solid #262626; overflow: hidden;
  transition: border-color 0.15s, transform 0.15s;
}
.pc-board .card:hover,
.pc-board .card:focus-visible { border-color: #D40000; transform: translateY(-2px); outline: none; }
.pc-board .thumb {
  display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #1a1a1a;
}
.pc-board .thumb.none {
  display: flex; align-items: center; justify-content: center;
  font-family: 'Courier New', monospace; font-size: 0.7rem; color: #9a9a9a;
}
.pc-board .meta { display: flex; align-items: center; gap: 8px; padding: 10px 12px; }
.pc-board .by {
  font-family: 'Courier New', monospace; font-size: 0.74rem; color: #f4f4f4;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pc-board .rank {
  flex: none; font-family: 'Arial Black', Arial, sans-serif; font-size: 0.72rem;
  background: #D40000; color: #fff; padding: 3px 7px; letter-spacing: 0.04em;
}
.pc-board .rank.gold   { background: #e8b100; color: #111; }
.pc-board .rank.silver { background: #c8c8c8; color: #111; }
.pc-board .rank.bronze { background: #b5702e; color: #111; }
.pc-board .tag-badge {
  flex: none; font-family: 'Courier New', monospace; font-size: 0.62rem; color: #9a9a9a;
  border: 1px solid #333; padding: 2px 5px; text-transform: uppercase;
}
.pc-board-empty { text-align: center; color: #9a9a9a; padding: 40px 20px; }
.pc-board-empty code { color: #f4f4f4; border-bottom: 1px solid #D40000; }