/* Forja Lúmen — apresentação; custos e transações vivem em game.js. */
#forjaPage[data-nq-ui="lumen"] {
  --gold: var(--nql-mastery);
  --txt: var(--nql-text);
  --txt-dim: var(--nql-text-soft);
  --forge-ember: #e99b68;
  min-height: 100svh;
  padding: clamp(1rem, 2.5vw, 2.25rem);
  background: #050607;
  color: var(--nql-text);
  font-family: var(--nql-font-body);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
/* O limite global de estudo é !important; esta oficina usa o shell amplo. */
#forjaPage[data-nq-ui="lumen"] .nq-forja-shell { width: 100%; max-width: 84rem !important; margin-inline: auto; padding: 0 !important; }
#forjaPage *, #forjaPage *::before, #forjaPage *::after { box-sizing: border-box; }
#forjaPage h1, #forjaPage h2, #forjaPage h3 { font-family: var(--nql-font-display); font-weight: 600; letter-spacing: -.02em; }
#forjaPage .nq-forja-cabecalho { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .65rem 1rem; padding: 0 0 .85rem; border: 0; }
#forjaPage .nq-forja-cabecalho > .btn { flex: 0 1 auto; }
#forjaPage .nq-forja-eyebrow { margin: 0 0 .45rem; font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--forge-ember); }
#forjaPage .nq-forja-ouro { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .8rem; margin: 0; padding: .3rem 0; color: var(--nql-text-soft); font-size: .95rem; }
#forjaPage .nq-forja-ouro strong { color: var(--nql-mastery); font-family: var(--nql-font-instrument); font-size: 1.8rem; line-height: 1.1; }
#forjaPage .nq-forja-cabecalho .nq-forja-motivo { flex-basis: 100%; margin: 0; color: var(--nql-danger); }
/* Arte oficial 3:1. O recorte preserva a bigorna; só a faixa de leitura recebe proteção. */
#forjaPage .nq-forja-banner { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 15rem; margin: 0 0 1rem; padding: clamp(1.25rem, 2.8vw, 2.5rem); border: 1px solid #826443; border-radius: .45rem; box-shadow: inset 0 0 0 3px #090a0b, inset 0 0 0 4px #b68b4f24; background: #090a0b url("../../assets/scenes/forge-panorama-dark.webp") center / cover no-repeat; }
#forjaPage .nq-forja-banner::before { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: linear-gradient(90deg, #050607 0%, #050607e8 37%, #05060730 76%); pointer-events: none; }
#forjaPage .nq-forja-banner-texto { width: min(100%, 37rem); min-width: 0; }
#forjaPage .nq-forja-banner .nq-forja-eyebrow { color: #f5b982; }
#forjaPage .nq-forja-banner h1 { margin: 0 0 .8rem; font-size: clamp(2.5rem, 4vw, 3.5rem); line-height: 1; color: var(--nql-text); }
#forjaPage .nq-forja-banner-resumo { margin: 0; color: var(--nql-text-soft); }
#forjaPage .nq-forja-resultado { min-width: 0; padding: clamp(1rem, 2.5vw, 2rem); margin-bottom: 1rem; border: 1px solid #665036; border-radius: .6rem; background: #0c0d0e; box-shadow: inset 0 1px 0 #ffffff08; }
#forjaPage .nq-forja-resultado h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.15; margin: 0 0 .7rem; color: var(--nql-text); }
#forjaPage .nq-forja-resultado > p { color: var(--nql-text-soft); margin: .7rem 0; max-width: 64ch; }
#forjaPage .nq-forja-banner .nq-forja-resultado { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#forjaPage .nq-forja-convite h2 { margin: 0; font-size: clamp(1.35rem, 2.2vw, 1.8rem); line-height: 1.2; }
#forjaPage .nq-forja-convite p { margin: .65rem 0 0; max-width: 52ch; color: var(--nql-text-soft); }
/* A fonte ampliada pode cruzar a chama/piso: protecao local, sem mudar a cena ou o fluxo. */
#forjaPage .nq-forja-banner .nq-forja-eyebrow,
#forjaPage .nq-forja-banner .nq-forja-convite p { background: #050607e6; box-shadow: 0 0 .4em .2em #050607d9; }
#forjaPage .nq-forja-opcoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0 0 1rem; border-bottom: 0; }
#forjaPage .nq-forja-opcao { display: flex; flex-direction: column; min-width: 0; padding: 1.35rem; border: 1px solid #505859; border-radius: .6rem; background: linear-gradient(135deg, #20252870, transparent 55%), #0b0d0e; }
#forjaPage .nq-forja-opcao[data-forge-kind="lendario"] { border-color: #80633c; background: linear-gradient(135deg, #93632824, transparent 55%), #100e0a; }
#forjaPage .nq-forja-opcao[data-forge-kind="comum"] .btn.gold { background: #242b2e; border-color: #899798; color: #f4f2eb; }
#forjaPage .nq-forja-opcao[data-forge-kind="comum"] .nq-forja-rota { color: #b9d1d3; }
#forjaPage .nq-forja-opcao[data-forge-kind="lendario"] .nq-forja-rota { color: var(--nql-mastery); }
#forjaPage .nq-forja-opcao-arte { background: #080a0b; }
#forjaPage .nq-forja-opcao h3 { margin: .1rem 0; font-size: 1.65rem; color: var(--nql-text); }
#forjaPage .nq-forja-opcao p { margin: .65rem 0; line-height: 1.55; color: var(--nql-text-soft); }
#forjaPage .nq-forja-opcao .nq-forja-rota { margin: 0; font-size: .8rem; color: var(--nql-lumen); }
#forjaPage .nq-forja-opcao .nq-forja-custo { font-family: var(--nql-font-instrument); font-size: 1.15rem; color: var(--nql-mastery); }
#forjaPage .nq-forja-opcao .btn { margin-top: auto; width: 100%; }
#forjaPage .btn { appearance: none; min-width: 0; min-height: 48px; height: auto; padding: .8rem 1rem; border: 1px solid #7b8ea6; border-radius: .45rem; font: 600 1rem/1.4 var(--nql-font-body); letter-spacing: 0; text-transform: none; white-space: normal; overflow-wrap: anywhere; cursor: pointer; box-shadow: none; background: #192843; color: var(--nql-text); }
#forjaPage .btn.gold { background: var(--nql-mastery); border-color: var(--nql-mastery); color: #111a2e; }
#forjaPage .btn.sec { background: #15191c; color: var(--nql-text); }
#forjaPage .btn:disabled { opacity: 1; background: #1b293b; color: #b3bfd0; border-color: #667990; cursor: not-allowed; }
#forjaPage .btn:not(:disabled):hover { filter: brightness(1.08); }
#forjaPage :is(button, summary):focus-visible, #forjaPage .nq-forja-resultado:focus-visible { outline: 2px solid var(--nql-focus); outline-offset: 4px; }
#forjaPage .nq-forja-motivo { color: var(--nql-danger); font-size: .95rem; line-height: 1.5; }
#forjaPage .nq-forja-opcao .nq-forja-motivo { color: var(--nql-danger); margin-bottom: 0; }
#forjaPage .nq-forja-resultado .nq-forja-aviso { padding: .8rem 1rem; background: #2a1627; border-left: 3px solid var(--nql-danger); color: var(--nql-danger) !important; }
#forjaPage .nq-forja-pago { font-size: .92rem; }
#forjaPage .nq-forja-comparar { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; margin: 1.25rem 0; }
#forjaPage .nq-forja-item { border: 1px solid #3b4e68; border-radius: .65rem; background: #111a2e; padding: 1rem; min-width: 0; }
#forjaPage .nq-forja-item-topo { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; }
#forjaPage .nq-forja-item-topo > div { min-width: 0; }
#forjaPage .nq-forja-item-topo > div:last-child { flex: 1 1 10rem; max-width: 100%; }
#forjaPage .nq-forja-item h3 { margin: 0; font-size: 1.35rem; color: var(--nql-text); overflow-wrap: anywhere; }
#forjaPage .nq-forja-item-topo p { margin: .25rem 0 0; font-size: .95rem; color: var(--nql-text-soft); }
#forjaPage .nq-forja-arte { flex: 0 0 3.5rem; width: 3.5rem; max-width: 100%; height: auto; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #627187; border-radius: .6rem; overflow: hidden; background: #0a0e1a; }
#forjaPage .nq-forja-arte img { display: block; width: 100%; height: 100%; object-fit: contain; }
#forjaPage .nq-forja-arte img[src*="/mascara_n95.png"] { padding: 2px; }
#forjaPage .nq-forja-arte-vazia { background: transparent; border-style: dashed; }
#forjaPage .nq-forja-emoji { font-size: 2rem; }
#forjaPage .nq-forja-item-novo { background: #192843; border-color: #bca76b; padding: 1.25rem; }
#forjaPage .nq-forja-item-novo .nq-forja-arte, #forjaPage .nq-forja-item-final .nq-forja-arte { flex-basis: 5.5rem; width: 5.5rem; max-width: 100%; height: auto; aspect-ratio: 1; border-radius: .75rem; }
#forjaPage .nq-forja-item-novo h3 { font-size: 1.65rem; color: var(--nql-mastery); }
#forjaPage .nq-forja-item-atual { opacity: 1; }
#forjaPage .nq-forja-rotulo { margin: 0 0 .75rem; color: var(--nql-text-soft); font-size: .88rem; }
#forjaPage .nq-forja-selo { display: inline-block; padding: .15rem .5rem; margin-right: .3rem; border-radius: .25rem; background: var(--nql-mastery); color: #111a2e; font: 700 .78rem/1.4 var(--nql-font-body); letter-spacing: .03em; }
#forjaPage .nq-forja-atributos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0 0; }
#forjaPage .nq-forja-atributos div { display: block; min-width: 0; padding-top: .5rem; border-top: 1px solid #4f6177; }
#forjaPage .nq-forja-atributos dt { font-size: .82rem; color: var(--nql-text-soft); }
#forjaPage .nq-forja-atributos dd { margin: .2rem 0 0; font-size: 1.15rem; color: var(--nql-text); }
#forjaPage .nq-forja-atributos dd strong { font-family: var(--nql-font-instrument); font-weight: 500; }
#forjaPage .nq-forja-atributos dd span { font-size: .9rem; white-space: nowrap; }
#forjaPage .nq-forja-atributos .pos { color: var(--nql-success); }
#forjaPage .nq-forja-atributos .neg { color: var(--nql-danger); }
#forjaPage .nq-forja-atributos .equal { color: var(--nql-text-soft); }
#forjaPage .nq-forja-acoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
#forjaPage .nq-forja-acoes > div { min-width: 0; }
#forjaPage .nq-forja-acoes .btn { width: 100%; min-height: 5rem; scroll-margin-block: 8px; }
#forjaPage .nq-forja-btn-sub { display: block; margin-top: .4rem; font-size: .9rem; font-weight: 400; opacity: 1; }
#forjaPage .nq-forja-saldo { margin: .5rem 0 0; color: var(--nql-text-soft); font-size: .9rem; }
#forjaPage .nq-forja-saldo strong { color: var(--nql-text); }
#forjaPage .nq-forja-recibo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.2rem 0 0; }
#forjaPage .nq-forja-recibo div { min-width: 0; }
#forjaPage .nq-forja-recibo dt { color: var(--nql-text-soft); font-size: .9rem; }
#forjaPage .nq-forja-recibo dd { margin: .25rem 0 0; color: var(--nql-mastery); font-family: var(--nql-font-instrument); }
#forjaPage .nq-forja-nova { width: 100%; margin-top: 1rem; }
#forjaPage .nq-forja-equipamento { padding: 0; border: 1px solid #414a4d; border-radius: .6rem; background: #0b0d0e; }
#forjaPage .nq-forja-equipamento summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; padding: 1rem 1.25rem; cursor: pointer; color: var(--nql-text); }
#forjaPage .nq-forja-equipamento summary > span:first-child { font-family: var(--nql-font-display); font-size: 1.4rem; }
#forjaPage .nq-forja-details-meta { color: var(--nql-text-soft); font-size: .9rem; }
#forjaPage .nq-forja-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; padding: 0 1rem 1rem; margin: 0; }
#forjaPage .nq-forja-grade .nq-forja-atributos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#forjaPage .nq-forja-vazio { color: var(--nql-text-soft); margin: .8rem 0 0; }
#forjaPage .rar-common { color: #b8c5d7; }
#forjaPage .rar-uncommon { color: var(--nql-success); }
#forjaPage .rar-rare { color: var(--nql-lumen); }
#forjaPage .rar-epic { color: var(--nql-corruption-strong); }
#forjaPage .rar-legendary { color: var(--nql-mastery); }
@media (max-width: 760px) {
  #forjaPage .nq-forja-banner { min-height: 14rem; background-size: auto 170px; background-position: 70% top; }
  #forjaPage .nq-forja-banner::before { background: linear-gradient(180deg, transparent 0, transparent 110px, #090a0bf0 148px, #090a0b 174px), linear-gradient(90deg, #050607ed, #050607c7 35%, transparent 62%); }
  #forjaPage .nq-forja-banner .nq-forja-resultado, #forjaPage .nq-forja-banner-resumo { margin-top: 58px; }
  #forjaPage .nq-forja-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  #forjaPage .nq-forja-cabecalho { gap: .6rem; }
  #forjaPage .nq-forja-ouro { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; justify-self: stretch; gap: .25rem 1rem; text-align: left; }
  #forjaPage[data-nq-ui="lumen"] { padding: min(1rem, 16px); }
  #forjaPage .nq-forja-resultado { padding: min(1rem, 20px); }
  #forjaPage .nq-forja-item, #forjaPage .nq-forja-item-novo { padding: min(1rem, 16px); }
  #forjaPage .nq-forja-item-topo { flex-direction: column; align-items: stretch; gap: .6rem; }
  #forjaPage .nq-forja-item-topo > div:last-child { flex: none; width: 100%; }
  #forjaPage .nq-forja-item-topo .nq-forja-arte { flex: none; align-self: flex-start; width: min(5.5rem, 100%); height: auto; aspect-ratio: 1; }
  #forjaPage .nq-forja-opcoes, #forjaPage .nq-forja-acoes, #forjaPage .nq-forja-grade { grid-template-columns: minmax(0, 1fr); }
  #forjaPage .nq-forja-atributos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #forjaPage .nq-forja-recibo { grid-template-columns: minmax(0, 1fr); gap: .6rem; }
  #forjaPage .nq-forja-equipamento summary { flex-wrap: wrap; gap: .25rem; }
  #forjaPage .nq-forja-cabecalho > .btn { flex-basis: 100%; }
  #forjaPage .nq-forja-banner { min-height: 0; padding: 1.25rem; }
  #forjaPage .nq-forja-ouro { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #forjaPage *, #forjaPage *::before, #forjaPage *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Martelada: o golpe vem antes do item. Movimento reduzido já desliga tudo acima. */
#forjaPage .nq-forja-recem :is(.nq-forja-item-novo, .nq-forja-item-final) { animation: nq-forja-brasa .9s ease-out backwards; }
#forjaPage .nq-forja-recem :is(.nq-forja-item-novo, .nq-forja-item-final) .nq-forja-arte { animation: nq-forja-golpe .7s cubic-bezier(.3, .7, .4, 1) backwards; }
#forjaPage .nq-forja-recem :is(.nq-forja-item-novo, .nq-forja-item-final) .nq-forja-arte img { animation: nq-forja-surge .7s ease-out backwards; }
@keyframes nq-forja-brasa {
  0% { border-color: #f2c46d; box-shadow: 0 0 0 1px #f2c46d, 0 0 2rem rgba(242, 160, 70, .45); }
  100% { box-shadow: none; }
}
@keyframes nq-forja-golpe {
  0% { transform: scale(.72); background: #f6d38a; }
  18% { transform: scale(.98); background: #f6d38a; }
  30% { transform: scale(.88); }
  44% { transform: scale(1); }
  58% { transform: scale(.95); }
  100% { transform: none; }
}
@keyframes nq-forja-surge {
  0%, 18% { opacity: 0; filter: brightness(2.6); }
  100% { opacity: 1; filter: none; }
}

/* As duas forjas dividem as linhas: título, texto, botão e motivo ficam na mesma
   altura nos dois cartões, mesmo quando só um deles mostra o que falta. */
@supports (grid-template-rows: subgrid) {
  #forjaPage .nq-forja-opcoes { grid-template-rows: auto auto auto auto; row-gap: 0; }
  /* A contenção de layout do container legado desliga o subgrid no browser.
     A consulta fica no wrapper do cabeçalho; o card compartilha as linhas. */
  #forjaPage .nq-forja-opcoes .nq-forja-opcao { display: grid; grid-row: span 4; grid-template-rows: subgrid; align-content: stretch; container-type: normal; }
  #forjaPage .nq-forja-opcoes .nq-forja-opcao-topo-shell { container: nqForjaOpcao / inline-size; }
  #forjaPage .nq-forja-opcoes .nq-forja-opcao > .btn { grid-row: 3; align-self: end; margin-top: .35rem; }
  #forjaPage .nq-forja-opcoes .nq-forja-opcao > .nq-forja-motivo { grid-row: 4; margin: .65rem 0 0; }
}
@media (max-width: 560px) {
  #forjaPage .nq-forja-opcoes { grid-template-rows: none; row-gap: 1rem; }
  #forjaPage .nq-forja-opcoes .nq-forja-opcao { display: flex; grid-row: auto; grid-template-rows: none; container-type: inline-size; }
}

/* Uma peça de equipamento é o prêmio: pedestal amplo, recibo próximo e leitura
   concentrada. O card não acompanha a largura inteira da oficina. */
#forjaPage[data-forge-state="complete"] #forjaResultado { text-align: center; }
#forjaPage[data-forge-state="complete"] #forjaResultado > p { margin-inline: auto; }
#forjaPage .nq-forja-item-final {
  --forge-item-glow: #b0bdd1;
  display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: .6rem 1.75rem;
  width: min(100%, 760px); margin: 1.4rem auto 0; padding: 1.5rem;
  text-align: left; border-color: color-mix(in srgb, var(--forge-item-glow) 65%, #233345);
  background: radial-gradient(ellipse at 12% 50%, color-mix(in srgb, var(--forge-item-glow) 12%, transparent), transparent 60%), #101824;
  box-shadow: inset 0 0 0 3px #080e1780, 0 12px 32px #0003;
}
#forjaPage .nq-forja-item-final:has(.rar-epic) { --forge-item-glow: #c4a2f0; }
#forjaPage .nq-forja-item-final:has(.rar-legendary) { --forge-item-glow: #edce83; }
#forjaPage .nq-forja-item-final .nq-forja-item-topo { display: contents; }
#forjaPage .nq-forja-item-final .nq-forja-rotulo { grid-column: 2; grid-row: 1; margin: 0; color: var(--forge-item-glow); }
#forjaPage .nq-forja-item-final .nq-forja-arte {
  grid-column: 1; grid-row: 1 / span 3; align-self: center; width: 180px; max-width: 100%;
  border: 1px solid color-mix(in srgb, var(--forge-item-glow) 65%, transparent);
  background: radial-gradient(circle, color-mix(in srgb, var(--forge-item-glow) 17%, transparent), #080e17 75%);
  box-shadow: inset 0 0 24px #0008, 0 0 24px color-mix(in srgb, var(--forge-item-glow) 10%, transparent);
}
#forjaPage .nq-forja-item-final .nq-forja-item-topo > div:last-child { grid-column: 2; grid-row: 2; }
#forjaPage .nq-forja-item-final .nq-forja-atributos { grid-column: 2; grid-row: 3; align-self: end; margin-top: .6rem; }
#forjaPage[data-forge-state="complete"] :is(.nq-forja-recibo, .nq-forja-nova) { max-width: 760px; margin-inline: auto; text-align: left; }
#forjaPage[data-forge-state="complete"] .nq-forja-recibo { padding: 1rem 0; border-bottom: 1px solid #dfc28026; }
#forjaPage[data-forge-state="complete"] .nq-forja-nova { display: block; text-align: center; }
@container nqForjaResultado (max-width: 34rem) {
  #forjaPage .nq-forja-item-final { display: flex; flex-direction: column; align-items: stretch; gap: .8rem; padding: min(1.25rem, 16px); }
  #forjaPage .nq-forja-item-final .nq-forja-item-topo { display: flex; flex-direction: column; align-items: stretch; }
  #forjaPage .nq-forja-item-final .nq-forja-arte { width: min(180px, 100%); flex: none; align-self: center; }
  #forjaPage .nq-forja-item-final .nq-forja-atributos { align-self: stretch; }
}
#forjaPage .nq-forja-opcao > .btn { min-height: 3.5rem; font-size: 1.08rem; font-weight: 700; letter-spacing: .01em; transition: filter .15s, box-shadow .15s, transform .15s; }
#forjaPage .nq-forja-opcao[data-forge-kind="comum"] > .btn:not(:disabled) { background: linear-gradient(180deg, #4a2f1c, #2d1c11); border-color: #d08a52; color: #fbe6d2; box-shadow: inset 0 1px 0 #ffd7ae33, 0 0 0 1px #d08a5226, 0 .5rem 1.25rem -.6rem #e99b6880; }
#forjaPage .nq-forja-opcao[data-forge-kind="lendario"] > .btn:not(:disabled) { background: linear-gradient(180deg, #f1d68e, #c9a54f); border-color: #f4dc9a; color: #1b1406; box-shadow: inset 0 1px 0 #fff6d999, 0 .5rem 1.4rem -.6rem #e7c87399; }
#forjaPage .nq-forja-opcao > .btn:not(:disabled):hover { filter: brightness(1.1); transform: translateY(-1px); }
#forjaPage .nq-forja-opcao > .btn:disabled { border-style: dashed; color: #c3ccd8; background: #141a22; }

/* Comparação: novo e equipado lado a lado, cada um com o botão que o escolhe.
   As linhas são compartilhadas para que nome, atributos e botões se alinhem. */
#forjaPage .nq-forja-resultado { container: nqForjaResultado / inline-size; }
#forjaPage .nq-forja-duelo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1.25rem 0 0; }
#forjaPage .nq-forja-lado { display: flex; flex-direction: column; min-width: 0; }
/* Habilitar troca texto e fundo juntos: interpolar só o fundo apaga o texto
   durante a proteção breve contra o segundo gesto da compra. */
#forjaPage .nq-forja-resultado .btn { transition: border-color .2s, transform .2s, box-shadow .2s, filter .15s; }
#forjaPage .nq-forja-lado > .btn { width: 100%; min-height: 4.5rem; margin-top: .75rem; scroll-margin-block: 8px; }
#forjaPage .nq-forja-lado > .nq-forja-saldo { margin-top: .5rem; }
#forjaPage .nq-forja-duelo .nq-forja-item { padding: 1.15rem; }
#forjaPage .nq-forja-duelo .nq-forja-arte { flex-basis: 4.5rem; width: 4.5rem; border-radius: .7rem; }
#forjaPage .nq-forja-duelo .nq-forja-item h3 { font-size: 1.45rem; }
#forjaPage .nq-forja-duelo .nq-forja-atributos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#forjaPage .nq-forja-duelo .nq-forja-vence { color: var(--nql-success); }
#forjaPage .nq-forja-item-atual .nq-forja-rotulo { color: #c5d2e4; }
@container nqForjaResultado (min-width: 34rem) {
  #forjaPage .nq-forja-duelo { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); column-gap: 1.25rem; row-gap: 0; }
  #forjaPage .nq-forja-lado { display: grid; grid-row: 1 / -1; grid-template-rows: subgrid; }
  #forjaPage .nq-forja-lado > .nq-forja-item { display: grid; grid-row: 1 / 4; grid-template-rows: subgrid; align-content: start; }
  #forjaPage .nq-forja-lado > .nq-forja-item > .nq-forja-rotulo { grid-row: 1; }
  #forjaPage .nq-forja-lado > .nq-forja-item > .nq-forja-item-topo { grid-row: 2; align-self: start; }
  #forjaPage .nq-forja-lado > .nq-forja-item > .nq-forja-atributos { grid-row: 3; align-self: end; }
  #forjaPage .nq-forja-lado > .btn { grid-row: 4; }
  #forjaPage .nq-forja-lado > .nq-forja-saldo { grid-row: 5; }
}
@container nqForjaResultado (min-width: 56rem) {
  #forjaPage .nq-forja-duelo .nq-forja-atributos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Resultado na camada modal: a oficina e suas opções mantêm a geometria. */
#forjaPage #forjaMotivoSaida { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#forjaPage .nq-forja-dialogo { position:fixed; inset:0; width:min(62rem, calc(100% - 2rem)); max-width:none; max-height:calc(100svh - 2rem); margin:auto; padding:0; overflow:auto; overscroll-behavior:contain; border:1px solid #9c7947; border-radius:.65rem; background:#0c0d0e; color:var(--nql-text); box-shadow:0 1.5rem 5rem #000a; }
#forjaPage .nq-forja-dialogo::backdrop { background:#03070de6; }
#forjaPage .nq-forja-dialogo > .nq-forja-resultado { margin:0; border:0; padding:clamp(1rem, 3vw, 2rem); }
#forjaPage .nq-forja-dialogo:has(.nq-forja-fechar) h2 { padding-right:3rem; }
#forjaPage .nq-forja-dialogo .nq-forja-fechar { position:absolute; z-index:1; top:.5rem; right:.5rem; min-width:44px; min-height:44px; padding:.25rem; font-size:1.5rem; line-height:1; background:#16202b; }
#forjaPage .nq-forja-item[data-rarity] { --forge-item-bg:#1c2530; --forge-item-accent:#cfdae6; background:var(--forge-item-bg); border:1px solid var(--forge-item-accent); border-left-width:3px; border-radius:.6rem; padding:1rem; opacity:1; }
#forjaPage .nq-forja-item[data-rarity="uncommon"] { --forge-item-bg:#102c23; --forge-item-accent:#99dcb9; }
#forjaPage .nq-forja-item[data-rarity="rare"] { --forge-item-bg:#11283f; --forge-item-accent:#9ac9ff; }
#forjaPage .nq-forja-item[data-rarity="epic"] { --forge-item-bg:#271935; --forge-item-accent:#d1a6ff; }
#forjaPage .nq-forja-item[data-rarity="legendary"] { --forge-item-bg:#352914; --forge-item-accent:#f0cf7c; }
#forjaPage .nq-forja-item[data-rarity] h3, #forjaPage .nq-forja-item[data-rarity] .nq-forja-rotulo { color:var(--forge-item-accent); }
#forjaPage .nq-forja-item[data-rarity] .nq-forja-selo { background:var(--forge-item-accent); color:#0a1119; }
#forjaPage .nq-forja-item:has(.nq-forja-vazio) { border-color:#425563; background:transparent; }
@media (max-width: 40rem) {
  #forjaPage .nq-forja-dialogo { width:calc(100% - 1rem); max-height:calc(100svh - 1rem); }
}