/* LOJA DE VISUAIS (23/10, SQL 2010): Loja › Visuais (src/ui/visuais-ui.js). */
.vis-loja{display:grid;gap:12px;min-width:0}
.vis-topo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid #4b3f6b;border-radius:10px;background:linear-gradient(180deg,#1b1730,#110e1e)}
.vis-topo p{margin:0;flex:1 1 260px;min-width:0;font-size:calc(13px * var(--text-scale,1));line-height:1.4;color:#d6cce8}
.vis-saldo{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#e9dcff;white-space:nowrap}
.vis-aviso{flex:1 1 100%;color:#f0a35e}
.vis-jod{width:calc(16px * var(--text-scale,1));height:calc(16px * var(--text-scale,1));vertical-align:-3px}
.vis-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(230px * var(--text-scale,1))),1fr));gap:12px;min-width:0}
.vis-cartao{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:12px;border-radius:10px;border:1px solid #4b3f6b;background:linear-gradient(180deg,#1a1628,#0e0c16);min-width:0;position:relative;overflow:hidden}
.vis-cartao.tema-glacial{border-color:#4f86b8;background:linear-gradient(180deg,#132236,#0a121d)}
.vis-cartao.tema-tempestade{border-color:#7a6cc9;background:linear-gradient(180deg,#1c1a3a,#0e0d1f)}
.vis-cartao.tema-abismo{border-color:#7b2f48;background:linear-gradient(180deg,#24101a,#12080d)}
.vis-cartao.possui{opacity:.92}
.vis-palco{position:relative;width:min(200px,80%);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.06),rgba(0,0,0,.45) 70%)}
/* o auras-codigo.js põe position:relative no quadro; aqui ele ocupa o palco todo */
.vis-palco .vis-aura.perfil-aura-quadro{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;background-size:contain;background-position:center;background-repeat:no-repeat}
.vis-moldura{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain}
.vis-info{display:grid;gap:2px;text-align:center;min-width:0}
.vis-info .loja-etapa{margin:0}
.vis-info h3{margin:0;font-size:calc(17px * var(--text-scale,1));line-height:1.2;overflow-wrap:anywhere}
.vis-info p{margin:0;font-size:calc(12px * var(--text-scale,1));color:#cfc6de}
.vis-comprar{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.vis-motivo{display:block;text-align:center;color:#cfc6de;font-size:calc(11.5px * var(--text-scale,1))}
.vis-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}
.vis-dono.parte{background:rgba(240,163,94,.12);color:#f0c08e}