/* ===== بازی حافظه ===== */
.memo {
  max-width: 760px;
  margin: auto;
  text-align: center;
  padding: 26px 16px;
  border-radius: 36px;
  background: linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.26));
  border: 1.5px solid rgba(255,255,255,.8);
  box-shadow: 0 14px 40px rgba(40,70,170,.25),inset 0 2px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter: blur(18px) saturate(1.7);
  backdrop-filter: blur(18px) saturate(1.7);
}

.memo h2 {
  color: #1240ff;
}

.mgrid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  max-width: 520px;
  margin: 14px auto;
}

.mc {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 2px;
  border-radius: 18px;
  border: 1.5px solid rgba(255,255,255,.9);
  background: linear-gradient(145deg,rgba(18,64,255,.85),rgba(130,100,255,.65));
  color: #fff;
  font: 400 clamp(24px,7vw,40px) Lalezar,sans-serif;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(18,64,255,.3),inset 0 2px 0 rgba(255,255,255,.6);
  transition: transform .2s;
}

.mc:hover {
  transform: translateY(-3px);
}

.mc.open {
  background: linear-gradient(145deg,#fff,#e6eeff);
  color: #14204f;
}

.mc.done {
  background: linear-gradient(145deg,rgba(120,255,160,.95),rgba(30,190,90,.8));
  color: #073b1a;
  pointer-events: none;
}

.mc .fr {
  font-size: clamp(11px,2.8vw,17px);
  overflow-wrap: anywhere;
  line-height: 1.1;
}