/* MARCAS DAS REGIÕES (2558, 03/11): a cor de cada Marca, o selo na mochila, a ficha do item,
   Ferreiro › Migrar › ◆ Marca e o álbum do Bestiário (opção A do autor). Sem brilho (regra do autor). */
.mr-r-despertar{--mr:#e7c46a}.mr-r-gelo{--mr:#8fd3ff}.mr-r-balrog{--mr:#ff7a3d}.mr-r-fenix{--mr:#ff9f1c}
.mr-r-pesadelo{--mr:#c04bd6}.mr-r-selupan{--mr:#5fb7e8}.mr-r-medusa{--mr:#7ccf5a}.mr-r-kundun{--mr:#e04848}
.mr-r-elemental{--mr:#3fd0b6}.mr-r-abismo{--mr:#7d7dff}.mr-r-kethotum{--mr:#f2b53a}.mr-r-aquilas{--mr:#f0f0f0}

.mr-gema{display:inline-block;color:var(--mr,#d7a944);font-size:1em;line-height:1;margin-right:5px;text-shadow:0 1px 0 #000}
.mr-gema.apagada{color:#3a3f4c}
.mr-barra{display:block;height:6px;border-radius:6px;background:#11141b;overflow:hidden;margin:4px 0 2px}
.mr-barra i{display:block;height:100%;background:var(--mr,#d7a944)}

/* selo na mochila */
.inv-slot .inv-marca{position:absolute;left:3px;bottom:2px;font-size:12px;line-height:1;color:var(--mr,#d7a944);text-shadow:0 1px 1px #000;pointer-events:none}

/* ficha do item */
.ttip-marca-regiao{margin-top:6px;padding:6px 8px;border-radius:8px;background:rgba(9,11,15,.7);border:1px solid #4a3d22;border-left:3px solid var(--mr,#d7a944);display:grid;gap:1px}
.ttip-marca-regiao strong{font-size:12.5px;color:#f3dfb0}
.ttip-marca-regiao small{font-size:11.5px;color:#d6d9e2}

/* Ferreiro › Migrar */
.mr-modos{display:flex;gap:6px;margin:0 0 8px}
.mr-modos.hidden{display:none}
.mr-modos button{flex:1;padding:7px 10px;border-radius:9px;background:#151820;border:1px solid #2c313d;color:#aab1c2;font-weight:bold;font-size:13px;cursor:var(--cur-mao,pointer)}
.mr-modos button.sel{background:linear-gradient(180deg,#d8a34a,#7d5410);color:#fff3cd;border-color:#c79a4a}
#forgeView:not(.mr-modo-marca) .mr-regras{display:none}
#forgeView.mr-modo-marca [data-vendor-group-panel="migrate"] > details.fx-regras:not(.mr-regras){display:none}
.mr-palco-col{align-items:stretch;text-align:left}
.mr-palco-col .mr-palco{width:100%}
.mr-palco{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}
.mr-seta{align-self:center;color:#d7a944;font-size:20px}
.mr-lado{padding:8px 10px;border-radius:10px;background:rgba(9,11,15,.72);border:1px solid #343947;border-left:3px solid var(--mr,#343947);display:grid;gap:2px;align-content:start;min-width:0}
.mr-lado small{font-size:11px;letter-spacing:.5px;color:#8d95a8;text-transform:uppercase}
.mr-lado b{font-size:13.5px;color:#f3dfb0}
.mr-lado em{font-style:normal;font-size:12px;color:#d7a944}
.mr-lado .mr-ef{font-size:12.5px;color:#e8e8ee}
.mr-lado.vazio b{color:#8d95a8;font-weight:normal}
.mr-lado .mr-gema{font-size:16px}
.mr-troca{margin:0;padding:7px 9px;border-radius:9px;background:#2a1c10;border:1px solid #6b4a1e;color:#ffd9a3;font-size:12.5px}
.mr-fontes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;max-height:260px;overflow:auto;padding-right:2px}
.mr-fonte{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:#151820;border:1px solid #2c313d;color:#e8e8ee;text-align:left;cursor:var(--cur-mao,pointer);min-width:0;height:auto;min-height:58px;line-height:1.25;white-space:normal}
.mr-fonte.sel{background:#2a2414;border-color:#c79a4a}
.mr-fonte .mr-fonte-arte{width:38px;height:38px;object-fit:contain;flex:none}
.mr-fonte > span{display:grid;min-width:0}
/* 03/11: o nome da Marca e da peça quebram a linha (antes cortavam em "Marca da Med...") */
.mr-fonte b{font-size:12.5px;color:#f3dfb0;white-space:normal;overflow-wrap:anywhere}
.mr-fonte small{font-size:11px;color:#aab1c2;white-space:normal;overflow-wrap:anywhere}
.mr-fonte .mr-fonte-tag{font-style:normal;font-size:10.5px;font-weight:700;margin-top:2px}
.mr-fonte .mr-fonte-tag.igual{color:#7ed79a}
.mr-fonte .mr-fonte-tag.troca{color:#e8a25a}
.mr-fonte em{font-style:normal;font-size:11px;color:#d7a944}

/* Bestiário › Marcas */
.bx-abas{display:flex;gap:6px}
.bx-abas.hidden{display:none}
.bx-abas button{padding:7px 12px;border-radius:9px;background:#151820;border:1px solid #2c313d;color:#aab1c2;font-weight:bold;font-size:13px;cursor:var(--cur-mao,pointer)}
.bx-abas button.sel{background:linear-gradient(180deg,#d8a34a,#7d5410);color:#fff3cd;border-color:#c79a4a}
#codexView.bx-marcas .bx-corpo,#codexView.bx-marcas #codexGuia,#codexView.bx-marcas .bx-busca,#codexView.bx-marcas .bx-cap{display:none}
.mr-album[hidden]{display:none}
.mr-album{display:grid;gap:12px}
.mr-album-cab{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-end;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#1a1d26;border:1px solid #343947}
.mr-album-cab h3{margin:0 0 4px;font-family:Cinzel,Georgia,serif;color:#f3dfb0;font-size:18px}
.mr-album-cab p{margin:0 0 3px;color:#aab1c2;font-size:12.5px;line-height:1.4;max-width:760px}
.mr-progresso{display:grid;gap:5px;min-width:200px;font-size:13px;color:#cfd3dc}
.mr-progresso b{color:#d7a944}
.mr-progresso i{display:block;height:8px;border-radius:8px;background:#151820;overflow:hidden}
.mr-progresso em{display:block;height:100%;background:linear-gradient(90deg,#7d5410,#d8a34a)}
.mr-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.mr-cartao{position:relative;border:1px solid #343947;border-radius:14px;overflow:hidden;background:#1a1d26;display:grid;align-content:space-between}
.mr-cartao .mr-fundo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32}
.mr-topo{position:relative;padding:10px 12px 0;display:grid;grid-template-columns:68px 1fr;gap:10px}
.mr-chefe{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 4px 6px #000)}
.mr-cartao.falta .mr-chefe{filter:brightness(.25) drop-shadow(0 4px 6px #000)}
.mr-topo h3{margin:0 0 2px;font-family:Cinzel,Georgia,serif;font-size:15.5px;color:#f3dfb0}
.mr-mapas{margin:0;font-size:11.5px;color:#aab1c2;line-height:1.35}
.mr-cartao-modos{margin:4px 0 0;font-size:11.5px;color:#6e7588;display:flex;gap:5px;flex-wrap:wrap}
.mr-modo.on.m0{color:#93b85a}.mr-modo.on.m1{color:#ba73ff}.mr-modo.on.m2{color:#ffb64d}
.mr-caixa{position:relative;margin:10px 12px 12px;padding:8px 10px;border-radius:10px;background:rgba(9,11,15,.8);border:1px solid #4a3d22;display:flex;align-items:center;gap:10px}
.mr-caixa .mr-gema{font-size:26px;margin:0 2px}
.mr-caixa > span{display:grid;gap:1px;min-width:0}
.mr-caixa b{font-size:13px;color:#d7a944}
.mr-caixa small{font-size:12px;color:#e8e8ee}
.mr-caixa em{font-style:normal;font-size:11px;color:#aab1c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-caixa.vazia{border-color:#2c313d}
.mr-caixa.vazia b{color:#8d95a8}.mr-caixa.vazia small,.mr-caixa.vazia em{color:#6e7588}

/* PC largo: o palco fica na coluna da esquerda (300px), um lado embaixo do outro */
@media (min-width:1200px){
  .fx-com-palco .mr-palco-col .mr-palco{grid-template-columns:1fr}
  .fx-com-palco .mr-palco-col .mr-seta{justify-self:center;transform:rotate(90deg)}
}
@media (max-width:560px){
  .mr-palco{grid-template-columns:1fr}
  .mr-seta{justify-self:center;transform:rotate(90deg)}
  .mr-fontes{grid-template-columns:1fr;max-height:none}
  .mr-grade{grid-template-columns:1fr}
}