/* =====================================================================
   FERREIRO A — "Bancada". Escolha do autor na auditoria de 29/09.
   Itens em quadradinhos à esquerda (a mesma mochila do Inventário C) e a
   bancada fixa à direita: antes e depois de cada atributo, chance, o que
   acontece se falhar e o custo com o quanto você tem.
   Larguras: > 899 px itens e bancada lado a lado (a bancada nunca desce);
   < 900 px a bancada vem primeiro e "Trocar item" abre a mochila numa gaveta.
   A aba Asas não usa a mochila: suas asas à esquerda, a oficina à direita e
   a aparência (asas de temporada e molduras) dobrada numa gaveta no fim.
   Quem preenche: renderForge / renderForgeInventory / renderWingCrafting.
   ===================================================================== */
#forgeView.fx-a{--fx-card:#141a26;--fx-card2:#101723;--fx-linha:#2d3a52;--fx-ouro:#f6d58a;--fx-ouro2:#e0ad4c;--fx-tinta:#e3e9f3;--fx-mudo:#8c95a8;
  max-width:1560px;margin:0 auto;padding:12px 16px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;color:var(--fx-tinta)}
#forgeView.fx-a *{box-sizing:border-box}
#forgeView.fx-a>*{min-width:0}
#forgeView .r-common{--rc:var(--rarity-common,#a8b0bd)}#forgeView .r-uncommon{--rc:var(--rarity-uncommon,#5fd07a)}#forgeView .r-rare{--rc:var(--rarity-rare,#4c9bff)}
#forgeView .r-epic{--rc:var(--rarity-epic,#b36bff)}#forgeView .r-legendary{--rc:var(--rarity-legendary,#ffb02e)}#forgeView .r-ancient{--rc:#6ff0b0}

