/* publicacoes-plugins.css -- plugins de publicação que apontam para páginas do site (guia.php, noticia.php e o editor).
   Markup em partials/publicacoes-referencias.php e partials/publicacoes-renderer.php. Depende de codex.css.
   Blocos: .pub-time, .pub-elementos, .pub-dano-bloco, .pub-expedicao, .pub-mas, .pub-pesca, .pub-loja.
   Chips inline: .guia-missao-chip, .guia-estrutura-chip, .guia-masmorra-chip, .guia-pesca-chip, .guia-loja-chip, .guia-ref-chip (editor). */

/* ---------- Peças comuns ---------- */
.pub-chips{ display:flex; flex-wrap:wrap; gap:.45rem; }
.pub-chip{
  --chip-cor: var(--text-dim);
  display:inline-flex; align-items:center; gap:.4rem; padding:.28rem .7rem; border-radius:999px;
  font-size:.78rem; line-height:1.3; color: var(--text);
  background: rgba(8,10,18,.55); border:1px solid color-mix(in srgb, var(--chip-cor) 45%, rgba(255,255,255,.08));
}
.pub-chip i{ color: var(--chip-cor); }
.pub-chip b{ color: var(--text-bright); font-weight:700; }
.pub-chip--mono{ font-family: var(--font-mono); font-size:.72rem; color: var(--text-dim); }
.pub-moeda{ width:16px; height:16px; object-fit:contain; }
.pub-seta{ flex:none; align-self:flex-start; font-size:1.1rem; color: var(--text-dim); opacity:.7; transition: transform .2s ease, opacity .2s ease; }
a.pub-mas:hover .pub-seta, a.pub-pesca:hover .pub-seta, a.pub-loja:hover .pub-seta{ transform: translate(3px, -3px); opacity:1; }

.pub-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.7rem 1.25rem;
  font-size:.88rem; font-weight:700; letter-spacing:.02em; color: var(--text-bright); text-decoration:none;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 70%, #000), color-mix(in srgb, var(--accent) 40%, #1a1240));
  border:1px solid var(--accent-line); border-radius:12px;
  box-shadow: 0 8px 22px -12px var(--accent), inset 0 1px 0 rgba(255,255,255,.14);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.pub-btn:hover{ transform: translateY(-1px); filter: brightness(1.12); color: var(--text-bright); box-shadow: 0 12px 28px -12px var(--accent), inset 0 1px 0 rgba(255,255,255,.2); }
.pub-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }

/* Cartão de bloco com rodapé de botão (time, elementos, fórmula, expedição) */
.pub-time, .pub-elementos, .pub-dano-bloco, .pub-expedicao{ margin: .3rem 0 1.4rem; text-align:center; }
.pub-time > .pub-btn, .pub-elementos > .pub-btn, .pub-dano-bloco > .pub-btn, .pub-expedicao > .pub-btn{ margin-top:1.1rem; }

