/* =====================================================================
   Sentinelas — o Chamado da Legião (src/ui/sentinelas-ui.js)
   15/10: janela com abas (Chamados, Minhas Sentinelas, Esferas) e "Ver chances".
   16/10: o CHAMADO refeito no desenho aprovado pelo autor ("Chamado da Legião,
   refeito", seção 1 da prévia das telas): arco de pedra com 20 runas, vórtice
   dourado, a Sentinela de corpo inteiro sem caixa atrás, "O que pode sair" com a
   arte e a chance, "Mais devotos", e os botões INVOCAR de placa escura com
   moldura de ouro (o ×10 em ouro vivo com o brilho passando). E o PORTAL do topo
   (P1): anel dourado e roxo girando com o rosto da Sentinela do Chamado.
   Celular: a janela ocupa a tela; o lado desce para baixo do palco.
   Letras em calc(Npx * var(--text-scale,1)): o texto de Opções (100–130%).
   Sem giro nem brilho com "Animações de combate" desligadas, a Qualidade Leve
   ou o sistema pedindo menos movimento.
   ===================================================================== */
:root{--snt-ouro:#e2b04a;--snt-ouro2:#ffe09a;--snt-ouro3:#8a6a2c;--snt-linha:rgba(226,176,74,.26);--snt-fundo:#0b1019;--snt-card:#121a28;--snt-card2:#172235;
  --snt-borda:#2c3852;--snt-mut:#97a6bd;--snt-apagado:#6a778d;--snt-verm:#ff6b5e;--snt-verde:#86f2bf;--snt-tinta:#e8eef7;
  --snt-tit:"Cinzel",var(--font-display,Georgia),serif}
