/* =====================================================================
   CAÇADAS (04/10, SQL 0410) — src/ui/cacadas-ui.js desenha.
   22/10 (opção A do autor): faixa fina no topo, cartões logo abaixo; o
   cartão escolhido abre na largura toda, no mesmo lugar (sem painel do
   lado com rolagem própria). As informações ficam no fim.
   Tudo com prefixo `cac-` para não herdar nem vazar regras de outras telas.
   ===================================================================== */
#contractsView{--cac-line:#2a323d;--cac-card:#151a21;--cac-mut:#93a0b1;--cac-gold:#e2b04a;--cac-gold2:#c9952f;--cac-red:#e0353b;--cac-red2:#ff5a4f}
.cac-modal-fundo{--cac-line:#2a323d;--cac-card:#151a21;--cac-mut:#93a0b1;--cac-gold:#e2b04a;--cac-gold2:#c9952f;--cac-red:#e0353b;--cac-red2:#ff5a4f}

/* ---------- abas Contratos do dia / Caçadas ---------- */
.contratos-abas{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 14px}
.contratos-abas[hidden]{display:none}
.contratos-aba{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;padding:9px 16px;border-radius:9px;border:1px solid var(--cac-line);background:#1a2029;color:#cfd5de;
  font-weight:800;font-size:calc(12px * var(--text-scale,1));letter-spacing:.6px;text-transform:uppercase;min-height:40px}
.contratos-aba.on{background:linear-gradient(180deg,#2a2414,#1c180e);border-color:#6a4320;color:#ffd77a}
.contratos-aba.cacadas.on{background:linear-gradient(180deg,#3a1517,#2a0f11);border-color:#a3262b;color:#ffd7d3;box-shadow:0 0 14px rgba(224,53,59,.35)}
.contratos-aba em{font-style:normal;background:var(--cac-red);color:#fff;border-radius:9px;padding:0 7px;font-size:calc(10px * var(--text-scale,1))}

/* ---------- base ---------- */
.cacadas-host{color:#e9edf2}
.cacadas-host.hidden{display:none}
.cac-ico{width:18px;height:18px;object-fit:contain;flex:0 0 auto;display:inline-block;vertical-align:middle}
.cac-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;margin:0;min-height:38px;padding:9px 14px;border:0;border-radius:8px;
  background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);font-weight:900;font-size:calc(11px * var(--text-scale,1));letter-spacing:.7px;
  text-transform:uppercase;white-space:nowrap;line-height:1.15}
.cac-btn.vermelho{background:linear-gradient(180deg,#e0453b,#a3262b);color:#fff}
.cac-btn.cinza{background:#262c36;color:#cfd5de;border:1px solid #3a4553}
.cac-btn[disabled]{opacity:.5;cursor:not-allowed}
.cac-btn .cac-ico{width:16px;height:16px}
.cac-ticket{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 3px;border-radius:4px;background:linear-gradient(135deg,#8b8f98,#5d626b);
  border:1px dashed rgba(255,255,255,.45);flex:0 0 auto;vertical-align:middle;font-size:12px;line-height:1}
.cac-ticket.ouro{background:linear-gradient(135deg,#ffd77a,#c9952f)}
.cac-ticket .col-icone{font-style:normal}
.cac-ticket img{width:22px;height:22px;object-fit:contain}
.cac-ticket.grande{min-width:72px;max-width:100%;height:52px;font-size:30px;border-radius:8px}
.cac-ticket.grande img{width:64px;height:48px}
.cac-linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cac-nota{margin:8px 0 0;color:var(--cac-mut);font-size:calc(11px * var(--text-scale,1));line-height:1.4}
.cac-aviso{margin:0;color:#ffb0a8;font-size:calc(12px * var(--text-scale,1));font-weight:700}
.cac-vazio{padding:14px;text-align:center;color:var(--cac-mut);font-size:calc(12px * var(--text-scale,1));border:1px dashed var(--cac-line);border-radius:8px}
.cac-vazio.grande{margin-top:12px;padding:22px}
.cac-legenda{color:var(--cac-mut);font-size:calc(11px * var(--text-scale,1));margin:14px 2px 0}

/* ---------- resumo ---------- */
.cac-lua{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:10px 14px;border-radius:10px;border:1px solid #a3262b;
  background:linear-gradient(90deg,#3a0f12,#1c0d10);color:#ffd7d3;font-size:calc(13px * var(--text-scale,1))}
.cac-lua span{color:#e8b7b2}
.cac-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.cac-box{background:var(--cac-card);border:1px solid var(--cac-line);border-radius:10px;padding:12px 14px;min-width:0}
.cac-box small{display:block;font-size:calc(10px * var(--text-scale,1));letter-spacing:1.2px;color:var(--cac-mut);font-weight:800;text-transform:uppercase;margin-bottom:6px}
.cac-box strong{font-size:calc(16px * var(--text-scale,1));display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow-wrap:anywhere}
.cac-box .cac-sub{font-size:calc(10px * var(--text-scale,1));color:var(--cac-mut);margin-top:4px;overflow-wrap:anywhere}
.cac-box.bencao{border-color:#3d6b3a;background:linear-gradient(160deg,#18251a,#141a16)}
.cac-box.bencao strong{color:#9ff0a0;font-size:calc(13px * var(--text-scale,1));flex-direction:column;align-items:flex-start;gap:2px}
.cac-box.bencao.apagada strong{color:#8aa08b}
/* 1871: Caçada automática do VIP 5+ */
.cac-auto{margin-bottom:12px;padding:12px 14px;border-radius:10px;border:1px solid #5a4a22;background:linear-gradient(160deg,#211c12,#15171b);min-width:0}
.cac-auto-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.cac-auto-cab b{font-size:calc(14px * var(--text-scale,1));color:var(--cac-gold)}
.cac-auto-vip{font-size:calc(10px * var(--text-scale,1));font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:999px;background:rgba(226,176,74,.16);color:var(--cac-gold);border:1px solid rgba(226,176,74,.45)}
.cac-auto-linha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cac-auto-bt{width:auto;margin:0;padding:10px 12px;border:1px solid var(--cac-line);border-radius:10px;background:var(--cac-card);color:#e9edf2;text-transform:none;letter-spacing:0;font-weight:600;min-width:0;display:flex;align-items:flex-start;gap:10px;text-align:left}
.cac-auto-bt:disabled{opacity:.55;cursor:not-allowed}
.cac-auto-bt.on{border-color:var(--cac-gold);box-shadow:0 0 12px rgba(226,176,74,.25)}
.cac-auto-chave{flex:0 0 auto;width:34px;height:18px;margin-top:2px;border-radius:999px;background:#2d343e;position:relative;transition:background .15s}
.cac-auto-chave i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#aab4c1;transition:left .15s,background .15s}
.cac-auto-bt.on .cac-auto-chave{background:#6b5520}
.cac-auto-bt.on .cac-auto-chave i{left:18px;background:var(--cac-gold)}
.cac-auto-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.cac-auto-txt b{font-size:calc(13px * var(--text-scale,1))}
.cac-auto-txt span{font-size:calc(10.5px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:anywhere;line-height:1.35}
.cac-auto .cac-nota{margin:8px 0 0}
.cac-auto .cac-nota b{color:#f0b35a}
.cac-auto .cac-aviso{margin:0 0 8px}
.cac-auto-gratis{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px;padding:8px 10px;border-radius:8px;background:rgba(226,176,74,.08);border:1px dashed rgba(226,176,74,.45)}
.cac-auto-gratis p{margin:0;flex:1 1 220px;min-width:0;font-size:calc(11.5px * var(--text-scale,1));color:#e9edf2;line-height:1.4}
.cac-auto-gratis b{color:var(--cac-gold)}
.cac-auto-gratis .cac-btn{flex:0 0 auto}
@media (max-width:700px){.cac-auto-linha{grid-template-columns:1fr}}

/* ---------- 22/10: faixa do topo ---------- */
.cac-faixa{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px;padding:8px 12px;border-radius:10px;border:1px solid var(--cac-line);background:var(--cac-card);min-width:0}
.cac-fx-it{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;font-size:calc(14px * var(--text-scale,1))}
.cac-fx-it b{color:#fff}
.cac-fx-it small{font-size:calc(10px * var(--text-scale,1));letter-spacing:1px;color:var(--cac-mut);font-weight:800;text-transform:uppercase}
.cac-fx-it.luta b{color:#ffd7d3;overflow-wrap:anywhere}
.cac-fx-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.cac-faixa .cac-aviso{flex:1 1 100%;font-size:calc(11px * var(--text-scale,1))}

/* ---------- cartões (o escolhido abre no lugar) ---------- */
.cac-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;grid-auto-flow:row dense}
.cac-cc{position:relative;background:linear-gradient(170deg,#1c1416,#14161b 55%);border:1px solid #4a2326;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;cursor:var(--cur-mao,pointer)}
.cac-cc.n4,.cac-cc.n5{border-color:#a3262b;box-shadow:0 0 20px rgba(224,53,59,.28)}
.cac-cc.sel{outline:2px solid var(--cac-red2);outline-offset:1px}
.cac-cc.minha .cac-contr b{color:#ffd77a}
.cac-cc-topo{display:flex;gap:12px;align-items:center;padding-right:76px;min-width:0}
.cac-cc-nome{min-width:0}
.cac-cc h3{margin:2px 0;font-size:calc(17px * var(--text-scale,1));overflow-wrap:anywhere;color:#fff}
.cac-relogio{position:absolute;top:12px;right:12px;font-size:calc(10px * var(--text-scale,1));font-weight:900;color:#ffcf9e;background:#2a1a10;border:1px solid #6a4320;border-radius:6px;padding:2px 7px;white-space:nowrap}
.cac-retrato{position:relative;width:76px;height:76px;flex:0 0 auto;border-radius:10px;background:radial-gradient(circle at 50% 60%,rgba(224,53,59,.45),rgba(20,8,10,.9) 70%);
  border:1px solid #6b2a2e;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cac-retrato .col-icone{font-style:normal;font-size:30px}
.cac-retrato-arte{max-width:92%;max-height:92%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,40,40,.85)) drop-shadow(0 0 14px rgba(200,0,0,.6))}
.cac-retrato.grande{width:120px;height:120px}
.cac-retrato.mini{width:48px;height:48px}
.cac-nivel{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.cac-nivel i{width:11px;height:11px;border-radius:3px;background:#2a2f38;border:1px solid #3a414c;transform:rotate(45deg);margin:0 1px}
.cac-nivel i.on{background:linear-gradient(135deg,#ff6a5c,#a3262b);border-color:#ff8a7f;box-shadow:0 0 6px rgba(255,80,70,.6)}
.cac-nivel span{margin-left:6px;font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:1px;color:#ff9a90;text-transform:uppercase}
.cac-contr{font-size:calc(11px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:anywhere}
.cac-contr b{color:#e6d2a8;display:inline-block;max-width:100%;vertical-align:middle}
.cac-contr .cac-ticket{height:16px;min-width:20px;font-size:10px}
.cac-hp{height:12px;border-radius:6px;background:#2a1215;border:1px solid #4a2326;overflow:hidden}
.cac-hp div{height:100%;background:linear-gradient(90deg,#a3262b,#ff5a4f)}
.cac-hp-txt{display:flex;justify-content:space-between;font-size:calc(11px * var(--text-scale,1));color:#d7c0bd;gap:4px 8px;flex-wrap:wrap;margin-top:3px}
.cac-mini-rank{display:flex;gap:6px;flex-wrap:wrap;font-size:calc(10px * var(--text-scale,1));color:#d7c0bd}
.cac-mini-rank span{background:#10131a;border:1px solid var(--cac-line);border-radius:10px;padding:2px 7px;max-width:100%;overflow-wrap:anywhere}
.cac-mini-rank span b{color:var(--cac-gold)}
.cac-mini-rank span.voce{border-color:#3d5a7a;color:#9fd0ff}
.cac-mini-rank.vazio span{color:var(--cac-mut)}
.cac-premios{background:#10131a;border:1px solid var(--cac-line);border-radius:8px;padding:8px 10px}
.cac-premios small,.cac-dano small,.cac-ajuda small{display:block;font-size:calc(9px * var(--text-scale,1));letter-spacing:1.2px;color:var(--cac-mut);font-weight:800;margin-bottom:6px}
.cac-chips{display:flex;flex-wrap:wrap;gap:4px 10px}
.cac-chip{display:inline-flex;align-items:center;gap:4px;font-size:calc(11px * var(--text-scale,1));font-weight:700;min-width:0;max-width:100%}
.cac-chip>span{overflow-wrap:anywhere}
.cac-chip.verde{color:#9ff0a0}
.cac-chip.sorte{color:#ffd77a}
.cac-chip .col-icone{font-style:normal}
.cac-rodape{display:flex;gap:8px;align-items:center;margin-top:auto}
.cac-rodape .cac-btn{flex:1 1 auto;min-width:0}
.cac-cc .cac-rodape{margin-top:0}
.cac-entradas{font-size:calc(11px * var(--text-scale,1));color:var(--cac-mut);white-space:nowrap}
.cac-entradas b{color:#fff}
/* o cartão aberto: largura toda, sem rolagem própria (a página rola uma vez só) */
.cac-aberto{grid-column:1/-1;cursor:var(--cur-seta,default);border-color:#a3262b;scroll-margin-top:64px}
.cac-aberto.sel{outline:2px solid var(--cac-red2)}
.cac-ab-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;align-items:start}
.cac-ab-chefe{display:flex;flex-direction:column;gap:10px;min-width:0}
.cac-ab-chefe{position:relative}
.cac-aberto .cac-cc-topo h3{font-family:var(--font-display);font-size:calc(22px * var(--text-scale,1))}
.cac-painel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;min-width:0}
.cac-ab-compras{display:flex;flex-direction:column;gap:12px;min-width:0}
.cac-ab-pe{display:flex;justify-content:flex-end}
.cac-ab-pe .cac-btn{min-width:140px}
.cac-dano,.cac-ajuda{background:#10131a;border:1px solid var(--cac-line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}
.cac-dano-l{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #1d222b;font-size:calc(12px * var(--text-scale,1));min-width:0}
.cac-dano-l .pos{min-width:24px;font-weight:900;color:var(--cac-gold)}
.cac-dano-l .nome{flex:1;min-width:0;overflow-wrap:anywhere}
.cac-dano-l .nome em{font-style:normal;color:#e6d2a8;font-size:calc(9px * var(--text-scale,1));text-transform:uppercase;letter-spacing:.6px}
.cac-dano-l .bar{flex:0 0 70px;height:6px;background:#2a1215;border-radius:3px;overflow:hidden}
.cac-dano-l .bar div{height:100%;background:var(--cac-red2)}
.cac-dano-l .pct{min-width:44px;text-align:right;color:#d7c0bd;white-space:nowrap}
.cac-dano-l .tag{font-size:calc(9px * var(--text-scale,1));font-weight:900;color:#1a1306;background:var(--cac-gold);border-radius:4px;padding:1px 5px}
.cac-dano-l .tag.oculta{visibility:hidden}
.cac-dano-l.voce{color:#9fd0ff}
.cac-ajuda-linha{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;font-size:calc(12px * var(--text-scale,1))}
.cac-ajuda-linha .o{display:flex;flex-direction:column;gap:2px;min-width:0}
/* 06/10: o ENFRENTAR no topo do painel, logo abaixo do HP */
.cac-enfrentar-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid #a3262b;border-radius:10px;background:rgba(163,38,43,.14);font-size:calc(12px * var(--text-scale,1))}
.cac-enfrentar-topo .o{display:flex;flex-direction:column;gap:2px;min-width:0}
.cac-enfrentar-topo .o span{color:var(--cac-mut);overflow-wrap:anywhere}
.cac-enfrentar-topo .cac-btn{width:100%;min-height:44px;min-width:0;font-size:calc(14px * var(--text-scale,1))}
.cac-ajuda-linha .o b{overflow-wrap:anywhere}
.cac-ajuda-linha .o span{font-size:calc(10px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:anywhere}
.cac-ajuda-linha .cac-btn{min-width:96px}
.cac-tempo-barra{display:flex;justify-content:space-between;font-size:calc(11px * var(--text-scale,1));color:var(--cac-mut);gap:4px 8px;flex-wrap:wrap}
.cac-tempo-barra .forte{color:#ffcf9e;font-weight:800}

/* ---------- 22/10: informações no fim ---------- */
.cac-infos{margin-top:22px;padding-top:12px;border-top:1px solid var(--cac-line);min-width:0}
.cac-infos-tit{margin:0 0 10px;font-size:calc(12px * var(--text-scale,1));letter-spacing:1.4px;text-transform:uppercase;color:var(--cac-mut)}

/* encerradas */
.cac-recentes{margin-top:14px}
.cac-recentes h3{margin:0 0 8px;font-size:calc(13px * var(--text-scale,1));letter-spacing:1px;text-transform:uppercase;color:var(--cac-mut)}
.cac-recentes-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.cac-rec{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--cac-line);border-radius:10px;background:var(--cac-card);min-width:0;flex-wrap:wrap}
/* 23/10 (autor: "textos quebrados"): o nome e o golpe final nunca ficam numa coluna estreita; sem espaço, o aviso ou o botão desce para a linha de baixo */
.cac-rec.morta{border-color:#6a4320}
.cac-rec-meio{flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:2px}
.cac-rec-sem,.cac-rec>.cac-btn{margin-left:auto}
.cac-rec-meio b{font-size:calc(12px * var(--text-scale,1));overflow-wrap:break-word}
.cac-rec-meio span,.cac-rec-sem{font-size:calc(10px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:break-word}
.cac-rec .cac-btn{min-height:34px;padding:7px 10px}

/* ---------- criar ---------- */
.cac-modal-fundo{z-index:1500}
.cac-modal.modal-card{width:min(980px,100%);max-height:calc(100vh - 40px);padding:0;border-color:#6a4320;background:#14171d;color:#e9edf2;display:flex;flex-direction:column}
.cac-modal-cab{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--cac-line);background:linear-gradient(180deg,#211a10,#14171d);gap:10px}
.cac-modal-cab h2{margin:0;font-family:var(--font-display);font-size:calc(22px * var(--text-scale,1))}
.cac-fechar{min-width:40px}
.cac-passos{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--cac-line);flex-wrap:wrap}
.cac-passo{font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:.8px;padding:5px 10px;border-radius:12px;background:#222833;color:#8995a5}
.cac-passo.feito{background:#1e3324;color:#9ff0a0}
.cac-modal-corpo{padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.cac-modal-esq{min-width:0;display:flex;flex-direction:column;gap:14px}
.cac-sec h4{margin:0 0 8px;font-size:calc(12px * var(--text-scale,1));letter-spacing:1.2px;color:var(--cac-mut);text-transform:uppercase}
.cac-tickets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cac-tk,.cac-ch,.cac-nv,.cac-bc{width:auto;margin:0;padding:10px;border:1px solid var(--cac-line);border-radius:10px;background:var(--cac-card);color:#e9edf2;font-weight:600;text-transform:none;letter-spacing:0;min-width:0}
.cac-tk{display:flex;gap:10px;align-items:center;text-align:left}
.cac-tk .cac-ticket{min-width:40px;height:28px;font-size:16px}
.cac-tk-txt{display:flex;flex-direction:column;min-width:0}
.cac-tk b{font-size:calc(13px * var(--text-scale,1))}
.cac-tk-txt span{font-size:calc(11px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:anywhere}
.cac-tk.on,.cac-bc.on{border-color:var(--cac-gold);box-shadow:0 0 12px rgba(226,176,74,.3)}
.cac-chefes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:300px;overflow:auto;padding:2px}
.cac-ch{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px}
.cac-ch .col-icone{font-style:normal;font-size:40px}
.cac-ch-arte{width:64px;height:64px;object-fit:contain}
.cac-ch b{font-size:calc(12px * var(--text-scale,1));overflow-wrap:anywhere}
.cac-ch span{font-size:calc(10px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:anywhere}
.cac-ch.on{border-color:var(--cac-red);background:#22141a;box-shadow:0 0 12px rgba(224,53,59,.35)}
.cac-niveis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.cac-nv{display:flex;flex-direction:column;align-items:center;padding:8px 4px;font-size:calc(11px * var(--text-scale,1))}
.cac-nv b{display:block;font-size:calc(16px * var(--text-scale,1))}
.cac-custo{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;color:var(--cac-mut);font-size:calc(10px * var(--text-scale,1))}
.cac-custo span{display:flex;align-items:center;gap:3px}
.cac-custo .cac-ico{width:14px;height:14px}
.cac-nv.on{border-color:var(--cac-red);background:#2a1215;color:#ffd7d3}
/* 1870: o modo da caçada (Hard laranja, Hardcore vermelho, as cores do mapa do modo) */
.cac-modo{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:6px;font-size:calc(10px * var(--text-scale,1));font-weight:800;letter-spacing:.6px;text-transform:uppercase;vertical-align:middle;border:1px solid rgba(255,150,40,.75);color:#ffb259;background:rgba(255,150,40,.12)}
.cac-modo.hardcore{border-color:rgba(235,40,60,.8);color:#ff6b78;background:rgba(235,40,60,.14)}
.cac-modos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.cac-md{width:auto;margin:0;padding:8px;border:1px solid var(--cac-line);border-radius:10px;background:var(--cac-card);color:#e9edf2;font-weight:600;text-transform:none;letter-spacing:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.cac-md b{font-size:calc(13px * var(--text-scale,1))}
.cac-md span{font-size:calc(10px * var(--text-scale,1));color:var(--cac-mut);overflow-wrap:anywhere}
.cac-md:disabled{opacity:.5;cursor:not-allowed}
.cac-md.on{border-color:var(--cac-gold);box-shadow:0 0 12px rgba(226,176,74,.3)}
.cac-md.hard.on{border-color:rgba(255,150,40,.9);box-shadow:0 0 12px rgba(255,150,40,.35)}
.cac-md.hardcore.on{border-color:rgba(235,40,60,.9);box-shadow:0 0 12px rgba(235,40,60,.35)}
.cac-bencaos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cac-bc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px}
.cac-bc b{font-size:calc(15px * var(--text-scale,1));color:#9ff0a0}
.cac-bc span{font-size:calc(11px * var(--text-scale,1));color:var(--cac-mut)}
.cac-bc .col-icone{font-style:normal;color:#9ff0a0}
.cac-previa{background:linear-gradient(170deg,#1c1416,#14161b);border:1px solid #a3262b;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;align-self:start;min-width:0}
.cac-previa .cac-retrato{align-self:center}
.cac-previa .cac-nivel{justify-content:center}
.cac-previa h3{margin:0;text-align:center;overflow-wrap:anywhere}
.cac-tab{width:100%;border-collapse:collapse;font-size:calc(11px * var(--text-scale,1))}
.cac-tab td{padding:5px 0;border-bottom:1px solid #22262e;vertical-align:middle}
.cac-tab td:first-child{padding-right:8px}
.cac-tab-rot{display:inline-flex;align-items:center;gap:6px}
.cac-tab td:last-child{text-align:right;font-weight:800;overflow-wrap:anywhere}
.cac-modal-aviso{padding:0 18px}
.cac-modal-pe{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--cac-line);flex-wrap:wrap}
.cac-preco{display:inline-flex;align-items:center;gap:4px;padding-left:8px;margin-left:2px;border-left:1px solid rgba(0,0,0,.25)}

/* ---------- caixa ---------- */
.cac-caixa.modal-card{width:min(560px,100%);background:radial-gradient(circle at 50% 20%,#3a1a12,#120c0c 70%);border:1px solid #b9832c;text-align:center;
  box-shadow:0 0 40px rgba(255,179,71,.2);color:#e9edf2;padding:22px}
.cac-bau{width:120px;height:120px;margin:0 auto;object-fit:contain;display:block;filter:drop-shadow(0 0 18px rgba(255,190,90,.8))}
.cac-caixa h2{font-family:var(--font-display);margin:8px 0 2px;font-size:calc(24px * var(--text-scale,1))}
.cac-caixa p{margin:0 0 10px;color:#d9c7a8}
.cac-caixa .cac-caixa-sub{color:#ff9a90;font-weight:800}
.cac-extras{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;background:#10131a;border:1px solid var(--cac-line);border-radius:10px;padding:12px;margin-bottom:8px}
.cac-extras .cac-chip{font-size:calc(13px * var(--text-scale,1))}
.cac-caixa .cac-modal-pe{justify-content:center;border-top:0;padding:10px 0 0}

/* ---------- selo do chefe na horda e pílula da Bênção ---------- */
/* 04/10: o selo da luta é uma pílula presa embaixo do card do inimigo (celular e PC), uma linha só */
.cacada-selo-card{position:absolute;z-index:60;white-space:nowrap;pointer-events:none;
  padding:3px 10px;border-radius:999px;font-size:calc(10.5px * var(--text-scale,1));font-weight:800;line-height:1.3;letter-spacing:.2px;
  color:#ffd7d3;background:rgba(40,6,8,.9);border:1px solid rgba(255,80,70,.7);box-shadow:0 0 8px rgba(255,40,30,.45)}
.cacada-selo-card[hidden]{display:none}
/* Bênção da Caçada: no vão entre a arena e a faixa de NÍVEL/XP (top calculado no cacadas-ui.js). */
.cac-tem-bencao{position:relative}
.cac-bencao-pilula{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:83;white-space:nowrap;display:flex;align-items:center;gap:4px 10px;flex-wrap:nowrap;overflow:hidden;justify-content:center;
  max-width:calc(100% - 24px);padding:2px 12px;border-radius:999px;pointer-events:none;line-height:1.25;background:rgba(14,30,16,.86);border:1px solid rgba(110,220,120,.55);color:#bdf5be;
  font-size:calc(10px * var(--text-scale,1));font-weight:700;box-shadow:0 0 10px rgba(80,200,90,.3)}
.cac-bencao-pilula b{color:#9ff0a0;letter-spacing:.4px}
.cac-bencao-pilula[hidden]{display:none}
.cac-bencao-pilula .cac-bp-nome{font-style:normal}
.cac-bencao-pilula.sem-nome .cac-bp-nome{display:none}
.cac-bencao-pilula .cac-bp-mais{color:#9ff0a0}
@media (max-width:560px){.cac-bencao-pilula{gap:4px 8px;padding:2px 10px}}

/* ---------- Loja › Utilidades ---------- */
.cac-loja-cartao .loja-moldura{display:flex;align-items:center;justify-content:center}

/* ---------- telas ---------- */
@media (max-width:1100px){.cac-ab-grade{grid-template-columns:1fr}}
@media (max-width:860px){.cac-resumo{grid-template-columns:1fr 1fr}.cac-modal-corpo{grid-template-columns:1fr}}
@media (max-width:700px){
  .cac-grade,.cac-recentes-lista{grid-template-columns:1fr}
  .cac-painel{grid-template-columns:1fr}
  .cac-fx-acoes{margin-left:0;flex:1 1 100%}
  .cac-fx-acoes .cac-btn{flex:1 1 0;min-width:0;white-space:normal;padding:8px}
  .cac-ab-pe .cac-btn{flex:1}
  .cac-modal-fundo{padding:0;align-items:stretch}
  .cac-modal.modal-card{max-height:100vh;height:100%;border-radius:0;border-left:0;border-right:0}
  .cac-modal-corpo{overflow:auto;flex:1}
  .cac-niveis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cac-tickets{grid-template-columns:1fr}
  .cac-modal-pe .cac-btn{flex:1 1 auto}
  .contratos-aba{flex:1 1 0;justify-content:center;padding:9px 10px}
}
@media (max-width:420px){
  .cac-cc-topo{padding-right:0;flex-wrap:wrap}
  .cac-relogio{position:static;align-self:flex-start}
  .cac-dano-l{gap:5px}.cac-dano-l .bar{flex-basis:40px}.cac-dano-l .pct{min-width:0}
  .cac-ajuda-linha .cac-btn{min-width:78px}
}
@media (max-width:380px){.cac-resumo{grid-template-columns:1fr}.cac-bencaos{grid-template-columns:1fr}}
@media (orientation:landscape) and (max-height:500px){
  .cac-resumo{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cac-modal-corpo{grid-template-columns:minmax(0,1fr) 240px}
  .cac-tickets{grid-template-columns:1fr 1fr}.cac-niveis{grid-template-columns:repeat(6,minmax(0,1fr))}
  .cac-modal.modal-card{max-height:100vh}
}

/* Chamada das Caçadas (04/10, opção A do autor): ícone CAÇADAS do topo. Com caçada aberta
   o círculo do ícone ganha um brilho vermelho simples; sem caçada fica normal. */
.top-cacadas-button{position:relative}
.top-cacadas-button .nav-mail-badge{background:#e0353b}
.top-cacadas-button>.col-icone{border-radius:50%}
.top-cacadas-button.com-cacada>.col-icone{animation:cacTopo 2.2s ease-in-out infinite;box-shadow:0 0 0 2px rgba(224,53,59,.85),0 0 10px rgba(224,53,59,.7)}
@keyframes cacTopo{50%{box-shadow:0 0 0 2px rgba(224,53,59,.45),0 0 3px rgba(224,53,59,.3)}}
@media (prefers-reduced-motion:reduce){.top-cacadas-button.com-cacada>.col-icone{animation:none}}

/* 07/10: a Caixa de Kundun mostra o que dá (mouse no PC, toque no celular) */
.cac-caixa-chip{position:relative;cursor:var(--cur-seta,help);border-bottom:1px dotted #8c7a55;outline:none}
.cac-caixa-chip:focus-visible{box-shadow:0 0 0 2px var(--cac-gold);border-radius:4px}
.cac-dica-i{font-style:normal;font-size:calc(9px * var(--text-scale,1));width:14px;height:14px;border-radius:50%;background:#2b2f3a;color:#ffd77a;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.cac-caixa-pop{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;width:max-content;max-width:min(290px,calc(100vw - 48px));
  background:#0d1016;border:1px solid #8c6a2a;border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.6);
  flex-direction:column;gap:4px;font-weight:600;overflow:auto;overscroll-behavior:contain;color:#e8e2d4;cursor:var(--cur-seta,default);text-align:left}
.cac-caixa-chip.aberta .cac-caixa-pop{display:flex}
@media (hover:hover){.cac-caixa-chip:hover .cac-caixa-pop{display:flex}}
.cac-dica-tit{display:flex;align-items:center;gap:6px;color:var(--cac-gold);font-size:calc(13px * var(--text-scale,1))}
.cac-dica-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0}
.cac-dica-l small{font-size:calc(11px * var(--text-scale,1));color:var(--cac-mut);letter-spacing:0;text-transform:none;font-weight:600}
.cac-dica-l small::after{content:":"}
.cac-caixa-chip.abaixo .cac-caixa-pop{bottom:auto;top:calc(100% + 8px)}
.cac-dica-v{font-size:calc(12px * var(--text-scale,1));color:#fff;overflow-wrap:anywhere}
.cac-dica-mut,.cac-dica-nota{color:var(--cac-mut);font-weight:500}
.cac-dica-nota{font-size:calc(10px * var(--text-scale,1))}
/* 07/10: ranking curto */
.cac-dano-sep{text-align:center;color:var(--cac-mut);line-height:1;font-size:calc(12px * var(--text-scale,1))}
.cac-dano-total{font-size:calc(10px * var(--text-scale,1));color:var(--cac-mut);text-align:right}
/* 2452: pacote de joias / materiais (ícone + número) na Caixa, no Top 3 e em "Todos que ajudam". */
.cac-pacote{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.cac-pacote .cac-ico{width:16px;height:16px}
/* 2481: "Chance do chefe morrer" na janela de criar (3 barrinhas: verde, amarela, vermelha). */
.cac-chance{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.cac-chance-barra{display:inline-flex;gap:3px}
.cac-chance-barra i{width:22px;height:7px;border-radius:4px;background:#2a2f3a}
.cac-chance.alta .cac-chance-barra i{background:#4cc36a}
.cac-chance.media .cac-chance-barra i:nth-child(-n+2){background:#e6b13a}
.cac-chance.baixa .cac-chance-barra i:nth-child(1){background:#e0483e}
.cac-chance.alta b{color:#7ee09a}.cac-chance.media b{color:#ffd27a}.cac-chance.baixa b{color:#ff7468}
.cac-chance small{font-weight:400;color:var(--cac-mut,#9aa3b2);font-size:calc(11px * var(--text-scale,1));max-width:190px;line-height:1.25}
/* 2481: anúncio da Caçada no chat Global. */
.col-chat-cacada{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border:1px solid rgba(230,177,58,.45);border-radius:8px;background:rgba(230,177,58,.08)}
.col-chat-cacada .col-chat-text{margin:0;color:#ffe2a3}
.col-chat-cacada .col-chat-cacada-ir{border-color:#b9472f;background:linear-gradient(180deg,#a8362a,#6d1e16);color:#fff}
