/* SITE-SISTEMAS 12/10: "Quando cada sistema abre" e cartões com medalhão do jogo (img/sistemas, 64 px nativos; 32 = metade exata). */
.ss-ico { width: 32px; height: 32px; image-rendering: pixelated; vertical-align: middle; margin-right: 8px; flex: none; }
.card h3.ss-h3 { display: flex; align-items: center; gap: 0; }
.ss-niveis { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; align-items: start; }
.ss-degrau { min-width: 0; padding: 14px 14px 10px; border-radius: 14px; background: linear-gradient(170deg, rgba(27, 56, 92, .92), rgba(12, 31, 56, .96));
  border: 1px solid rgba(147, 218, 241, .22); }
.ss-degrau h3 { margin: 0 0 10px; font: 400 1.35rem/1.1 var(--fonte-titulo, inherit); letter-spacing: .03em; color: var(--amarelo-2, #ffd66b); }
.ss-degrau ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.ss-degrau li { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 12px; align-items: center; }
.ss-degrau li img { width: 64px; height: 64px; }
.ss-degrau li b { display: block; color: var(--texto, #fff); font-size: 1rem; line-height: 1.3; }
.ss-degrau li span { display: block; color: var(--texto-2, #cfe0f5); font-size: .92rem; line-height: 1.4; overflow-wrap: anywhere; }
.ss-nota { margin: 18px 0 0; padding: 12px 14px; border-radius: 12px; border-left: 4px solid var(--amarelo, #ffc247); background: rgba(7, 26, 51, .7); color: var(--texto-2, #cfe0f5); line-height: 1.55; }
.ss-nota ul { margin: 6px 0 0; padding-left: 20px; }
.ss-vazio { color: var(--texto-2, #cfe0f5); }
@media (max-width: 560px) {
  .ss-niveis { grid-template-columns: 1fr; }
}
/* Loja: simulação de compra na ficha do item (não cobra) */
.loja-item-simulacao { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; border: 1px dashed rgba(255, 194, 71, .55); background: rgba(7, 26, 51, .7); line-height: 1.5; }
.loja-item-simulacao p { margin: 0 0 6px; }
.loja-item-simulacao ol { margin: 0 0 6px; padding-left: 20px; }
.loja-item-dialogo .btn-sm { margin-top: 8px; min-height: 44px; }