/* =====================================================================
   GENS DOMINION — a guerra das 3 linhas (src/ui/gens-dominion-ui.js, 27/10)
   Opção B do autor: o campo de batalha na foto, a base inimiga em cima, a
   sua embaixo. Nada sobreposto: chips acima do campo, dica e aviso abaixo.
   No PC, campo e painel lado a lado; no celular, um embaixo do outro.
   ===================================================================== */
.gd{--gd-bg:#0d0b10;--gd-painel:#17131c;--gd-painel2:#211b28;--gd-linha:#3a3044;--gd-texto:#efe7d8;--gd-fraco:#a99c8a;
  --gd-ouro:#d9a648;--gd-dup:#4f8fe0;--gd-van:#d9534a;--gd-bom:#5fbf73;
  position:relative;display:grid;gap:12px;color:var(--gd-texto);font-size:14px;line-height:1.4;min-width:0}
.gd *{box-sizing:border-box}
.gd [hidden]{display:none!important}
.gd-topo{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--gd-painel2);border:1px solid var(--gd-linha);border-radius:14px}
.gd-titulo{font-family:"Cinzel",Georgia,serif;font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--gd-ouro);flex:1;min-width:0}
.gd-rel{font-size:12px;color:var(--gd-fraco);font-variant-numeric:tabular-nums;white-space:nowrap}
.gd-ajuda{width:30px;height:30px;flex:none;padding:0;display:grid;place-items:center;line-height:1;border-radius:50%;border:1px solid var(--gd-ouro);background:transparent;color:var(--gd-ouro);font:inherit;font-weight:800;font-size:15px;cursor:var(--cur-mao,pointer)}
.gd-tutorial{padding:12px 14px;border-radius:14px;border:1px solid var(--gd-ouro);background:rgba(217,166,72,.08);display:grid;gap:8px}
.gd-tutorial b{color:var(--gd-ouro)}
.gd-tutorial ol{margin:0;padding-left:20px;display:grid;gap:4px;font-size:13px}
.gd-tutorial .gd-btn{justify-self:start}
.gd-grade{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:760px){.gd-grade{grid-template-columns:minmax(0,1fr)}}
.gd-col{display:grid;gap:10px;min-width:0;background:var(--gd-painel);border:1px solid var(--gd-linha);border-radius:16px;padding:12px}
.gd-placar{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:8px}
.gd-lado{display:grid;gap:2px;min-width:0}
.gd-lado.gd-direita{text-align:right}
.gd-lado small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gd-fraco);overflow-wrap:anywhere}
.gd-lado strong{font-family:"Cinzel",Georgia,serif;font-size:22px;font-variant-numeric:tabular-nums;line-height:1.1}
.gd-lado.gd-duprian strong,.gd-duprian-txt{color:var(--gd-dup)}
.gd-lado.gd-vanert strong,.gd-vanert-txt{color:var(--gd-van)}
.gd-versus{width:52px;height:52px;display:block}
.gd-chips{display:flex;flex-wrap:wrap;gap:6px}
.gd-chip{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--gd-linha);color:var(--gd-fraco);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.gd-chip.gd-ouro{border-color:var(--gd-ouro);color:var(--gd-ouro)}
.gd-campo{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4;max-height:520px;background:#120f16 center/cover no-repeat;display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:8px}
.gd-campo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,10,10,.55),rgba(13,11,16,.3) 45%,rgba(10,25,55,.65));pointer-events:none}
.gd-base{position:relative;justify-self:center;font-family:"Cinzel",Georgia,serif;font-size:12px;font-weight:800;letter-spacing:.08em;padding:4px 14px;border-radius:999px;color:#fff;white-space:nowrap}
.gd-base.gd-duprian{background:rgba(79,143,224,.92)}
.gd-base.gd-vanert{background:rgba(217,83,74,.9)}
.gd-trilhas{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0}
.gd-trilha{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;border-radius:10px;padding:6px 0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%,rgba(255,255,255,.05))}
.gd-trilha::before{content:"";position:absolute;top:48px;bottom:48px;left:50%;border-left:2px dashed rgba(239,231,216,.28)}
.gd-torre{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;font:inherit;font-size:11px;color:var(--gd-texto);background:rgba(13,11,16,.82);
  padding:7px 6px;border-radius:9px;border:1px solid rgba(239,231,216,.14);cursor:var(--cur-mao,pointer);min-width:0;width:calc(100% - 8px);max-width:96px}
