/* A LOJA DA GUILDA (GvG Onda 8, tela B do autor em 30/09): objetivo à esquerda,
   lista compacta à direita; no celular empilha. src/ui/social-ui.js renderGuildShop. */
.loja-guilda{color:#f4e2b0;border:1px solid #6b5426;border-radius:14px;background:linear-gradient(#1a140b,#0f0c07);padding:14px;min-width:0}
.loja-guilda-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.loja-guilda-topo>div:first-child{flex:1 1 180px;min-width:0}
.loja-guilda-topo small,.loja-guilda-alvo>small{display:block;color:#a8966f;letter-spacing:.14em;font-size:11px;overflow-wrap:anywhere}
.loja-guilda-topo h3{margin:2px 0 0;font:700 20px Georgia,serif;letter-spacing:.05em;color:#ffd978}
.loja-guilda-saldo{border:1px solid #4a3a1c;border-radius:10px;padding:6px 12px;background:rgba(0,0,0,.35);white-space:nowrap}
.loja-guilda-saldo b{color:#ffd978;font-size:17px}
.loja-guilda-aviso{margin:10px 0 0;padding:8px 10px;border-radius:8px;border:1px solid #6b5426;background:rgba(255,184,77,.08);color:#e9cf93;font-size:13px}
.loja-guilda-corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;margin-top:12px}
.loja-guilda-alvo{align-self:start;border:1px solid #e2b85a;border-radius:14px;padding:14px;background:radial-gradient(circle at 50% 30%,#3a2c12,#120d06);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.loja-guilda-alvo>b{font-size:19px;overflow-wrap:anywhere}
.loja-guilda-alvo-arte{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 6px 12px #000)}
.loja-guilda-lista{display:flex;flex-direction:column;gap:8px;min-width:0}
.loja-guilda-linha{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #4a3a1c;border-radius:10px;padding:8px;background:rgba(0,0,0,.35)}
.loja-guilda-linha-tem{border-color:#3f6b3a}
.loja-guilda-linha-arte{width:56px;height:56px;object-fit:contain}
.loja-guilda-linha-texto{display:flex;flex-direction:column;gap:1px;min-width:0}
.loja-guilda-tipo{font-size:11px;color:#a8966f;text-transform:uppercase;letter-spacing:.08em}
.loja-guilda-nome{font-weight:700;overflow-wrap:anywhere}
.loja-guilda-preco{color:#ffd978;font-weight:700}
.loja-guilda-nota{color:#a8966f;font-size:12px;overflow-wrap:anywhere}
.loja-guilda-barra{height:6px;border-radius:9px;background:#2a2418;width:100%;overflow:hidden}
.loja-guilda-barra i{display:block;height:100%;background:linear-gradient(90deg,#a77a26,#ffd978)}
.loja-guilda-silhueta{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px dashed #e2b85a;background:radial-gradient(circle,#3a2c12,#120d06);filter:grayscale(.6) sepia(.8) drop-shadow(0 0 8px #e2b85a88);line-height:1}
.loja-guilda-linha-arte.loja-guilda-silhueta{font-size:26px}
.loja-guilda-alvo-arte.loja-guilda-silhueta{font-size:72px;width:150px;height:150px}
.loja-guilda-btn{border:0;border-radius:9px;padding:8px 14px;font-weight:700;background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);cursor:var(--cur-mao,pointer);white-space:nowrap}
.loja-guilda-btn:disabled{background:#2a2418;color:#8a7a5a;cursor:var(--cur-seta,default)}
.loja-guilda-mirar{background:#2a2418;color:#e9cf93;border:1px solid #6b5426}
.loja-guilda-tem{color:#7fd08a;font-weight:700;padding:0 8px}
.loja-guilda-trava{opacity:.75;padding:0 8px}
.loja-guilda-rodape{margin:12px 0 0;color:#8d95a8;font-size:12px}
.loja-guilda-abrir{border-color:#e2b85a!important;color:#ffd978!important}
@media (max-width:640px){
  .loja-guilda{padding:10px}
  .loja-guilda-corpo{grid-template-columns:minmax(0,1fr)}
  .loja-guilda-alvo-arte{width:130px;height:130px}
  .loja-guilda-alvo-arte.loja-guilda-silhueta{width:110px;height:110px;font-size:54px}
  .loja-guilda-linha{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}
  .loja-guilda-linha-arte{width:44px;height:44px}
  .loja-guilda-linha-arte.loja-guilda-silhueta{font-size:20px}
  .loja-guilda-nome{overflow-wrap:break-word}   /* não corta "Estandarte" no meio com texto grande */
  .loja-guilda-btn{padding:7px 10px}
}
@media (max-width:400px){   /* celular estreito: o botão Comprar desce para baixo do nome e o nome não quebra no meio */
  .loja-guilda-linha-comprar{grid-template-columns:44px minmax(0,1fr)}
  .loja-guilda-linha-comprar>.loja-guilda-btn{grid-column:2;justify-self:start}
}
/* 1272: itens de toda semana (abrem com o nível da guilda) */
.loja-guilda-semana{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,213,106,.18)}
.loja-guilda-semana h4{margin:0 0 8px;color:#ffd56a;font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.loja-guilda-semana h4 span{color:#a9b0c0;font-size:11px;letter-spacing:0;text-transform:none;font-weight:500}

/* 1278 (10/10): no celular, os botões da linha (Passar liderança, Promover,
   Expulsar, Aceitar, Recusar) descem para baixo do nome em vez de escondê-lo. */
@media (max-width:560px){
  .guilda-lista-acoes .cj-linha{grid-template-columns:auto minmax(0,1fr)}
  .guilda-lista-acoes .cj-lado{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}
}

/* O SALÃO DA GUILDA (10/10): a Visão Geral da guilda, nas cores da Loja da Guilda.
   src/ui/social-ui.js renderGuildTab. No celular, uma coluna e atalhos em 2. */
.salao-guilda{display:grid;gap:12px;color:#f4e2b0;min-width:0}
.sg-topo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #6b5426;border-radius:14px;padding:14px 16px;
  background:radial-gradient(circle at 12% 30%,#3a2c12,#140f08 62%)}
.sg-brasao{display:flex;flex-direction:column;align-items:center;gap:6px}
.sg-brasao .bg-ver{background:none;border:0;padding:0;cursor:var(--cur-mao,pointer)}
.sg-nome{display:grid;gap:4px;min-width:0}
.sg-nome small{color:#a8966f;letter-spacing:.14em;font-size:11px;overflow-wrap:anywhere}
.sg-nome h3{margin:0;font:700 22px Georgia,serif;letter-spacing:.05em;color:#ffd978;overflow-wrap:anywhere}
.sg-exp{display:grid;gap:4px;margin-top:2px}
.sg-exp-rotulo{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#c9b386;font-variant-numeric:tabular-nums}
.sg-barra{height:8px;border-radius:9px;background:#2a2418;overflow:hidden;border:1px solid #3d3220}
.sg-barra i{display:block;height:100%;background:linear-gradient(90deg,#a77a26,#ffd978)}
.sg-nivel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border:1px solid #e2b85a;border-radius:12px;background:rgba(0,0,0,.35)}
.sg-nivel small{font-size:10px;letter-spacing:.14em;color:#a8966f}
.sg-nivel b{font:700 26px Georgia,serif;color:#ffd978;line-height:1.1}
.sg-fichas{display:flex;flex-wrap:wrap;gap:8px}
.sg-fichas span{border:1px solid #4a3a1c;border-radius:999px;padding:5px 12px;background:rgba(0,0,0,.35);font-size:13px;color:#d9c79e;white-space:nowrap}
.sg-fichas b{color:#ffd978;font-variant-numeric:tabular-nums}
.sg-fichas .sg-online b{color:#7fd08a}
.sg-aviso{border:1px solid #4a3a1c;border-left:3px solid #e2b85a;border-radius:10px;padding:10px 12px;background:rgba(0,0,0,.4);display:grid;gap:4px}
.sg-aviso-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sg-aviso-topo strong{color:#ffd978;font-size:13px}
.sg-aviso p{margin:0;color:#eadfc4;overflow-wrap:anywhere}
.sg-vazio{color:#8d8268;font-style:italic}
.sg-mini{border:1px solid #6b5426;border-radius:8px;background:#2a2418;color:#e9cf93;font-size:12px;padding:2px 9px;cursor:var(--cur-mao,pointer)}
.sg-atalhos{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.sg-atalho{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid #4a3a1c;border-radius:10px;padding:10px 12px;
  background:linear-gradient(#1d170d,#120e08);color:#f4e2b0;cursor:var(--cur-mao,pointer);min-width:0;transition:border-color .15s,transform .15s}
.sg-atalho:hover,.sg-atalho:focus-visible{border-color:#e2b85a;transform:translateY(-1px)}
.sg-atalho:focus-visible{outline:2px solid #ffd978;outline-offset:2px}
.sg-atalho-ico{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:rgba(255,184,77,.08);font-size:20px}
.sg-atalho-ico img{width:28px;height:28px;object-fit:contain}
.sg-atalho-txt{display:grid;gap:1px;min-width:0}
.sg-atalho-txt b{font-size:14px;overflow-wrap:anywhere}
.sg-atalho-txt small{font-size:11.5px;color:#a8966f;overflow-wrap:anywhere}
.sg-atalho.sg-ouro{border-color:#8a6a2a}.sg-atalho.sg-ouro b{color:#ffd978}
.sg-atalho.sg-alerta{border-color:#3f6b3a}.sg-atalho.sg-alerta b{color:#7fd08a}
.sg-recentes{border:1px solid #4a3a1c;border-radius:10px;padding:10px 12px;background:rgba(0,0,0,.3);display:grid;gap:6px}
.sg-recentes-topo strong{color:#c9b386;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sg-recente{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#ddd}
.sg-recente span{min-width:0;overflow-wrap:anywhere}
.sg-recente small{flex:none;color:#8d95a8;white-space:nowrap}
.sg-sair{display:flex;justify-content:flex-end}
.sg-perigo{border:1px solid #7a2a2a;border-radius:8px;background:transparent;color:#ff6b6b;font-size:12px;font-weight:700;letter-spacing:.06em;padding:6px 12px;cursor:var(--cur-mao,pointer)}
.sg-perigo:hover{background:rgba(255,59,59,.08)}
@media (max-width:560px){
  .sg-topo{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"b s" "b h" "n e";gap:6px 12px;padding:12px}
  .sg-brasao{grid-area:b}
  .sg-nome{display:contents}
  .sg-nome small{grid-area:s;align-self:end}
  .sg-nome h3{grid-area:h;font-size:19px;align-self:start}
  .sg-exp{grid-area:e;align-self:center}
  .sg-nivel{grid-area:n;min-width:0;padding:3px 8px;flex-direction:row;gap:5px;align-self:center}
  .sg-nivel b{font-size:17px}
  .sg-brasao .bg-trocar{font-size:10px;padding:1px 6px}
  .sg-fichas{gap:6px}
  .sg-fichas span{font-size:12px;padding:4px 10px}
  .sg-atalhos{grid-template-columns:repeat(auto-fill,minmax(min(100%,8em),1fr))}
  .sg-atalho-txt b{overflow-wrap:normal;word-break:normal}
  .sg-atalho{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px}
  .sg-atalho-ico{width:30px;height:30px;font-size:16px}
  .sg-atalho-txt small{display:none}
}
@media (prefers-reduced-motion:reduce){.sg-atalho{transition:none}.sg-atalho:hover{transform:none}}

/* O CHEFE INVOCADO (1550, 11/10): a subview "summoned" da guilda, nas cores do Salão. */
.chefe-invocado{display:grid;gap:12px;color:#f4e2b0;min-width:0}
.ci-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ci-topo h3{margin:0;font:700 20px Georgia,serif;color:#ffd978}
.ci-chefe{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid #6b5426;border-radius:14px;padding:14px 16px;
  background:radial-gradient(circle at 12% 30%,#3a1f2c,#140f08 62%)}
.ci-emoji{font-size:40px;line-height:1}
.ci-arte{display:block;width:56px;height:56px;object-fit:contain}.ci-fugiu{filter:grayscale(1) opacity(.65)}
.ci-ico{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.2em}
.ci-chefe b{display:block;font:700 19px Georgia,serif;color:#ffd978;overflow-wrap:anywhere}
.ci-chefe small{color:#c9b386;font-size:12px;overflow-wrap:anywhere}
.ci-vida{display:grid;gap:4px}
.ci-barra i{background:linear-gradient(90deg,#8e1f2b,#e0525e)}
.ci-golpes{font-size:13px;color:#d9c79e}
.ci-nota{margin:0;color:#c9b386}
.ci-acoes{display:flex;gap:10px;flex-wrap:wrap}
.ci-acoes button{flex:1 1 12em;padding:12px 16px;border-radius:10px;font-weight:700;letter-spacing:.06em;cursor:var(--cur-mao,pointer);border:1px solid #e2b85a;background:linear-gradient(180deg,#4a3614,#20170a);color:#ffd978}
.ci-acoes .ci-lutar{border-color:#e0525e;background:linear-gradient(180deg,#5a1a22,#22090d);color:#ffd2d6}
.ci-acoes button:disabled{opacity:.45;cursor:not-allowed}
.ci-regras{display:grid;gap:6px;font-size:12px;color:#a8966f;border-top:1px solid #3a2f1e;padding-top:10px}
/* 1551: enfeites da guilda (Nv12-20). A amostra é o brasão da guilda com o enfeite. */
.enf-amostra,.enf-amostra-nome{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:10px;background:radial-gradient(circle,#2a2016,#120d08)}
.enf-amostra .col-brasao{width:34px;height:auto}
.enf-amostra-nome b{font-size:22px;font-weight:800}
.loja-guilda-falta{color:#ff6b6b}
.ci-extra{color:#ffd27a;font-size:.86em}
.ci-bau{color:#ffd27a}
/* 2530: o Cofre do Chefe (dentro do Chefe Invocado). Todos depositam; o Mestre/Sub usa ao invocar. */
.ci-cofre{display:grid;gap:6px;min-width:0;border:1px solid #6b5426;border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#241a0c,#120d07)}
.ci-cofre-topo{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.ci-cofre-topo b{font:700 16px Georgia,serif;color:#ffd978}
.ci-cofre-saldo{font-weight:800;color:#ffe9a8;font-size:16px;overflow-wrap:anywhere}
.ci-cofre-barra i{background:linear-gradient(90deg,#a87a22,#ffd978)}
.ci-cofre-nota{color:#c9b386;font-size:12px;overflow-wrap:anywhere}
.ci-cofre-lista{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12px}
.ci-cofre-lista li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:baseline;color:#d9c79e}
.ci-cofre-lista li span{overflow-wrap:anywhere;min-width:0}
.ci-cofre-lista li b{color:#9fe3a0;white-space:nowrap}.ci-cofre-lista li b.ci-cofre-saiu{color:#ffb38a}
.ci-cofre-lista li small{color:#8d95a8;white-space:nowrap}
.ci-cofre-depositar{justify-self:start;padding:9px 16px;border-radius:10px;font-weight:700;letter-spacing:.05em;cursor:var(--cur-mao,pointer);border:1px solid #e2b85a;background:linear-gradient(180deg,#4a3614,#20170a);color:#ffd978}
.ci-cofre-depositar:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:520px){.ci-cofre-depositar{justify-self:stretch}}
/* 2591: o Chefe Invocado que SOMA dano, com os degraus à mostra (src/ui/social-ui.js _htmlSomaInvocado) */
.ci-soma{display:grid;gap:6px;min-width:0;border:1px solid #6b5426;border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#26160f,#120d07)}
.ci-soma-topo{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.ci-soma-topo span{color:#c9b386;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ci-soma-num{font:800 26px Georgia,serif;color:#ffe9a8;overflow-wrap:anywhere}
.ci-soma-barra i{background:linear-gradient(90deg,#a87a22,#ffd978)}
.ci-soma-falta{font-size:13px;color:#ffd27a;overflow-wrap:anywhere;min-width:0}
.ci-soma-falta b{color:#ffe9a8}
.ci-soma-fim{font-size:14px;font-weight:700}
.ci-dg-fr{width:1.35em;height:1.35em;object-fit:contain;vertical-align:-.3em;flex:0 0 auto}
.ci-degraus{display:grid;gap:4px;list-style:none;margin:0;padding:0;min-width:0}
.ci-degraus li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 10px;border-radius:9px;border:1px solid #3a2f1e;background:#16100a;color:#a8966f;font-size:13px;min-width:0}
.ci-degraus li b{color:#d9c79e;white-space:nowrap;min-width:5.2em}
.ci-degraus .ci-dg-dano{overflow-wrap:anywhere;min-width:0}
.ci-degraus .ci-dg-q{display:flex;align-items:center;gap:5px;color:#d9c79e;font-weight:700;white-space:nowrap}
.ci-degraus .ci-dg-ok{font-style:normal}
.ci-degraus li.is-ok{border-color:#3d6b3a;background:linear-gradient(90deg,#14240f,#16100a)}
.ci-degraus li.is-ok b,.ci-degraus li.is-ok .ci-dg-q{color:#9fe3a0}
.ci-degraus li.is-agora{border-color:#e2b85a;background:linear-gradient(90deg,#3a2a10,#16100a);box-shadow:inset 3px 0 0 #ffd978}
.ci-degraus li.is-agora b,.ci-degraus li.is-agora .ci-dg-q{color:#ffe9a8}
.ci-unida{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0;border:1px solid #4d5d8a;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#171c30,#0d1020);color:#d6ddf5;font-size:13px}
.ci-unida.is-ok{border-color:#8fb4ff}
.ci-unida b{color:#fff;display:block;font-size:14px}
.ci-unida small{color:#a9b3d6;overflow-wrap:anywhere}
.ci-unida-ico{width:34px;height:34px;object-fit:contain}
.ci-unida-pips{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}
.ci-unida-pips i{width:12px;height:12px;border-radius:3px;background:#2a3150;border:1px solid #4d5d8a}
.ci-unida-pips i.on{background:#8fb4ff;border-color:#cfe0ff}
.hub-modal-card.ci-modal-largo{max-width:min(1380px,96vw)!important;width:min(1380px,96vw)!important}
.ci-modal-largo #socialContentArea{padding-bottom:6px!important}
.ci-grade{display:grid;gap:12px;min-width:0}
.ci-c1,.ci-c2,.ci-c3{display:grid;gap:12px;align-content:start;min-width:0}
@media (min-width:1100px){.ci-grade{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr)}.ci-com-grade .ci-acoes button{flex-basis:9em}
  .chefe-invocado.ci-com-grade,.ci-com-grade .ci-grade,.ci-com-grade .ci-c1,.ci-com-grade .ci-c3{gap:10px}
  .ci-com-grade .ci-degraus li{padding:4px 10px}.ci-com-grade .ci-cofre{gap:4px;padding:10px 12px}.ci-com-grade .ci-unida{padding:8px 12px}
  .ci-com-grade .ci-regras{gap:4px;padding-top:8px}}
@media (max-width:520px){.ci-degraus li{gap:8px;font-size:12px;padding:6px 8px}.ci-degraus li b{min-width:4.4em}.ci-soma-num{font-size:22px}}
/* 2552: o ranking de dano do Chefe Invocado (src/ui/ranking-invocado-ui.js) */
.ci-acoes .ci-ranking{border-color:#8f7bd8;background:linear-gradient(180deg,#2d2650,#140f26);color:#e3dcff}
.cir{gap:10px}
.cir-ico{width:1.2em;height:1.2em;object-fit:contain;vertical-align:-.22em}
.cir-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.cir-chip{display:grid;gap:1px;text-align:left;min-width:0;max-width:100%;padding:6px 12px;border-radius:10px;cursor:var(--cur-mao,pointer);border:1px solid #4a3c22;background:#17110a;color:#d9c79e}
.cir-chip b{font-size:13px;overflow-wrap:anywhere}.cir-chip small{font-size:11px;color:#a8966f}
.cir-chip.is-on{border-color:#e2b85a;background:linear-gradient(180deg,#4a3614,#20170a);color:#ffd978}
.cir-chip.is-aberto small{color:#ff9aa3}
.cir-resumo{margin:0;font-size:13px;color:#c9b386;overflow-wrap:anywhere}.cir-resumo b{color:#ffe9a8}.cir-ruim{color:#ff9aa3}
.cir-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;min-width:0}
.cir-lista.cir-lista-1{grid-template-columns:minmax(0,1fr)}
.cir-linha{display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:3px 6px;border-radius:8px;background:rgba(40,28,12,.55);border:1px solid rgba(107,84,38,.35);font-size:calc(12px * var(--text-scale, 1))}
.cir-linha.is-voce{border-color:rgba(250,204,21,.6);background:rgba(120,83,15,.35)}
.cir-pos{font-weight:900;color:#c9b386;text-align:center}
.cir-pos-1 .cir-pos{color:#fde68a}.cir-pos-2 .cir-pos{color:#e5e7eb}.cir-pos-3 .cir-pos{color:#fdba74}
.cir-nome{display:grid;min-width:0}.cir-nome b{color:#f4e2b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cir-nome small{font-size:10px;color:#a8966f}
.cir-valor{display:grid;justify-items:end;gap:2px}.cir-valor b{color:#ffe9a8;white-space:nowrap}
.cir-pips{display:inline-flex;gap:3px}.cir-pips i{width:7px;height:7px;border-radius:50%;background:#3a2f1e;border:1px solid #6b5426}.cir-pips i.on{background:#e0525e;border-color:#ff9aa3}
.cir-golpes-txt{font-size:10px;color:#a8966f;white-space:nowrap}
.cir-inicial{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3a2f1e;color:#ffd978;font-weight:800}
.cir-faltou{display:grid;gap:5px;min-width:0;border-top:1px solid #3a2f1e;padding-top:8px}
.cir-faltou h4{margin:0;font-size:13px;color:#ff9aa3;letter-spacing:.03em}.cir-depois h4{color:#a8966f}
.cir-nomes{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.cir-falta,.cir-novo{max-width:100%;overflow-wrap:anywhere;font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid rgba(224,82,94,.5);background:rgba(90,26,34,.45);color:#ffd2d6}
.cir-novo{border-color:#4a3c22;background:#17110a;color:#a8966f}
.cir-falta.is-voce,.cir-novo.is-voce{border-color:rgba(250,204,21,.7)}
.cir-todos{margin:0;color:#9fe3a0;font-size:13px}
.cir-top5{display:grid;gap:6px;min-width:0;border:1px solid #6b5426;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#1d1409,#0f0b06)}
.cir-top5 h4{margin:0;display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.08em;color:#ffd978}
.cir-ver-todos{justify-self:stretch;padding:8px 12px;border-radius:10px;font-weight:700;font-size:12px;letter-spacing:.04em;cursor:var(--cur-mao,pointer);border:1px solid #8f7bd8;background:linear-gradient(180deg,#2d2650,#140f26);color:#e3dcff;overflow-wrap:anywhere}
.cir-tabela-caixa{overflow:auto;max-height:min(52vh,420px);min-width:0;border:1px solid #3a2f1e;border-radius:10px}
.cir-tabela{width:100%;border-collapse:collapse;font-size:calc(12px * var(--text-scale, 1))}
.cir-tabela th{position:sticky;top:0;z-index:1;background:#1d1409;color:#ffd978;font-weight:700;text-align:left;padding:6px 8px;border-bottom:1px solid #6b5426;white-space:nowrap}
.cir-tabela th span{vertical-align:middle}.cir-th-arte{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:4px}
.cir-tabela td{padding:4px 8px;border-bottom:1px solid rgba(58,47,30,.7);color:#d9c79e;white-space:nowrap}
.cir-tabela td b{color:#ffe9a8;margin-right:6px}
.cir-td-nome span{display:flex;align-items:center;gap:6px}.cir-td-nome b{color:#f4e2b0!important;overflow:hidden;text-overflow:ellipsis;max-width:12em}
.cir-td-falta{color:#ff9aa3!important}.cir-td-novo{color:#7d7058!important;font-style:italic}
.cir-tabela tr.is-nenhum td{background:rgba(90,26,34,.35)}.cir-tabela tr.is-voce td{background:rgba(120,83,15,.3)}
@media (max-width:900px){.cir-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cir-lista{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1800px){.cir-lista:not(.cir-lista-1){grid-template-columns:repeat(4,minmax(0,1fr))}}