.board {
  background: var(--surface); border: 1.5px solid var(--border); border-radius: 14px;
  overflow: hidden; box-shadow: 0 4px 16px rgba(24, 19, 13, 0.08);
}
.board-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 20px; background: linear-gradient(135deg, var(--bg-2) 0%, #faf8f3 100%);
  border-bottom: 1px solid var(--border);
}
.board-head .comp { font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 16px; color: var(--ink); }
.board-head .season {
  font-size: 11px; color: var(--ink-3); font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
}
.brow {
  display: grid; grid-template-columns: 44px minmax(150px, 1fr) minmax(90px, 220px) 70px;
  align-items: center; gap: 10px; padding: 0 20px 0 10px;
  border-top: 1px solid var(--border); text-decoration: none;
  transition: background 140ms ease;
}
.brow:hover { background: rgba(251, 250, 247, 0.85); }
.rank {
  font-family: 'Baloo 2', sans-serif; font-weight: 700; font-size: 15px;
  color: var(--ink-3); text-align: center;
}
.rank.trophy { font-size: 22px; }
.club { display: flex; flex-direction: column; padding: 11px 0; min-width: 0; }
.club .cname {
  font-family: 'Baloo 2', sans-serif; font-weight: 600; font-size: 15px;
  color: var(--ink); letter-spacing: -0.01em; line-height: 1.2;
}
.club .ckind { font-size: 11px; color: var(--ink-3); margin-top: 2px; }
.meter {
  height: 8px; border-radius: 99px; background: var(--bg-2);
  border: 1px solid var(--border); overflow: hidden;
}
.meter i {
  display: block; height: 100%; border-radius: 99px;
  background: linear-gradient(90deg, var(--rust) 0%, #d0693a 100%);
  opacity: .55;
}
.count {
  font-family: 'Baloo 2', sans-serif; font-variant-numeric: tabular-nums;
  font-weight: 700; font-size: 18px; color: var(--ink); text-align: right;
}
.count small { font-size: 12px; color: var(--ink-3); font-weight: 600; }
.brow.leader {
  background: linear-gradient(135deg, rgba(184, 66, 30, 0.09) 0%, rgba(184, 66, 30, 0.02) 100%);
  border-left: 3px solid var(--rust);
}
.brow.leader:hover { background: linear-gradient(135deg, rgba(184, 66, 30, 0.13) 0%, rgba(184, 66, 30, 0.05) 100%); }
.brow.leader .cname { color: var(--rust); font-weight: 700; font-size: 18px; }
.brow.leader .count { color: var(--rust); font-size: 22px; }
.brow.leader .club { padding: 14px 0; }
.brow.leader .meter i { opacity: 1; }
.gap-line { border-top: 2px dashed var(--border); }
.board-foot {
  padding: 10px 20px; font-size: 11px; color: var(--ink-3);
  border-top: 1px solid var(--border); background: rgba(251, 250, 247, 0.6);
}
@media (max-width: 560px) {
  .brow { grid-template-columns: 36px 1fr 64px; }
  .meter { display: none; }
  .club .cname { font-size: 14px; }
}

/* Two-row board on a single head-to-head page */
.board.duel { max-width: 640px; margin: 0 0 40px; }
.board.duel .brow:hover { background: none; }
.board.duel .brow.leader:hover { background: linear-gradient(135deg, rgba(184, 66, 30, 0.09) 0%, rgba(184, 66, 30, 0.02) 100%); }
.board.duel .board-foot { font-size: 13px; color: var(--ink-2); line-height: 1.6; }
.board.duel .board-foot b { color: var(--ink); }
.board.duel .board-foot a { color: var(--rust); font-weight: 600; }