.gd-torre b{font-size:11px;font-weight:700;white-space:nowrap}
.gd-torre:hover,.gd-torre:focus-visible{border-color:var(--gd-ouro);outline:none}
.gd-torre.gd-alvo{outline:2px solid var(--gd-van);outline-offset:2px}
.gd-torre.gd-torre-caida{opacity:.75}
.gd-mira{position:absolute;top:-9px;right:-9px;width:22px;height:22px}
.gd-nome-linha{position:relative;z-index:1;align-self:center;font-family:"Cinzel",Georgia,serif;font-size:11px;background:rgba(13,11,16,.78);padding:2px 8px;border-radius:6px}
.gd-pontos{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:3px;align-items:center;min-height:9px}
.gd-pontos i{width:9px;height:9px;border-radius:50%;display:block}
.gd-pontos.gd-meu i{background:var(--gd-dup)}
.gd-pontos.gd-inimigo i{background:var(--gd-van)}
.gd-col:has(.gd-base-minha.gd-vanert) .gd-pontos.gd-meu i{background:var(--gd-van)}
.gd-col:has(.gd-base-minha.gd-vanert) .gd-pontos.gd-inimigo i{background:var(--gd-dup)}
.gd .gd-pontos i.gd-caido{background:transparent;border:1px solid rgba(239,231,216,.38)}
.gd-pontos i.gd-eu{box-shadow:0 0 0 2px var(--gd-ouro)}
.gd-dica{margin:0;font-size:12px;color:var(--gd-fraco)}
.gd-centro{text-align:center}
.gd-espaco{padding:28px 12px}
.gd-aviso{padding:8px 10px;border-radius:10px;background:rgba(232,163,58,.14);border:1px solid #e8a33a;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px}
.gd-aviso b{color:#e8a33a}
.gd-btn{font:inherit;font-weight:700;font-size:13px;border-radius:9px;padding:9px 11px;border:1px solid var(--gd-linha);background:var(--gd-painel2);color:var(--gd-texto);cursor:var(--cur-mao,pointer);
  display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:38px}
.gd-btn.gd-ouro{background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);border-color:var(--botao-ouro-borda)}
.gd-btn.gd-contorno{border-color:var(--gd-ouro);color:var(--gd-ouro);background:transparent}
.gd-btn.gd-perigo{border-color:var(--gd-van);color:#f2a39d;background:transparent}
.gd-btn.gd-guardiao{background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);border-color:var(--botao-ouro-borda)}
.gd-btn.gd-mini{min-height:30px;padding:5px 9px;font-size:12px}
.gd-btn:disabled{opacity:.55;cursor:var(--cur-seta,default)}
.gd-btn:focus-visible{outline:2px solid var(--gd-ouro);outline-offset:2px}
.gd-jod{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;white-space:nowrap}
.gd-jod-sigla{font-size:10px;font-weight:500;opacity:.8}
.gd-ico{width:18px;height:18px;object-fit:contain;flex:none;display:block}
.gd-ico-bau{width:22px;height:22px}
.gd-bau-ico{width:34px;height:34px;object-fit:contain;flex:none}
.gd-selo{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gd-van);color:#fff;font-size:11px;display:inline-grid;place-items:center}
.gd-vida{display:grid;gap:6px}
.gd-vrow{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:12px;color:var(--gd-fraco)}
.gd-barra{display:block;height:8px;border-radius:4px;background:#2a2230;overflow:hidden}
.gd-barra i{display:block;height:100%;background:var(--gd-bom)}
.gd-barra.gd-baixa i{background:var(--gd-van)}
.gd-num{font-variant-numeric:tabular-nums;text-align:right;color:var(--gd-texto)}
.gd-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gd-acoes .gd-larga,.gd-larga{grid-column:1/-1}
.gd-acoes>div.gd-larga{display:grid;gap:6px}
.gd-pilula{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gd-fraco)}
.gd-pilula i{width:9px;height:9px;border-radius:50%;background:var(--gd-fraco)}
.gd-pilula.gd-on{color:var(--gd-texto)}
.gd-pilula.gd-on i{background:var(--gd-bom);box-shadow:0 0 6px var(--gd-bom)}
.gd-bloco{display:grid;gap:8px;border-top:1px solid var(--gd-linha);padding-top:10px}
.gd-bloco h5{margin:0;font-family:"Cinzel",Georgia,serif;font-size:13px;letter-spacing:.05em;color:var(--gd-ouro)}
.gd-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gd-numeros div{display:grid;justify-items:center;gap:2px;padding:6px 2px;border-radius:10px;background:var(--gd-painel2);min-width:0}
.gd-numeros b{font-size:15px;font-variant-numeric:tabular-nums}
.gd-numeros span{font-size:11px;color:var(--gd-fraco)}
.gd-diario{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gd-diario li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:10px;background:var(--gd-painel2);font-size:12px;color:var(--gd-fraco)}
.gd-diario li>span{min-width:0}
.gd-diario b{color:var(--gd-texto)}
.gd-v{color:var(--gd-bom);font-weight:700}
.gd-d{color:#f2a39d;font-weight:700}
.gd .gd-ouro-txt{color:var(--gd-ouro)}
.gd-luta{min-height:200px}
/* a folha de baixo (linha aberta e baús): presa na tela, acima do jogo */
.gd-veu{position:fixed;inset:0;z-index:12000;background:rgba(5,4,7,.6);display:flex;align-items:flex-end;justify-content:center}
.gd-folha{width:min(480px,100%);max-height:min(78vh,640px);overflow:auto;background:var(--gd-painel);border:1px solid var(--gd-linha);border-bottom:0;
  border-radius:18px 18px 0 0;padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px));display:grid;gap:10px;align-content:start}