/* topo */
.fx-topo{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:10px 16px;border:1px solid #6b5426;border-radius:14px;
  background:radial-gradient(120% 140% at 0% 0%,#2a2113 0%,#141a26 55%,#0e131c 100%)}
.fx-npc{width:52px;height:52px;border-radius:10px;border:1px solid #6b5426;object-fit:cover}
.fx-titulo{display:grid;gap:2px}
.fx-titulo span{font-size:calc(10.5px * var(--text-scale,1));letter-spacing:.16em;color:var(--fx-ouro2);font-weight:800}
.fx-titulo h2{margin:0;font-family:var(--font-display,Georgia,serif);font-size:calc(24px * var(--text-scale,1));color:#fff;line-height:1}
.fx-carteira{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.fx-rec{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#0c121c;border:1px solid var(--fx-linha);
  font-size:calc(12.5px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.fx-rec strong{color:#fff}
.fx-rec img{width:18px;height:18px;object-fit:contain}
#forgeView.fx-a .vendor-subtabs{margin:0}

/* corpo */
.fx-corpo{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:12px;align-items:start}
.fx-corpo>*{min-width:0}
.fx-itens,.fx-asas-minhas,.fx-asas-criar{border:1px solid var(--fx-linha);border-radius:14px;background:var(--fx-card);padding:12px}
.fx-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.fx-cab h3{margin:0;font-size:calc(11px * var(--text-scale,1));letter-spacing:.16em;color:var(--fx-mudo);font-weight:800}
.fx-cab small{font-size:calc(11px * var(--text-scale,1));color:var(--fx-mudo)}
.fx-fechar{display:none}
.fx-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px}
.fx-slot{position:relative;aspect-ratio:1;border-radius:9px;border:1px solid color-mix(in srgb,var(--rc,#3a4660) 70%,#000);padding:0;cursor:pointer;color:inherit;
  background:radial-gradient(90% 90% at 50% 70%,color-mix(in srgb,var(--rc,#223) 26%,#0b111a) 0%,#0b111a 75%);display:grid;place-items:center;min-width:0}
.fx-slot:hover{border-color:var(--rc,#56627a);filter:brightness(1.12)}
.fx-slot img{width:78%;height:78%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #000)}
.fx-slot .emoji{font-size:30px}
.fx-slot .mais{position:absolute;right:4px;top:2px;font-size:calc(11px * var(--text-scale,1));font-weight:900;color:var(--fx-ouro);text-shadow:0 1px 2px #000}
.fx-slot .eq{position:absolute;left:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#5fd07a;box-shadow:0 0 0 2px #0b111a}
.fx-slot.sel{outline:2px solid var(--fx-ouro);outline-offset:2px}
.fx-slot.off{opacity:.35}
.fx-slot.enhancement-gold{box-shadow:inset 0 0 0 1px rgba(246,213,138,.35)}

/* bancada */
.fx-bancada{position:sticky;top:10px;align-self:start;max-height:calc(100vh - 20px);overflow:auto;overscroll-behavior:contain;
  border:1px solid #6b5426;border-radius:14px;background:linear-gradient(180deg,#171e2c,#10151f);padding:14px}
.fx-bancada>.forge-panel-group:not(.hidden){display:grid;gap:12px}
#forgeView .forge-target{margin:0;padding:0;border:0;background:none;box-shadow:none}
#forgeView .forge-target.empty-forge{padding:18px 8px;text-align:center;color:var(--fx-mudo)}
#forgeView .forge-target-identity{margin:0}
#forgeView .forge-target-art{width:78px;height:78px;border-radius:12px}
#forgeView .forge-target-name{font-size:calc(17px * var(--text-scale,1))}
#forgeView .forge-target-identity>div>div{color:var(--fx-mudo);font-size:calc(12px * var(--text-scale,1))}
.fx-trocar{display:none}
.fx-salto{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-display,Georgia,serif);font-size:calc(30px * var(--text-scale,1));font-weight:700;margin-bottom:8px}
.fx-salto .de{color:var(--fx-mudo)}.fx-salto .para{color:var(--fx-ouro)}.fx-salto .seta{font-size:22px;color:var(--fx-mudo)}
.fx-previa{display:grid;gap:10px}
.fx-diff{display:grid;gap:3px;font-size:calc(13px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.fx-diff div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;padding:4px 8px;border-radius:6px;background:#0c121c}
.fx-diff .v{color:var(--fx-mudo)}.fx-diff .n{color:#fff;font-weight:800}.fx-diff .g{color:#8fe3a8;font-weight:800;min-width:56px;text-align:right}
.fx-chance{display:grid;gap:5px}
.fx-chance .l{display:flex;justify-content:space-between;font-size:calc(12.5px * var(--text-scale,1))}.fx-chance .l b{color:#fff}
.fx-chance i{display:block;height:10px;border-radius:6px;background:#2a1416;overflow:hidden;border:1px solid #3b2327}
.fx-chance i em{display:block;height:100%;background:linear-gradient(90deg,#3f9d5c,#8fe3a8)}
.fx-chance small{color:#ffb3b9;font-size:calc(12px * var(--text-scale,1))}
.fx-custo{display:flex;gap:8px;flex-wrap:wrap;font-size:calc(12.5px * var(--text-scale,1))}
.fx-custo span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;background:#0c121c;border:1px solid var(--fx-linha)}
.fx-custo span.falta{border-color:#7a2f35;color:#ffc9cd}
.fx-custo img{width:18px;height:18px}.fx-custo em{font-style:normal;color:var(--fx-mudo)}
.fx-aviso{margin:0;padding:10px;border-radius:9px;background:#0c121c;border:1px solid var(--fx-linha);color:#c9d2e0;font-size:calc(12.5px * var(--text-scale,1))}
#forgeView .forge-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin:0}
#forgeView .forge-buttons button{min-height:48px;border-radius:11px;font-weight:900;letter-spacing:.06em;font-size:calc(14px * var(--text-scale,1))}
#forgeView .forge-buttons button.hidden{display:none}
#forgeView #blessButton{background:linear-gradient(180deg,#6d7ef0,#3f4fb8);border:1px solid #a9b4ff;color:#fff}
#forgeView #soulButton{background:linear-gradient(180deg,#8a5ad6,#5b3499);border:1px solid #b99af0;color:#fff}
#forgeView #reforgeButton{background:linear-gradient(180deg,#e6b85c,#b98530);border:1px solid #f6d58a;color:#1b1206}
#forgeView .forge-buttons button:disabled{opacity:.45;filter:saturate(.4);cursor:not-allowed}
#forgeView .soul-guard-option{margin:0}
.fx-regras{border:1px solid var(--fx-linha);border-radius:10px;padding:8px 10px;background:#0f1520;font-size:calc(12px * var(--text-scale,1));color:#c9d2e0}
.fx-regras summary{cursor:pointer;color:var(--fx-mudo);font-weight:700}
.fx-regras .forge-rules{margin:8px 0 6px;display:grid;gap:4px}
.fx-regras p{margin:0;color:var(--fx-mudo)}
.fx-bloco{border:1px solid var(--fx-linha);border-radius:11px;padding:10px;display:grid;gap:8px;background:#0f1520}
.fx-bloco h4{margin:0;font-size:calc(11.5px * var(--text-scale,1));letter-spacing:.14em;color:var(--fx-ouro2)}
.fx-ops{display:grid;gap:3px;font-size:calc(12.5px * var(--text-scale,1))}.fx-ops span{padding:4px 8px;border-radius:6px;background:#0c121c;color:#b9c6ff}
#forgeView .forge-scroll-copy{margin:0;font-size:calc(12.5px * var(--text-scale,1));color:var(--fx-mudo)}
#forgeView .forge-scroll-hint{color:var(--fx-mudo)}

/* aba Asas: sem mochila; suas asas | oficina; aparência dobrada no fim */
#forgeView[data-fx-aba="wings"] .fx-itens,#forgeView[data-fx-aba="wings"] .fx-bancada{display:none}
.fx-asas:not(.hidden){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:12px;align-items:start}
.fx-asas>*{min-width:0}
.fx-asas-criar{display:grid;gap:10px}
.fx-asas-criar .wing-craft-intro{margin:0;font-size:calc(12.5px * var(--text-scale,1));color:var(--fx-mudo)}
#forgeView .wing-tier-grid{grid-template-columns:1fr;gap:8px;margin:0}
.fx-galeria,.fx-aparencia{border:1px solid var(--fx-linha);border-radius:12px;padding:10px 12px;background:var(--fx-card)}
.fx-galeria summary,.fx-aparencia summary{cursor:pointer;font-weight:800;color:#c9d2e0}
.fx-aparencia{grid-column:1/-1}
.fx-aparencia summary small{font-weight:600;color:var(--fx-mudo)}
.fx-galeria .wing-preview-strip{margin-top:10px}
.fx-fundo{display:none}

/* < 900: bancada primeiro, mochila numa gaveta de baixo */
@media (max-width:899px){
  #forgeView.fx-a{padding:8px 8px 90px;gap:8px}
  .fx-topo{padding:8px 10px}.fx-npc{width:40px;height:40px}.fx-titulo h2{font-size:calc(20px * var(--text-scale,1))}
  .fx-carteira{margin-left:0;width:100%}.fx-rec{padding:3px 8px;font-size:calc(11.5px * var(--text-scale,1))}
  .fx-corpo{display:block}
  .fx-bancada{position:static;max-height:none;overflow:visible;padding:12px}
  .fx-trocar{display:grid;place-items:center;min-height:42px;border-radius:10px;border:1px solid var(--fx-linha);background:#1a2233;color:var(--fx-tinta);font-weight:800;letter-spacing:.05em}
  .fx-itens{position:fixed;left:0;right:0;top:auto;bottom:calc(62px + env(safe-area-inset-bottom,0px));z-index:1300;max-height:calc(100dvh - 140px);overflow:auto;
    border-radius:18px 18px 0 0;border-width:1px 0 0;border-color:#6b5426;box-shadow:0 -18px 40px rgba(0,0,0,.7);transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s}
  #forgeView.fx-mochila-aberta .fx-itens{transform:none;visibility:visible}
  .fx-fechar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--fx-linha);background:#0f141d;color:var(--fx-tinta);font-size:15px;margin-left:auto}
  .fx-grade{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .fx-fundo{display:block;position:fixed;inset:0;z-index:1290;background:rgba(0,0,0,.55)}
  .fx-fundo.hidden{display:none!important}
  .fx-asas:not(.hidden){grid-template-columns:1fr}
  .fx-salto{font-size:calc(26px * var(--text-scale,1))}
}
@media (prefers-reduced-motion:reduce){ .fx-itens{transition:none} }
/* ajustes da foto: carteira da oficina repete o topo; cartões de nível sem altura fixa */
#forgeView .wing-material-wallet{display:none}
#forgeView .wing-tier-card{min-height:0}
.fx-reparo:empty{display:none}
#forgeView .fx-reparo .forge-reparo{margin:0}
@media (max-width:899px){ #forgeView .forge-target-art{width:60px;height:60px} .fx-salto{margin-bottom:2px} }