/* Estilos exclusivos de la biblioteca de minijuegos */
.game-card { transition: transform .18s, box-shadow .18s; }
.game-card:hover { transform: translateY(-3px); }
.dif { flex: none; padding: .4rem .9rem; border: 0; border-radius: 999px; font-weight: 700; font-size: .85rem; color: var(--soft); background: var(--cream); box-shadow: 3px 3px 7px var(--sh-d), -3px -3px 7px var(--sh-l); }
.dif.act { color: var(--cocoa); background: linear-gradient(145deg, #ffe39a, #ffc860); box-shadow: inset 2px 2px 5px #e6a93a; }
.btn-pop[disabled] { cursor: not-allowed; }
.resultado { position: absolute; inset: 0; display: grid; place-items: center; padding: 1rem; border-radius: 1rem; background: rgb(255 247 236 / .88); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  opacity: 0; pointer-events: none; transform: scale(.96); transition: opacity .3s, transform .3s; }
.resultado.on { opacity: 1; pointer-events: auto; transform: scale(1); }
.resultado .text-center { width: min(100%, 18rem); }
#pad[style*="grid"] { display: grid; }