@media (min-width:761px){.gd-veu{align-items:center}.gd-folha{border-radius:18px;border-bottom:1px solid var(--gd-linha)}}
.gd-puxador{width:40px;height:4px;border-radius:2px;background:var(--gd-linha);justify-self:center}
.gd-folha-cab{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.gd-folha-cab h3{margin:0;font-family:"Cinzel",Georgia,serif;font-size:15px;flex:1;min-width:0}
.gd-x{font-size:12px;color:var(--gd-fraco)}
.gd-lista{display:grid;gap:8px}
.gd-def{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border-radius:12px;background:var(--gd-painel2);border:1px solid var(--gd-linha)}
.gd-def.gd-def-eu{border-color:var(--gd-ouro)}
.gd-def img,.gd-def-sem{width:42px;height:42px;border-radius:10px;object-fit:cover;object-position:top;background:#0b090d;display:block}
.gd-def.gd-def-caido img{filter:grayscale(1) brightness(.6)}
.gd-info{display:grid;gap:4px;min-width:0}
.gd-info b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-info small{font-size:12px;color:var(--gd-fraco)}
.gd-estado{font-size:12px;text-align:right;color:var(--gd-fraco);font-variant-numeric:tabular-nums;white-space:nowrap}
.gd-estado.gd-pe{color:var(--gd-bom)}
.gd-bau{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:var(--gd-painel2);border:1px solid var(--gd-linha)}
.gd-bau>div{display:grid;gap:2px;min-width:0;flex:1}
.gd-bau small{font-size:12px;color:var(--gd-fraco)}
@media (max-width:380px){.gd-lado strong{font-size:18px}.gd-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.gd *{transition:none!important;animation:none!important}}

/* ---------- cartão da coluna (27/10) ---------- */
.gd-rail-card{padding:0!important;overflow:hidden!important;border-color:rgba(214,170,84,.55)!important;
  background:linear-gradient(90deg,rgba(12,9,6,.3),rgba(12,9,6,.86) 65%),url(../assets/backgrounds/crywolf.webp) center 40%/cover!important}
.gd-rail-entry{width:100%}
.gd-rail-entry .rail-toggle-chevron{font-size:1.3em;color:#e2bf72}

/* ---------- aviso grande do ataque automático (27/10) ---------- */
.gd-prep{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(217,166,72,.6);text-align:center;padding:14px 12px;
  background:linear-gradient(180deg,rgba(13,11,16,.35),rgba(13,11,16,.9)),var(--gd-cena) center 35%/cover;display:flex;flex-direction:column;align-items:center;gap:6px}
.gd-prep .gd-versus{width:48px;height:48px;animation:gd-bate 1.2s ease-in-out infinite}
.gd-prep-espera .gd-versus{animation:none;opacity:.85}
.gd-prep strong{font-family:"Cinzel",Georgia,serif;font-weight:900;font-size:17px;color:#f3d48b;letter-spacing:.04em;text-shadow:0 2px 8px #000;line-height:1.25}
.gd-prep em{font-style:normal;font-size:13px;color:#efe7d8;text-shadow:0 1px 4px #000;max-width:40ch}
.gd-prep-vai{display:block;width:min(240px,80%);height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.gd-prep-vai b{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,#f3d48b,transparent);animation:gd-corre 1.4s linear infinite}
@keyframes gd-bate{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(-6deg)}}
@keyframes gd-corre{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){.gd-prep .gd-versus,.gd-prep-vai b{animation:none}}

/* ---------- janela do resultado de cada ataque (27/10) ---------- */
.gd-res .gd-folha{padding:0;overflow:auto;border-color:rgba(217,166,72,.7)}
.gd-res .gd-puxador{display:none}
.gd-res-topo{padding:16px 14px 12px;text-align:center;background:linear-gradient(180deg,rgba(13,11,16,.25),var(--gd-painel)),var(--gd-cena) center 40%/cover}
.gd-res-topo strong{display:block;font-family:"Cinzel",Georgia,serif;font-weight:900;font-size:26px;letter-spacing:.06em;text-shadow:0 2px 10px #000}
.gd-res-topo small{font-size:13px}
.gd-res-topo .gd-v{color:#5fc77a}.gd-res-topo .gd-d{color:#e0574f}.gd-res-topo .gd-t{color:#f3d48b}
.gd-res-duelo{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:6px 14px 10px}
.gd-res-lado{text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px}
.gd-res-lado img,.gd-res-sem{width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--gd-linha);background:#15111a;display:block}
.gd-res-lado b{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-res-lado small{font-size:11px;opacity:.75}
.gd-res-barra{display:grid;grid-template-columns:1fr 36px;gap:6px;align-items:center;width:100%;margin-top:4px;font-size:12px;font-weight:700}
.gd-res-barra i{display:block;height:8px;border-radius:8px;background:#2c2433;overflow:hidden}
.gd-res-barra i b{display:block;height:100%;background:#5fc77a;border-radius:8px}
.gd-res-vs{font-family:"Cinzel",Georgia,serif;font-weight:900;color:#d9a648}
.gd-res-ganho{display:flex;justify-content:center;padding:0 14px 8px;font-weight:800;font-size:15px}
.gd-res-expl{margin:0 14px 12px;background:var(--gd-painel2);border-radius:9px;padding:9px 11px;font-size:13px;line-height:1.4}
.gd-res-pe{display:flex;gap:8px;padding:0 14px 14px}
.gd-res-pe .gd-btn{flex:1;justify-content:center}

/* ---------- painel do lado: herói, estado e abas (27/10, opção C com as abas da B) ---------- */
.gd-painel{align-content:start}
.gd-heroi{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center;padding:8px 10px;border-radius:14px;
  background:radial-gradient(120% 140% at 0% 50%,rgba(217,166,72,.12),transparent 60%),var(--gd-painel2);border:1px solid var(--gd-linha)}
.gd-heroi-fig{position:relative;height:132px;display:flex;align-items:flex-end;justify-content:center;border-radius:12px;
  background:radial-gradient(60% 45% at 50% 92%,rgba(217,166,72,.32),transparent 70%)}
.gd-heroi-fig img{max-height:132px;max-width:104px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.gd-heroi-lado{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:1px 8px;border-radius:999px;background:#2c2433;border:1px solid var(--gd-linha);white-space:nowrap}
.gd-heroi-duprian .gd-heroi-lado{background:#1f3557;border-color:#5b8fe0;color:#cfe0ff}
.gd-heroi-vanert .gd-heroi-lado{background:#4a1d22;border-color:#e0574f;color:#ffd5d2}
.gd-heroi-info{display:grid;gap:7px;min-width:0}
.gd-heroi-nome{font-family:"Cinzel",Georgia,serif;font-size:16px;color:var(--gd-ouro2,#f3d48b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd-heroi-info .gd-btn{width:100%}
.gd-estado{display:grid;gap:8px}
.gd-estado:empty{display:none}
.gd-painel .gd-prep{flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center;padding:10px 12px;gap:4px 10px}
.gd-painel .gd-prep .gd-versus{width:40px;height:40px;flex:none}
.gd-painel .gd-prep strong{font-size:15px}
.gd-painel .gd-prep em{flex-basis:100%;font-size:12.5px}
.gd-abas{display:flex;gap:4px;padding:3px;border-radius:11px;background:var(--gd-painel2);border:1px solid var(--gd-linha)}
.gd-aba{flex:1;font:inherit;font-weight:700;font-size:13px;padding:7px 6px;border-radius:8px;border:0;background:transparent;color:var(--gd-fraco);cursor:var(--cur-mao,pointer);display:inline-flex;align-items:center;justify-content:center;gap:5px}
.gd-aba-on{background:var(--gd-painel);color:var(--gd-ouro2,#f3d48b);box-shadow:inset 0 0 0 1px var(--gd-linha)}
.gd-aba:focus-visible{outline:2px solid #f3d48b;outline-offset:1px}
.gd-aba-corpo{display:grid;gap:8px;min-width:0}
.gd-sub{margin:4px 0 0;font-family:"Cinzel",Georgia,serif;font-size:12px;letter-spacing:.05em;color:var(--gd-ouro)}
.gd-agir{display:grid;gap:7px}
.gd-ag{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px 7px 7px;border-radius:12px;
  background:var(--gd-painel2);border:1px solid var(--gd-linha);border-left:3px solid var(--gd-linha)}
.gd-ag-liga{border-left-color:#d9a648;box-shadow:0 0 14px rgba(217,166,72,.14)}
.gd-ag-ico{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.gd-ag-txt{display:grid;gap:2px;min-width:0}
.gd-ag-txt b{font-size:14px}
.gd-ag-txt small{font-size:12px;line-height:1.3;color:var(--gd-fraco)}
.gd-ag .gd-btn{white-space:nowrap;min-width:74px;justify-content:center}
.gd-tag{font-size:10px;font-weight:800;letter-spacing:.06em;color:#1b130a;background:#d9a648;border-radius:5px;padding:1px 6px;vertical-align:1px}
.gd-torre.gd-pisca{animation:gd-pisca 0.5s ease-in-out 4}
@keyframes gd-pisca{50%{box-shadow:0 0 0 3px #f3d48b,0 0 18px #f3d48b}}
@media (prefers-reduced-motion:reduce){.gd-torre.gd-pisca{animation:none;box-shadow:0 0 0 3px #f3d48b}}
.gd-painel{container-type:inline-size}
.gd-painel .gd-prep em{max-width:none;white-space:normal;min-width:0}
.gd-painel .gd-prep{white-space:normal}
.gd-painel .gd-prep strong{min-width:0;overflow-wrap:anywhere}
@container (max-width:360px){
  .gd-heroi{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  .gd-heroi-fig{height:118px}
  .gd-heroi-fig img{max-height:118px}
  .gd-heroi-nome{text-align:center}
  .gd-vrow{grid-template-columns:50px minmax(0,1fr) 38px;gap:6px}
  .gd-ag{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
  .gd-ag-ico{width:40px;height:40px}
  .gd-ag .gd-btn{min-width:0;padding:8px 9px}
  .gd-painel .gd-prep strong{font-size:13.5px}
  .gd-aba{font-size:12px;padding:7px 3px}
}
@container (max-width:250px){.gd-ag{grid-template-columns:40px minmax(0,1fr)}.gd-ag .gd-btn{grid-column:1/-1}}

/* 2352: o prêmio da semana com o título de cada faixa (aba Prêmios) */
.gd-pr{display:grid;gap:4px;margin:4px 0 6px}
.gd-pr-linha{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,215,140,.12)}
.gd-pr-pos{font-weight:800;color:#ffd77a;font-size:12px;white-space:nowrap}
.gd-pr-tit{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;align-items:center;min-width:0}
.gd-pr-tit img{grid-row:1/3;width:54px;height:18px;object-fit:contain}
.gd-pr-tit b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-pr-tit small{font-size:10.5px;color:#9fe0a0}
.gd-pr-js{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px;max-width:150px}
.gd-pr-j{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700}
.gd-pr-j img{width:16px;height:16px}
@container (max-width:360px){
  .gd-pr-linha{grid-template-columns:44px minmax(0,1fr)}
  .gd-pr-js{grid-column:1/-1;justify-content:flex-start;max-width:none}
}