/* =====================================================================
   PVP B — o hub PvP no acabamento premium (escolha do autor, 28/09)
   ---------------------------------------------------------------------
   Mesmo vocabulário da Loja B e do Combate B: dourado sobre fundo quente,
   títulos em fonte de exibição, arte de verdade (títulos e mapas do jogo).
   Nenhum modo novo e nenhum número inventado: o que aparece vem do estado
   (liga, rating, ingressos, Honor, War Medals, facção) e da configuração da
   economia (COL_ZODIAC_CONFIG.HONOR).
   ===================================================================== */

#colosseumModal .pvp-b-card{
  --p-ouro:#f3cf7a;--p-borda:#3d311a;--p-texto:#f1e2b8;--p-texto-2:#b8a984;
  width:min(1180px,calc(100vw - 24px))!important;max-width:1180px!important;
  background:radial-gradient(120% 60% at 50% 0%,#1d170d 0%,#0e0d0b 55%,#0a0a0c 100%)!important;
  border:1px solid #6b5426!important;border-radius:16px!important;box-shadow:0 0 0 1px #000,0 30px 80px rgba(0,0,0,.7)!important;
}
/* topo: título + tesouro */
#colosseumModal .pvp-b-topo{display:flex;align-items:center;gap:16px;border-bottom:1px solid #4a3b1c;padding-bottom:12px!important}
#colosseumModal .pvp-b-topo .profile-overline{color:#e2c47e!important;letter-spacing:.16em}
#colosseumModal .pvp-b-topo h2{color:#fff1c9!important;font-family:var(--font-display),Georgia,serif;letter-spacing:.06em;margin:2px 0 0}
#colosseumModal .pvp-b-tesouro{display:flex;gap:8px;margin-left:auto}
#colosseumModal .pvp-b-tesouro span{display:grid;gap:1px;min-width:108px;padding:6px 12px;border-radius:9px;background:#0e0b07;border:1px solid #2e2413}
#colosseumModal .pvp-b-tesouro small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#9a8b6c}
#colosseumModal .pvp-b-tesouro b{font-size:17px;color:var(--p-texto);font-variant-numeric:tabular-nums}

/* barra de modos: cartões com a arte do mapa de cada modo */
#colosseumModal .pvp-b-modos{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;
  padding:12px 16px!important;margin:0 0 12px!important;border-bottom:1px solid #2a2112;
}
#colosseumModal .pvp-b-modos>.character-tab-button{
  position:relative;overflow:hidden;isolation:isolate;min-height:64px;margin:0!important;
  display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;text-align:left;
  padding:10px 12px!important;border-radius:10px!important;border:1px solid var(--p-borda)!important;
  background:linear-gradient(180deg,#17120b,#110e0a)!important;background-size:cover!important;background-position:center!important;
  color:var(--p-texto)!important;font-family:var(--font-display),Georgia,serif!important;font-size:12px!important;letter-spacing:.06em!important;box-shadow:none!important;
}
#colosseumModal .pvp-b-modos>.character-tab-button::before{
  content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,10,6,.2) 0%,rgba(13,10,6,.92) 75%);
}
#colosseumModal .pvp-b-modos>#tabColosseum{background-image:url(../assets/backgrounds/tarkan.webp)!important}
#colosseumModal .pvp-b-modos>#tabGens{background-image:url(../assets/backgrounds/land_of_trials.webp)!important}
#colosseumModal .pvp-b-modos>#tabGvG{background-image:url(../assets/backgrounds/uruk_mountain.webp)!important}
#colosseumModal .pvp-b-modos>#tabSiege{background-image:url(../assets/backgrounds/crywolf.webp)!important}
#colosseumModal .pvp-b-modos>.character-tab-button>span{all:unset;display:block;font:700 12px var(--font-display),Georgia,serif!important;letter-spacing:inherit;color:inherit;text-shadow:0 1px 3px #000}
#colosseumModal .pvp-b-modos>.character-tab-button:hover{border-color:#8a6d33!important}
#colosseumModal .pvp-b-modos>.character-tab-button.active{border-color:var(--p-ouro)!important;box-shadow:0 0 0 1px var(--p-ouro),0 0 22px rgba(243,207,122,.25)!important;color:#fff!important}
#colosseumModal .pvp-b-estado{font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;color:#8fe3b3}
#colosseumModal .pvp-b-estado:empty{display:none}

