/* Memory delle api — solo il tavolo e le carte.
   La veste comune sta in giochi-comune.css, da caricare prima. */
.gioco .tavolo{display:grid;justify-content:center;gap:9px;margin:20px auto 0;
  perspective:900px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:340px}
.gioco .tavolo.medio{grid-template-columns:repeat(4,minmax(0,1fr));max-width:340px}
.gioco .tavolo.difficile{grid-template-columns:repeat(4,minmax(0,1fr));max-width:340px}
@media (min-width:560px){
  .gioco .tavolo.medio{grid-template-columns:repeat(6,minmax(0,1fr));max-width:520px}
  .gioco .tavolo.difficile{grid-template-columns:repeat(8,minmax(0,1fr));max-width:680px}
}
.gioco .carta{position:relative;aspect-ratio:3/4;border:0;padding:0;margin:0;background:transparent;
  cursor:pointer;font:inherit;transform-style:preserve-3d;transition:transform .38s}
.gioco .carta.girata{transform:rotateY(180deg)}
.gioco .carta:focus-visible{outline:3px solid var(--inch);outline-offset:3px;border-radius:12px}
.gioco .faccia{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;
  justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border:2px solid var(--inch);font-size:clamp(21px,7vw,32px);line-height:1}
.gioco .dietro{background:repeating-linear-gradient(45deg,#F0C453 0 9px,#E3B23C 9px 18px);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.gioco .davanti{background:var(--cera);transform:rotateY(180deg);flex-direction:column;gap:2px}
.gioco .disegno{display:block;width:72%;line-height:0}
.gioco .disegno svg{width:100%;height:auto;display:block}
.gioco .carta.presa{cursor:default}
.gioco .carta.presa .davanti{background:#E4EDE6;border-color:#3E6B4F;box-shadow:0 0 0 3px rgba(62,107,79,.25)}
.gioco .carta.sbaglia .davanti{background:#F6E3E4;border-color:#A4303F}
.gioco .nomeCarta{position:absolute;left:0;right:0;bottom:4px;font-size:9px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:var(--inchS);opacity:.75}
@media (prefers-reduced-motion:reduce){.gioco .carta{transition:none}}