/*
 * GERADO por tools/css-do-balao.mjs a partir de client/style.css — não edite à mão.
 * O balão de item do jogo e os selos de tier/afixo, para as páginas do site.
 */
:where(.tooltip, .balao-do-jogo) {
  --bg: #0a0d0f;
  --panel: #141a1de6;
  --panel-solid: #141a1d;
  --panel-2: #1b2327;
  --line: #2c373c;
  --line-soft: #222b2f;
  --text: #ccd6d8;
  --muted: #7a8a90;
  --accent: #3fbfa8;
  --accent-dim: #2a7d6e;
  --copper: #c8823c;
  --danger: #d0574f;
  --hp: #4fbf8b;
  --mana: #4f8fd0;
  --exp: #c8a13c;
  --stamina: #7e6bc4;
  --font-title: "Cinzel Decorative", "Cinzel", Georgia, serif;
  --font-heading: "Cinzel", Georgia, serif;
  
  --font-numero: "Oswald", "Cinzel", Georgia, serif;
}

.com-afixo { --estrela: #57a6e8; }

.selo-afixo .q1,
.item-estrelas .q1,
.tip-afixo-tier.q1 { --estrela: #57a6e8; }

.selo-afixo .q2,
.item-estrelas .q2,
.tip-afixo-tier.q2 { --estrela: #b184e8; }

.selo-afixo .q3,
.item-estrelas .q3,
.tip-afixo-tier.q3 { --estrela: #e0a84a; }

.selo-afixo .q4,
.item-estrelas .q4,
.tip-afixo-tier.q4 { --estrela: #ff5a52; }

.selo-afixo b.estrela.q4 { text-shadow: 0 0 6px var(--estrela), 0 0 3px #000, 0 1px 2px #000; }

.tip-afixo-tier.q4 b.estrela { text-shadow: 0 0 6px var(--estrela); }

.selo-afixo {
  position: absolute; top: 0; right: 2px; z-index: 3;
  font-style: normal; font-size: 9px; letter-spacing: -1px; line-height: 1;
  text-shadow: 0 0 3px #000, 0 1px 2px #000;
  pointer-events: none;
}

.selo-afixo,
.item-estrelas { display: inline-flex; align-items: baseline; }

.selo-afixo b.estrela,
.item-estrelas b.estrela,
.tip-afixo-tier b.estrela {
  display: inline; position: static; font-size: inherit; font-weight: inherit;
  color: var(--estrela, #57a6e8);
}

.selo-afixo b.estrela.q3 { text-shadow: 0 0 5px var(--estrela), 0 0 3px #000, 0 1px 2px #000; }

.item-estrelas {
  font-style: normal; margin-left: 5px; letter-spacing: -1px;
}

.item-estrelas b.estrela { text-shadow: 0 0 4px currentColor; }

.tip-afixos {
  margin-top: 6px; padding-top: 6px; border-top: 1px solid #23343a;
  display: grid; gap: 2px;
}

.tip-afixos-titulo {
  font-family: var(--font-heading); font-size: 11px; letter-spacing: .06em;
  text-transform: uppercase; color: #7fb8d8; margin-bottom: 2px;
}

.tip-afixo {
  display: flex; justify-content: space-between; gap: 10px;
  font-size: 12px; color: #a9d6ee;
}

.tip-afixo-tier {
  font-style: normal; font-size: 10px; color: #5d7f92;
  display: inline-flex; align-items: baseline; gap: 3px; white-space: nowrap;
}

.tip-afixo-tier b.estrela { font-weight: inherit; color: var(--estrela, #5d7f92); }

.tip-afixo-tier.q3 b.estrela { text-shadow: 0 0 5px var(--estrela); }

.tip-essencia-arte {
  display: grid; place-items: center; width: 44px; height: 44px;
  position: relative; border-radius: 5px;
}

.tip-essencia-arte img { opacity: .8; image-rendering: pixelated; }

.tip-essencia-arte:not(.tier-comum)::before {
  content: ""; position: absolute; inset: 2px; border-radius: 5px;
  box-shadow: 0 0 9px -1px var(--tier); pointer-events: none;
}

.tip-afixo-origem {
  margin-top: 4px; font-size: 10px; color: var(--muted); font-style: italic;
}

.selo-tier-arte {
  position: absolute; top: -1px; left: -1px; z-index: 4;
  width: 9px; height: 8px; pointer-events: none;
  image-rendering: pixelated;
}

.selo-tier {
  position: absolute; top: -2px; left: -2px; z-index: 4;
  min-width: 11px; height: 11px; padding: 0 2px;
  display: grid; place-items: center;
  font-style: normal; font-size: 8px; font-weight: 700; line-height: 1;
  color: #ffe9b0; background: linear-gradient(180deg, #6b4f22, #2a1e0e);
  border: 1px solid #d8a657; border-radius: 4px;
  text-shadow: 0 1px 1px #000; pointer-events: none;
  animation: selo-tier-brilho 2.4s ease-in-out infinite;
}

@keyframes selo-tier-brilho {
  0%, 100% { box-shadow: 0 0 3px #d8a65755; }
  50% { box-shadow: 0 0 9px #ffd98acc, 0 0 16px #d8a65766; }
}

@media (prefers-reduced-motion: reduce) {
.selo-tier { animation: none; box-shadow: 0 0 5px #d8a65788; }
}

.tip-id .item-tier {
  font-style: normal; font-size: 9px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--copper, #d8a657);
  margin-left: 6px; padding: 1px 5px; border-radius: 999px;
  background: #2a1e0e; border: 1px solid #6b4f22;
}

.tooltip {
  position: fixed; z-index: 90; width: max-content; max-width: 320px; pointer-events: none;
  background: linear-gradient(180deg, #121b1ff2, #0b1113f7);
  border: 1px solid var(--tier, var(--copper)); border-radius: 8px;
  padding: 0; box-shadow: 0 12px 34px #000c, 0 0 0 1px #0008; font-size: 12px;
  overflow: hidden;
}

.tooltip::before { content: ""; display: block; height: 2px; background: var(--tier, var(--copper)); }

.tier-comum { --tier: #8fa3a1; }

.tier-incomum { --tier: #37c2a0; }

.tier-raro { --tier: #57a6e8; }

.tier-epico { --tier: #b184e8; }

.tier-lendario { --tier: #e0a84a; }

.tier-mitico { --tier: #f2503f; }

.tip-head { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px 9px; }

.tip-id { flex: 1; min-width: 0; }

.tip-id b {
  display: block; font-family: var(--font-heading); font-size: 14px; line-height: 1.25;
  color: var(--tier, var(--copper));
}

.tip-id em { display: block; margin-top: 2px; font-style: normal; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }

.tip-art {
  display: grid; place-items: center; width: 54px; height: 54px; flex: none;
  background: radial-gradient(ellipse at center, #1c2a28 0%, #10171a 76%);
  border: 1px solid var(--line-soft); border-radius: 7px;
}

.tip-art canvas { image-rendering: pixelated; }

.tip-stats { display: grid; gap: 2px; padding: 9px 12px; border-top: 1px solid var(--line-soft); }

.tip-stats div { color: var(--accent); font-weight: 500; }

.tip-stats div.atk { color: #ff5a4a; }

.tip-stats div.def { color: #9fc2d4; }

.tip-stats div.speed { color: #7fd8c4; }

.tip-stats div.skill { color: #d8c98a; }

.tip-stats div.crit { color: #e0a84a; }

.tip-stats div.leech { color: #ff8a7a; }

.tip-stats div.mana { color: #6fa8ff; }

.tip-stats div.heal { color: #57e0a8; }

.tip-stats div.area { color: #b184e8; }

.tip-stats div.plain { color: var(--muted); font-weight: 400; }

.tip-stats div.el-physical { color: #ff5a4a; }

.tip-stats div.el-fire { color: #ff9a3c; }

.tip-stats div.el-ice { color: #7fd4ff; }

.tip-stats div.el-earth { color: #5ad86a; }

.tip-stats div.el-energy { color: #c98aff; }

.tip-stats div.el-holy { color: #ffe066; }

.tip-stats div.el-death { color: #d05a6a; }

.tip-stats div.el-drown { color: #5ad8d8; }

.tip-stats div.el-poison { color: #9ad84a; }

.tip-stats div.el-lifedrain { color: #ff7a8a; }

.tip-stats div.el-manadrain { color: #6fa8ff; }

.tip-stats div.el-healing { color: #57e0a8; }

.tip-rules { display: grid; gap: 2px; padding: 9px 12px; border-top: 1px solid var(--line-soft); font-size: 11px; }

.tip-rules div { display: flex; justify-content: space-between; gap: 16px; }

.tip-rules div.tip-fixo { color: var(--hp); }

.tip-rules div.tip-fixo b { color: var(--hp); font-weight: 600; }

.tip-rules div.tip-fixo span::before { content: '🔒'; margin-right: .4em; font-size: 10px; }

.tip-rules div.el-physical b { color: #ff5a4a; }

.tip-rules div.el-fire b { color: #ff9a3c; }

.tip-rules div.el-ice b { color: #7fd4ff; }

.tip-rules div.el-earth b { color: #5ad86a; }

.tip-rules div.el-energy b { color: #c98aff; }

.tip-rules div.el-holy b { color: #ffe066; }

.tip-rules div.el-death b { color: #d05a6a; }

.tip-rules div.el-poison b { color: #9ad84a; }

.tip-rules div.crit b { color: #ff7a4a; }

.tip-rules div.leech b { color: #ff7a8a; }

.tip-rules div.mana b { color: #6fa8ff; }

.tip-rules div.skill b { color: #ffd479; }

.tip-rules div.speed b { color: #7fe0c0; }

.tip-rules div.el-physical span,
.tip-rules div.el-fire span,
.tip-rules div.el-ice span,
.tip-rules div.el-earth span,
.tip-rules div.el-energy span,
.tip-rules div.el-holy span,
.tip-rules div.el-death span,
.tip-rules div.el-poison span,
.tip-rules div.crit span,
.tip-rules div.leech span,
.tip-rules div.mana span,
.tip-rules div.skill span,
.tip-rules div.speed span { color: inherit; opacity: .85; }

.tip-rules div.el-physical,
.tip-rules div.el-fire,
.tip-rules div.el-ice,
.tip-rules div.el-earth,
.tip-rules div.el-energy,
.tip-rules div.el-holy,
.tip-rules div.el-death,
.tip-rules div.el-poison,
.tip-rules div.crit,
.tip-rules div.leech,
.tip-rules div.mana,
.tip-rules div.skill,
.tip-rules div.speed { color: inherit; }

.tip-rules span { color: var(--muted); }

.tip-rules b { font-weight: 500; color: #dfe8e8; text-align: right; }

.tip-rules .imbue b { color: #b184e8; }

.tip-prices { display: grid; gap: 1px; padding: 8px 12px; border-top: 1px solid var(--line-soft); color: var(--copper); font-size: 11px; }

.tip-extra { padding: 8px 12px; border-top: 1px solid var(--line-soft); color: var(--accent); font-size: 11px; }

.tip-words {
  display: block; margin-top: 3px; font-style: italic; font-size: 11px; color: var(--accent);
}

.tip-blocked {
  padding: 8px 12px; border-top: 1px solid var(--line-soft);
  background: #2a11119c; color: #ff8a7a; font-size: 11px;
}

.tip-tool { display: grid; gap: 0; max-width: 260px; }

.tip-tool-head {
  display: flex; align-items: center; gap: 10px; padding: 9px 12px 8px;
  border-bottom: 1px solid var(--line);
}

.tip-tool-head img { width: 34px; height: 34px; flex: none; object-fit: contain; }

.tip-tool-glyph {
  width: 34px; height: 34px; flex: none; display: grid; place-items: center;
  font-size: 19px; color: var(--accent);
}

.tip-tool-head b {
  font-family: var(--font-heading); font-size: 13px; letter-spacing: .05em;
  color: #f2e6cd; font-weight: 700;
}

.tip-tool p { margin: 0; padding: 8px 12px 10px; font-size: 11px; line-height: 1.45; color: var(--muted); }

.tooltip.painel { padding: 0; min-width: 232px; background: var(--panel-solid); }

.tip-bless { display: grid; gap: 0; }

.tip-bless-head {
  padding: 8px 11px 7px; font-family: var(--font-heading); font-size: 11px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--accent);
  border-bottom: 1px solid var(--line);
}

.tip-bless-list { display: grid; gap: 1px; padding: 7px 9px; }

.tip-bless-row {
  display: flex; align-items: center; gap: 8px; padding: 3px 4px; border-radius: 4px;
  font-size: 11px; color: #55646a;
}

.tip-bless-row.on { color: #e4ecec; background: #16201f; }

.tip-bless-row canvas { width: 20px; height: 20px; image-rendering: pixelated; opacity: .35; }

.tip-bless-row.on canvas { opacity: 1; }

.tip-bless-gap { width: 20px; height: 20px; flex: none; }

.tip-bless-row b { flex: 1; font-weight: 500; }

.tip-bless-tag {
  font-style: normal; font-size: 9px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--copper); border: 1px solid #ffffff14; border-radius: 999px; padding: 0 5px;
}

.tip-bless-row.on .tip-bless-tag { border-color: var(--copper); }

.tip-bless-mark { font-style: normal; font-size: 11px; width: 12px; text-align: center; color: #3d4a4a; }

.tip-bless-row.on .tip-bless-mark { color: var(--accent); }

.tip-bless-foot {
  margin: 0; padding: 7px 11px 9px; font-size: 10px; color: var(--muted);
  border-top: 1px solid var(--line);
}

.tip-skills {
  display: grid; grid-template-columns: auto 1fr auto auto;
  gap: 2px 8px; padding: 7px 11px; align-items: center;
}

.tip-skill { display: contents; }

.tip-skill img { width: 14px; height: 14px; object-fit: contain; image-rendering: pixelated; }

.tip-skill span { font-size: 11px; color: var(--muted); }

.tip-skill b { font-size: 11px; color: var(--text); font-weight: 600; text-align: right; }

.tip-skill em { font-style: normal; font-size: 10px; color: #55646a; text-align: right; min-width: 30px; }

.tip-exp-foot { padding: 7px 11px 9px; border-top: 1px solid var(--line); display: grid; gap: 2px; }

.tip-exp-foot p { margin: 0; font-size: 10px; color: var(--muted); }

.tip-exp-foot p.fraco { color: #55646a; }

.tip-bless-empty { margin: 0; padding: 9px 11px; font-size: 10px; color: var(--muted); }

.tip-texto { max-width: 280px; }

.tip-texto-linhas { padding: 7px 11px 9px; display: grid; gap: 3px; }

.tip-texto-linhas p { margin: 0; font-size: 11px; color: #cfd8d8; }

.tip-texto-solo { margin: 0; padding: 8px 11px; font-size: 11px; color: #cfd8d8; }

.tip-skill .ui-icon.arte { width: 16px; height: 16px; }

.filtro-afixo-opcao .item-estrelas { margin: 0; font-size: 12px; }

.item-estrelas.contagem b.estrela { color: #9fb3bd; text-shadow: none; }

.filtro-afixo-opcao.ativo .item-estrelas.contagem b.estrela { color: #d6e4ea; }

.tip-exp-bonus { margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.08); }

.tip-exp-linha { display: flex; align-items: baseline; gap: 8px; font-size: 11px; padding: 1px 0; }

.tip-exp-linha span { flex: 1; color: var(--muted); }

.tip-exp-linha b { color: var(--accent); }

.tip-exp-linha em { font-size: 9px; color: #55646a; font-style: normal; }

.tip-exp-total {
  margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 11px; color: var(--text);
}

.tip-vs {
  display: grid;
  gap: 2px;
  padding: 9px 12px;
  border-top: 1px solid var(--line-soft);
  font-size: 11px;
}

.tip-vs .vs-titulo { color: var(--muted); font-weight: 500; margin-bottom: 2px; }

.tip-vs .vs-igual { color: var(--muted); }

.tip-vs .vs-aviso { color: #e0a84a; margin-top: 3px; }

.tip-vs div.vs-melhor,
.tip-vs div.vs-pior { display: flex; justify-content: space-between; gap: 16px; }

.tip-vs div.vs-melhor span,
.tip-vs div.vs-pior span { color: var(--muted); }

.tip-vs div.vs-melhor b { color: #57e0a8; }

.tip-vs div.vs-pior b { color: #ff6a5a; }

.tooltip.vs { opacity: 0.92; }

.tooltip.vs .vs-selo {
  align-self: flex-start;
  margin-bottom: 6px;
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 10px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #d9cfb6;
  background: rgba(185, 151, 91, 0.22);
  border: 1px solid rgba(185, 151, 91, 0.4);
}

.tip-sacola { display: grid; gap: 6px; min-width: 190px; max-width: 260px; }

.tip-sacola-prazo { font-size: 11px; color: var(--muted); }

.tip-sacola-itens { display: grid; gap: 3px; max-height: 220px; overflow: hidden; }

.tip-sacola-item { display: flex; align-items: center; gap: 7px; font-size: 12px; }

.tip-sacola-item canvas { flex: none; image-rendering: pixelated; }

.tip-sacola-item span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tip-sacola-item b { flex: none; color: var(--accent); font-size: 11px; }

.tip-sacola-dica { font-size: 10px; color: var(--muted); border-top: 1px solid var(--line-soft); padding-top: 5px; }

.tip-rules div.imbue { align-items: flex-start; }

.tip-imbuements { display: inline; text-align: right; font-weight: 400; }

.tip-imbue-vazio { font-style: normal; color: #46565a; }

.tip-imbue-virgula { font-style: normal; color: #46565a; }

.tip-imbue-cheio { font-style: normal; white-space: nowrap; }

.tip-imbue-cheio em { font-style: normal; color: var(--muted); font-size: 10px; margin-left: 4px; }

.tip-imbue-cheio.el-physical span { color: #ff5a4a; }

.tip-imbue-cheio.el-fire span { color: #ff9a3c; }

.tip-imbue-cheio.el-ice span { color: #7fd4ff; }

.tip-imbue-cheio.el-earth span { color: #5ad86a; }

.tip-imbue-cheio.el-energy span { color: #c98aff; }

.tip-imbue-cheio.el-holy span { color: #ffe066; }

.tip-imbue-cheio.el-death span { color: #d05a6a; }

.tip-imbue-cheio.speed span { color: #7fd4ff; }

.tip-imbue-cheio.crit span { color: #ff9a3c; }

.tip-imbue-cheio.leech span { color: #4fbf8b; }

.tip-imbue-cheio.mana span { color: #4f8fd0; }

.tip-imbue-cheio.skill span { color: var(--accent); }

.tip-imbue-cheio.plain span { color: var(--text); }

.tip-arvore { display: grid; gap: 3px; margin-top: 6px; min-width: 172px; }

.tip-arvore > b { color: var(--accent); font-size: 12px; }

.tip-arvore > em { font-style: normal; font-size: 11px; color: var(--muted); }

.tip-arvore div {
  display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--muted);
}

.tip-arvore div span { flex: 1; }

.tip-arvore div b { color: var(--text); font-variant-numeric: tabular-nums; }

.tip-arvore div.custa b { color: var(--danger); }

.tip-arvore .arvore-ico { width: 14px; height: 14px; flex: 0 0 14px; }

.tip-municao { display: grid; gap: 6px; min-width: 190px; }

.tip-municao-topo { display: flex; align-items: center; gap: 8px; }

.tip-municao-topo canvas { image-rendering: pixelated; flex: none; }

.tip-municao-topo b { font-size: 13px; color: var(--text); }

.tip-municao .shop-note { margin: 2px 0 0; }

.tip-stamina { display: grid; gap: 5px; min-width: 210px; }

.tip-stamina-topo { display: flex; align-items: baseline; gap: 7px; }

.tip-stamina-topo b { font-size: 15px; color: var(--text); font-variant-numeric: tabular-nums; }

.tip-stamina-topo span { font-size: 11px; color: var(--muted); }

.tip-stamina-carregando {
  font-family: var(--font-title); font-size: 10px; letter-spacing: .1em;
  text-transform: uppercase; color: #6ddb96;
}

.tip-stamina .shop-note { margin: 3px 0 0; }

.tip-saco { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--line); }

.tip-saco-titulo { display: block; font-size: 11px; color: var(--muted); margin-bottom: 4px; }

.tip-saco-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px; }

.tip-saco-item { display: flex; align-items: center; gap: 5px; min-width: 0; }

.tip-saco-item canvas { flex: none; image-rendering: pixelated; }

.tip-saco-item span {
  font-size: 10px; line-height: 1.2; color: var(--text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.tip-buff {
  display: grid; gap: 4px; margin-top: 8px; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: 8px; background: #0b1114;
}

.tip-buff-titulo {
  font-family: var(--font-title); font-size: 10px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent);
}

.tip-buff-bonus { font-size: 12px; color: var(--text); }

.tip-buff-custo {
  display: flex; align-items: baseline; gap: 6px;
  padding-top: 4px; border-top: 1px solid var(--line);
}

.tip-buff-custo em { font-style: normal; font-size: 10px; color: var(--muted); }

.tip-buff-custo b { font-size: 12px; color: var(--copper); }

.tip-buff-regra { font-size: 10px; color: var(--muted); line-height: 1.35; }

.tip-buff-relogio { font-size: 11px; color: var(--gold, var(--accent)); font-variant-numeric: tabular-nums; }

.afixo-essencia-arte[class*='tier-']:not(.tier-comum)::before {
  content: ""; position: absolute; inset: -1px; border-radius: 5px;
  box-shadow: 0 0 7px -1px var(--tier); pointer-events: none;
}

.tip-essencia-arte.vermelha::before {
  content: ""; position: absolute; inset: -1px; border-radius: 5px; pointer-events: none;
  animation: essencia-vermelha-halo 1.9s ease-in-out infinite;
}

@keyframes essencia-vermelha-halo {
  0%, 100% { box-shadow: 0 0 7px -1px #ff5a52, 0 0 2px -1px #ff5a52; }
  50% { box-shadow: 0 0 15px 0 #ff5a52, 0 0 5px 0 #ffb0aa; }
}

@media (prefers-reduced-motion: reduce) {
.tip-essencia-arte.vermelha::before {
    animation: none; box-shadow: 0 0 13px 0 #ff5a52, 0 0 4px 0 #ffb0aa;
  }
}

@media (max-width: 820px), (max-height: 540px) and (pointer: coarse) {
.tooltip { max-width: min(320px, calc(100vw - 16px)); }
.tooltip.painel { min-width: min(232px, calc(100vw - 16px)); }
}

html.arrastando-item .tooltip { display: none !important; }

.tip-gemas { display: grid; gap: 4px; min-width: 260px; max-width: 360px; }

.tip-gemas-titulo { color: var(--copper); font-family: var(--font-heading); margin-bottom: 2px; }

.tip-gemas-linha { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; font-size: 12px; }

.tip-gemas-linha b { color: #9fe0a0; font-family: var(--font-numero); }

.tip-gemas-icones { display: inline-flex; gap: 2px; align-items: center; }

.tip-gemas-icones .ui-icon { width: 16px; height: 16px; object-fit: contain; }

.tip-gemas-total { border-top: 1px solid var(--line); padding-top: 4px; margin-top: 2px; color: var(--muted); font-style: normal; font-size: 11px; }

.tip-gema { display: grid; gap: 6px; min-width: 260px; max-width: 360px; }

.tip-gema-cabeca { display: flex; gap: 8px; align-items: center; }

.tip-gema-cabeca b { display: block; font-family: var(--font-heading); color: var(--text); }

.tip-gema-dominio { display: inline-flex; align-items: center; gap: 4px; color: var(--dominio, var(--muted)); font-size: 12px; }

.tip-gema-mod { display: flex; gap: 8px; align-items: center; font-size: 12px; }

.tip-gema-mod b { display: block; font-size: 12px; margin-bottom: 1px; }

.tip-gema-mod.apagado { opacity: .5; }

.tip-gema-mod.supremo .gemas-parte { color: var(--exp); }

.tip-gema-estado { color: var(--muted); font-style: normal; font-size: 11px; border-top: 1px solid var(--line); padding-top: 4px; }

.tip-gema,
.tip-gemas { white-space: normal; }

.tip-gema .gemas-parte span { overflow-wrap: anywhere; }

.tip-diario { max-width: 300px; }

.tip-diario-dia {
  font-family: var(--font-heading); font-size: 10px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted);
}

.tip-diario-nome {
  margin-top: 2px; font-family: var(--font-title); font-weight: 700;
  font-size: 13px; letter-spacing: .04em; color: var(--accent);
}

.tip-diario-texto { margin: 7px 0 0; font-size: 12px; line-height: 1.45; color: var(--text); }

.tip-diario-estado {
  margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--line-soft);
  font-size: 11px; color: var(--muted);
}

.tip-diario-estado.aceso { color: var(--accent); }

.tip-gaveta {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 12px; margin-top: 6px;
  font-size: 11.5px; color: var(--muted);
}

.tip-gaveta span::before { content: "• "; color: var(--accent-dim, var(--accent)); }

.tip-resumo { display: grid; gap: 3px; margin-top: 7px; }

.tip-resumo > div {
  display: flex; align-items: center; gap: 7px; min-width: 0;
  font-size: 11.5px; line-height: 1.25;
}

.tip-resumo > div > span {
  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.tip-resumo > div > b { flex: none; color: var(--accent); font-weight: 600; }

.tip-resumo > div > em {
  flex: none; font-style: normal; font-size: 10px; color: var(--muted);
  max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.tip-resumo img,
.tip-resumo canvas,
.tip-resumo .perk-icon {
  flex: none; width: 20px; height: 20px; object-fit: contain;
}

.tip-resumo canvas { image-rendering: pixelated; }

.tip-resumo .chama,
.tip-resumo em.chama { color: var(--copper); }

.tip-resumo .apagado,
.tip-resumo em.apagado { color: #3d4a4d; }

.tip-resumo > em {
  font-style: normal; font-size: 11px; color: var(--muted); line-height: 1.4;
}

.tip-resumo-pe { margin-top: 3px; padding-top: 5px; border-top: 1px solid #ffffff12; }

.tip-aviso { margin: 4px 0 0; font-size: 11px; color: #ffd76a; }

.mercado-moldura .selo-afixo { position: absolute; right: -2px; top: -6px; font-size: 10px; line-height: 1; }

.mercado-afixos .tip-afixo { display: flex; align-items: center; gap: 6px; font-size: 12px; padding: 0; }

.mercado-afixos .tip-afixo > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mercado-resumo-da-peca .tip-afixo { display: flex; justify-content: space-between; gap: 8px; }

.mercado-confirma-marcas .tip-afixo { display: inline-flex; gap: 4px; }

.tip-descricao { margin: 0 12px 6px; max-width: 340px; }

.tip-descricao .tip-buff-bonus { line-height: 1.4; }

.tip-buff-custo { display: grid; gap: 3px; }

.tip-buff-moedas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.tip-buff-moedas em { font-style: normal; font-size: 10px; color: var(--muted); }

.tip-buff-custo .buff-moeda { display: inline-flex; align-items: center; gap: 3px; }

.tip-buff-custo .buff-moeda img { width: 16px; height: 16px; }

.tip-buff-custo .buff-moeda b { font-family: var(--font-numero); font-size: 13px; }

.tip-buff-custo .buff-moeda.ouro b { color: #ffd97a; }

.tip-buff-custo .buff-moeda.coins b { color: #e0a84a; }

.tip-buff-custo .buff-moeda i { font-style: normal; font-size: 10px; color: var(--muted); }