/* RECRIAR ITEM (10/10, SQL 1330): a aba Recriar do Ferreiro. Reaproveita os blocos da aba Criações
   (fx-bloco, fx-dr-sac, fx-mig-salto, fx-custo); aqui só a barra da chance, o reforço e o conforto. */
.fx-recriar .fx-mig-salto>div{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
.fx-recriar .fx-mig-salto .para{text-align:right;overflow-wrap:anywhere;min-width:0}
.rc-barra{position:relative;height:26px;border-radius:13px;background:#0c121c;border:1px solid var(--fx-linha,#2c3442);overflow:hidden}
.rc-barra>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#5b3a0c,#d89a2b);border-radius:13px;transition:width .2s}
.rc-barra>b{position:relative;display:block;text-align:center;line-height:24px;color:#fff3d6;font-size:calc(13px * var(--text-scale,1));text-shadow:0 1px 2px #000}
.rc-ref{display:grid;grid-template-columns:24px minmax(0,1fr) 34px auto 34px;align-items:center;gap:8px;padding:4px 6px;border-radius:9px;background:#0c121c}
.rc-ref img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
.rc-ref-nome{display:flex;flex-direction:column;min-width:0}
.rc-ref-nome b,.rc-ref-nome small{overflow-wrap:anywhere;font-size:calc(11.5px * var(--text-scale,1))}
.rc-ref-nome small{color:var(--fx-mudo,#9aa6b8)}
.rc-ref button{width:34px;height:34px;border-radius:8px;border:1px solid #3a3326;background:#151a21;color:#ffd58a;font:inherit;font-size:18px;font-weight:700;cursor:var(--cur-mao,pointer)}
.rc-ref button:disabled{opacity:.35;cursor:var(--cur-seta,default)}
.rc-ref-n{min-width:42px;text-align:center;font-size:calc(12px * var(--text-scale,1));color:#f3f5ff}
.rc-conf{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}
.rc-op{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:7px 9px;border-radius:9px;border:1px solid #3a3326;background:#151a21;color:#e8dcc0;font:inherit;text-align:left;cursor:var(--cur-mao,pointer)}
.rc-op b,.rc-op small{overflow-wrap:anywhere;font-size:calc(11.5px * var(--text-scale,1))}
.rc-op small{color:#c9b8ff}
.rc-op.sel{border-color:#9b7bff;background:#1d1631;box-shadow:0 0 0 1px #9b7bff inset}
.rc-pecas{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:5px}
.rc-peca{min-width:0;padding:6px 4px;border-radius:8px;border:1px solid #3a3326;background:#151a21;color:#e8dcc0;font:inherit;font-size:calc(11px * var(--text-scale,1));cursor:var(--cur-mao,pointer);overflow-wrap:anywhere}
.rc-peca.sel{border-color:#9b7bff;background:#1d1631;color:#fff}
/* Tela simples (10/10, pedido do autor): os 3 itens grandes, o item novo com a lista de mapas, a barra e "Mais opções". */
.rc-trio-bloco{display:grid;gap:8px;padding:10px;border-radius:12px;background:var(--fx-cartao,#0f141c);border:1px solid var(--fx-linha,#2c3442)}
.rc-trio-bloco h4,.rc-chance h4,.rc-anc h4{margin:0;font-size:calc(12px * var(--text-scale,1));letter-spacing:.08em}
.rc-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:420px;margin:0 auto}
.rc-slot{position:relative;aspect-ratio:1;max-width:100%;border-radius:12px;border:1px solid #c79a3a;background:#151a21;display:grid;place-items:center;overflow:hidden}
.rc-slot .rc-slot-arte,.rc-slot img{width:78%;height:78%;object-fit:contain}
.rc-slot>b{position:absolute;right:5px;top:3px;font-size:calc(11px * var(--text-scale,1));color:#ffd58a}
.rc-slot.vazio{border-style:dashed;color:#6b7280;font-size:26px}
.rc-seta{color:#ffd58a;font-size:20px;text-align:center;line-height:1}
.rc-novo{display:grid;gap:5px;justify-items:center;min-width:0;padding:8px 10px;border-radius:12px;border:2px dashed #ffb347;background:#1c1609;text-align:center}
.rc-novo .rc-q{font-size:28px;line-height:1;color:#ffd58a}
.rc-novo>b{font-size:calc(13px * var(--text-scale,1))}
.rc-novo small{color:#c8d0dc;overflow-wrap:anywhere;font-size:calc(11.5px * var(--text-scale,1))}
.rc-mapa-rot{font-size:calc(11px * var(--text-scale,1));color:#9aa6b8}
.rc-mapa{width:100%;min-width:0;max-width:100%;font:inherit;font-size:calc(12.5px * var(--text-scale,1));padding:7px 8px;border-radius:8px;background:#151a21;color:#ffd58a;border:1px solid #9b7bff}
.rc-trocar,.rc-mais{border:1px solid var(--fx-linha,#2c3442);border-radius:10px;padding:8px 10px;color:#c8d0dc;display:grid;gap:8px}
.rc-trocar summary,.rc-mais summary{cursor:var(--cur-mao,pointer);font-weight:700;color:#ffd58a;font-size:calc(12.5px * var(--text-scale,1));overflow-wrap:anywhere}
.rc-sub{display:grid;gap:6px;margin-top:8px}
.rc-sub h5{margin:0;font-size:calc(11px * var(--text-scale,1));letter-spacing:.08em;color:#9aa6b8}
.rc-chance{display:grid;gap:6px;padding:10px;border-radius:12px;background:var(--fx-cartao,#0f141c);border:1px solid var(--fx-linha,#2c3442)}
.rc-anc{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid #6b3fb3;background:linear-gradient(180deg,#1d1433,#120d1f)}
.rc-anc h4{color:#e2c8ff}
.rc-anc .rc-barra>i{background:linear-gradient(90deg,#4b1f8f,#c084ff,#ffd1ff);box-shadow:0 0 12px #c084ff}
.rc-anc-linha{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rc-anc-linha small{color:#c9b8ff;overflow-wrap:anywhere;font-size:calc(11.5px * var(--text-scale,1))}
.rc-anc-linha span{display:flex;gap:6px}
.rc-anc-linha button{min-height:38px;border-radius:9px;border:1px solid #9b7bff;background:#2a1a4a;color:#fff;font:inherit;font-weight:700;padding:6px 12px;cursor:var(--cur-mao,pointer)}
.rc-anc-linha button:disabled{opacity:.35;cursor:var(--cur-seta,default)}
.fx-recriar{display:grid;gap:10px}
.rc-anc-nome{display:flex;gap:8px;align-items:center;min-width:0}
.rc-anc-nome>img,.rc-anc-nome>.inline-dark-jewel-icon{width:26px;height:26px;flex:0 0 26px;object-fit:contain}
.rc-anc-nome>span{display:grid;gap:1px;min-width:0}
.rc-anc-nome b{color:#f1e4ff;font-size:calc(12.5px * var(--text-scale,1))}
.rc-mapa-taxa{color:#9fb0c8;font-size:calc(11.5px * var(--text-scale,1))}
.rc-mapa-taxa.paga{display:grid;gap:4px;justify-items:center;color:#ffd27a}
.rc-mapa-taxa.paga>b{font-size:calc(12px * var(--text-scale,1))}
.rc-mapa-taxa.paga>span{font-weight:700;color:#e8f5e9;font-size:calc(12.5px * var(--text-scale,1))}
.rc-mapa-taxa.paga>span em{font-style:normal;font-weight:400;color:#9fb0c8}
.rc-mapa-taxa.paga>span.falta{color:#ff9fab}
.rc-mapa-taxa.paga>span.falta em{color:#ffb3bc}
/* Recusa à vista (17/10): a resposta do servidor fica escrita na bancada, em vermelho. */
.fx-recriar .rc-recusa{border-color:#7a2f35;color:#ffc9cd;line-height:1.35;overflow-wrap:anywhere}
/* Sugestão do kaik (14/10): a lista "Trocar os itens" e os 3 quadrados mostram o grau igual à grade (faixa Nightmare/Godlike). */
.rc-trocar .fx-dr-sac:has(.item-grau-faixa){padding-left:16px;overflow:hidden}
.rc-trocar .fx-dr-sac>.item-grau-faixa{display:flex;flex-direction:row;width:10px}
.rc-slot>.item-grau-faixa{width:12px;font-size:8px}
.rc-trocar .rc-grau{font-style:normal;font-weight:800}
.rc-trocar .rc-grau-nightmare{color:rgb(255,150,40)}
.rc-trocar .rc-grau-godlike{color:rgb(255,90,105)}