/* ═══════════════════════════════════════════════════════════════
   Кръгозор · Дуел — аватари
   Едно правило за всички лица в дуела: снимка → избран герб →
   хоплит. Никога празен тъмен квадрат.

   Зарежда се СЛЕД vip.css, защото VIP рамките (.frm-*) сменят
   `position` на аватара и чупят лицата, които се позиционират с
   `position:absolute; inset:0` (моят лист на дуелната маса).
   ─────────────────────────────────────────────────────────────── */

/* ── 1. моят лист на масата: винаги запълнен ────────────────── */
/* Преди JS да е сложил снимка, лицето пак не е празно. */
.dt-face {
  background-image: url("/assets/duel/hoplite.webp");
  background-size: contain;
  background-position: 50% 62%;
  background-repeat: no-repeat;
}

/* ── 2. VIP рамка не бива да смалява лицето ──────────────────
   vip.css дава `.frm-week.frm-week{position:relative}` (0,2,0) и
   бие `.dt-face{position:absolute;inset:0}` (0,1,0) → елементът
   се свива до рамката си (4×4 px) и снимката потъва в картата.
   Тези селектори са по-специфични и връщат пълния размер. */
.dt-face.frm-war.frm-war,
.dt-face.frm-pantheon.frm-pantheon,
.dt-face.frm-week.frm-week,
.dt-face.frm-legend.frm-legend {
  position: absolute;
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
}

/* ── 3. картинка: запълва лицето ─────────────────────────────── */
.avatar.ava-img,
.dt-face.ava-img,
.lb-ava.ava-img,
.dt-me-face.ava-img {
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
}

/* ── 4. хоплит-заместител: бит URL, липсваща снимка, бот ────── */
.avatar.ava-hop,
.dt-face.ava-hop,
.lb-ava.ava-hop {
  background-image: url("/assets/duel/hoplite.webp") !important;
  background-size: contain !important;
  background-position: 50% 62% !important;
  background-repeat: no-repeat !important;
  background-color: #131a15 !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* ── 5. дребните аватари в класациите ───────────────────────── */
.lb-ava {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.lb-ava.ava-hop { background-size: contain; }

/* ── 6. лице на VS екрана и в резултатната лента ────────────── */
.fighter .avatar.md.ava-hop {
  background-size: contain !important;
  background-position: 50% 55% !important;
}

@media (prefers-reduced-motion: reduce) {
  .dt-face { animation: none; }
}