/* tela principal do Coliseu */
#colosseumModal .pvp-b{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}
#colosseumModal .pvp-b-heroi{position:relative;border-radius:14px;overflow:hidden;border:1px solid #6b5426;background:#120e08;box-shadow:0 0 0 1px #000,0 18px 50px rgba(0,0,0,.6)}
#colosseumModal .pvp-b-heroi-fundo{position:absolute;inset:0;background:url(../assets/backgrounds/tarkan.webp) center 60%/cover;opacity:.5}
#colosseumModal .pvp-b-heroi-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0a06 0%,rgba(13,10,6,.82) 45%,rgba(13,10,6,.45) 100%)}
#colosseumModal .pvp-b-heroi-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;padding:18px 20px}
#colosseumModal .pvp-b-heroi-titulo{display:block;height:74px;width:auto;max-width:100%;object-fit:contain;margin:0 0 4px;filter:drop-shadow(0 4px 14px #000)}
#colosseumModal .pvp-b-heroi-sub{margin:0 0 12px;color:#cdbf9f;font-size:14px;line-height:1.45}
#colosseumModal .pvp-b-liga{display:flex;align-items:center;gap:12px;background:rgba(14,11,7,.8);border:1px solid var(--p-borda);border-radius:10px;padding:10px 12px}
#colosseumModal .pvp-b-liga-ic{font-size:32px;line-height:1}
#colosseumModal .pvp-b-liga b{display:block;font:700 16px var(--font-display),Georgia,serif;color:#fff1c9;letter-spacing:.06em}
#colosseumModal .pvp-b-liga small{display:block;color:var(--p-texto-2);font-size:12px}
#colosseumModal .pvp-b-liga-rt{margin-left:auto;text-align:right}
#colosseumModal .pvp-b-liga-rt b{font:800 24px system-ui,sans-serif;color:var(--p-ouro)}
#colosseumModal .pvp-b-liga-barra{height:6px;border-radius:4px;background:#0a0806;border:1px solid var(--p-borda);margin-top:8px;overflow:hidden}
#colosseumModal .pvp-b-liga-barra i{display:block;height:100%;background:linear-gradient(90deg,#9a6b1f,var(--p-ouro))}
#colosseumModal .pvp-b-ingressos{display:flex;align-items:center;gap:10px;margin-top:12px;color:#cdbf9f;font-size:13px}
#colosseumModal .pvp-b-ingressos strong{font-size:18px}
#colosseumModal .pvp-b-pips{display:flex;gap:4px}
#colosseumModal .pvp-b-pips i{width:12px;height:20px;border-radius:3px;background:#2b2418;border:1px solid #4a3d24}
#colosseumModal .pvp-b-pips i.cheio{background:linear-gradient(180deg,#f5d27f,#b8832a);border-color:#fbe3a3;box-shadow:0 0 6px rgba(243,207,122,.4)}
#colosseumModal .pvp-b-premios{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;color:#cdbf9f}
#colosseumModal .pvp-b-premios span{background:rgba(14,11,7,.8);border:1px solid var(--p-borda);border-radius:6px;padding:4px 8px}
#colosseumModal .pvp-b-premios b{color:#fff1c9}
#colosseumModal .pvp-b-nota{margin:12px 0 0;color:#d8c79a;font-size:12.5px;line-height:1.45}
#colosseumModal .pvp-b-erro{margin:8px 0 0;color:#ff9a9a;font-size:12.5px}
#colosseumModal .pvp-b-botao-semanal{margin-top:12px;border-color:#b8913f!important;color:var(--p-ouro)!important}
#colosseumModal .pvp-b-oponentes-topo{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
#colosseumModal .pvp-b-oponentes-topo h3{margin:0;font:700 13px var(--font-display),Georgia,serif;letter-spacing:.14em;color:#e2c47e;text-transform:uppercase}
#colosseumModal .pvp-b-oponentes-topo div{display:flex;gap:6px}
#colosseumModal .pvp-b-oponentes-topo .utility-button{padding:4px 10px;font-size:12px}
#colosseumModal .pvp-b-lista{display:grid;gap:8px}
#colosseumModal .pvp-b-op{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(14,11,7,.88);border:1px solid var(--p-borda);border-left:3px solid;border-radius:8px;padding:9px 12px}
#colosseumModal .pvp-b-op-nome{font-weight:700;font-size:15px;color:#fff1c9}
#colosseumModal .pvp-b-op-info{font-size:12px;color:var(--p-texto-2)}
#colosseumModal .pvp-b-op-info strong{color:var(--p-ouro)}
#colosseumModal .pvp-b-op .colosseum-fight-btn{font-size:13px;padding:8px 16px;white-space:nowrap}

