/* MOLDE DA ASA (17/10, "Asas únicas", SQL 1885): faixa de 6 degraus na ficha do item e a aba Moldar da bancada.
   Quem preenche: moldeFichaHtml / moldeHtml (game.js). */
.molde-faixa{display:inline-flex;gap:3px;align-items:center;flex-wrap:nowrap}
.molde-faixa i{position:relative;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#141b28;border:1px solid #33405a;flex:none}
.molde-faixa i img{width:16px;height:16px;object-fit:contain}
.molde-faixa i.v{border-style:dashed;border-color:#6b5426;background:transparent}
.molde-faixa i.x{opacity:.45}.molde-faixa i.x img{width:11px;height:11px}
.molde-faixa i.f{border-color:#8a6a2e;background:radial-gradient(70% 70% at 50% 45%,#3a2c14,#141b28)}
.molde-faixa i.f.n5{border-color:var(--fx-ouro,#e0ad4c);box-shadow:0 0 6px rgba(224,173,76,.55)}
.molde-faixa i b{position:absolute;right:-3px;bottom:-4px;min-width:11px;padding:0 2px;border-radius:5px;background:#0b111a;color:var(--fx-ouro,#e0ad4c);font-size:9px;line-height:11px;font-weight:900;text-align:center}
.molde-faixa.grande i{width:30px;height:30px;border-radius:8px}.molde-faixa.grande i img{width:24px;height:24px}.molde-faixa.grande i.x img{width:15px;height:15px}
.molde-faixa.grande i b{font-size:10px;line-height:12px;min-width:12px}
.ttip-molde{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:6px 8px;border-radius:8px;border:1px solid #6b5426;background:#17130b}
.ttip-molde strong{color:#f3d58c;font-size:calc(12px * var(--text-scale,1))}
.ttip-molde small{color:#e2e6ee;overflow-wrap:anywhere}
.game-tooltip.rico .ttip-molde,#inventoryDetail .ttip-molde{margin:9px 12px 0}
.asa-modos.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.molde-intro{margin:0;color:var(--fx-mudo,#9aa6b8);font-size:calc(12.5px * var(--text-scale,1));line-height:1.45}
.molde-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:#120f09;border:1px solid #4d3c1c}
.molde-topo>div{min-width:0;flex:1 1 160px}
.molde-topo b{display:block;color:var(--fx-ouro,#e0ad4c);font-size:calc(14px * var(--text-scale,1))}
.molde-topo small{display:block;color:#e2e6ee;font-size:calc(12px * var(--text-scale,1));overflow-wrap:anywhere;line-height:1.35}
.molde-degraus{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#0c121c;border:1px solid var(--fx-linha,#283244)}
.molde-degraus button{display:grid;gap:1px;justify-items:center;min-height:46px;min-width:0;padding:4px 2px;border-radius:9px;border:0;background:transparent;color:var(--fx-mudo,#9aa6b8);cursor:var(--cur-mao,pointer);font:inherit}
.molde-degraus button span{font-weight:900;font-size:calc(15px * var(--text-scale,1));line-height:1.1}
.molde-degraus button small{max-width:100%;font-size:calc(10px * var(--text-scale,1));line-height:1.15;text-align:center;overflow-wrap:anywhere}
.molde-degraus button.on{background:#1b2536;color:var(--fx-ouro,#e0ad4c);box-shadow:inset 0 0 0 1px #6b5426}
.molde-degraus button.x{opacity:.55}
.molde-degraus button:focus-visible,.molde-op-corpo:focus-visible,.molde-trocar:focus-visible{outline:2px solid var(--fx-ouro,#e0ad4c);outline-offset:2px}
.molde-titulo b{display:block;color:#f3d58c;font-size:calc(14px * var(--text-scale,1))}
.molde-titulo small{display:block;color:var(--fx-mudo,#9aa6b8);font-size:calc(12px * var(--text-scale,1))}
.molde-ops{display:grid;grid-template-columns:1fr;gap:6px}
.molde-op{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch;min-width:0}
.molde-op-corpo{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;width:100%;min-width:0;padding:7px 9px;border-radius:11px;border:1px solid var(--fx-linha,#283244);
  background:#0e1422;color:var(--fx-tinta,#e8ecf3);text-align:left;cursor:var(--cur-mao,pointer);font:inherit}
.molde-op-corpo:disabled{cursor:var(--cur-seta,default);color:var(--fx-tinta,#e8ecf3);opacity:1}
.molde-op-corpo img{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#141b28}
.molde-op-corpo .tx{display:grid;gap:1px;min-width:0}
.molde-op-corpo b{font-size:calc(13.5px * var(--text-scale,1));overflow-wrap:anywhere}
.molde-op-corpo b em{font-style:normal;color:var(--fx-ouro,#e0ad4c);margin-left:4px}
.molde-op-corpo small{color:#aab4c4;font-size:calc(12px * var(--text-scale,1));line-height:1.3;overflow-wrap:anywhere}
.molde-op-corpo .vals{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:calc(12px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.molde-op-corpo .mx{color:#c9d2e0}.molde-op-corpo .ag{color:#f3d58c}.molde-op-corpo .px{color:#8fe3a8;font-weight:800}
.molde-op.sel .molde-op-corpo{border-color:var(--fx-ouro2,#e0ad4c);box-shadow:0 0 0 2px rgba(224,173,76,.3)}
.molde-op.esc .molde-op-corpo{border-color:#8a6a2e;background:linear-gradient(90deg,#241c0c,#0e1422 70%)}
.molde-op.outra .molde-op-corpo{opacity:.78}
.molde-op.x .molde-op-corpo{opacity:.55}
.molde-trocar{max-width:150px;min-height:36px;padding:4px 8px;border-radius:9px;border:1px solid #5a4722;background:#1a150b;color:#f3dca0;font-weight:800;font-size:calc(11.5px * var(--text-scale,1));cursor:var(--cur-mao,pointer);line-height:1.25}
.molde-trocar:disabled{opacity:.45;cursor:not-allowed}
.molde-fechado{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#0c121c;border:1px dashed #33405a}
.molde-fechado img{width:26px;height:26px;object-fit:contain;flex:none;opacity:.8}
.molde-fechado b{display:block;color:#c9d2e0}.molde-fechado small{color:var(--fx-mudo,#9aa6b8);font-size:calc(12px * var(--text-scale,1))}
@media (max-width:520px){
  .molde-op{grid-template-columns:1fr}.molde-trocar{max-width:none}
  .molde-op-corpo{grid-template-columns:34px minmax(0,1fr)}.molde-op-corpo img{width:34px;height:34px}
}
@media (max-width:420px){ .molde-degraus{grid-template-columns:repeat(3,minmax(0,1fr))} }