/* Ghép đôi thông minh */
.pr-board { display: flex; flex-direction: column; align-items: center; gap: clamp(6px, 1.5vmin, 12px); }
.pr-row { display: flex; justify-content: center; gap: clamp(12px, 2.4vmin, 22px); }
.pr-link { display: flex; gap: 10px; }
.pr-link i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .8); }
.pr-card { width: clamp(76px, 17vmin, 150px); aspect-ratio: 1; padding: 6px; display: grid; place-items: center; animation: pop .4s ease backwards; }
.pr-card .pic.lg { --s: 82%; }
.pr-word { font-size: clamp(17px, 3.6vmin, 30px); color: #1d6fd1; line-height: 1.05; word-break: break-word; text-align: center; }
.pr-card.sel { box-shadow: 0 8px 0 #f2b23a, 0 0 0 6px #ffc21f, 0 14px 24px rgba(0, 0, 0, .16); transform: translateY(-6px); }
.pr-card.done { box-shadow: 0 8px 0 #22a454, 0 0 0 6px var(--good); opacity: .55; pointer-events: none; }
.pr-card.wrong { animation: shake .45s ease; }
@media (orientation: portrait) {
  .pr-row { display: grid; grid-template-columns: repeat(2, auto); gap: 10px; }
  .pr-card { width: clamp(76px, 22vw, 110px); }
}