.el-luz{--snt-el:#f2d27a;--snt-el2:#5a4310}
.el-vento{--snt-el:#7fe0b0;--snt-el2:#12402c}
.el-fogo{--snt-el:#ff8a50;--snt-el2:#4a1608}
.el-trevas{--snt-el:#b48cff;--snt-el2:#2a1446}
.el-agua{--snt-el:#62b8ff;--snt-el2:#0e2c4a}
.el-nenhum{--snt-el:#9aa3b4;--snt-el2:#1e2230}

/* ---------- a Esfera (arte da Forja: assets/sentinelas/ui/esfera.webp) ---------- */
.snt-esfera{display:inline-block;flex:0 0 auto;width:1.25em;height:1.25em;object-fit:contain;vertical-align:-.3em}
.snt-esfera-css{width:1em;height:1em;border-radius:50%;vertical-align:-.15em;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#b9a2ff 20%,#6a3fd6 55%,#2a1270 100%);box-shadow:0 0 6px rgba(150,110,255,.75)}

/* ---------- arte com reserva (Sentinela sem arte: a inicial) ---------- */
.snt-arte{position:relative;display:inline-grid;place-items:center;overflow:hidden;flex:0 0 auto;background:radial-gradient(circle at 50% 40%,var(--snt-el2),#0b0c12 75%)}
.snt-arte img{width:100%;height:100%;object-fit:cover;display:block}
.snt-arte.sem-arte::after{content:attr(data-inicial);font-family:var(--snt-tit);font-weight:900;color:var(--snt-el);font-size:calc(26px * var(--text-scale,1));line-height:1;text-shadow:0 0 12px rgba(0,0,0,.8)}
.snt-icone{border-radius:50%;width:56px;height:56px;border:2px solid var(--snt-el);box-shadow:0 0 10px color-mix(in srgb,var(--snt-el) 40%,transparent)}
.snt-retrato{border-radius:12px}

/* ---------- a janela ---------- */
.snt-fundo{z-index:1400}
.snt-janela.modal-card{position:relative;isolation:isolate;width:min(900px,100%);max-height:calc(100vh - 40px);padding:0;display:flex;flex-direction:column;border:1px solid #4a3a18;border-radius:16px;
  background:linear-gradient(180deg,#0f1622,#0a0f18);color:var(--snt-tinta);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6),inset 0 0 0 1px rgba(246,213,138,.05)}
@supports (height:100dvh){.snt-janela.modal-card{max-height:calc(100dvh - 40px)}}
/* no Chamado, o fundo do desenho: brilho dourado atrás do portal e chão escuro */
.snt-no-chamado .snt-janela.modal-card{background:radial-gradient(55% 40% at 32% 30%,rgba(255,214,110,.16),transparent 70%),radial-gradient(90% 60% at 40% 100%,#1a1306 0%,transparent 60%),linear-gradient(180deg,#0d0b08 0%,#120e07 50%,#07080c 100%)}
/* 17/10 (lag): a poeira era "background-position" animado na janela inteira: o Chrome repintava a janela toda a cada
   quadro (4 a 6 quadros por segundo no celular com CPU lenta). Agora a camada é pintada UMA vez e só desliza
   (transform, feito pela placa de vídeo): os mesmos pontos, a mesma subida de 60 px em 9 s. */
.snt-poeira{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;overflow:hidden}
.snt-no-chamado .snt-poeira{opacity:1}
.snt-no-chamado .snt-poeira::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-60px;will-change:transform;background-image:
  radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,230,160,.8),transparent),radial-gradient(1.5px 1.5px at 84% 30%,rgba(255,230,160,.7),transparent),
  radial-gradient(1px 1px at 30% 64%,rgba(255,230,160,.7),transparent),radial-gradient(2px 2px at 70% 58%,rgba(255,230,160,.6),transparent),
  radial-gradient(1px 1px at 52% 12%,rgba(255,230,160,.8),transparent),radial-gradient(1.5px 1.5px at 90% 76%,rgba(255,230,160,.5),transparent),
  radial-gradient(1px 1px at 8% 82%,rgba(255,230,160,.6),transparent);animation:snt-po 9s linear infinite}
@keyframes snt-po{from{transform:translateY(0)}to{transform:translateY(-60px)}}
.snt-cab,.snt-abas,.snt-rodape{flex:0 0 auto}

/* topo: "Destaque · fecha em …", o título, o saldo com o + e o ✕ */
.snt-cab{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-bottom:1px solid rgba(246,213,138,.16);background:linear-gradient(180deg,#161e2e,#0e1420)}
.snt-cab-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.snt-cab-txt small{display:block;min-height:1.2em;font-size:calc(10px * var(--text-scale,1));font-weight:800;letter-spacing:.14em;color:#e0ad4c;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snt-cab-txt small b{color:#e0ad4c;font-weight:800}
.snt-cab h2{margin:0;font-family:var(--snt-tit);font-weight:900;font-size:calc(17px * var(--text-scale,1));line-height:1.2;color:#f6d58a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snt-cab-acoes{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.snt-saldo{display:inline-flex;align-items:center;gap:4px;padding:3px 3px 3px 4px;border-radius:999px;background:#070b14;border:1px solid #4b3486;box-shadow:inset 0 0 10px rgba(122,66,230,.25)}
.snt-saldo .snt-esfera{width:26px;height:26px;margin:-4px 0}
.snt-saldo b{font-weight:900;font-size:calc(14px * var(--text-scale,1));color:#efe6ff;padding:0 2px;font-variant-numeric:tabular-nums}
.snt-saldo-mais{display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;
  background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);font-weight:900;font-size:calc(15px * var(--text-scale,1));line-height:1;cursor:var(--cur-mao,pointer);box-shadow:none}
.snt-saldo-mais:hover{filter:brightness(1.12)}
.snt-fechar{min-width:34px;width:34px;height:34px;padding:0;border-radius:8px;border:1px solid #2a3650;background:#1a2232;color:var(--snt-tinta)}

/* as abas: uma faixa fina (Chamados, Minhas Sentinelas, Esferas) */
.snt-abas{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px;border-bottom:1px solid rgba(246,213,138,.1);background:rgba(7,10,16,.7)}
.snt-aba{position:relative;display:flex;align-items:baseline;gap:6px;width:auto;min-width:0;margin:0;padding:4px 10px;border:1px solid #2a3650;border-radius:999px;background:#0e1420;color:#cfd5e0;cursor:var(--cur-mao,pointer);text-transform:none;letter-spacing:0;text-align:left;min-height:0}
.snt-aba small{font-size:calc(9px * var(--text-scale,1));font-weight:900;letter-spacing:.12em;color:var(--snt-apagado)}
.snt-aba span{font-size:calc(12px * var(--text-scale,1));font-weight:800;overflow-wrap:anywhere}
.snt-aba.ativa{border-color:#8a6a2c;background:linear-gradient(180deg,#2a2112,#120e08);color:#fff3d6}
.snt-aba.ativa small{color:#e0ad4c}
.snt-ponto{position:absolute;top:-2px;right:-2px}

.snt-corpo{padding:14px 16px 18px;overflow:auto;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px}
.snt-no-chamado .snt-corpo{padding:0;gap:0}
.snt-vazio{padding:28px 10px;text-align:center;color:var(--snt-mut);font-size:calc(13px * var(--text-scale,1))}
.snt-nota{margin:0;color:var(--snt-mut);font-size:calc(11.5px * var(--text-scale,1));line-height:1.45;overflow-wrap:anywhere}
.snt-falta{margin:0;color:var(--snt-verm);font-size:calc(12px * var(--text-scale,1));font-weight:700;text-align:center}

.snt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;margin:0;min-height:38px;padding:8px 14px;border:1px solid var(--botao-ouro-borda);border-radius:10px;
  background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);font-weight:900;letter-spacing:.04em;font-size:calc(12px * var(--text-scale,1));text-transform:none;cursor:var(--cur-mao,pointer);min-width:0}
.snt-btn.cinza{background:#232836;border-color:#3d4556;color:#e9edf2}
.snt-btn[disabled],.snt-pack[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
.snt-link{display:inline;width:auto;margin:0;padding:0 4px;border:0;background:none;color:var(--snt-ouro2);font-weight:900;text-decoration:underline;cursor:var(--cur-mao,pointer);font-size:inherit;min-height:0}

/* ---------- Chamado: palco + lado ---------- */
.snt-cham{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1 0 auto}
.snt-palco{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 12px;min-width:0;overflow-x:clip}   /* o selo do chamariz e o vórtice passam um pouco do arco: nunca rolam a tela de lado */
/* o portal: arco de pedra (SVG) com o vão do vórtice e a Sentinela dentro, sem caixa atrás */
.snt-portal{position:relative;width:min(250px,64vw);aspect-ratio:300/380;margin-bottom:6px;flex:0 0 auto}
/* V3 (auditoria 17/10): no PC baixo (1366×768) com texto grande o palco inteiro — até "Cópia garantida" e "Suas invocações" —
   cabe acima do rodapé dos INVOCAR: o portal encolhe pela altura da janela e pelo tamanho do texto */
.snt-cham:not(.cel) .snt-portal{width:clamp(150px,calc((100vh - 450px - (var(--text-scale,1) - 1) * 340px) / 1.267),min(250px,64vw))}
.snt-arco{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.snt-gema{fill:var(--snt-el,#ffe07a)}
.snt-portal-vao{position:absolute;left:19%;right:19%;top:15.5%;bottom:13%;border-radius:50% 50% 0 0/38% 38% 0 0;overflow:hidden;
  background:radial-gradient(70% 55% at 50% 72%,#fff3c4 0%,#ffcf5a 14%,#a8641a 38%,#3a1f08 62%,#120a04 100%)}
.snt-vortice{position:absolute;inset:-35%;background:conic-gradient(from 0deg,rgba(255,240,190,0),rgba(255,240,190,.55) 8%,rgba(255,200,90,0) 22%,rgba(255,236,170,.45) 40%,rgba(255,200,90,0) 55%,rgba(255,240,190,.5) 72%,rgba(255,200,90,0) 86%);
  filter:blur(10px);animation:snt-gira 16s linear infinite;mix-blend-mode:screen}
.snt-vortice.b{animation-duration:23s;animation-direction:reverse;opacity:.6}
@keyframes snt-gira{to{transform:rotate(360deg)}}
.snt-portal-pe{position:absolute;left:8%;right:8%;bottom:4%;height:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,170,.75),transparent);filter:blur(4px)}
.snt-portal-fig{position:absolute;left:0;right:0;bottom:-2%;height:88%;display:flex;justify-content:center;align-items:flex-end}
.snt-portal-fig img{height:100%;width:auto;max-width:none;filter:brightness(.92) drop-shadow(0 0 10px rgba(255,224,122,.9)) drop-shadow(0 0 2px #fff4d0)}
.snt-portal-fig.sem-arte{align-items:center}
.snt-portal-fig.sem-arte::after{content:attr(data-inicial);font-family:var(--snt-tit);font-weight:900;font-size:calc(64px * var(--text-scale,1));color:#fff4d4;text-shadow:0 0 20px rgba(255,214,110,.9)}
.snt-portal-vela{position:absolute;inset:0;background:linear-gradient(180deg,transparent,transparent 55%,rgba(18,10,4,.55));pointer-events:none}
/* o nome: função · elemento, NOME grande e o título */
.snt-nome{text-align:center;display:flex;flex-direction:column;gap:1px;min-width:0;max-width:100%}
.snt-nome-tipo{font-size:calc(10px * var(--text-scale,1));font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--snt-el,#ffe07a)}
.snt-nome-quem{font-family:var(--snt-tit);font-weight:900;font-size:calc(25px * var(--text-scale,1));letter-spacing:.06em;line-height:1.05;text-transform:uppercase;color:#fff4d4;
  text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 22px rgba(255,214,110,.35);overflow-wrap:anywhere}
.snt-nome-escolha{font-size:calc(18px * var(--text-scale,1));text-transform:none}
.snt-nome-tit{font-family:var(--snt-tit);font-weight:700;font-size:calc(14px * var(--text-scale,1));color:#e9cf8f;overflow-wrap:anywhere}
/* "Cópia garantida · faltam N", a barra verde com o rosto no fim e as invocações */
.snt-garantia{width:min(420px,100%);display:flex;flex-direction:column;gap:6px;margin-top:8px}
.snt-garantia-l{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:calc(12.5px * var(--text-scale,1));color:var(--snt-mut)}
.snt-garantia-l b{font-family:var(--snt-tit);font-weight:900;font-size:calc(15px * var(--text-scale,1));color:var(--snt-verde);text-transform:uppercase;white-space:nowrap}
.snt-trilho{position:relative;height:12px;margin-right:12px;border-radius:999px;background:#0a0e16;border:1px solid #3a3020;box-shadow:inset 0 1px 3px #000}
.snt-trilho>i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#2f7d5a,#86f2bf);box-shadow:0 0 12px rgba(134,242,191,.6)}
.snt-trilho-fim{position:absolute;right:-14px;top:50%;width:28px;height:28px;transform:translateY(-50%);border-radius:50%;overflow:hidden;border:2px solid var(--snt-verde);box-shadow:0 0 12px rgba(134,242,191,.7);background:#0a0e16}
.snt-trilho-fim .snt-arte{width:100%;height:100%;border-radius:50%}
.snt-trilho-fim .snt-arte.sem-arte::after{font-size:calc(12px * var(--text-scale,1))}
.snt-garantia-sub{font-size:calc(11.5px * var(--text-scale,1));color:var(--snt-apagado);text-align:center}
.snt-garantia-sub b{color:var(--snt-tinta)}
.snt-testar{align-self:center;width:auto;margin:6px 0 0;min-height:30px;padding:4px 12px;border:1px dashed #4a5366;border-radius:8px;background:transparent;color:#b9c2d3;font-size:calc(11.5px * var(--text-scale,1));font-weight:700;letter-spacing:0;text-transform:none;cursor:var(--cur-mao,pointer)}
.snt-testar:hover{border-color:var(--snt-ouro);color:#fff}
.snt-teste{margin:6px 0 0;font-size:calc(12px * var(--text-scale,1));color:var(--snt-mut);overflow-wrap:anywhere;text-align:center}
.snt-teste.ativo{color:var(--snt-verde)}
.snt-teste.ativo b{color:#fff}
.snt-teste.espera{color:#c9b98f}
.snt-teste.espera b{color:#fff}
.snt-trava,.snt-trocar{text-align:center;margin-top:6px}

/* VITRINE (17/10): o bloco "Por que <nome>?" no lado (prévia em loop, as 3 skills + o trunfo, a comparação com a sua).
   (A antiga faixa "★ TRUNFO" embaixo do nome saiu em 23:04Z: o selo do chamariz toma o lugar dela.) Cores pelo elemento (--snt-el). */
.snt-vitrine{gap:8px}
.snt-vt-previa{position:relative;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--snt-el) 55%,#2c3852);background:#06080d;aspect-ratio:16/9}
.snt-vt-previa video{display:block;width:100%;height:100%;object-fit:cover}
.snt-vt-selo{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:calc(9.5px * var(--text-scale,1));font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.snt-vt-skills{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.snt-vt-sk{display:flex;gap:8px;align-items:flex-start;padding:6px 7px;border-radius:9px;background:var(--snt-card);border:1px solid var(--snt-borda);min-width:0}
.snt-vt-sk img,.snt-vt-estrela{width:30px;height:30px;flex:0 0 30px;border-radius:7px;object-fit:cover;background:#0b0f18}
.snt-vt-sk .snt-vt-estrela,.snt-vt-estrela{display:grid;font-weight:700;place-items:center;font-size:calc(17px * var(--text-scale,1));color:#1b1405;background:linear-gradient(180deg,var(--snt-ouro2),var(--snt-ouro))}
.snt-vt-sk.s-trunfo{border-color:color-mix(in srgb,var(--snt-el) 70%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--snt-el2) 60%,var(--snt-card)),var(--snt-card))}
.snt-vt-sk>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.snt-vt-sk b{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:calc(12px * var(--text-scale,1));color:#f2e6c4}
.snt-vt-sk b em{font-style:normal;font-size:calc(9.5px * var(--text-scale,1));font-weight:800;letter-spacing:.06em;color:var(--snt-apagado);text-transform:uppercase}
.snt-vt-sk.s-trunfo b em{color:var(--snt-el)}
.snt-vt-sk span{font-size:calc(11px * var(--text-scale,1));line-height:1.35;color:#c3ccda;overflow-wrap:anywhere}
.snt-vt-compara{display:flex;flex-direction:column;gap:6px}
.snt-vt-lado{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:10px;border:1px solid var(--snt-borda);background:#0e1420;min-width:0}
.snt-vt-lado.ele{border-color:color-mix(in srgb,var(--snt-el) 70%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--snt-el) 22%,transparent)}
.snt-vt-lado.eu{opacity:.92}
.snt-vt-rosto{width:38px;height:38px;border-radius:50%;border:2px solid var(--snt-el)}
.snt-vt-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.snt-vt-tx b{font-size:calc(12px * var(--text-scale,1));color:#fff;overflow-wrap:anywhere}
.snt-vt-tx span{font-size:calc(10.5px * var(--text-scale,1));color:var(--snt-mut);line-height:1.3;overflow-wrap:anywhere}
.snt-vt-tx .snt-vt-forca{font-size:calc(12px * var(--text-scale,1));font-weight:900;color:var(--snt-el)}
.snt-vt-tx .snt-vt-tr{color:#efe2bd;font-weight:700}

/* CHAMARIZ do trunfo (17/10; o estilo A, escolhido pelo autor, vale sempre que os trunfos estão ligados): a frase curta e forte do que a
   Sentinela faz de melhor + a linha com o número de verdade. Animações SÓ de transform/opacity (a tela já teve lag),
   paradas com menos movimento (lá embaixo). --snt-cz-h = quanto o chamariz ocupa no palco: o arco do celular em pé
   cede essa altura para os INVOCAR continuarem na primeira tela. */
.snt-cz-frase{font-family:var(--snt-tit);font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.04;overflow-wrap:break-word;text-wrap:balance}
.snt-cz-ico{display:block;width:1em;height:1em;flex:0 0 auto}
@keyframes snt-cz-entra{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
/* a — SELO carimbado no arco: redondo, girado, a borda de raios dourados e uma onda de luz que pulsa */
.snt-portal.tem-cz{container-type:inline-size}
/* 27/10 (autor: "trunfo grande demais"): o selo de 49% para 40% do portal; 06/11 ("muito em cima dela"): 36% e mais alto (top -5%), letras na mesma proporção */
.snt-cz-a{position:absolute;z-index:3;top:-5%;right:-13%;width:calc(36% * min(var(--text-scale,1),1.12));aspect-ratio:1;pointer-events:none;
  transform:rotate(9deg);animation:snt-cz-carimbo .6s cubic-bezier(.2,1.5,.45,1) .15s both}
.snt-cz-a::before{content:"";position:absolute;inset:-9%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe7a8 0 5deg,#b07a24 5deg 10deg);
  -webkit-mask:radial-gradient(closest-side,transparent 83%,#000 84%);mask:radial-gradient(closest-side,transparent 83%,#000 84%)}
.snt-cz-a-onda{position:absolute;inset:-24%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,110,0) 58%,rgba(255,214,110,.55) 72%,rgba(255,214,110,0) 100%);
  animation:snt-cz-pulsa 2.4s ease-in-out infinite}
.snt-cz-a-selo{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;padding:13%;text-align:center;
  background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--snt-el2) 75%,#2a1c08),#0c0905 74%);
  border:2px solid #ffe7a8;box-shadow:0 0 0 3px #1a1206,0 0 0 5px var(--snt-ouro),0 6px 18px rgba(0,0,0,.6),inset 0 0 0 3px rgba(0,0,0,.55),inset 0 0 0 4px rgba(255,224,154,.4)}
.snt-cz-a-tag{font-size:calc(2.88cqw * min(var(--text-scale,1),1.12));font-weight:900;letter-spacing:.14em;color:var(--snt-ouro2);white-space:nowrap}
.snt-cz-a .snt-cz-frase{font-size:calc(4.19cqw * min(var(--text-scale,1),1.12));color:#fff4d4;text-shadow:0 0 10px color-mix(in srgb,var(--snt-el) 70%,transparent),0 2px 0 #000}
.snt-cz-a .snt-cz-ico{font-size:calc(5.13cqw * min(var(--text-scale,1),1.12));color:var(--snt-el);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--snt-el) 80%,transparent))}
@keyframes snt-cz-carimbo{0%{opacity:0;transform:rotate(9deg) scale(1.9)}70%{opacity:1;transform:rotate(9deg) scale(.94)}100%{opacity:1;transform:rotate(9deg) scale(1)}}
@keyframes snt-cz-pulsa{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.04)}}
.snt-cz-a-linha{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;max-width:100%;margin-top:5px;padding:4px 14px;border-radius:14px;
  border:1px solid color-mix(in srgb,var(--snt-el) 60%,transparent);background:rgba(12,9,4,.78);box-shadow:0 0 12px color-mix(in srgb,var(--snt-el) 22%,transparent);
  color:#fff0c8;font-weight:800;font-size:calc(12.5px * var(--text-scale,1));line-height:1.25;text-align:center;overflow-wrap:anywhere}
.snt-cz-a-linha .snt-cz-frase{display:none;font-size:calc(15px * var(--text-scale,1));color:var(--snt-el)}
.snt-cham.cz-a{--snt-cz-h:calc(30px * var(--text-scale,1))}
/* PC com a tela baixa (1280×720): o arco cede a altura do chamariz para ele não ficar embaixo do rodapé (nunca menos de 180 px) */
/* 18/10 (lançamento): com o texto maior (120-130%) o arco também cede, como a regra do PC sem o selo (linha .snt-cham:not(.cel)):
   sem isso a linha "Suas invocações" ficava atrás do rodapé no 1280×720 a 130% e no 1366×768 a 120-130%. */
@media (min-width:761px) and (min-height:501px){.snt-cham.cz-a .snt-portal{width:clamp(180px,calc(100vh - 420px - var(--snt-cz-h,0px) - (var(--text-scale,1) - 1) * 420px),250px)}}

/* Chamado à Escolha: a grade antes do 1º giro */
.snt-escolha{align-self:stretch;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px;border:1px solid var(--snt-linha);border-radius:12px;background:rgba(18,26,40,.85)}
.snt-escolha p{margin:0;font-size:calc(12.5px * var(--text-scale,1));color:#d8dde7}
.snt-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.snt-esc{display:flex;flex-direction:column;align-items:center;gap:3px;width:auto;margin:0;padding:8px 4px;border:1px solid var(--snt-borda);border-radius:10px;background:#0e1320;color:#e9edf2;cursor:var(--cur-mao,pointer);text-transform:none;letter-spacing:0;min-width:0}
.snt-esc .snt-icone{width:48px;height:48px}
.snt-esc span{font-weight:800;font-size:calc(12.5px * var(--text-scale,1));overflow-wrap:anywhere;text-align:center}
.snt-esc small{font-size:calc(10.5px * var(--text-scale,1));color:var(--snt-mut)}
.snt-esc.sel{border-color:var(--snt-ouro);box-shadow:0 0 0 1px var(--snt-ouro) inset;background:#231b0c}

/* o lado: "O que pode sair" e "Mais devotos" */
.snt-lado{border-left:1px solid rgba(246,213,138,.12);background:rgba(8,10,16,.72);padding:14px;display:flex;flex-direction:column;gap:14px;min-width:0}
.snt-lado-bloco{display:flex;flex-direction:column;gap:8px;min-width:0}
.snt-sec-t{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:calc(10px * var(--text-scale,1));font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e0ad4c}
.snt-sec-t>span{min-width:0;overflow-wrap:anywhere}
.snt-sec-link{flex:0 0 auto;width:auto;margin:0;padding:2px 0;min-height:0;border:0;border-bottom:1px dashed var(--snt-ouro3);border-radius:0;background:none;color:#f6d58a;font-size:calc(11px * var(--text-scale,1));font-weight:800;letter-spacing:0;text-transform:none;cursor:var(--cur-mao,pointer);white-space:nowrap}
.snt-sec-link:hover{color:#fff4d4}
.snt-prs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.snt-pr{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:10px;background:linear-gradient(180deg,#1a2234,#0e1320);border:1px solid var(--snt-borda);min-width:0}
.snt-pr .snt-pr-ic{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.snt-pr i.snt-pr-ic{font-style:normal;font-size:calc(26px * var(--text-scale,1));line-height:40px;text-align:center}
.snt-pr .q{font-weight:900;font-size:calc(12px * var(--text-scale,1));color:var(--snt-tinta);white-space:nowrap}
.snt-pr .c{font-size:calc(10.5px * var(--text-scale,1));color:var(--snt-apagado);white-space:nowrap}
.snt-pr.raro{border-color:#6a4f1c;background:linear-gradient(180deg,#2a2112,#120e08)}
.snt-pr.raro .q{color:#f6d58a}
/* 28/10: prêmios abaixo de 1% com a faixa girando dos equipamentos (moldura-raridade.css); o JoD com arco-íris */
@property --snt-giro{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes snt-giro{to{--snt-giro:360deg}}
:is(.snt-pr,.snt-premio).lenda{--snt-luz:rgba(246,213,138,.40);
  --snt-faixa:conic-gradient(from var(--snt-giro),#f6d58a,#fff4d6 12%,#c8922e 25%,rgba(246,213,138,.10) 45%,#f6d58a 60%,#fff4d6 72%,#c8922e 85%,#f6d58a);
  border-color:transparent;box-shadow:0 0 9px var(--snt-luz)}
:is(.snt-pr,.snt-premio).lenda.maximo{--snt-luz:rgba(214,170,255,.55);
  --snt-faixa:conic-gradient(from var(--snt-giro),#fbf8f1,#ffd6e8,#fff1c2,#d2ffe6,#cfe9ff,#e6d6ff,#fbf8f1);
  box-shadow:0 0 12px var(--snt-luz),0 0 4px rgba(207,233,255,.45);
  background:radial-gradient(90% 80% at 50% 35%,rgba(150,80,220,.38),transparent 70%),linear-gradient(180deg,#24173a,#0f0a1a)}
:is(.snt-pr,.snt-premio).lenda::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;pointer-events:none;
  background:var(--snt-faixa);animation:snt-giro 3.6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
:is(.snt-pr,.snt-premio).lenda.maximo::before{animation-duration:5s}
.snt-pr.lenda.maximo .q{color:#fff1c2;text-shadow:0 0 6px rgba(214,170,255,.8)}
.snt-pr .q.longo{font-size:calc(10.5px * var(--text-scale,1));letter-spacing:-.2px}
@media (prefers-reduced-motion:reduce){:is(.snt-pr,.snt-premio).lenda::before{animation:none}}
.snt-pr.copia{grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 12px;border-color:#2f7d5a;
  background:linear-gradient(90deg,rgba(47,125,90,.35),rgba(14,19,32,.9));box-shadow:0 0 18px rgba(134,242,191,.18)}
.snt-pr.copia .snt-pr-ic{width:52px;height:52px;border-radius:50%;border:2px solid var(--snt-verde);filter:none}
.snt-pr-tx{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.snt-pr-tx b{font-family:var(--snt-tit);font-weight:900;font-size:calc(14px * var(--text-scale,1));color:var(--snt-verde);overflow-wrap:anywhere}
.snt-pr-tx span{font-size:calc(11px * var(--text-scale,1));color:var(--snt-mut);overflow-wrap:anywhere}
.snt-devotos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.snt-dv{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;background:rgba(18,26,40,.7);font-size:calc(12.5px * var(--text-scale,1))}
.snt-dv .p{font-family:var(--snt-tit);font-weight:900;font-size:calc(12px * var(--text-scale,1));color:#e0ad4c;text-align:center}
.snt-dv .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snt-dv .v{font-weight:800;color:var(--snt-tinta);font-variant-numeric:tabular-nums}
.snt-dv.eu{outline:1px solid var(--snt-ouro3);color:#f6d58a}
.snt-dv.eu .p{color:#f6d58a}
.snt-rank-vazio{color:var(--snt-mut);font-size:calc(12px * var(--text-scale,1));padding:4px}

/* ---------- rodapé: Esferas grátis e os INVOCAR ---------- */
.snt-rodape{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;border-top:1px solid rgba(246,213,138,.14);background:linear-gradient(180deg,rgba(10,13,20,.94),#070a10)}
.snt-rodape[hidden]{display:none}
.snt-rodape-linha{display:flex;align-items:center;gap:10px}
.snt-extras{display:flex;gap:6px;flex-wrap:wrap;margin-right:auto;min-width:0}
.snt-ext{display:inline-flex;align-items:center;gap:6px;width:auto;margin:0;min-height:0;padding:6px 10px 6px 6px;border-radius:10px;background:#111827;border:1px solid #2a3650;color:var(--snt-tinta);
  font-size:calc(11.5px * var(--text-scale,1));font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:var(--cur-mao,pointer)}
.snt-ext:hover{border-color:var(--snt-ouro3)}
.snt-ext img,.snt-ext .snt-esfera{width:22px;height:22px;object-fit:contain;vertical-align:middle}
.snt-ext-pt{min-width:18px;height:18px;border-radius:999px;background:#3a4258;color:#fff;font-style:normal;font-size:calc(10px * var(--text-scale,1));display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.snt-ext-pt.pronta{background:#c0392b}
.snt-botoes{display:flex;gap:10px;flex:0 0 auto}
/* 03/11: para qual personagem vai a Sentinela que sair (o giro entrega no herói da aba, SQL 2268) */
.snt-destino{flex:1 1 0;min-width:0;margin:0;color:var(--snt-mut);font-size:calc(11.5px * var(--text-scale,1));line-height:1.3;text-align:center;overflow-wrap:anywhere}
.snt-destino b{color:var(--snt-tinta)}
/* INVOCAR: placa de metal escuro com moldura de ouro chanfrada; o ×10 é ouro vivo com um brilho que passa */
.snt-inv{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:118px;width:auto;height:auto;min-height:64px;margin:0;padding:6px 14px;border:0;border-radius:0;cursor:var(--cur-mao,pointer);color:#f4e3b5;
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);
  background:linear-gradient(180deg,#f7da8c,#a56d22 50%,#f0c868);box-shadow:none;letter-spacing:0;text-transform:none}
.snt-inv::before{content:"";position:absolute;inset:2px;z-index:-1;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);
  background:radial-gradient(90% 70% at 50% 0%,#3b2f6e 0%,#1c1638 55%,#0f0c20 100%)}
.snt-inv::after{content:"";position:absolute;inset:5px 14px auto;height:40%;z-index:-1;border-radius:6px 6px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0))}
.snt-inv .v{font-size:calc(9.5px * var(--text-scale,1));font-weight:800;letter-spacing:.2em;color:#cdb98a;white-space:nowrap}
.snt-inv .x{font-family:var(--snt-tit);font-weight:900;font-size:calc(21px * var(--text-scale,1));line-height:1;color:#fff2cc;text-shadow:0 2px 0 #000,0 0 12px rgba(183,156,240,.5)}
.snt-inv .custo{display:flex;align-items:center;gap:3px;font-weight:900;font-size:calc(12px * var(--text-scale,1));color:#e8dcff}
.snt-inv .custo .snt-esfera{width:18px;height:18px;margin:-2px 0}
.snt-inv.dez{min-width:140px;background:var(--botao-ouro-borda)}
.snt-inv.dez::before{background:var(--botao-ouro-fundo)}
/* 17/10 (lag): o brilho do ×10 desliza com transform (antes: background-position, repintava o botão a cada quadro) */
.snt-inv.dez::after{inset:0 auto 0 0;width:250%;height:100%;border-radius:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);will-change:transform;animation:snt-passa 3.2s ease-in-out infinite}
@keyframes snt-passa{0%{transform:translateX(-78%)}60%,100%{transform:translateX(36%)}}
.snt-inv.dez .v{color:var(--botao-ouro-texto)}
.snt-inv.dez .x{color:var(--botao-ouro-texto);text-shadow:0 2px 0 rgba(0,0,0,.45)}
.snt-inv.dez .custo{color:var(--botao-ouro-texto)}
.snt-inv:hover:not([disabled]){filter:brightness(1.1)}
.snt-inv[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}
.snt-inv[data-falta] .custo{color:#ffb4ad}
.snt-inv.dez[data-falta] .custo{color:#ffb4ad}

/* ---------- celular (16/10, pedido do autor): palco → ranking numa linha → chips e INVOCAR → "O que pode sair" ----------
   O sentinelas-ui.js monta este arranjo só quando a tela é de celular (a mesma régua dos @media daqui):
   os INVOCAR saem do rodapé preso e vêm logo abaixo do palco, dentro do que rola. */
.snt-acao{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px 8px 10px;border-top:1px solid rgba(246,213,138,.14);border-bottom:1px solid rgba(246,213,138,.14);background:linear-gradient(180deg,rgba(10,13,20,.94),#070a10)}
.snt-acao .snt-rodape-linha{flex-direction:column;align-items:stretch;gap:8px}
.snt-acao .snt-extras{margin:0;justify-content:center}
/* 03/11: no celular a frase "vai para <herói>" fica embaixo dos INVOCAR (eles não descem) */
.snt-acao .snt-destino{order:3;flex:0 0 auto}
.snt-acao .snt-ext-rank{display:inline-flex}
/* "1º Rafa 412 · Você 57º 37 · Ver todos": uma linha só; o nome do líder encolhe com reticências */
.snt-rl{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:34px;margin:0;padding:4px 10px 4px 6px;border:1px solid #3a3020;border-radius:10px;background:rgba(18,26,40,.85);color:var(--snt-tinta);
  font-size:calc(12.5px * var(--text-scale,1));font-weight:700;letter-spacing:0;text-transform:none;text-align:left;white-space:nowrap;cursor:var(--cur-mao,pointer);box-shadow:none}
.snt-rl:hover{border-color:var(--snt-ouro3)}
.snt-rl img{flex:0 0 auto;width:22px;height:22px;object-fit:contain}
.snt-rl-quem{display:flex;align-items:baseline;gap:6px;flex:1 1 auto;min-width:0}
.snt-rl-ele,.snt-rl-eu{display:flex;align-items:baseline;gap:4px;min-width:0}
.snt-rl-ele{flex:0 1 auto}
.snt-rl-eu{flex:0 0 auto;color:#f6d58a}
.snt-rl .p{font-family:var(--snt-tit);font-weight:900;color:#e0ad4c}
.snt-rl-eu .p{color:#f6d58a}
.snt-rl-ele .n{min-width:0;overflow:hidden;text-overflow:ellipsis}
.snt-rl .v{font-weight:800;font-variant-numeric:tabular-nums}
.snt-rl-vazio .n{color:var(--snt-mut);font-weight:600}
.snt-rl-sep{flex:0 0 auto;font-style:normal;color:var(--snt-apagado)}
.snt-rl-ver{flex:0 0 auto;margin-left:auto;padding:1px 0;border-bottom:1px dashed var(--snt-ouro3);color:#f6d58a;font-size:calc(11px * var(--text-scale,1));font-weight:800}
.snt-lado-teste{display:flex;justify-content:center}
/* 1927 (visual B do autor): o ranking de HOJE na mesma linha, com as abas HOJE e CHAMADO; em HOJE, o prêmio do 1º e o relógio embaixo */
.snt-rl-caixa{display:flex;flex-direction:column;gap:3px;min-width:0}
.snt-rl-box{display:flex;align-items:center;gap:6px;min-width:0;min-height:34px;padding:3px 10px 3px 5px;border:1px solid #3a3020;border-radius:10px;background:rgba(18,26,40,.85)}
.snt-rl-caixa.hoje .snt-rl-box{border-color:var(--snt-ouro3);box-shadow:0 0 10px rgba(224,173,76,.18)}
.snt-rl-box .snt-rl{flex:1 1 auto;min-height:28px;padding:0;border:0;border-radius:0;background:none}
/* 27/10 (autor: "o rank ali não mostra ninguém, o 1º com o nome cortado"): DIÁRIO e TOTAL um em cima do outro,
   para sobrar lugar ao nome do 1º na mesma linha */
.snt-rl-abas{display:inline-flex;flex:0 0 auto;gap:3px}
.snt-rl-box .snt-rl-abas{flex-direction:column;gap:2px}
.snt-rl-box .snt-rl-aba{padding:1px 7px}
.snt-rl-aba{width:auto;min-width:0;min-height:0;margin:0;padding:2px 7px;border:1px solid #4a4030;border-radius:999px;background:transparent;color:var(--snt-mut);
  font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;cursor:var(--cur-mao,pointer);box-shadow:none}
.snt-rl-aba.ativa{border-color:var(--botao-ouro-borda);background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto)}
.snt-rl-aba:not(.ativa):hover{border-color:var(--snt-ouro3);color:#f6d58a}
.snt-rl-dica{margin:0;text-align:center;font-size:calc(10.5px * var(--text-scale,1));font-weight:700;color:#f1d9a4}
.snt-rl-dica b{font-variant-numeric:tabular-nums}
.snt-dv-abas{margin:6px 0 6px}
.snt-lado-bloco .snt-rl-dica{margin-top:6px;text-align:left}
/* 20/10 (autor: "o rank não tá chamando atenção"): o prêmio do 1º de hoje vira faixa dourada com a Esfera grande */
.snt-rl-dica{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 10px;border:1px solid var(--snt-ouro3);border-radius:10px;background:linear-gradient(90deg,rgba(224,173,76,.22),rgba(224,173,76,.06));box-shadow:0 0 12px rgba(224,173,76,.2);color:#f6d58a;line-height:1.3}
.snt-lado-bloco .snt-rl-dica{justify-content:flex-start}
.snt-rl-dica .snt-esfera.snt-rl-dica-esf{width:30px;height:30px;margin:-4px 0;vertical-align:middle;filter:drop-shadow(0 0 6px rgba(255,200,90,.55))}
.snt-rank-abas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px}
.snt-rank-fecha{margin-left:auto;font-size:calc(11px * var(--text-scale,1));color:var(--snt-mut)}
.snt-rank-premio{grid-column:1/-1;margin-top:-2px;font-size:calc(10.5px * var(--text-scale,1));color:#f1d9a4}
.snt-rank-ontem{margin:0 0 8px;padding:6px 8px;border:1px solid var(--snt-ouro3);border-radius:8px;background:rgba(224,173,76,.1);color:#f6d58a;font-weight:700}
.snt-lado-teste .snt-testar,.snt-lado-teste .snt-teste{margin:0}

/* ---------- a revelação (depois do Invocar) ---------- */
.snt-camada:empty{display:none}
.snt-rev-fundo{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(3,5,9,.78);overflow:auto}
.snt-rev{position:relative;isolation:isolate;overflow:hidden;flex:0 0 auto;width:min(560px,100%);margin:auto;padding:22px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;
  border:1px solid #4a3a18;border-radius:16px;background:radial-gradient(70% 50% at 50% 30%,#2a2210,#07080c 75%);box-shadow:0 30px 70px rgba(0,0,0,.7)}
.snt-rev-raios{position:absolute;left:50%;top:24%;width:900px;height:900px;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,224,122,.12) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0 14%,transparent 50%);mask:radial-gradient(circle,#000 0 14%,transparent 50%);animation:snt-gira-c 24s linear infinite}
.snt-rev.com-copia .snt-rev-raios{background:repeating-conic-gradient(from 0deg,rgba(134,242,191,.16) 0 5deg,transparent 5deg 15deg)}
@keyframes snt-gira-c{to{transform:translate(-50%,-50%) rotate(360deg)}}
.snt-rev h3{margin:0;font-family:var(--snt-tit);font-weight:900;font-size:calc(21px * var(--text-scale,1));letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#f6d58a;text-shadow:0 0 24px rgba(255,214,110,.5);overflow-wrap:anywhere}
.snt-rev.com-copia h3{color:var(--snt-verde);text-shadow:0 0 24px rgba(134,242,191,.6)}
.snt-rev-nova{display:flex;flex-direction:column;align-items:center;gap:4px}
.snt-rev-retrato{display:block;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--snt-verde);box-shadow:0 0 30px rgba(134,242,191,.6)}
.snt-rev-retrato .snt-arte{width:100%;height:100%}
.snt-rev-nova b{font-family:var(--snt-tit);font-weight:900;font-size:calc(17px * var(--text-scale,1));color:#fff4d4}
.snt-rev-mais{font-size:calc(12px * var(--text-scale,1));color:#fff4d4;text-align:center}
.snt-chip{display:inline-flex;align-items:center;gap:5px;font-size:calc(11.5px * var(--text-scale,1));padding:2px 10px;border-radius:999px;background:#0b111b;border:1px solid #2a3650;color:var(--snt-mut);white-space:nowrap}
.snt-garantida{margin:0;text-align:center;color:var(--snt-ouro2);font-weight:800;font-size:calc(12px * var(--text-scale,1))}
.snt-premios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}
.snt-premio{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;background:linear-gradient(180deg,#1a2234,#0e1320);border:1px solid var(--snt-borda);min-width:0;text-align:center}
.snt-premio .snt-premio-img,.snt-premio .snt-icone{width:34px;height:34px;object-fit:contain}
.snt-premio .snt-icone{border-width:1px}
.snt-premio .snt-premio-emoji{font-style:normal;font-size:calc(24px * var(--text-scale,1));line-height:34px;height:34px}
.snt-premio b{font-weight:900;font-size:calc(11px * var(--text-scale,1));color:var(--snt-tinta);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.snt-premio small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.snt-premio.raro{border-color:#6a4f1c}
.snt-premio.lenda{border-color:transparent}
.snt-premio.copia{border-color:var(--snt-verde);box-shadow:0 0 14px rgba(134,242,191,.45)}
.snt-premio.copia b{color:var(--snt-verde)}
.snt-premio.copia .snt-arte{border-radius:50%}
.snt-premio em{position:absolute;top:-6px;right:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:calc(11px * var(--text-scale,1));font-weight:900;color:#1a1006;background:var(--snt-ouro);box-shadow:0 0 8px rgba(226,176,74,.7)}
/* 2466 (31/10): Bless/Soul que vieram x2 ou x3 — selo dourado no canto de baixo e a quantidade em ouro */
.snt-premio.multi{border-color:var(--snt-ouro);box-shadow:0 0 12px rgba(226,176,74,.45)}
.snt-premio.multi b{color:var(--snt-ouro2)}
.snt-premio.multi.x3{box-shadow:0 0 16px rgba(255,196,80,.7)}
.snt-premio .snt-x{position:absolute;bottom:-6px;right:-4px;padding:0 5px;border-radius:999px;font-style:normal;font-size:calc(10.5px * var(--text-scale,1));font-weight:900;line-height:16px;color:#1a1006;background:linear-gradient(180deg,#ffe39a,var(--snt-ouro));box-shadow:0 0 8px rgba(226,176,74,.7)}
.snt-rev .snt-nota{text-align:center}
/* 29/10: era rosa e parecia erro (pedido do autor); agora a cor das notas com o ícone da Life */
.snt-life{color:var(--snt-mut);display:flex;align-items:center;justify-content:center;gap:6px}
.snt-life .snt-life-ic{width:18px;height:18px;object-fit:contain;flex:none;font-style:normal;font-size:calc(14px * var(--text-scale,1));line-height:18px}
.snt-rev-acoes{display:flex;gap:8px;width:100%;margin-top:2px}
.snt-rev-ok{flex:1 1 0;min-width:0;margin:0;min-height:64px;padding:0 8px;border:1px solid var(--snt-ouro3);border-radius:10px;background:#111827;color:#f6d58a;font-family:var(--snt-tit);font-weight:900;font-size:calc(14px * var(--text-scale,1));letter-spacing:.08em;cursor:var(--cur-mao,pointer)}
.snt-rev-acoes .snt-inv{flex:1.4 1 0;min-width:0}
.snt-rev.animar .snt-premio{animation:snt-vira .55s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i) * 110ms)}
.snt-rev.animar .snt-premio.copia{animation-name:snt-vira-copia;animation-duration:.9s}
.snt-rev.animar .snt-rev-nova{animation:snt-surge .7s ease-out both}
@keyframes snt-vira{0%{opacity:0;transform:rotateY(90deg) scale(.6)}100%{opacity:1;transform:none}}
@keyframes snt-vira-copia{0%{opacity:0;transform:rotateY(90deg) scale(.5)}60%{opacity:1;transform:scale(1.15)}100%{transform:none}}
@keyframes snt-surge{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:none}}

/* ---------- Minhas Sentinelas ---------- */
.snt-presente{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--snt-ouro);border-radius:12px;background:linear-gradient(90deg,#3a2a10,#1a140a);color:#fff3d6;font-weight:800;font-size:calc(13px * var(--text-scale,1))}
.snt-resumo{display:flex;flex-wrap:wrap;gap:6px}
.snt-resumo span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--snt-borda);border-radius:999px;background:#141822;font-size:calc(12px * var(--text-scale,1));color:#cfd5e0;min-width:0;overflow-wrap:anywhere}
.snt-resumo img{width:20px;height:20px;object-fit:contain}
.snt-resumo i.snt-premio-emoji{font-style:normal}
.snt-resumo b{color:#fff3d6}
.snt-colecao{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.snt-minha{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--snt-borda);border-radius:12px;background:var(--snt-card);min-width:0}
.snt-minha.ativa{border-color:var(--snt-el);box-shadow:0 0 0 1px var(--snt-el) inset}
.snt-minha-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}
.snt-minha-info strong{font-size:calc(14px * var(--text-scale,1));color:#fff3d6;overflow-wrap:anywhere}
.snt-minha-info small{font-size:calc(11px * var(--text-scale,1));color:var(--snt-mut);overflow-wrap:anywhere}
.snt-estrelas{color:#ffe07a;letter-spacing:1px;font-size:calc(14px * var(--text-scale,1));white-space:nowrap}
.snt-estrelas i{font-style:normal;color:#3a4255}
.snt-selo{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:var(--snt-el);color:#111;font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:.06em;white-space:nowrap}
.snt-ativar{flex:0 0 auto;min-height:32px;padding:6px 10px}

/* ---------- Esferas ---------- */
.snt-saldo-grande{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:12px;border:1px solid #3a2f63;border-radius:12px;background:linear-gradient(180deg,#1a1530,#12101f);font-size:calc(26px * var(--text-scale,1))}
.snt-saldo-grande .snt-esfera-g{width:46px;height:46px;vertical-align:middle}
.snt-saldo-grande b{color:#e6dcff}
.snt-saldo-grande span{font-size:calc(14px * var(--text-scale,1));color:#cfc4f0}
.snt-saldo-grande small{flex:1 0 100%;text-align:center;font-size:calc(11px * var(--text-scale,1));color:var(--snt-mut)}
.snt-bloco{display:flex;flex-direction:column;gap:8px}
.snt-bloco h3{margin:0;font-size:calc(13px * var(--text-scale,1));font-weight:900;letter-spacing:.12em;color:var(--snt-ouro);text-transform:uppercase}
.snt-fontes{display:flex;flex-direction:column;gap:6px}
.snt-fonte{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--snt-borda);border-radius:10px;background:var(--snt-card)}
.snt-fonte.feita{opacity:.7}
.snt-fonte-ico{font-size:calc(22px * var(--text-scale,1));text-align:center}
.snt-fonte-ico .col-icone-img{width:1.5em;height:1.5em}
.snt-fonte strong{display:block;font-size:calc(13px * var(--text-scale,1));color:#fff3d6;overflow-wrap:anywhere}
.snt-fonte small{display:block;font-size:calc(11px * var(--text-scale,1));color:var(--snt-mut);overflow-wrap:anywhere}
.snt-fonte .snt-btn{min-height:32px;padding:6px 10px}
.snt-fonte-fixa{margin-top:6px;border-color:#b8862b;background:linear-gradient(90deg,rgba(247,220,143,.12),transparent)}
.snt-fonte-fixa strong em{font-style:normal;font-weight:700;font-size:calc(10px * var(--text-scale,1));color:#2a1d05;background:#f3cf7a;border-radius:99px;padding:1px 6px;margin-left:4px;text-transform:uppercase;letter-spacing:.04em}
.snt-ok{color:var(--snt-verde);font-weight:900;font-size:calc(11px * var(--text-scale,1));white-space:nowrap}
.snt-falta-chip{color:var(--snt-mut);font-weight:800;font-size:calc(10.5px * var(--text-scale,1));border:1px solid var(--snt-borda);border-radius:999px;padding:3px 8px;white-space:nowrap}
.snt-todas{align-self:stretch}
.snt-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.snt-pack{display:flex;flex-direction:column;align-items:center;gap:3px;width:auto;margin:0;padding:10px 4px;border:1px solid #4b3a8a;border-radius:12px;background:linear-gradient(180deg,#1d1736,#12101f);color:#e9edf2;cursor:var(--cur-mao,pointer);text-transform:none;letter-spacing:0;min-width:0}
.snt-pack-qtd{display:inline-flex;align-items:center;gap:5px;font-size:calc(20px * var(--text-scale,1))}
.snt-pack-qtd .snt-esfera{width:28px;height:28px}
.snt-pack-qtd b{color:#e6dcff}
.snt-pack small{font-size:calc(11px * var(--text-scale,1));color:var(--snt-mut)}
.snt-pack-preco{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#e2a64a,#a8671e);color:#1a1006;font-weight:900;font-size:calc(13px * var(--text-scale,1));max-width:100%}
.snt-pack-preco img{width:16px;height:16px}

/* ---------- Ver chances / Ranking (janelas por cima) ---------- */
.snt-chances-fundo{position:fixed;inset:0;z-index:1450;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,6,10,.8)}
.snt-chances{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:14px 16px;border:1px solid #8a6a2c;border-radius:14px;background:linear-gradient(180deg,#121a28,#0b1019);color:#e9edf2;display:flex;flex-direction:column;gap:8px}
@supports (height:100dvh){.snt-chances{max-height:calc(100dvh - 32px)}}
.snt-chances-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.snt-chances h3{margin:0;font-family:var(--snt-tit);font-size:calc(17px * var(--text-scale,1));color:#f6d58a;overflow-wrap:anywhere}
.snt-chances p{margin:0;font-size:calc(12px * var(--text-scale,1));line-height:1.45}
.snt-tabela{width:100%;border-collapse:collapse;font-size:calc(12.5px * var(--text-scale,1))}
.snt-tabela td{padding:5px 4px;border-bottom:1px solid #222838;vertical-align:middle}
.snt-tabela td:first-child{display:flex;align-items:center;gap:8px}
.snt-tabela td:first-child span{display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word}
.snt-tabela td:first-child small{color:var(--snt-mut);font-size:calc(11px * var(--text-scale,1))}
.snt-tabela td:last-child{text-align:right;white-space:nowrap;color:var(--snt-ouro2)}
.snt-tabela tr.copia td{color:#d9ffe9;background:rgba(47,125,90,.18)}
.snt-tabela .snt-premio-img,.snt-tabela .snt-icone,.snt-tabela .snt-mini{width:26px;height:26px;object-fit:contain}
.snt-tabela .snt-premio-emoji{font-style:normal;font-size:calc(18px * var(--text-scale,1));line-height:26px;height:26px;width:26px;text-align:center}
.snt-tabela .snt-arte.sem-arte::after{font-size:calc(13px * var(--text-scale,1))}
.snt-garantia-lei{padding:8px 10px;border:1px solid #3a2f63;border-radius:10px;background:#17122b}
.snt-garantia-lei b{color:#e6dcff}
.snt-rank-eu{display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:999px;background:#231b0c;border:1px solid var(--snt-ouro);color:var(--snt-ouro2);font-weight:800}
/* 2447: a Asa da Legião do 1º lugar, no fim do ranking do Chamado */
.snt-rank-asa{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border:1px solid var(--snt-ouro);border-radius:10px;background:linear-gradient(90deg,#2a1748,#17122b);color:#e6dcff;font-size:calc(13px * var(--text-scale,1));line-height:1.35}
.snt-rank-asa img{width:64px;height:64px;flex:0 0 64px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(170,90,255,.55))}
.snt-rank-asa b{display:block;color:var(--snt-ouro2);font-size:calc(14px * var(--text-scale,1))}
.snt-rank-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.snt-rank-linha{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;background:#11141c;font-size:calc(12.5px * var(--text-scale,1))}
.snt-rank-linha b{color:var(--snt-ouro2);font-family:var(--snt-tit)}
.snt-rank-linha span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snt-rank-linha em{font-style:normal;color:var(--snt-mut);font-variant-numeric:tabular-nums}
.snt-rank-linha.eu{border:1px solid var(--snt-ouro);background:#231b0c}

/* ---------- telas ---------- */
@media (max-width:760px){
  .snt-fundo{padding:0!important;align-items:stretch}
  .snt-janela.modal-card{max-height:100vh;height:100%;border-radius:0;border-left:0;border-right:0}
  @supports (height:100dvh){.snt-janela.modal-card{max-height:100dvh;height:100dvh}}
  .snt-corpo{padding:10px 12px 14px}
  .snt-packs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
  /* o lado desce para baixo do palco */
  .snt-cham{grid-template-columns:minmax(0,1fr)}
  .snt-lado{border-left:0;border-top:1px solid rgba(246,213,138,.12);padding:12px}
  .snt-prs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .snt-pr .snt-pr-ic{width:34px;height:34px}
  .snt-pr .c{display:none}
  .snt-devotos .snt-dv:nth-child(n+3):not(.eu){display:none}
  .snt-nome-quem{font-size:calc(22px * var(--text-scale,1))}
  /* rodapé: os extras em cima, os 3 INVOCAR ocupando a largura */
  .snt-rodape{padding:8px 8px 10px}
  .snt-rodape-linha{flex-direction:column;align-items:stretch;gap:8px}
  .snt-extras{margin:0;justify-content:center}
  .snt-ext-rank{display:none}
  .snt-botoes{gap:4px}
  .snt-inv{flex:1 1 0;min-width:0;min-height:60px;padding:5px 6px}
  .snt-inv.dez{flex:1.25 1 0;min-width:0}
  .snt-inv .x{font-size:calc(18px * var(--text-scale,1))}
  .snt-rev-fundo{padding:0;align-items:stretch}
  .snt-rev{border-radius:0;min-height:100%;width:100%;border:0;justify-content:center}
  /* as abas numa faixa curta: só o nome (o topo já diz Destaque/Reprise/Escolha) */
  .snt-abas{gap:4px;padding:5px 8px}
  .snt-aba{padding:3px 9px}
  .snt-aba small{display:none}
}
/* celular em pé (16/10): os INVOCAR vêm logo abaixo do palco e precisam caber sem rolar. O palco fica um pouco mais
   justo em cima, e o arco cede só o que falta quando a tela é baixa ou o texto de Opções é grande (nunca menos de
   164 px de largura; num 360×740 a 100% ele fica do mesmo tamanho de antes). */
@media (max-width:760px) and (orientation:portrait){
  /* 22/10 (autor: "tudo é rolagem"): em pé o arco fica à esquerda do nome e da garantia, como deitado, e o selo do trunfo
     vira a faixa embaixo do nome (no arco pequeno as letras do selo ficariam miúdas). Assim, a 100%, os INVOCAR e
     "O que pode sair" cabem na primeira tela. */
  .snt-cham.cel>.snt-palco{padding:10px 4px 8px;column-gap:12px;row-gap:6px;align-items:center}
  .snt-cham.cel .snt-palco>.snt-portal{grid-row:1/span 3;width:clamp(112px,32vw,150px);margin:0}
  .snt-cham.cel.escolhendo .snt-palco>.snt-portal{width:clamp(88px,24vw,110px)}
  .snt-cham.cel .snt-pr{padding:5px 2px 4px;gap:1px}
  .snt-cham.cel .snt-pr .snt-pr-ic{width:30px;height:30px}
  .snt-cham.cel .snt-pr.copia{padding:6px 10px;gap:10px}
  .snt-cham.cel .snt-pr.copia .snt-pr-ic{width:44px;height:44px}
  .snt-cham.cel>.snt-lado{padding:10px 12px;gap:10px}
  /* o nome e o trunfo ao lado do arco; a garantia e o Testar na largura toda, logo embaixo */
  .snt-cham.cel .snt-palco-info{display:contents}
  .snt-cham.cel .snt-palco-info>*{grid-column:2}
  .snt-cham.cel .snt-palco-info>.snt-nome{grid-row:1;align-self:end}
  .snt-cham.cel .snt-palco-info>.snt-cz-a-linha{grid-row:2;align-self:start}
  .snt-cham.cel .snt-palco-info>.snt-garantia,.snt-cham.cel .snt-palco-info>.snt-escolha{grid-column:1/-1;padding:0 10px 0 6px;box-sizing:border-box}
  .snt-cham.cel .snt-palco-info>.snt-testar,.snt-cham.cel .snt-palco-info>.snt-teste,.snt-cham.cel .snt-palco-info>.snt-nota{grid-column:1/-1;justify-self:center}
  .snt-cham.cel .snt-cz-a{display:none}
  .snt-cham.cel .snt-cz-a-linha{padding:4px 8px}
  .snt-cham.cel .snt-cz-a-linha .snt-cz-frase{display:block;font-size:calc(13px * var(--text-scale,1))}
  .snt-cham.cel .snt-nome-quem{font-size:calc(21px * var(--text-scale,1))}
  .snt-cham.cel .snt-nome-tit{font-size:calc(12.5px * var(--text-scale,1))}
  .snt-cham.cel .snt-garantia{margin-top:2px;gap:4px}
  .snt-cham.cel .snt-garantia-l{font-size:calc(11.5px * var(--text-scale,1))}
}
@media (max-width:420px){
  .snt-cab{padding:8px 8px 8px 10px;gap:6px}
  .snt-cab h2{font-size:calc(15px * var(--text-scale,1))}
  /* V2 (auditoria 17/10): no celular com texto grande o título e a linha de cima quebram em 2 linhas em vez de "…" */
  .snt-cab h2{white-space:normal;text-overflow:clip;line-height:1.12;text-wrap:balance}
  .snt-cab-txt small{white-space:normal;text-overflow:clip;letter-spacing:.1em;line-height:1.25;text-wrap:balance}
  .snt-cab-acoes{gap:6px}
  .snt-premios{gap:4px}
  .snt-premio .snt-premio-img,.snt-premio .snt-icone{width:30px;height:30px}
  .snt-colecao{grid-template-columns:minmax(0,1fr)}
  .snt-inv .v{letter-spacing:.1em}
  .snt-ext{padding:5px 8px 5px 5px}
}
@media (orientation:landscape) and (max-height:500px){
  .snt-fundo{padding:0!important;align-items:stretch}
  .snt-janela.modal-card{max-height:100vh;height:100%;border-radius:0}
  @supports (height:100dvh){.snt-janela.modal-card{max-height:100dvh;height:100dvh}}
  /* deitado: topo baixo, abas numa linha só, portal menor ao lado do que pode sair */
  .snt-cab{padding:4px 10px}
  .snt-cab-txt small{min-height:0}
  .snt-cab h2{font-size:calc(14px * var(--text-scale,1))}
  .snt-fechar{width:30px;height:30px;min-width:30px}
  .snt-abas{padding:4px 10px}
  .snt-aba{padding:2px 8px}
  .snt-cham{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .snt-lado{border-left:1px solid rgba(246,213,138,.12);border-top:0}
  /* o palco em duas colunas: o portal à esquerda; nome, garantia e o Testar à direita */
  /* o palco em duas colunas (22/10: as regras do grid moram no fim do arquivo, "o Chamado SEM ROLAR") */
  .snt-cham .snt-palco>.snt-portal{width:104px;margin:0}
  .snt-palco .snt-garantia{margin-top:2px;width:100%}
  /* celular deitado (16/10): o palco à esquerda; à direita o ranking numa linha, os INVOCAR e, embaixo, o resto */
  .snt-cham.cel{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr}
  .snt-cham.cel>.snt-palco{grid-column:1;grid-row:1/span 2}
  .snt-cham.cel>.snt-acao{grid-column:2;grid-row:1;border-top:0;border-left:1px solid rgba(246,213,138,.12);padding:8px 10px}
  .snt-cham.cel>.snt-lado{grid-column:2;grid-row:2;border-top:0}
  .snt-nome-quem{font-size:calc(19px * var(--text-scale,1))}
  .snt-prs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .snt-cz-a{display:none}
  .snt-cz-a-linha .snt-cz-frase{display:block}
  .snt-rodape{padding:6px 10px 8px}
  .snt-rodape-linha{flex-direction:row;align-items:center}
  .snt-extras{margin-right:auto}
  .snt-inv{min-height:50px;padding:3px 12px;min-width:96px}
  .snt-inv.dez{min-width:112px}
  .snt-inv .x{font-size:calc(16px * var(--text-scale,1))}
  .snt-rev-fundo{padding:0;align-items:stretch}
  .snt-rev{border-radius:0;min-height:100%;width:100%;border:0;padding:12px 12px 10px;gap:8px}
  .snt-rev h3{font-size:calc(16px * var(--text-scale,1))}
  .snt-rev-nova{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 10px}
  .snt-rev-retrato{width:52px;height:52px;border-width:2px}
  .snt-rev .snt-nota{font-size:calc(10.5px * var(--text-scale,1))}
  .snt-premios{grid-template-columns:repeat(10,minmax(0,1fr))}
  .snt-rev-ok,.snt-rev-acoes .snt-inv{min-height:50px}
}

/* ---------- O PORTAL DO TOPO (P1): anel dourado e roxo girando com o rosto da Sentinela ----------
   Mora na barra do topo, antes do VIP; o mesmo tamanho dos círculos (38 / 34 / 32 / 30 / 28 px). */
#gameShell .topbar .save-panel>.snt-portal-topo{position:relative;flex:0 0 auto;display:block;width:38px;height:38px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;cursor:var(--cur-mao,pointer);overflow:visible}
#gameShell .topbar .save-panel>.snt-portal-topo.hidden{display:none!important}
.snt-pt-anel{position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#f6d58a,#7a4dd6,#f6d58a,#3a1f7a,#f6d58a);box-shadow:0 0 10px rgba(246,213,138,.6),0 0 14px rgba(122,77,214,.35);animation:snt-gira 6s linear infinite}
.snt-pt-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid #000;background:radial-gradient(circle at 50% 40%,#5a4310,#0b0c12 75%);animation:snt-gira 6s linear infinite reverse}
.snt-pt-face img{width:100%;height:100%;object-fit:cover;display:block}
.snt-pt-face.sem-arte::after{content:attr(data-inicial);font-family:var(--snt-tit);font-weight:900;color:#ffe07a;font-size:calc(14px * var(--text-scale,1))}
.snt-pt-dias{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);z-index:1;padding:0 5px;border-radius:999px;background:#f6d58a;color:#1b1204;border:1px solid #1b150c;font-style:normal;font-weight:800;font-size:9px;line-height:1.4;white-space:nowrap;pointer-events:none}
.snt-pt-ponto{position:absolute;top:-2px;right:-2px;z-index:1;width:11px;height:11px;border-radius:50%;background:#e0353b;border:2px solid #120d06;box-shadow:0 0 6px rgba(224,53,59,.8);pointer-events:none}
.snt-pt-ponto[hidden]{display:none}
#gameShell .topbar .save-panel>.snt-portal-topo:hover .snt-pt-anel{box-shadow:0 0 14px rgba(246,213,138,.9),0 0 18px rgba(122,77,214,.5)}
#gameShell .topbar .save-panel>.snt-portal-topo:focus-visible{outline:2px solid #f6d58a;outline-offset:3px}
.snt-pt-dias.testando{background:#2f7a4a;color:#fff;font-variant-numeric:tabular-nums}
@media (max-width:699px){#gameShell .topbar .save-panel>.snt-portal-topo{width:34px;height:34px}}
@media (max-width:420px){#gameShell .topbar .save-panel>.snt-portal-topo{width:32px;height:32px}
  /* celular estreito: com o portal na barra, os atalhos chegam mais perto para o perfil não sair da tela
     (o seletor vence o "gap:4px!important" do varredura.css §21 para 360 px) */
  html:not(#_) body #gameShell .topbar .save-panel.snt-com-portal{gap:2px!important}}
@media (max-width:380px){#gameShell .topbar .save-panel>.snt-portal-topo{width:30px;height:30px}.snt-pt-anel{padding:2px}.snt-pt-dias{font-size:8px;bottom:-6px}}
@media (max-width:340px){#gameShell .topbar .save-panel>.snt-portal-topo{width:28px;height:28px}}

/* ---------- menos movimento: "Animações de combate" desligadas, Qualidade Leve ou o sistema ---------- */
body.combat-fx-off .snt-vortice,body.combat-fx-off .snt-poeira::before,body.combat-fx-off .snt-inv.dez::after,body.combat-fx-off .snt-rev-raios,body.combat-fx-off .snt-pt-anel,body.combat-fx-off .snt-pt-face,
body.graphics-lite .snt-vortice,body.graphics-lite .snt-poeira::before,body.graphics-lite .snt-inv.dez::after,body.graphics-lite .snt-rev-raios,body.graphics-lite .snt-pt-anel,body.graphics-lite .snt-pt-face{animation:none}
body.combat-fx-off .snt-rev.animar .snt-premio,body.combat-fx-off .snt-rev.animar .snt-rev-nova{animation:none}
body.combat-fx-off .snt-cz-a-onda,body.graphics-lite .snt-cz-a-onda{animation:none;opacity:0}
/* 22/10: selo que já estava na tela não carimba de novo a cada clique */
.snt-cz-a.snt-cz-ja{animation:none}
@media (prefers-reduced-motion:reduce){
  .snt-vortice,.snt-poeira::before,.snt-inv.dez::after,.snt-rev-raios,.snt-pt-anel,.snt-pt-face,.snt-rev.animar .snt-premio,.snt-rev.animar .snt-rev-nova{animation:none}
  .snt-cz-a{animation:none}
  .snt-cz-a-onda{animation:none;opacity:0}
  .snt-cz-a-onda{opacity:.6}
}
/* 22/10 (plano 2.4): no PC a coluna da esquerda (arte, garantia, Testar grátis) fica parada enquanto a da direita rola. */
@media (min-width:901px){.snt-cham:not(.cel)>.snt-palco{position:sticky;top:0;align-self:start}}

/* ---------- 22/10: o Chamado SEM ROLAR (autor: "preciso rolar pra baixo toda a tela da sentinela pra ter as informações
   úteis, tudo é rolagem") ----------
   O palco virou duas colunas: o arco à esquerda e, ao lado (.snt-palco-info), nome, trunfo, garantia, Testar e, no PC,
   o ranking numa linha. "O que pode sair" ficou compacto (4 por linha) e a lista "Mais devotos" deu lugar à linha do
   ranking. No PC (1366×657, notebook com a barra do navegador) tudo cabe acima do rodapé dos INVOCAR. */
.snt-palco{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:center;column-gap:14px;row-gap:8px}
.snt-palco>.snt-escolha{grid-column:1/-1}
.snt-palco>.snt-portal{grid-column:1}
.snt-palco-info{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.snt-palco-info>.snt-garantia{width:100%}
.snt-palco-info>.snt-testar,.snt-palco-info>.snt-teste{margin:2px 0 0}
.snt-palco-info>.snt-rl,.snt-palco-info>.snt-rl-caixa{align-self:stretch;margin-top:4px}
.snt-palco-info>.snt-cz-a-linha{margin-top:2px}
@media (min-width:761px) and (min-height:501px){
  .snt-no-chamado .snt-janela.modal-card{width:min(1060px,100%)}
  /* agora o Chamado cabe e a janela fica mais baixa que a tela: com a revelação aberta ela volta à altura toda, para os
     10 prêmios e os botões OK / DE NOVO caberem sem rolar como antes */
  .snt-janela.modal-card.snt-com-camada{height:calc(100vh - 40px)}
  @supports (height:100dvh){.snt-janela.modal-card.snt-com-camada{height:calc(100dvh - 40px)}}
  .snt-cham:not(.cel){grid-template-columns:minmax(0,1fr) 320px;
    --snt-portal-w:clamp(170px,calc((100vh - 262px - (var(--text-scale,1) - 1) * 300px) / 1.267),250px)}
  .snt-cham:not(.cel)>.snt-palco{padding:14px 18px 12px}
  /* Chamado à Escolha antes do 1º giro: a grade das Sentinelas em cima e o arco (ainda com "?") menor embaixo */
  .snt-cham.escolhendo:not(.cel){--snt-portal-w:clamp(110px,calc((100vh - 470px - (var(--text-scale,1) - 1) * 300px) / 1.267),190px)}
  .snt-cham:not(.cel) .snt-palco>.snt-portal{width:var(--snt-portal-w);margin:0}
  /* o selo do trunfo passa um pouco do arco para a direita: o nome não fica embaixo dele */
  .snt-cham.cz-a:not(.cel) .snt-palco>.snt-portal{margin-right:calc(var(--snt-portal-w) * .17)}
  .snt-cham:not(.cel)>.snt-lado{padding:12px;gap:10px}
  .snt-cham:not(.cel) .snt-prs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .snt-cham:not(.cel) .snt-pr{padding:6px 2px 5px;gap:1px}
  /* com o texto de Opções maior numa tela baixa a arte dos prêmios cede (32 px; 22 px num 1366×657 a 130%) para a coluna
     continuar sem rolar; em tela alta ela fica nos 32 px */
  .snt-cham:not(.cel){--snt-pr-ic:clamp(22px,calc(32px - (var(--text-scale,1) - 1) * 30px + (100vh - 660px) * .1),32px)}
  .snt-cham:not(.cel) .snt-pr .snt-pr-ic{width:var(--snt-pr-ic);height:var(--snt-pr-ic)}
  .snt-cham:not(.cel) .snt-pr i.snt-pr-ic{line-height:var(--snt-pr-ic);font-size:calc(22px * var(--text-scale,1))}
  .snt-cham:not(.cel) .snt-pr.copia{padding:6px 10px;gap:10px}
  .snt-cham:not(.cel) .snt-pr.copia .snt-pr-ic{width:42px;height:42px}
}
/* deitado: o arco menor (104 px) e o palco começando em cima. A janela não rola inteira: o palco e o ranking com os INVOCAR
   ficam parados e só "O que pode sair" (compacto, 6 por linha) rola embaixo dos INVOCAR. */
@media (orientation:landscape) and (max-height:500px){
  .snt-palco{grid-template-columns:104px minmax(0,1fr);align-content:start;column-gap:10px;row-gap:4px;padding:10px 10px 8px}
  .snt-palco-info{gap:4px}
  .snt-no-chamado .snt-corpo{overflow:hidden}
  .snt-cham.cel{flex:1 1 auto;min-height:0;grid-template-rows:auto minmax(0,1fr)}
  .snt-cham.cel>.snt-palco,.snt-cham.cel>.snt-lado{min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .snt-cham.cel>.snt-lado{padding:8px 10px;gap:8px}
  .snt-cham.cel .snt-prs{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
  .snt-cham.cel .snt-pr{padding:4px 2px 3px;gap:0}
  .snt-cham.cel .snt-pr .snt-pr-ic{width:26px;height:26px}
  .snt-cham.cel .snt-pr.copia{padding:5px 10px;gap:10px}
  .snt-cham.cel .snt-pr.copia .snt-pr-ic{width:36px;height:36px}
}
/* 23/10 (autor, Android: "consigo rolar pra direita a tela do sentinela"): o brilho que passa no INVOCAR ×10 (::after com 250% de
   largura) contava como conteúdo e, com os INVOCAR dentro do que rola no celular, a janela rolava ~30 px para o lado. O botão já
   recorta o desenho (clip-path); agora recorta também a caixa, e a janela do Chamado nunca rola de lado. */
.snt-inv{overflow:hidden}
.snt-corpo{overflow-x:hidden}
/* ---------- 31/10 Legião reorganizada (autor: "não é ruim, só é mal organizada") ---------- */
/* Pacotes no topo, logo depois do Destaque */
.snt-aba.snt-aba-pd{align-items:center;border-color:#c9952e;background:linear-gradient(180deg,#2a1f0b,#16110a);color:#fff3d6}
.snt-aba-pd img{width:18px;height:18px;object-fit:contain;margin:-2px 0}
.snt-aba-pd .snt-ext-pt{margin-left:2px}
/* a faixa roxa da Asa da Legião (o 1º do Chamado ganha) */
.snt-asa-faixa{display:flex;align-items:center;gap:10px;width:100%;min-width:0;margin:0;padding:6px 12px 6px 8px;border:1px solid #8a5ad6;border-radius:12px;
  background:linear-gradient(90deg,#3a1d68,#1c1235 70%);color:#e6dcff;text-align:left;cursor:var(--cur-mao,pointer);font:inherit;text-transform:none;letter-spacing:0;box-shadow:0 0 14px rgba(150,80,255,.22)}
.snt-asa-faixa:hover{border-color:#b98cff}
.snt-asa-faixa img{width:52px;height:40px;flex:0 0 52px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(170,90,255,.6))}
.snt-asa-faixa span{display:flex;flex-direction:column;gap:1px;min-width:0}
.snt-asa-faixa b{font-weight:800;font-size:calc(13px * var(--text-scale,1));color:#fff2c4;overflow-wrap:break-word}
.snt-asa-faixa small{font-size:calc(11px * var(--text-scale,1));color:#cbbcf0;overflow-wrap:break-word}
/* os dois rankings com o top 3 e você (PC) */
.snt-top3s{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0}
.snt-top3s.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.snt-top3{display:flex;flex-direction:column;gap:2px;width:auto;min-width:0;margin:0;padding:6px 10px;border:1px solid #2a3650;border-radius:10px;background:rgba(14,20,32,.88);
  color:var(--snt-tinta);text-align:left;cursor:var(--cur-mao,pointer);font:inherit;text-transform:none;letter-spacing:0}
.snt-top3:hover{border-color:var(--snt-ouro3)}
.snt-top3-cab{display:flex;align-items:baseline;gap:6px;min-width:0;margin-bottom:1px}
.snt-top3-cab b{flex:1 1 auto;min-width:0;font-weight:900;font-size:calc(10px * var(--text-scale,1));letter-spacing:.12em;color:#e0ad4c;overflow-wrap:break-word}
.snt-top3-cab b b{letter-spacing:0;color:#f6d58a}
.snt-top3-cab u{flex:0 0 auto;text-decoration:none;border-bottom:1px dashed var(--snt-ouro3);color:#f6d58a;font-size:calc(10.5px * var(--text-scale,1));font-weight:800}
.snt-top3-l{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:baseline;min-width:0;font-size:calc(12px * var(--text-scale,1))}
.snt-top3-l i{font-style:normal;font-weight:800;color:var(--snt-ouro2)}
.snt-top3-l span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snt-top3-l em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.snt-top3-l.vazio{grid-template-columns:minmax(0,1fr);color:var(--snt-mut)}
.snt-top3-l.vazio span{white-space:normal}
.snt-top3-l.eu{color:#f6d58a}
.snt-top3-voce{margin-top:2px;padding-top:3px;border-top:1px solid #2a3650}
.snt-top3-voce i:empty{display:none}
/* a janela do ranking larga: 2 colunas de nomes + o lado (Asa, você, regras); celular = 1 coluna */
.snt-chances.snt-ranking-larga{width:min(1000px,100%)}
.snt-rank-cab-dir{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.snt-rank-cab-dir .snt-rl-abas{gap:6px}
.snt-rank-cab-dir .snt-rl-aba{padding:4px 12px;font-size:calc(11px * var(--text-scale,1))}
.snt-rank-grade{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:12px;align-items:start;min-width:0}
.snt-rank-grade.duas{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(250px,300px)}
.snt-rank-lado{display:flex;flex-direction:column;gap:8px;min-width:0}
.snt-rank-lado .snt-rank-asa{flex-direction:column;text-align:center;gap:6px;padding:10px 12px}
.snt-rank-lado .snt-rank-asa img{width:min(150px,60%);height:auto;flex:0 0 auto;aspect-ratio:1}
.snt-rank-voce{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:8px 10px;border:1px solid var(--snt-ouro);border-radius:10px;background:#231b0c;color:var(--snt-ouro2)}
.snt-rank-voce b{font-weight:900}
.snt-rank-voce span{font-weight:700;color:#f1d9a4}
.snt-rank-lado .snt-rank-fecha{margin:0}
.snt-ranking-larga .snt-rank-linha{grid-template-columns:34px minmax(0,1fr) auto;padding:4px 8px}
.snt-ranking-larga .snt-rank-linha{row-gap:0}
.snt-ranking-larga .snt-rank-premio{grid-column:2 / -1;margin-top:-1px}
@media (max-width:760px),(orientation:landscape) and (max-height:500px){
  .snt-rank-grade,.snt-rank-grade.duas{grid-template-columns:minmax(0,1fr)}
  .snt-rank-lado .snt-rank-asa{flex-direction:row;text-align:left}
  .snt-rank-lado .snt-rank-asa img{width:56px;flex:0 0 56px}
  .snt-chances-cab{flex-wrap:wrap}
  .snt-asa-faixa{padding:4px 10px 4px 6px}
  .snt-asa-faixa img{width:40px;height:30px;flex-basis:40px}
  .snt-asa-faixa small{display:none}
}
/* PC baixo (768–800 px de altura): a faixa da Asa fica só com a frase, para o Chamado caber sem rolar até 130% */
@media (min-width:761px) and (max-height:800px){
  .snt-asa-faixa{padding:4px 10px 4px 6px}
  .snt-asa-faixa img{width:42px;height:30px;flex-basis:42px}
  .snt-asa-faixa small{display:none}
}
.snt-top3-premio{display:flex;align-items:center;gap:5px;min-width:0;font-size:calc(10.5px * var(--text-scale,1));font-weight:700;color:#f1d9a4}
.snt-top3-premio>span{min-width:0;overflow-wrap:break-word}
.snt-top3-premio .snt-esfera.snt-top3-esf{width:18px;height:18px;flex:0 0 18px;filter:drop-shadow(0 0 4px rgba(255,200,90,.5))}
/* 03/11: o selo "Nova na Legião de <herói>!" pode quebrar a linha com nome comprido (celular 360 a 130%) */
.snt-chip[data-snt-destino]{white-space:normal;text-align:center;max-width:100%}

/* 05/11 (autor: "porque não com imagens + quantidade como é em outros locais"): o prêmio de cada lugar em fichas
   de ícone + quantidade (.snt-pi), no ranking, nos quadros da roleta e na tabela "Prêmios". Sem brilho. */
.snt-pis{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px;min-width:0}
.snt-pi{display:inline-flex;align-items:center;gap:2px;height:calc(20px * var(--text-scale,1));padding:0 5px 0 2px;border:1px solid #3a3320;border-radius:6px;background:#1a1710;
  font-style:normal;font-weight:800;font-size:calc(10.5px * var(--text-scale,1));line-height:1;color:#f6e2b0;white-space:nowrap;font-variant-numeric:tabular-nums}
.snt-pi>img,.snt-pi>.snt-esfera,.snt-pi>.snt-premio-img,.snt-pi>.snt-premio-emoji,.snt-pi .snt-pi-copia{width:calc(16px * var(--text-scale,1));height:calc(16px * var(--text-scale,1));flex:0 0 auto;object-fit:contain;filter:none;margin:0;font-size:calc(12px * var(--text-scale,1))}
.snt-pi .snt-pi-copia,.snt-pi span:has(>.snt-pi-copia){border-radius:50%;overflow:hidden}
.snt-pi>span{display:inline-flex;width:calc(16px * var(--text-scale,1));height:calc(16px * var(--text-scale,1));border-radius:50%;overflow:hidden;flex:0 0 auto}
.snt-pi>span img{width:100%;height:100%;object-fit:cover}
.snt-pi.asa{border-color:#6c4fb0;background:#231a3c;padding:0 3px}
.snt-pi.asa>img{width:calc(24px * var(--text-scale,1))}
.snt-top3-premio{flex-wrap:wrap;gap:4px}
.snt-top3-premio>small{font-size:calc(10px * var(--text-scale,1));font-weight:800;color:#e0ad4c;letter-spacing:.04em}
.snt-rl-dica{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.snt-rl-dica>small{font-weight:800;color:#e0ad4c}
.snt-ranking-larga .snt-rank-premio{margin-top:1px}
.snt-rank-premio .snt-pis{gap:3px}
/* a Asa da Legião na janela: arte, o bônus em destaque e uma linha curta */
.snt-rank-asa>span{display:flex;flex-direction:column;gap:2px}
.snt-rank-asa-bonus{font-style:normal;font-weight:800;color:#fff2c4}
.snt-rank-asa small{color:#cbbcf0;font-size:calc(11.5px * var(--text-scale,1))}
.snt-rank-lado .snt-rank-asa img{width:min(96px,40%);filter:none}
.snt-rank-asa img{filter:none}
.snt-rank-tab{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid #3a2f63;border-radius:10px;background:#17122b}
.snt-rank-tab-t{color:#e6dcff;font-size:calc(11px * var(--text-scale,1));letter-spacing:.12em;text-transform:uppercase}
.snt-rank-tab-l{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:6px;min-width:0}
.snt-rank-tab-l>i{font-style:normal;font-weight:800;color:var(--snt-ouro2);font-family:var(--snt-tit);font-size:calc(12px * var(--text-scale,1))}
.snt-rank-lado .snt-garantia-lei{font-size:calc(11.5px * var(--text-scale,1));color:#b9b0d6}
/* 05/11 (autor: "se possível sem precisar rolar, eu sei que minha tela é pequena"): PC baixo (até 820 px de altura),
   o "O que pode sair" fica mais baixinho para caber tudo sem rolar. */
@media (min-width:761px) and (max-height:820px){
  .snt-cham:not(.cel) .snt-lado{gap:8px;padding:10px 12px}
  .snt-cham:not(.cel) .snt-prs{gap:5px}
  .snt-cham:not(.cel) .snt-pr{padding:4px 3px 3px;gap:1px}
  .snt-cham:not(.cel) .snt-pr .snt-pr-ic{width:28px;height:28px}
  .snt-cham:not(.cel) .snt-pr i.snt-pr-ic{line-height:28px;font-size:calc(20px * var(--text-scale,1))}
  .snt-cham:not(.cel) .snt-pr.copia{padding:5px 10px;gap:10px}
  .snt-cham:not(.cel) .snt-pr.copia .snt-pr-ic{width:40px;height:40px}
}
.snt-pi b,.snt-rank-linha .snt-pi b,.snt-top3-l .snt-pi b{font-family:inherit;font-weight:800;color:inherit;letter-spacing:0;text-transform:none}
.snt-pi{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
/* 05/11 molduras do palco (autor: "não destaca ela, essa moldura aí morna"). Sem brilho: contorno escuro na figura. */
.snt-portal[class*=" mold-"] .snt-portal-fig img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}
/* 2 (escolhida pelo autor 05/11): SEM MOLDURA — a Sentinela grande sobre um círculo na cor do elemento e um pedestal */
.snt-portal.mold-2 .snt-arco{display:none}
.snt-portal.mold-2 .snt-portal-vao{left:-6%;right:-6%;top:0;bottom:3%;border-radius:0;overflow:visible;
  background:radial-gradient(46% 38% at 50% 44%,color-mix(in srgb,var(--snt-el) 70%,#fff) 0%,var(--snt-el) 30%,color-mix(in srgb,var(--snt-el2) 80%,transparent) 62%,transparent 72%)}
.snt-portal.mold-2 .snt-vortice{inset:6%;border-radius:50%;opacity:.5}
.snt-portal.mold-2 .snt-portal-fig{bottom:0;height:104%}
.snt-portal.mold-2 .snt-portal-vela{display:none}
.snt-portal.mold-2 .snt-portal-pe{left:14%;right:14%;bottom:-3%;height:11%;filter:none;border-radius:50%;
  background:radial-gradient(closest-side,#20262a 0%,#151a1d 70%,transparent 72%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--snt-el) 70%,transparent)}

/* 06/11 (autor: "o resumo do trunfo sempre cabendo em 1 linha", "aquele campo menor"): a faixa do trunfo fina e numa linha só;
   a letra cede pelo caberTrunfo() do sentinelas-ui.js quando a frase não cabe (jogo ampliado)
   (no celular a faixa já tem 2 linhas, a frase e o número: lá ela continua quebrando a linha, com a letra no tamanho normal) */
.snt-cham:not(.cel) .snt-cz-a-linha{padding:3px 10px;margin-top:3px;border-radius:11px;max-width:100%;min-width:0;flex-wrap:nowrap}
.snt-cham:not(.cel) .snt-cz-a-linha>span{white-space:nowrap;font-size:calc(12px * var(--text-scale,1));min-width:0}
/* 06/11 (autor: "pra não precisar rolar em telas pequenas"): no PC as "Suas invocações" saem do palco (o "Você" do quadro TOTAL
   já mostra o mesmo número) e, em tela baixa, o palco e os quadros apertam os espaços */
@media (min-width:761px){
  .snt-cham:not(.cel) .snt-garantia-sub{display:none}
}
@media (min-width:761px) and (max-height:820px){
  .snt-cham:not(.cel) .snt-palco-info{gap:4px}
  .snt-cham:not(.cel) .snt-top3{padding:4px 9px;gap:1px}
  .snt-cham:not(.cel) .snt-top3-voce{margin-top:0;padding-top:2px}
  .snt-cham:not(.cel) .snt-testar{margin-top:0;min-height:26px;padding-top:2px;padding-bottom:2px}
  .snt-cham:not(.cel) .snt-prs{gap:5px}
  .snt-cham:not(.cel) .snt-pr{padding:4px 1px 3px}
}
/* tela bem baixa (até 700 px, ex.: 1366×657 com o jogo ampliado): o título da Sentinela ("Arqueira dos Ventos") sai do palco */
@media (min-width:761px) and (max-height:700px){
  .snt-cham:not(.cel) .snt-palco-info .snt-nome-tit{display:none}
  .snt-cham:not(.cel)>.snt-palco{padding-top:8px;padding-bottom:6px}
}