/* ---------- Time do Montador de Times ---------- */
.pub-time{
  position:relative; padding:1.3rem 1.2rem 1.4rem; overflow:hidden;
  background:
    radial-gradient(90% 120% at 50% -20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%),
    linear-gradient(170deg, var(--panel-2), var(--panel));
  border:1px solid var(--hairline); border-radius:18px;
  box-shadow: 0 22px 44px -30px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.04);
}
.pub-time-topo{ display:flex; flex-direction:column; align-items:center; gap:.3rem; margin-bottom:1.2rem; }
.pub-time-eyebrow{ font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color: color-mix(in srgb, var(--accent) 75%, #fff); }
.pub-time-eyebrow i{ margin-right:.35rem; }
.pub-time-titulo{ margin:0; font-family: var(--font-display); font-size: clamp(1.6rem, 4vw, 2.2rem); line-height:1.15; color: var(--text-bright); text-wrap:balance; }
.pub-time-contagem{ font-size:.75rem; color: var(--text-dim); }
.pub-time-lista{ display:flex; flex-wrap:wrap; justify-content:center; gap:.85rem; }
.pub-time-pal{
  --rarity-color: var(--hairline);
  position:relative; display:flex; flex-direction:column; align-items:center; gap:.55rem; width:128px; padding:1.55rem .5rem .85rem;
  color: var(--text); background: linear-gradient(180deg, color-mix(in srgb, var(--rarity-color) 12%, var(--panel)), var(--panel));
  border:1px solid var(--hairline); border-bottom:3px solid var(--rarity-color); border-radius:14px;
  transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.pub-time-pal:hover{ transform: translateY(-3px); color: var(--text-bright); border-color: color-mix(in srgb, var(--rarity-color) 55%, var(--hairline)); box-shadow: 0 14px 28px -16px var(--rarity-color); }
.pub-time-retrato{ position:relative; display:block; line-height:0; }
.pub-time-noturno{ position:absolute; right:-6px; bottom:-4px; width:24px; height:24px; padding:3px; border-radius:50%; background: var(--panel); border:1px solid var(--hairline); box-shadow: 0 2px 8px rgba(0,0,0,.5); }
.pub-time-nome{ font-size:.82rem; font-weight:600; line-height:1.25; text-align:center; overflow-wrap:anywhere; color: var(--text-bright); }
.pub-time-pal .montador-slot-badges{ top:.55rem; left:.6rem; }
@media (max-width:420px){ .pub-time-pal{ width:calc(50% - .5rem); } }

/* ---------- Tabela de Elementos ---------- */
.pub-elementos{
  padding:1.2rem 1.1rem 1.4rem; background: linear-gradient(170deg, var(--panel-2), var(--panel));
  border:1px solid var(--hairline); border-radius:18px; box-shadow: 0 22px 44px -30px rgba(0,0,0,.9);
}
.pub-el-topo{ display:flex; flex-direction:column; align-items:center; gap:.2rem; margin-bottom:1rem; }
.pub-el-eyebrow{ font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color: color-mix(in srgb, var(--accent) 75%, #fff); }
.pub-el-eyebrow i{ margin-right:.35rem; }
.pub-el-sub{ font-size:.8rem; color: var(--text-dim); }
.pub-el-pal{ display:flex; justify-content:center; margin-bottom:.4rem; }
.pub-el-pal .guia-pal-card{ margin-bottom:.6rem; }
.pub-el-grade{ display:grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:.8rem; margin-bottom:1.1rem; text-align:left; }
.pub-el-card{
  --tom:#8b93a7; position:relative; padding:.9rem 1rem 1rem; border-radius:14px; overflow:hidden;
  background: linear-gradient(180deg, color-mix(in srgb, var(--tom) 10%, var(--panel)), var(--panel)); border:1px solid color-mix(in srgb, var(--tom) 30%, var(--hairline));
}
.pub-el-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background: var(--tom); }
.pub-el-card--forte{ --tom:#4cc38a; }
.pub-el-card--fraco{ --tom:#ef6b6b; }
.pub-el-card-topo{ display:flex; align-items:center; gap:.5rem; margin-bottom:.75rem; color: var(--text-bright); }
.pub-el-card-topo i{ font-size:1.15rem; color: var(--tom); }
.pub-el-card-topo b{ font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.pub-el-card-topo span{ margin-left:auto; min-width:1.6rem; padding:.05rem .5rem; text-align:center; font-size:.72rem; font-weight:700; border-radius:999px; color: var(--tom); background: color-mix(in srgb, var(--tom) 14%, transparent); }
.pub-el-lista{ display:flex; flex-wrap:wrap; gap:.6rem .8rem; }
.pub-el-lista .elemento-badge{ float:none; margin:0; }
.pub-el-lista .elemento-badge__icone{ width:30px; height:30px; background-size:100% 100%, 19px 19px; }
.pub-el-lista .elemento-badge__corpo{ height:24px; margin-left:-12px; padding:0 14px 0 18px; }
.pub-el-lista .elemento-badge__nome{ font-size:.76rem; }
.pub-el-vazio{ margin:0; font-size:.82rem; color: var(--text-dim); }
.pub-el-corpo .mt-tab-quadro{ margin-inline:auto; }

/* ---------- Fórmula de dano (a Calculadora de Dano, somente leitura) ---------- */
.pub-dano{ display:flex; flex-direction:column; gap:1rem; text-align:center; }
.pub-dano .cd-painel__topo{ justify-content:center; flex-direction:column; gap:.4rem; }
.pub-dano .cd-eq{ grid-template-columns: minmax(0, 1fr); justify-items:center; gap:.5rem; text-align:center; padding:.9rem 0; }
.pub-dano .cd-eq__igual{ display:none; }
.pub-dano .cd-eq__nome{ height:auto; margin:0; justify-content:center; }
.pub-dano .cd-eq__nome::after{ content:" ="; margin-left:.35rem; font-size:1.05rem; color: var(--cd); }
/* Barra de rolagem horizontal sempre à vista quando a linha passa da largura (regra da calculadora), linha centralizada quando cabe */
.pub-dano .cd-eq__corpo{ width:100%; max-width:100%; justify-content:flex-start; overflow-x:auto; padding:12px 12px 12px 12px; margin:-12px 0; }
.pub-dano .cd-eq__corpo > :first-child{ margin-left:auto; }
.pub-dano .cd-eq__corpo > :last-child{ margin-right:auto; }
.pub-dano .cd-in--ro{ display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:4.2ch; cursor:default; }
.pub-dano .cd-var{ cursor:default; }
.pub-dano label.cd-var{ cursor:text; }
.pub-dano .cd-elementos{ justify-content:center; }
.pub-dano .cd-elro{ display:flex; flex-direction:column; align-items:center; gap:.3rem; padding:.55rem 1rem; min-width:150px; border-radius:12px; background: rgba(0,0,0,.28); border:1px solid var(--hairline); }
.pub-dano .cd-elro small{ font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color: var(--text-dim); }
.pub-dano .cd-elro b{ display:inline-flex; align-items:center; gap:.4rem; font-size:.92rem; color: var(--text-bright); }
.pub-dano .cd-elro img{ width:20px; height:20px; object-fit:contain; }
.pub-dano .cd-grupo--params{ padding-top:1rem; border-top:1px dashed var(--hairline); }
.pub-dano .cd-grupo--params .cd-grupo__campos{ justify-content:center; }
.pub-dano .cd-vivo{ text-align:center; }
.pub-dano .cd-resultado{ padding-bottom:1.3rem; }
.pub-dano .cd-metricas{ display:flex; flex-wrap:wrap; justify-content:center; text-align:center; }
.pub-dano .cd-metricas > div{ flex:1 1 150px; max-width:260px; }
.pub-dano .cd-painel__tag{ margin:0 auto; }
.pub-dano-bloco .cd-painel{ text-align:center; }

/* ---------- Expedição (o card da própria página, mais o botão) ---------- */
.pub-expedicao .exp-card{ text-align:left; }

/* ---------- Masmorra ---------- */
a.pub-mas{
  --mas-cor:#6fcf6f; --mas-cor2:#2f7d46;
  position:relative; display:flex; align-items:center; gap:1.3rem; margin:.3rem 0 1.3rem; padding:1.35rem 1.5rem; overflow:hidden; color: var(--text);
  background:
    repeating-radial-gradient(circle at 96% 8%, transparent 0 34px, rgba(255,255,255,.055) 34px 35px),
    linear-gradient(115deg, color-mix(in srgb, var(--mas-cor) 88%, #0b0e15) 0%, color-mix(in srgb, var(--mas-cor2) 78%, #0b0e15) 34%, #0b0f16 78%);
  border:1px solid color-mix(in srgb, var(--mas-cor) 30%, var(--hairline)); border-radius:18px;
  box-shadow: 0 22px 44px -28px color-mix(in srgb, var(--mas-cor2) 80%, #000), inset 0 1px 0 rgba(255,255,255,.1);
  transition: transform .2s ease, box-shadow .25s ease;
}
a.pub-mas:hover{ transform: translateY(-2px); color: var(--text); box-shadow: 0 28px 52px -26px color-mix(in srgb, var(--mas-cor) 75%, #000), inset 0 1px 0 rgba(255,255,255,.14); }
.pub-mas-emblema{
  flex:none; display:grid; place-items:center; width:84px; height:84px; font-size:2.3rem; color: #f2fff2; border-radius:24px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--mas-cor2) 70%, #000), color-mix(in srgb, var(--mas-cor2) 40%, #000));
  border:1px solid rgba(255,255,255,.22); box-shadow: 0 10px 26px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.25);
}
.pub-mas-corpo{ display:flex; flex-direction:column; gap:.5rem; min-width:0; flex:1; }
.pub-mas-bioma{ font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color: rgba(240,255,240,.86); }
.pub-mas-nome{ font-family: var(--font-display); font-size: clamp(1.8rem, 4.5vw, 2.6rem); line-height:1.08; color:#fff; text-shadow: 0 2px 14px rgba(0,0,0,.35); text-wrap:balance; }
.pub-mas .pub-seta{ color: rgba(255,255,255,.7); }
@media (max-width:575.98px){ a.pub-mas{ flex-wrap:wrap; padding:1.1rem; gap:1rem; } .pub-mas-corpo{ flex-basis:100%; } .pub-mas-emblema{ width:64px; height:64px; font-size:1.7rem; border-radius:18px; } .pub-mas .pub-seta{ display:none; } }

/* ---------- Ponto de pesca ---------- */
a.pub-pesca{
  --cat-cor:#4299e1;
  position:relative; display:flex; align-items:center; gap:1.4rem; margin:.3rem 0 1.3rem; padding:1.4rem 1.6rem; overflow:hidden; color: var(--text);
  background:
    radial-gradient(70% 140% at 0% 0%, rgba(66,153,225,.2), transparent 60%),
    radial-gradient(60% 120% at 100% 100%, rgba(72,187,180,.12), transparent 62%),
    linear-gradient(160deg, #0f1522, #0a0e18);
  border:1px solid rgba(96,165,250,.22); border-radius:18px;
  box-shadow: 0 22px 44px -30px rgba(30,100,200,.8), inset 0 1px 0 rgba(255,255,255,.05);
  transition: transform .2s ease, box-shadow .25s ease, border-color .2s ease;
}
a.pub-pesca:hover{ transform: translateY(-2px); color: var(--text); border-color: rgba(96,165,250,.5); box-shadow: 0 28px 52px -28px rgba(50,130,230,.85), inset 0 1px 0 rgba(255,255,255,.08); }
.pub-pesca-ondas{
  position:absolute; inset:auto 0 0 0; height:56px; pointer-events:none; opacity:.55;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 22 Q30 6 60 22 T120 22 T180 22 T240 22 V40 H0Z' fill='%234299e1' fill-opacity='.18'/%3E%3Cpath d='M0 28 Q30 14 60 28 T120 28 T180 28 T240 28 V40 H0Z' fill='%2348bbb4' fill-opacity='.14'/%3E%3C/svg%3E") repeat-x left bottom / 240px 100%;
  animation: pub-ondas 14s linear infinite;
}
@keyframes pub-ondas{ to{ background-position-x: 240px; } }
.pub-pesca-emblema{
  position:relative; flex:none; display:grid; place-items:center; width:92px; height:92px; font-size:2.6rem; color:#4fa3f0; border-radius:50%;
  background: radial-gradient(circle at 35% 28%, rgba(66,153,225,.32), rgba(30,44,80,.55) 70%);
  border:2px solid rgba(120,140,220,.45); box-shadow: 0 0 0 6px rgba(80,90,180,.16), 0 12px 30px rgba(20,60,140,.45), inset 0 1px 0 rgba(255,255,255,.2);
}
.pub-pesca-corpo{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; min-width:0; flex:1; }
.pub-pesca-eyebrow{ font-size:.92rem; color:#b9c6e6; letter-spacing:.02em; }
.pub-pesca-nome{ font-size: clamp(1.9rem, 5vw, 2.9rem); font-weight:500; line-height:1.05; color:#e7ecfb; text-wrap:balance; letter-spacing:-.01em; }
.pub-pesca-categoria{
  display:inline-flex; align-items:center; padding:.18rem .8rem; font-size:.82rem; font-weight:600; color: var(--cat-cor); border-radius:8px;
  background: color-mix(in srgb, var(--cat-cor) 14%, transparent); border:1px solid color-mix(in srgb, var(--cat-cor) 65%, transparent);
}
.pub-pesca .pub-chips{ margin-top:.3rem; }
.pub-pesca .pub-chip{ background: rgba(14,20,36,.7); border-color: rgba(120,140,200,.22); }
.pub-pesca .pub-chip i{ color: var(--chip-cor, #8a94b8); }
.pub-pesca .pub-chip b{ color:#a78bfa; }
@media (max-width:575.98px){ a.pub-pesca{ flex-wrap:wrap; padding:1.1rem; gap:1rem; } a.pub-pesca .pub-pesca-corpo{ flex-basis:100%; } .pub-pesca-emblema{ width:68px; height:68px; font-size:1.9rem; } .pub-pesca .pub-seta{ display:none; } }
@media (prefers-reduced-motion: reduce){ .pub-pesca-ondas{ animation:none; } }

/* ---------- Loja ---------- */
a.pub-loja{
  position:relative; display:flex; align-items:center; gap:1.4rem; margin:.3rem 0 1.3rem; padding:1.4rem 1.6rem; overflow:hidden; color: var(--text);
  background:
    linear-gradient(90deg, transparent, rgba(139,111,240,.55), transparent) top / 100% 1px no-repeat,
    radial-gradient(80% 160% at 0% 0%, rgba(139,111,240,.1), transparent 60%),
    linear-gradient(160deg, #10131f, #0b0d16);
  border:1px solid rgba(139,111,240,.2); border-radius:18px;
  box-shadow: 0 22px 44px -30px rgba(90,60,200,.7), inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .2s ease, box-shadow .25s ease, border-color .2s ease;
}
a.pub-loja:hover{ transform: translateY(-2px); color: var(--text); border-color: rgba(139,111,240,.5); box-shadow: 0 28px 52px -28px rgba(120,90,240,.8), inset 0 1px 0 rgba(255,255,255,.07); }
.pub-loja-emblema{
  flex:none; display:grid; place-items:center; width:90px; height:90px; font-size:2.3rem; color:#8b6ff0; border-radius:50%;
  background: radial-gradient(circle at 35% 28%, rgba(139,111,240,.3), rgba(30,24,60,.7) 70%);
  border:2px solid rgba(139,111,240,.4); box-shadow: 0 0 0 6px rgba(139,111,240,.1), 0 0 0 7px rgba(139,111,240,.14), 0 12px 30px rgba(50,30,130,.5), inset 0 1px 0 rgba(255,255,255,.16);
}
.pub-loja-corpo{ display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; min-width:0; flex:1; }
.pub-loja-eyebrow{ font-family: var(--font-mono); font-size:.72rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:#7d7fa8; }
.pub-loja-nome{ font-family: var(--font-display); font-size: clamp(1.9rem, 5vw, 2.8rem); font-weight:700; line-height:1.05; color:#fff; text-wrap:balance; }
.pub-loja .pub-chips{ margin-top:.25rem; }
.pub-loja .pub-chip{ font-family: var(--font-mono); font-size:.74rem; color: var(--chip-cor); background: color-mix(in srgb, var(--chip-cor) 9%, rgba(8,10,18,.6)); border-color: color-mix(in srgb, var(--chip-cor) 55%, transparent); }
.pub-loja .pub-chip i{ color: var(--chip-cor); }
.pub-loja .pub-chip b{ color: var(--chip-cor); }
.pub-loja .pub-chip--mono{ --chip-cor:#7d7fa8; }
@media (max-width:575.98px){ a.pub-loja{ flex-wrap:wrap; padding:1.1rem; gap:1rem; } a.pub-loja .pub-loja-corpo{ flex-basis:100%; } .pub-loja-emblema{ width:66px; height:66px; font-size:1.7rem; } .pub-loja .pub-seta{ display:none; } }

/* ---------- Resultado de criação (Calculadora Simples) ---------- */
.pub-bd{
  margin:.3rem 0 1.4rem; padding:1.2rem 1rem 1.4rem; text-align:center; overflow:hidden;
  background:
    radial-gradient(70% 110% at 50% 0%, color-mix(in srgb, #ff6fa5 14%, transparent), transparent 65%),
    linear-gradient(170deg, var(--panel-2), var(--panel));
  border:1px solid var(--hairline); border-radius:18px; box-shadow: 0 22px 44px -30px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.04);
}
.pub-bd-topo{ margin-bottom:1rem; }
.pub-bd-eyebrow{ font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#ff8fbb; }
.pub-bd-eyebrow i{ margin-right:.35rem; }
.pub-bd-linha{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.7rem .5rem; }
.pub-bd-op{ flex:none; font-family: var(--font-mono); font-size:1.7rem; font-weight:700; color: var(--text-dim); }
.pub-bd-pal{
  --rarity-color: var(--hairline);
  display:flex; flex-direction:column; align-items:center; gap:.4rem; width:118px; padding:.9rem .4rem .8rem; color: var(--text); text-decoration:none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--rarity-color) 12%, var(--panel)), var(--panel));
  border:1px solid var(--hairline); border-bottom:3px solid var(--rarity-color); border-radius:14px; transition: transform .18s ease, box-shadow .2s ease;
}
a.pub-bd-pal:hover{ transform: translateY(-3px); color: var(--text-bright); box-shadow: 0 14px 28px -16px var(--rarity-color); }
.pub-bd-retrato{ position:relative; display:grid; place-items:center; width:76px; height:76px; font-size:1.8rem; color: var(--text-dim); border-radius:50%; background: var(--panel-2); border:2px solid var(--rarity-color); }
.pub-bd-retrato > img:first-child{ width:100%; height:100%; border-radius:50%; object-fit:cover; }
.pub-bd-noturno{ position:absolute; right:-6px; bottom:-4px; width:22px; height:22px; padding:3px; border-radius:50%; background: var(--panel); border:1px solid var(--hairline); }
.pub-bd-nome{ font-size:.82rem; font-weight:600; line-height:1.25; color: var(--text-bright); overflow-wrap:anywhere; }
.pub-bd-elementos{ display:flex; gap:.25rem; }
.pub-bd-elementos img{ width:18px; height:18px; }
.pub-bd-pal--filho{
  width:138px; border-color: color-mix(in srgb, var(--rarity-color) 60%, var(--hairline));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--rarity-color) 25%, transparent), 0 16px 34px -18px var(--rarity-color);
}
.pub-bd-pal--filho .pub-bd-retrato{ width:92px; height:92px; box-shadow: 0 0 22px -4px var(--rarity-color); }
.pub-bd-pal--vazio{ border-style:dashed; opacity:.75; }
.pub-bd > .pub-btn{ margin-top:1.2rem; }
@media (max-width:480px){ .pub-bd-pal{ width:96px; } .pub-bd-pal--filho{ width:112px; } .pub-bd-retrato{ width:60px; height:60px; } .pub-bd-pal--filho .pub-bd-retrato{ width:72px; height:72px; } .pub-bd-op{ font-size:1.3rem; } }

/* ---------- Chips inline (dentro do texto corrido; sem <div>, ver docblock de montarChipDePassivaHtml) ---------- */
.guia-missao-chip, .guia-estrutura-chip, .guia-masmorra-chip, .guia-pesca-chip, .guia-loja-chip, .guia-ref-chip{
  --chip-cor: var(--accent);
  display:inline-flex; align-items:center; gap:.35rem; vertical-align:middle; margin:0 .15rem; padding:.12rem .65rem .12rem .5rem;
  font-weight:700; font-size:.92em; line-height:1.6; white-space:nowrap; text-decoration:none; cursor:pointer; color: var(--chip-cor);
  background: color-mix(in srgb, var(--chip-cor) 13%, transparent); border:1px solid color-mix(in srgb, var(--chip-cor) 40%, transparent); border-radius:999px;
  transition: background .15s ease, border-color .15s ease;
}
.guia-missao-chip:hover, .guia-estrutura-chip:hover, .guia-masmorra-chip:hover, .guia-pesca-chip:hover, .guia-loja-chip:hover, .guia-ref-chip:hover{
  background: color-mix(in srgb, var(--chip-cor) 24%, transparent); border-color: color-mix(in srgb, var(--chip-cor) 65%, transparent); color: var(--chip-cor);
}
.guia-missao-chip{ --chip-cor: var(--tipo-cor, #cba86a); }
.guia-missao-chip-nome{ color: var(--text-bright); }
.guia-missao-chip-coord{ display:inline-flex; align-items:center; gap:.2rem; padding-left:.45rem; margin-left:.05rem; border-left:1px solid color-mix(in srgb, var(--chip-cor) 40%, transparent); font-family: var(--font-mono); font-size:.8em; font-weight:500; color: var(--text-dim); }
.guia-missao-chip-coord i{ color: var(--chip-cor); font-size:.95em; }
.guia-estrutura-chip{ --chip-cor:#5fb0d6; padding-left:.15rem; color: var(--text-bright); }
.guia-estrutura-chip-icone{ width:1.6em; height:1.6em; object-fit:contain; flex-shrink:0; }
.guia-masmorra-chip{ --chip-cor: var(--mas-cor, #8b6ff0); color: var(--text-bright); }
.guia-masmorra-chip-icone, .guia-pesca-chip-icone, .guia-loja-chip-icone{ color: var(--chip-cor); }
.guia-pesca-chip{ --chip-cor: var(--cat-cor, #4299e1); color: var(--text-bright); }
.guia-loja-chip{ --chip-cor:#8b6ff0; color: var(--text-bright); }
.guia-masmorra-chip small, .guia-pesca-chip small, .guia-loja-chip small{ padding-left:.45rem; border-left:1px solid color-mix(in srgb, var(--chip-cor) 40%, transparent); font-family: var(--font-mono); font-size:.78em; font-weight:500; color: var(--text-dim); }
/* Chip dentro do editor (só o nome, sem ícones) */
.guia-ref-chip{ padding:.1rem .6rem; }
.guia-ref-chip--missao{ --chip-cor:#cba86a; }
.guia-ref-chip--estrutura{ --chip-cor:#5fb0d6; }
.guia-ref-chip--masmorra{ --chip-cor:#6fcf6f; }
.guia-ref-chip--pesca{ --chip-cor:#4299e1; }
.guia-ref-chip--loja{ --chip-cor:#8b6ff0; }
.guia-ref-chip--breeding{ --chip-cor:#ff8fbb; }

/* Chip de combinação: [Pal A] + [Pal B] = [filhote] num link só */
.guia-breeding-chip{
  --chip-cor:#ff8fbb;
  display:inline-flex; align-items:center; gap:.4rem; vertical-align:middle; margin:0 .15rem; padding:.12rem .7rem .12rem .2rem; max-width:100%;
  font-weight:700; font-size:.92em; line-height:1.6; color: var(--text-bright); text-decoration:none; cursor:pointer;
  background: color-mix(in srgb, var(--chip-cor) 11%, transparent); border:1px solid color-mix(in srgb, var(--chip-cor) 38%, transparent); border-radius:999px;
  transition: background .15s ease, border-color .15s ease;
}
.guia-breeding-chip:hover{ background: color-mix(in srgb, var(--chip-cor) 22%, transparent); border-color: color-mix(in srgb, var(--chip-cor) 65%, transparent); color: var(--text-bright); }
a.guia-breeding-chip, a.guia-breeding-chip:hover{ color: var(--text-bright); }
.guia-breeding-chip-par{ display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; color: var(--text-bright); }
.guia-breeding-chip-icone{ --rarity-color: var(--hairline); width:1.6em; height:1.6em; object-fit:cover; border-radius:999px; border:1.5px solid var(--rarity-color); flex-shrink:0; }
.guia-breeding-chip-op{ color: var(--chip-cor); font-family: var(--font-mono); font-weight:700; }
a.guia-breeding-chip .guia-breeding-chip-filho{ color: var(--chip-cor); }

@media (prefers-reduced-motion: reduce){
  .pub-time-pal, a.pub-mas, a.pub-pesca, a.pub-loja, .pub-btn, .pub-seta{ transition:none; }
}