/* «Мафия» на ТВ (С25). Фраза ведущего крупно, под ней город — таблички игроков: выбывшие тусклые, с ролью, если
   хозяин раскрывает; на голосовании — латунная рамка у тех, кто уже отдал голос (за кого — не видно). */

#mode .maf-wrap {
  display: none;
}

#mode[data-layout="mafia"] .maf-wrap {
  display: flex;
}

.maf-wrap {
  position: absolute;
  left: var(--side);
  right: var(--side);
  top: var(--top-h);
  bottom: var(--scores-h);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.maf-wrap[data-phase="maf_night"] .maf-title {
  color: var(--bone-2);
}

.maf-title {
  font-size: calc(var(--u) * 8);
}

.maf-sub {
  margin: 0 0 calc(var(--u) * 3);
  max-width: calc(var(--u) * 140);
  font: 700 calc(var(--u) * 3) / 1.25 var(--font-text);
  color: var(--bone);
  text-wrap: balance;
}

.maf-town {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--u) * 1.4);
}

.maf-p {
  --pc: var(--bone-2);
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 1);
  min-height: calc(var(--u) * 6);
  padding: calc(var(--u) * 0.6) calc(var(--u) * 1.8) calc(var(--u) * 0.6) calc(var(--u) * 0.6);
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background: var(--ink-2);
}

.maf-p .ava {
  width: calc(var(--u) * 4.6);
  height: calc(var(--u) * 4.6);
  font-size: calc(var(--u) * 2.1);
}

.maf-p__n {
  font: 800 calc(var(--u) * 2.4) / 1 var(--font-text);
  color: var(--bone);
}

.maf-p__s {
  font: 600 calc(var(--u) * 1.8) / 1 var(--font-text);
  color: var(--bone-3);
}

.maf-p.is-done {
  border-color: var(--brass);
}

.maf-p.is-dead {
  opacity: 0.45;
  border-style: dashed;
}

.maf-p.is-dead .maf-p__n {
  text-decoration: line-through;
}

.maf-count {
  margin: calc(var(--u) * 2.4) 0 0;
  font: 700 calc(var(--u) * 2.4) / 1 var(--font-text);
  color: var(--bone-2);
}