/* Padan Gambar */
.pg-ask { display: flex; align-items: center; gap: 10px; max-width: 420px; }
.pg-q { margin: 0; font: 700 1.2rem/1.35 var(--round); text-wrap: balance; }
.pg-ear {
  width: 110px; height: 110px; border-radius: 50%; border: 0; font-size: 52px;
  background: var(--orange); color: #fff; box-shadow: 0 5px 0 #C9661A;
}
.pg-ear:active { transform: translateY(3px); box-shadow: 0 2px 0 #C9661A; }
.pg-pic {
  border: 0; background: var(--card); border-radius: 28px; box-shadow: 0 4px 0 var(--line);
  width: 150px; height: 150px; font-size: 92px; line-height: 150px; padding: 0;
}
.pg-word { font: 800 2.2rem var(--round); background: var(--card); border-radius: 20px; padding: 12px 28px; box-shadow: 0 4px 0 var(--line); }
.pg-tag { font: 700 0.9rem var(--round); color: #fff; padding: 4px 14px; border-radius: 999px; background: var(--orange); }
.pg-tag.seerti { background: var(--blue); }

.pg-choices { display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)); gap: 12px; width: 100%; max-width: 340px; }
.pg-choice {
  min-height: 64px; border: 3px solid transparent; border-radius: 18px; background: var(--card); box-shadow: 0 4px 0 var(--line);
  font: 800 1.4rem var(--round); padding: 8px;
}
.pg-choice.pic { font-size: 64px; line-height: 1; height: 104px; }
.pg-choices:has(.pic) { grid-template-columns: repeat(3, 1fr); }
.pg-choice:active { transform: translateY(2px); box-shadow: 0 2px 0 var(--line); }
.pg-choice:disabled { opacity: 0.3; box-shadow: none; }
.pg-choice.right { border-color: var(--green); background: #E3F4E6; }