/* coluna da direita */
#colosseumModal .pvp-b-lado{display:grid;gap:12px;align-content:start}
#colosseumModal .pvp-b-painel{background:linear-gradient(180deg,#17120b,#110e0a);border:1px solid var(--p-borda);border-radius:12px;padding:12px 14px}
#colosseumModal .pvp-b-painel h5{margin:0 0 10px;font:700 12px var(--font-display),Georgia,serif;letter-spacing:.14em;color:#e2c47e;display:flex;align-items:center;gap:8px}
#colosseumModal .pvp-b-painel h5::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#6b5426,transparent)}
#colosseumModal .pvp-b-eu{display:grid;gap:2px}
#colosseumModal .pvp-b-eu b{font:700 17px var(--font-display),Georgia,serif;color:#fff1c9}
#colosseumModal .pvp-b-eu small{color:var(--p-texto-2);font-size:12.5px}
#colosseumModal .pvp-b-carteira{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#colosseumModal .pvp-b-carteira div{background:#0e0b07;border:1px solid #2e2413;border-radius:8px;padding:8px 10px}
#colosseumModal .pvp-b-carteira small{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#9a8b6c}
#colosseumModal .pvp-b-carteira b{font-size:17px;color:var(--p-texto)}
#colosseumModal .pvp-b-loja{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;padding:9px 2px;margin:0;border:0;border-top:1px solid #2e2413;background:none;color:#fff1c9;cursor:pointer;text-align:left}
#colosseumModal .pvp-b-loja:first-of-type{border-top:0}
#colosseumModal .pvp-b-loja b{font-size:13px;letter-spacing:.04em}
#colosseumModal .pvp-b-loja small{font-size:10px;font-weight:800;letter-spacing:.1em;color:#9a8b6c}
#colosseumModal .pvp-b-loja:hover b{color:var(--p-ouro)}

@media (max-width:900px){
  #colosseumModal .pvp-b{grid-template-columns:1fr}
  #colosseumModal .pvp-b-heroi-in{grid-template-columns:1fr}
}
@media (max-width:699px){
  #colosseumModal .pvp-b-card{width:calc(100vw - 12px)!important;max-height:94vh}
  #colosseumModal .pvp-b-topo{flex-wrap:wrap}
  #colosseumModal .pvp-b-tesouro{order:3;width:100%;margin-left:0}
  #colosseumModal .pvp-b-tesouro span{flex:1;min-width:0}
  #colosseumModal .pvp-b-modos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 10px!important}
  #colosseumModal .pvp-b-modos>.character-tab-button{min-height:52px;font-size:11px!important;padding:8px 9px!important}
  #colosseumModal .pvp-b-heroi-in{padding:14px}
  #colosseumModal .pvp-b-heroi-titulo{height:54px}
}

/* A GvG diz quanto paga (28/09). */
#colosseumModal .gvg-premio{margin:6px 0 0;color:#e2c47e;font-size:13px}

/* =====================================================================
   REVISÃO (28/09, tarde) — pedido do autor: "letras fora de caixas,
   informações se sobrepondo" e "vários itens que o jogo já possui asset não
   aparecem lá, nem auras e títulos". Arte do jogo no lugar dos emojis e
   abas que crescem com o rótulo em vez de empilhar texto por cima.
   ===================================================================== */
#colosseumModal .pvp-b-modos>.character-tab-button{height:auto!important;min-height:64px;padding-right:48px!important;justify-content:center}
#colosseumModal .pvp-b-modos>.character-tab-button>span{line-height:1.2!important;overflow-wrap:anywhere;height:auto!important;max-height:none!important;min-height:0!important}
#colosseumModal .pvp-b-modos>.character-tab-button>.pvp-b-estado{line-height:1.1;position:static}
#colosseumModal .pvp-b-modos>.character-tab-button>.pvp-b-aba-arte{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px #000);pointer-events:none}
#colosseumModal .pvp-b-modos>[data-zodiac-tab]{background:linear-gradient(180deg,#1a140c,#100d09)!important}
#colosseumModal .pvp-b-topo h2 .col-icone{width:28px;height:28px;vertical-align:-5px}
#colosseumModal .pvp-b-topo h2 .col-icone img{width:28px;height:28px}
#colosseumModal .pvp-b-arte-mini{width:20px;height:20px;object-fit:contain;vertical-align:-4px;margin-right:4px}
#colosseumModal .pvp-b-botao-semanal,#colosseumModal .pvp-b-oponentes-topo .utility-button{display:inline-flex;align-items:center;gap:6px}
#colosseumModal .pvp-b-oponentes-topo .utility-button .col-icone img{width:16px;height:16px}

