/* Карты ивента (templates/pages/maps.html) */

/* Итог по всем картам над таблицей */
.mp-summary { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 12px; font-size: 13px; color: var(--dim); }
.mp-summary b { margin-left: 4px; color: var(--hi); font-weight: 600; font-variant-numeric: tabular-nums; }
.mp-summary:empty { display: none; }

/* Карта: миникарта + название */
.mp-map { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.mp-map img { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; background: var(--panel2); flex-shrink: 0; }

/* Баланс сторон: доля побед защиты | атаки, черта — 50/50 */
.mp-balance { display: inline-flex; align-items: center; gap: 8px; }
.mp-balance__bar { position: relative; display: flex; gap: 2px; width: 120px; height: 8px; }
.mp-balance__bar::after {
  content: ''; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px; background: var(--hi); opacity: .5;
}
.mp-balance__bar i { display: block; height: 100%; }
.mp-balance__bar i.is-def { background: var(--acc); border-radius: 4px 0 0 4px; }
.mp-balance__bar i.is-att { background: var(--dim); border-radius: 0 4px 4px 0; }
.mp-balance__lean { min-width: 72px; font-size: 12px; color: var(--dim); text-align: left; }

.mp-strong { color: var(--hi); font-weight: 600; }
.mp-legend { display: inline-block; width: 10px; height: 10px; margin: 0 4px 0 2px; border-radius: 3px; vertical-align: -1px; }
.mp-legend.is-def { background: var(--acc); }
.mp-legend.is-att { background: var(--dim); }