/* Deathmatch (module=deathmatch) — 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%); }

.dm-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 28px; align-items: center; padding: 20px; }
.dm-intro__media img { display: block; width: 100%; height: auto; border-radius: var(--lk-radius); border: 1px solid var(--lk-line); }
.dm-intro__body h2 { margin: 8px 0 14px; }
.dm-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dm-facts li { display: flex; gap: 12px; align-items: flex-start; color: var(--lk-text-2); }
.dm-facts i { width: 18px; margin-top: 4px; text-align: center; color: var(--lk-purple-400); }

.dm-boards > .lk-card { display: flex; flex-direction: column; }
.dm-key { font-weight: 700; color: #fff; }
.dm-empty { flex: 1; padding: 28px 20px 34px; }
.dm-empty p { margin: 0; }

.dm-steps { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }

@media (max-width: 860px) {
  .dm-intro { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 16px; }
  .dm-boards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .lk-table--compact th, .lk-table--compact td { padding: 9px 8px; }
  .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; }
}

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