/* adversário: o rosto da classe dele */
#colosseumModal .pvp-b-op{justify-content:flex-start}
#colosseumModal .pvp-b-op-retrato{flex:0 0 42px;width:42px;height:42px;border-radius:8px;border:1px solid #6b5426;background:#0a0806;overflow:hidden}
#colosseumModal .pvp-b-op-txt{flex:1 1 auto;min-width:0}
#colosseumModal .pvp-b-op-nome,#colosseumModal .pvp-b-op-info{overflow-wrap:anywhere}

/* seu perfil: retrato com a moldura equipada, título e os quatro cosméticos */
#colosseumModal .pvp-b-eu{display:flex;align-items:center;gap:12px}
#colosseumModal .pvp-b-eu-txt{display:grid;gap:2px;min-width:0}
#colosseumModal .pvp-b-eu-txt b{font:700 17px var(--font-display),Georgia,serif;color:#fff1c9;overflow-wrap:anywhere}
#colosseumModal .pvp-b-eu-txt small{color:var(--p-texto-2);font-size:12.5px}
#colosseumModal .pvp-b-eu-retrato{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:8px;border:1px solid #6b5426;background:#0a0806}
#colosseumModal .pvp-b-eu-retrato.com-moldura{border-color:transparent;margin:10px}
#colosseumModal .pvp-b-eu-moldura{position:absolute;left:-32%;top:-32%;width:164%;height:164%;object-fit:contain;pointer-events:none}
#colosseumModal .pvp-b-eu-titulo{display:block;max-width:100%;height:46px;object-fit:contain;margin:10px auto 0;filter:drop-shadow(0 3px 8px #000)}
#colosseumModal .pvp-b-eu-cosm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
#colosseumModal .pvp-b-cosm{display:grid;justify-items:center;align-content:center;gap:3px;min-height:62px;padding:6px 2px;margin:0;border-radius:8px;background:#0e0b07;border:1px solid #2e2413;color:var(--p-texto-2);cursor:pointer;min-width:0}
#colosseumModal .pvp-b-cosm:hover{border-color:#8a6d33}
#colosseumModal .pvp-b-cosm img{width:36px;height:30px;object-fit:contain}
#colosseumModal .pvp-b-cosm img.pvp-b-cosm-titulo{width:100%;max-width:60px}
#colosseumModal .pvp-b-cosm .perfil-aura-quadro{width:30px;height:30px;margin:0}
#colosseumModal .pvp-b-cosm em{font-style:normal;color:#5d5140;height:30px;line-height:30px}
#colosseumModal .pvp-b-cosm small{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* onde gastar: miniatura do que cada loja vende */
#colosseumModal .pvp-b-loja{justify-content:flex-start}
#colosseumModal .pvp-b-loja b{flex:1 1 auto;min-width:0}
#colosseumModal .pvp-b-loja-arte{flex:0 0 32px;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}

/* Loja de Honra: a arte da peça */
#colosseumModal .pvp-b-honra-arte{display:flex;align-items:center;min-height:64px}
#colosseumModal .pvp-b-arte{display:block;height:64px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 8px #000)}
#colosseumModal .pvp-b-arte-titulo{height:52px;max-width:200px}
#colosseumModal .pvp-b-arte-aura{width:64px;height:64px;margin:0}

@media (max-width:699px){
  #colosseumModal .pvp-b-modos>.character-tab-button{min-height:56px;padding-right:42px!important}
  #colosseumModal .pvp-b-modos>.character-tab-button>.pvp-b-aba-arte{width:30px;height:30px}
}

/* ÍCONES DAS LOJAS E MOEDAS (28/09): ícone da moeda ao lado do número, no mesmo tamanho do texto. */
#colosseumModal .pvp-b-tesouro .pvp-b-tesouro-v{display:flex;align-items:center;gap:6px;font-style:normal}
#colosseumModal .pvp-b-tesouro .pvp-b-tesouro-v .col-icone-img{width:20px;height:20px}
#colosseumModal .pvp-b-carteira b .col-icone,#colosseumModal .pvp-b-premios .col-icone,#colosseumModal .pvp-b-ingressos .col-icone{vertical-align:-.2em}