/* MVP Ladder (module=mvp) — 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%); }

.mvp-page .lk-grid-2 > .lk-card { display: flex; flex-direction: column; }
.mvp-page .lk-card--flush > .lk-table-wrap { flex: 1; }
.mvp-key { font-weight: 700; color: #fff; }
.mvp-mob { color: var(--lk-purple-200); font-weight: 600; }
.mvp-none { padding-block: 28px !important; }

.mvp-help { padding: 0 22px 16px; }
.mvp-help details { background: rgba(11, 8, 23, .45); }
.mvp-help summary { padding: 11px 14px; font-size: 14px; }
.mvp-help .lk-accordion__body { padding: 0 14px 12px; font-size: 14px; }
.mvp-list { margin: 0; padding-left: 18px; display: grid; gap: 4px; }

.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; }
  .mvp-help { padding: 0 16px 14px; }
}
.mvp-date { font-variant-numeric: tabular-nums; }

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