.card-back.mystery-back {
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.25) 0 18%, transparent 19%),
    repeating-linear-gradient(45deg, #ffb347 0 12px, #ff9f1c 12px 24px);
}

.card.done { cursor: default; }
.card.done .card-back {
  background: #ece9f6;
  color: #c3bddf;
  box-shadow: none;
}

.card.winner .card-front {
  background: linear-gradient(135deg, #fff3b0, #ffd23f);
  border-color: #f4b400 !important;
}

.card.winner.flipped { animation: pop 0.5s ease 2; }

.card.winner .word { color: #8a5a00; }

.end-detail { color: var(--muted); font-size: 1.1rem; margin: 0 0 22px; }