/* MURAL DA VERGONHA (05/11, SQL 2606) — src/ui/mural-vergonha-ui.js. Janela por cima da Praça (z 9000). Sem brilho. */
.mv-fundo{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,4,2,.72)}
.mv-fundo.hidden{display:none}
.mv-janela{position:relative;width:min(560px,100%);max-height:min(640px,calc(100vh - 32px));display:flex;flex-direction:column;
  color:#f1e2b8;background:linear-gradient(180deg,#1b150c,#110e09);border:1px solid #6b5426;border-radius:12px;box-shadow:0 18px 40px #000a;overflow:hidden}
.mv-x{position:absolute;top:6px;right:8px;width:36px;height:36px;border:0;background:none;color:#d8c79c;font-size:26px;line-height:1;cursor:var(--cur-mao,pointer)}
.mv-topo{display:flex;align-items:center;gap:14px;padding:14px 48px 12px 14px;border-bottom:1px solid #3d311a}
.mv-topo img{width:72px;height:auto;flex:0 0 auto}
.mv-topo h2{margin:0 0 4px;font:900 calc(18px * var(--text-scale, 1))/1.15 system-ui,sans-serif;letter-spacing:.08em;color:#f3cf7a}
.mv-topo p{margin:0;font-size:calc(12.5px * var(--text-scale, 1));line-height:1.35;color:#b8a984}
.mv-corpo{overflow-y:auto;padding:8px 12px 14px;min-height:0}
.mv-vazio{margin:22px 4px;text-align:center;color:#b8a984;font-size:calc(14px * var(--text-scale, 1))}
.mv-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mv-linha{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #3d311a;border-radius:9px;background:#0d0a06}
.mv-retrato{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:2px solid #5e0f0b;background:#000 center 18%/160% no-repeat;filter:grayscale(1) brightness(.85)}
.mv-quem{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mv-quem b{font-size:calc(15px * var(--text-scale, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-quem small,.mv-pena small{font-size:calc(11.5px * var(--text-scale, 1));color:#b8a984}
.mv-pena{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.mv-pena em{font-style:normal;font-weight:800;font-size:calc(11.5px * var(--text-scale, 1));color:#fff;background:#a3201a;border-radius:6px;padding:2px 7px}
@media (max-width:480px){
  .mv-topo img{width:52px}
  .mv-linha{flex-wrap:wrap}
  .mv-pena{flex-basis:100%;flex-direction:row;justify-content:space-between;align-items:center}
}
