/* PVP
   pages/wiki/pvp.html: selo de estado do sistema e listas sem icone.
   Carregado depois de 20-bestiario.css. */

/* selo ao lado do titulo do sistema: no ar ou planejado */
.selo-sistema {
  display:inline-block;
  vertical-align:middle;
  margin-left:12px;
  padding:4px 10px;
  font:8px var(--sans);
  font-weight:700;
  letter-spacing:.2em;
  white-space:nowrap
}
.selo-sistema.ativo {
  border:1px solid #5fc46a59;
  background:#5fc46a14;
  color:#7fd189
}
.selo-sistema.planejado {
  border:1px dashed #8a5f5273;
  background:#8a5f5210;
  color:#bb8878
}

/* as listas desta pagina nao tem icone, entao o texto ocupa tudo */
.grade-itens.sem-icone-lista li {
  display:block;
  padding:14px 16px
}
.grade-itens.sem-icone-lista b {
  margin-bottom:5px
}

/* faixa colorida indicando o elemento da torre */
.grade-itens li.torre-gelo {
  border-left:2px solid #5aa8e8
}
.grade-itens li.torre-fogo {
  border-left:2px solid #e2545f
}
.grade-itens li.torre-raio {
  border-left:2px solid #e0bb4c
}

/* tabela de resumo sem cabecalho: a primeira coluna vira o rotulo */
.artigo-corpo .tabela-dados td:first-child b {
  color:var(--gold);
  font:9px var(--sans);
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase
}

@media(max-width:600px) {
  .selo-sistema {
    margin-left:0;
    margin-top:8px;
    display:block;
    width:max-content
  }
}

/* faixa colorida das tres torres da disputa de territorio */
.grade-itens li.torre-sabedoria {
  border-left:2px solid #6f8ee2
}
.grade-itens li.torre-poder {
  border-left:2px solid #d2564a
}
.grade-itens li.torre-ganancia {
  border-left:2px solid #d4a94a
}