/* Juego de memoria (27 sep 2026, punto 145 de ivebeen3d): doce cartas en cuatro columnas, tres en el celular. */
.memoria-cartas{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:560px}
.memoria-carta{width:100%;aspect-ratio:4/5;display:grid;place-items:center;border-radius:10px;border:2px solid #412163;background-color:var(--mora);background-image:radial-gradient(circle,rgba(255,255,255,.28) 2.5px,transparent 3px);background-size:16px 16px;background-position:center;color:var(--tinta);cursor:pointer;padding:0;box-shadow:0 3px 0 #412163}
.memoria-carta:hover{outline:2px solid var(--mora);outline-offset:3px}
.memoria-carta:focus-visible{outline:3px solid var(--tinta);outline-offset:4px}
.memoria-carta.boca-arriba{background:#fffef9;border-color:#a3a496;box-shadow:none}
.memoria-carta.sin-pareja{background:#fbebe5;border-color:#a64c39}
.memoria-carta.emparejada{background:#e2efde;border-color:#476b3b;cursor:default}
.memoria-letra{font-size:46px;font-weight:750;line-height:1;color:var(--tinta)}
.memoria-celda{display:grid;grid-template-columns:repeat(2,22px);gap:9px 14px}
.memoria-celda>span{width:22px;height:22px;border-radius:50%;border:2px dashed #888a7d;background:transparent}
.memoria-celda>.activo{background:var(--mora);border:2px solid #412163}
#marcador-memoria{font-size:12px;font-weight:700;color:var(--secundaria);margin:0 0 18px}
#aviso-memoria{min-height:24px;font-size:15px;line-height:1.6;margin:18px 0 0;max-width:560px}
#fin-memoria{margin-top:30px;padding-top:26px;border-top:1px solid var(--linea)}
.memoria-repaso{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;list-style:none;padding:0;margin-top:20px}
.memoria-repaso li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:15px;background:#f6f4ed;border:1px solid var(--linea);border-radius:7px;font-size:12px;color:var(--secundaria)}
.memoria-repaso strong{font-size:26px;line-height:1;color:var(--mora)}
.memoria-repaso .memoria-celda{grid-template-columns:repeat(2,14px);gap:6px 9px}
.memoria-repaso .memoria-celda>span{width:14px;height:14px;border-width:1.5px}
@media(max-width:700px){.memoria-cartas{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.memoria-letra{font-size:40px}.memoria-celda{grid-template-columns:repeat(2,18px);gap:7px 11px}.memoria-celda>span{width:18px;height:18px}}
@media(prefers-reduced-motion:no-preference){.memoria-carta{transition:background-color .15s ease,border-color .15s ease}}