/* 2013 (24/10): CONSAGRAÇÃO DE TÍTULOS — a moldura desenhada (ElevenLabs) atrás e em volta da arte do título.
   .cg-caixa embrulha o <img> do título (proporção 3:1); .cg-moldura é a camada da moldura, por border-image
   (cantos inteiros, lados esticados), então serve em qualquer tamanho de placa.
   Recorte medido na arte de 900 px: Consagrado 122 52 62 53, Lendário 182 164 136 165. */
.cg-caixa{position:relative;display:inline-block;line-height:0;isolation:isolate;vertical-align:middle;max-width:100%}
.cg-caixa>img{position:relative;z-index:1;max-width:100%}
.cg-moldura{position:absolute;z-index:0;pointer-events:none;border-style:solid;border-width:0;box-sizing:border-box}
.cg-moldura.cg-n1{inset:-58% -8.4% -29% -8.4%;border-image:url("../assets/ui/consagracao/consagrado.webp") 122 52 62 53 / 30.8% 7% 15.6% 7.1% stretch;
  filter:drop-shadow(0 0 6px rgba(255,214,120,.45))}
.cg-moldura.cg-n2{inset:-66% -20% -49.5% -20%;border-image:url("../assets/ui/consagracao/lendario.webp") 182 164 136 165 / 30.6% 14.2% 23% 14.3% stretch;
  filter:drop-shadow(0 0 10px rgba(255,120,40,.55));animation:cgPulso 2.6s ease-in-out infinite}
@keyframes cgPulso{0%,100%{filter:drop-shadow(0 0 8px rgba(255,120,40,.45))}50%{filter:drop-shadow(0 0 16px rgba(255,170,60,.85))}}
@media (prefers-reduced-motion:reduce){.cg-moldura.cg-n2{animation:none}}
/* a placa da luta (168x56, absoluta) e o pódio do ranking: a caixa ocupa o espaço da arte */
.pvp-title-badge .cg-caixa,.rk-podio-titulo .cg-caixa,.col-ficha-placa .cg-caixa{height:100%;width:auto;aspect-ratio:3/1;max-width:100%}
.pvp-title-badge .cg-caixa>img,.rk-podio-titulo .cg-caixa>img,.col-ficha-placa .cg-caixa>img{width:100%;height:100%;object-fit:contain}
/* o painel na aba Título do Perfil: as duas molduras para ver antes de pagar */
#profileView .cg-painel{background:radial-gradient(120% 90% at 50% 0%,rgba(227,180,86,.12),transparent 60%),linear-gradient(180deg,#121624,#0c0f19);border-color:#4a3d22}
#profileView .cg-previas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#profileView .cg-previa{display:grid;justify-items:center;gap:4px;padding:30px 8px 10px;border:1px solid #2c2a22;border-radius:10px;background:#0b0e16;min-width:0;overflow:hidden}
#profileView .cg-previa.sua{border-color:#e3b456;box-shadow:0 0 12px rgba(227,180,86,.3)}
#profileView .cg-previa .cg-caixa{width:min(62%,180px);aspect-ratio:3/1;margin:6px 0 16px}
#profileView .cg-previa .cg-caixa>img{width:100%;height:100%;object-fit:contain}
#profileView .cg-previa b{font-size:calc(12px * var(--text-scale,1));color:#f6e3b4;letter-spacing:.06em}
#profileView .cg-previa small{font-size:calc(11px * var(--text-scale,1));color:#e3b456;font-variant-numeric:tabular-nums}
#profileView .cg-previa.sua small{color:#7fdc8f;font-weight:700}
#profileView .cg-previa .cg-comprar{margin:2px 0 0;width:100%;min-width:0;white-space:normal}
#profileView .perfil-titulo .cg-caixa img{height:40px;width:auto}
@media (max-width:760px){#profileView .cg-previas{grid-template-columns:minmax(0,1fr)}}