/* PACOTES DE CRESCIMENTO (23/10, SQL 1794): Loja › Crescimento (src/ui/crescimento-ui.js). */
.cresc-loja{display:grid;gap:12px;min-width:0}
.cresc-topo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid #6b5426;border-radius:10px;background:linear-gradient(180deg,#241b0d,#17120a)}
.cresc-topo p{margin:0;flex:1 1 260px;min-width:0;font-size:calc(13px * var(--text-scale,1));line-height:1.4;color:#d9c9a8}
.cresc-receber{flex:0 0 auto;min-width:calc(150px * var(--text-scale,1))}
.cresc-aviso{flex:1 1 100%;color:#f0a35e}
.cresc-bloqueio{padding:8px 12px;border-radius:8px;background:rgba(0,0,0,.35);color:#e8d9b6;font-weight:700;text-align:center}
.cresc-trilhas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(250px * var(--text-scale,1))),1fr));gap:12px;min-width:0}
.cresc-cartao{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:12px;border-radius:10px;border:1px solid #6b5426;background:linear-gradient(180deg,#1f1810,#120e09);min-width:0;position:relative;overflow:hidden}
.cresc-cartao.bless{border-color:#3f5fae;background:linear-gradient(180deg,#141a33,#0d1020)}
.cresc-cartao.soul{border-color:#8e2f62;background:linear-gradient(180deg,#2a1020,#170911)}
.cresc-cartao.gold{border-color:#8a6a22;background:linear-gradient(180deg,#2a2010,#161008)}
.cresc-bau{width:min(150px,60%);height:auto;aspect-ratio:1;object-fit:contain;justify-self:center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.cresc-info{display:grid;gap:2px;text-align:center;min-width:0}
.cresc-info .loja-etapa{margin:0}
.cresc-info h3{margin:0;font-size:calc(17px * var(--text-scale,1));line-height:1.2;overflow-wrap:anywhere}
.cresc-info p{margin:0;font-size:calc(12px * var(--text-scale,1));color:#cdbf9f}
.cresc-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0}
.cresc-etapa{display:grid;gap:1px;justify-items:center;padding:6px 2px;border-radius:7px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);min-width:0;text-align:center}
.cresc-etapa .ce-rot{font-size:calc(10px * var(--text-scale,1));color:#bfb398;line-height:1.15}
.cresc-etapa .ce-pago{font-size:calc(12.5px * var(--text-scale,1));color:#ffe6a6;overflow-wrap:anywhere;line-height:1.15}
.cresc-etapa .ce-pago.trancado{opacity:.55}
.cresc-etapa .ce-gratis{font-size:calc(9.5px * var(--text-scale,1));color:#9fd7b0;line-height:1.15;overflow-wrap:anywhere}
.cresc-etapa .ce-gratis.ok{opacity:.5;text-decoration:line-through}
.cresc-etapa.pronta{border-color:#e3b75a;box-shadow:0 0 0 1px rgba(227,183,90,.35) inset}
.cresc-etapa.feita{opacity:.6}
.cresc-etapa.feita .ce-rot::before{content:"✓ ";color:#6fd29d}
.cresc-comprar{width:100%}
.cresc-motivo{display:block;text-align:center;color:#cdbf9f;font-size:calc(11.5px * var(--text-scale,1))}
.cresc-dono{text-align:center;padding:8px;border-radius:8px;background:rgba(111,210,157,.12);color:#9fe0bb;font-size:calc(12px * var(--text-scale,1));font-weight:700}
.cresc-loja.bloqueada .cresc-etapas,.cresc-loja.bloqueada .cresc-bau{filter:grayscale(.6) brightness(.8)}
#lojaTrilhoCrescimento.cresc-pronto{color:#6fd29d;font-style:normal}
@media (max-width:420px){.cresc-etapas{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.cresc-etapa{padding:5px 1px}}
.cresc-gancho{margin:4px 0 0!important;padding:5px 8px;border-radius:7px;background:rgba(227,183,90,.14);color:#ffe2a0!important;font-weight:700}
@media (max-width:520px){.cresc-bau{width:min(110px,45%)}}
/* 03/11 (SQL 2578): RECEBER diz quanto vem; compra em Jewel of Dark. */
.cresc-receber{display:inline-grid;justify-items:center;gap:1px;max-width:100%}
.cresc-receber-qtd{display:block;font-size:calc(11px * var(--text-scale,1));font-weight:700;letter-spacing:0;text-transform:none;line-height:1.2;overflow-wrap:anywhere;opacity:.92}
.cresc-jod{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cresc-jod img{width:calc(18px * var(--text-scale,1));height:calc(18px * var(--text-scale,1));flex:0 0 auto}