/* PvP Ladder (module=pvp) — uses the shared ranking components from loki.css */

/* top-3 row tint painted once per row (the shared rule tints every cell separately) */
.lk-table tr.lk-top-1 td, .lk-table tr.lk-top-2 td, .lk-table tr.lk-top-3 td { background: transparent; }
.lk-table tr.lk-top-1 { background: linear-gradient(90deg, rgba(246, 196, 83, .12), transparent 70%); }
.lk-table tr.lk-top-2 { background: linear-gradient(90deg, rgba(207, 214, 230, .08), transparent 70%); }
.lk-table tr.lk-top-3 { background: linear-gradient(90deg, rgba(227, 161, 115, .09), transparent 70%); }

.pvp-help { margin-bottom: 16px; }
.pvp-help summary > span { display: inline-flex; align-items: center; gap: 10px; }
.pvp-help summary i { color: var(--lk-blue-400); }
.pvp-list { margin: 0; padding-left: 18px; display: grid; gap: 4px; }

.pvp-key { font-weight: 700; color: #fff; }
.pvp-empty { padding: 28px 20px 32px; }

.pvp-time { white-space: nowrap; }
.pvp-time__clock { color: var(--lk-text); font-weight: 600; margin-right: 6px; }
.pvp-event__killer { color: #fff; font-weight: 600; }
.pvp-event__verb { color: var(--lk-text-3); margin: 0 4px; }
.pvp-event__victim { color: var(--lk-purple-200); font-weight: 600; }

.lk-podium__value strong { color: #fff; }
.lk-podium__card--1 .lk-podium__value strong { color: var(--lk-gold-300); }

@media (max-width: 640px) {
  .lk-podium { gap: 10px; }
  .lk-podium__card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 14px; text-align: left; padding: 14px 16px; }
  .lk-podium__card--1 { padding-top: 14px; }
  .lk-podium__card .lk-rank { grid-row: span 2; }
  .lk-podium__name { margin: 0; font-size: 1.1rem; }

  .lk-table--compact th, .lk-table--compact td { padding: 9px 8px; }
  .lk-table--compact th { letter-spacing: .05em; }
  .lk-table--compact th:first-child, .lk-table--compact td:first-child { padding-left: 12px; }
  .lk-table--compact th:last-child, .lk-table--compact td:last-child { padding-right: 12px; }
  .pvp-time { white-space: normal; }
  .pvp-time .lk-muted { display: block; font-size: 12px; }
}

/* keep name cells centred with the numbers */
.lk-table .lk-player { vertical-align: middle; }