/* =====================================================================
   BLOOD CASTLE AO VIVO (06/10, opção B do autor) + aura e sombra do Zeratul
   Golpes ao vivo à esquerda, Top 5 da semana à direita, chefe no meio.
   No celular os painéis viram abas embaixo dos números.
   Aura leve de propósito (o brilho do set já deu lag): só opacidade e giro,
   nada de filtro animado. O filtro do brilho é parado; o que pulsa é a opacidade.
   ===================================================================== */
.blood-castle-mid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.bc-lado-slot{min-width:0;display:grid}
#bcLadoEsq{justify-items:start}
#bcLadoDir{justify-items:end}
.bc-lado{width:min(260px,100%);padding:10px 12px;border:1px solid rgba(127,29,29,.75);border-radius:12px;
  background:linear-gradient(180deg,rgba(24,6,12,.8),rgba(10,4,8,.85));box-shadow:0 0 22px rgba(0,0,0,.5);color:#f1dde1}
.bc-lado h4{margin:0 0 8px;display:flex;align-items:center;gap:6px;font-size:calc(10px * var(--text-scale, 1));letter-spacing:1.4px;color:#fda4af;font-weight:900}
.bc-lado h4 .col-icone{display:inline-grid;place-items:center;width:18px;height:18px;font-style:normal}
.bc-lado h4 .col-icone img{width:18px;height:18px;object-fit:contain}
.bc-vivo-ponto{flex:none;width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:bcPonto 1.6s ease-in-out infinite}
@keyframes bcPonto{0%,100%{opacity:1}50%{opacity:.35}}
.bc-golpes,.bc-rk{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bc-golpe{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;padding:4px 2px;font-size:calc(11px * var(--text-scale, 1))}
.bc-golpe p{margin:0;line-height:1.25;overflow-wrap:anywhere}
.bc-golpe b{color:#fff1f2}
.bc-golpe em{font-style:normal;color:#fca5a5;font-weight:800}
.bc-golpe small{display:block;color:#9b8189;font-size:calc(9.5px * var(--text-scale, 1))}
.bc-golpe.is-abate{border:1px solid rgba(250,204,21,.5);border-radius:8px;padding:5px 6px;background:rgba(120,53,15,.28)}
.bc-golpe.is-abate em{color:#fde68a}
.bc-golpe.is-voce b{color:#fde68a}
.bc-golpes .bc-golpe:nth-child(4){opacity:.7}.bc-golpes .bc-golpe:nth-child(5){opacity:.5}
.bc-rk-linha{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(127,29,29,.25);font-size:calc(11px * var(--text-scale, 1))}
.bc-rk-linha:last-child{border-bottom:0}
.bc-rk-pos{font-weight:900;color:#fca5a5;text-align:center}
.bc-rk-1 .bc-rk-pos{color:#fde68a}.bc-rk-2 .bc-rk-pos{color:#e5e7eb}.bc-rk-3 .bc-rk-pos{color:#fdba74}
.bc-rk-nome{min-width:0;display:grid}
.bc-rk-nome b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5e1e5}
.bc-rk-nome small{color:#a78b93;font-size:calc(9.5px * var(--text-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-rk-valor{font-weight:800;color:#fecaca;font-variant-numeric:tabular-nums}
.bc-rk-linha.is-voce{margin-top:4px;border:1px solid rgba(250,204,21,.45);border-radius:8px;padding:4px 6px;background:rgba(120,53,15,.25)}
.bc-vivo-vazio{margin:0;color:#b9a3aa;font-size:calc(10.5px * var(--text-scale, 1));line-height:1.4}
.bc-vivo-inicial{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2a0d14;color:#fecaca;font-weight:900;font-size:11px}
.bc-lado .cj-avatar{flex:none}
.bc-abas-slot{display:none;width:100%}

/* --- O Zeratul: sombra no chão, brilho pulsando, aura Luz e Trevas ------- */
.bc-figura{--bcf:360px;position:relative;width:var(--bcf);height:var(--bcf);max-width:100%}
.bc-flutua{position:absolute;inset:0;z-index:2;animation:bloodCastleFloat 4.5s ease-in-out infinite}
.blood-castle-art .bc-figura img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;animation:none}
.blood-castle-art .bc-figura img.bc-corpo{z-index:2;filter:drop-shadow(0 0 14px rgba(255,60,60,.35))}
.blood-castle-art .bc-figura img.bc-brilho{z-index:1;transform:scale(1.06);transform-origin:50% 88%;filter:blur(16px) brightness(1.7) saturate(1.8);opacity:.35;animation:bcBrilho 3.2s ease-in-out infinite;will-change:opacity}
@keyframes bcBrilho{0%,100%{opacity:.35}50%{opacity:.85}}
.bc-sombra{position:absolute;z-index:1;left:50%;bottom:calc(var(--bcf) * .125 - 20px);width:56%;height:46px;margin-left:-26%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 45%,transparent 72%);animation:bcSombra 4.5s ease-in-out infinite}
@keyframes bcSombra{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.7}}
/* Aura Luz e Trevas: dois halos (dourado à esquerda, roxo à direita) e brasas subindo. */
.bc-aura{position:absolute;inset:-6% -22% 0;z-index:1;pointer-events:none;mix-blend-mode:screen}
.bc-aura i{position:absolute;top:4%;bottom:10%;width:58%;border-radius:50%;filter:blur(30px);animation:bcHalo 3.2s ease-in-out infinite;will-change:opacity,transform}
.bc-aura .bc-luz{left:2%;background:radial-gradient(ellipse at 60% 45%,rgba(255,220,130,.6),rgba(255,170,60,.25) 40%,transparent 70%)}
.bc-aura .bc-trevas{right:2%;background:radial-gradient(ellipse at 40% 45%,rgba(200,60,255,.65),rgba(220,20,70,.3) 40%,transparent 70%);animation-delay:-1.6s}
@keyframes bcHalo{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
.bc-brasas{position:absolute;inset:0;z-index:3;pointer-events:none}
.bc-brasas b{position:absolute;bottom:12%;width:5px;height:5px;border-radius:50%;opacity:0;animation:bcBrasa 3.6s linear infinite;will-change:transform,opacity}
.bc-brasas b.is-luz{background:#ffe2a0;box-shadow:0 0 10px 2px #ffb347}
.bc-brasas b.is-trevas{background:#e2a8ff;box-shadow:0 0 10px 2px #b14dff}
@keyframes bcBrasa{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(calc(var(--bcf) * -.75)) translateX(var(--dx,0));opacity:0}}
.blood-castle-art.is-fallen .bc-flutua,.blood-castle-art.is-fallen .bc-sombra{animation:none}
.blood-castle-art.is-fallen .bc-corpo{filter:grayscale(.85) brightness(.55)}
.blood-castle-art.is-fallen .bc-brilho,.blood-castle-art.is-fallen .bc-aura,.blood-castle-art.is-fallen .bc-brasas{display:none}
@media (prefers-reduced-motion:reduce){.bc-flutua,.bc-sombra,.bc-brilho,.bc-aura i,.bc-vivo-ponto{animation:none!important}.bc-brasas{display:none}}

/* Telas grandes: o chefe cresce junto */
@media (min-width:1800px){.bc-figura{--bcf:440px}.bc-lado{width:min(300px,100%)}}
@media (min-width:2400px){.bc-figura{--bcf:560px}.bc-lado{width:min(360px,100%);padding:14px 16px}.bc-golpe,.bc-rk-linha{font-size:calc(13px * var(--text-scale, 1))}}
/* PC médio: painéis um pouco menores */
@media (max-width:1180px) and (min-width:721px){.bc-figura{--bcf:300px}.bc-lado{width:min(220px,100%);padding:8px 9px}}

/* Celular: painéis viram abas embaixo dos números */
@media (max-width:720px){
  .blood-castle-mid{grid-template-columns:1fr}
  .blood-castle-mid>.bc-lado-slot{display:none}
  .bc-figura{--bcf:240px}
  .bc-abas-slot{display:block;order:5}
  .blood-castle-art .bc-figura img.bc-brilho{filter:blur(10px) brightness(1.6) saturate(1.7)}
  .bc-abas-chave{display:flex;gap:4px;margin-bottom:6px}
  .bc-abas-chave button{flex:1;padding:6px 4px!important;border-radius:8px;border:1px solid #5a1f24!important;background:rgba(14,6,10,.8)!important;color:#d6c3c8;font-size:calc(10px * var(--text-scale, 1))!important;font-weight:800;letter-spacing:.8px;box-shadow:none!important}
  .bc-abas-chave button.is-on{background:linear-gradient(180deg,rgba(127,29,29,.8),rgba(60,10,16,.9))!important;color:#fff;border-color:#ef4444!important}
  .bc-abas .bc-lado{width:100%}
  .bc-abas[data-bc-aba-atual="vivo"] .bc-aba-ranking,.bc-abas[data-bc-aba-atual="ranking"] .bc-aba-vivo{display:none}
}
@media (max-width:720px) and (orientation:landscape){.bc-figura{--bcf:200px}}
/* ANDARES (18/10, SQL 1916): a trilha dos 4 andares no alto e a aura na cor de cada general (a do Zeratul fica igual). */
.bc-andares{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;font-size:calc(12px * var(--text-scale, 1));color:#d7c3c6}
.bc-andares span{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);white-space:nowrap;opacity:.7}
.bc-andares span.is-feito{opacity:.45;text-decoration:line-through}
.bc-andares span.is-agora{opacity:1;color:#fff;border-color:rgba(255,90,100,.8);box-shadow:0 0 10px rgba(255,60,80,.45)}
.bc-andares i{font-style:normal;opacity:.5}
.blood-castle-art.bc-chefe-ignar .bc-aura .bc-luz,.blood-castle-art.bc-chefe-ignar .bc-aura .bc-trevas{background:radial-gradient(ellipse at 50% 45%,rgba(255,140,40,.65),rgba(255,60,20,.3) 40%,transparent 70%)}
.blood-castle-art.bc-chefe-nerissa .bc-aura .bc-luz,.blood-castle-art.bc-chefe-nerissa .bc-aura .bc-trevas{background:radial-gradient(ellipse at 50% 45%,rgba(80,200,255,.6),rgba(20,90,200,.3) 40%,transparent 70%)}
.blood-castle-art.bc-chefe-aeron .bc-aura .bc-luz,.blood-castle-art.bc-chefe-aeron .bc-aura .bc-trevas{background:radial-gradient(ellipse at 50% 45%,rgba(170,255,220,.55),rgba(90,200,170,.28) 40%,transparent 70%)}
.blood-castle-art.bc-chefe-ignar .bc-brasas b{background:#ff9a3c;box-shadow:0 0 10px 2px #ff5a1f}
.blood-castle-art.bc-chefe-nerissa .bc-brasas b{background:#7fdcff;box-shadow:0 0 10px 2px #2a8cff}
.blood-castle-art.bc-chefe-aeron .bc-brasas b{background:#c8ffe8;box-shadow:0 0 10px 2px #5fd3a8}
/* ARTE NO LUGAR DOS EMOJIS (23/10, pedido do autor): ícones do jogo no cabeçalho, no botão, no título e na vitrine; rosto do chefe na trilha. */
.bc-ico{display:inline-block;width:1.4em;height:1.4em;object-fit:contain;vertical-align:-.35em;margin-right:6px;filter:drop-shadow(0 0 3px rgba(0,0,0,.65))}
#bloodCastleAttack .bc-ico{width:1.7em;height:1.7em;vertical-align:-.5em}
.bc-andar-rosto{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-right:5px;vertical-align:middle;border:1px solid rgba(255,255,255,.35)}
.bc-andares .is-feito .bc-andar-rosto{filter:grayscale(1) brightness(.7)}
.bc-andares .is-agora .bc-andar-rosto{border-color:#ffd27a;box-shadow:0 0 6px #ffb347}
.bc-titulo-arte{height:1.9em;width:auto;vertical-align:middle;margin-right:6px}
.bc-vitrine-nota .bc-ico{width:1.2em;height:1.2em;vertical-align:-.25em;margin-right:4px}
@media (max-width:720px){.bc-andar-rosto{width:17px;height:17px;margin-right:3px}}
/* 25/10 (SQL 2205): "Ver rodada anterior", discreto, no pé do top 5 (PC e aba RANKING do celular). */
.bc-rk-anterior{display:block;width:auto!important;margin:8px auto 0;padding:4px 8px!important;min-height:24px;background:none!important;border:0!important;box-shadow:none!important;border-radius:6px;cursor:var(--cur-mao,pointer);
  color:#c9a3ab;font:inherit;font-size:calc(10px * var(--text-scale, 1))!important;font-weight:600;letter-spacing:.3px;text-transform:none!important;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(201,163,171,.45)}
.bc-rk-anterior:hover,.bc-rk-anterior:focus-visible{color:#fecdd3;background:rgba(127,29,29,.25)!important;outline:0}

/* 26/10 (auditoria Android): no 360 a 130% "Zeratul, o Arcanjo Absoluto" virava 3 linhas em cima da barra de HP.
   No celular o nome fica numa linha com reticências (o nome inteiro está no título da tela, logo acima). */
@media (max-width:480px){
  #bloodCastleVisualizer .pvp-visualizer-stage h4{min-width:0;font-size:calc(14px * var(--text-scale,1))!important}
  #bloodCastleVisualizer .pvp-visualizer-stage h4>span,#bloodCastleVisualizer .pvp-visualizer-stage h4>.pvp-nome-ficha{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}