/* V39.13: stable cover hints, whole-card selection, cover zoom and quiet PWA preparation. */
#emoji-library-app .finish-personal-best {
  width: fit-content;
  margin: -16px 0 30px;
  padding: 8px 13px;
  border: 1px solid #7657ff33;
  border-radius: 999px;
  background: #eee9ff;
  color: #3f2f91;
  font-size: 14px;
  font-weight: 800;
}
@media (width <= 720px) {
  #emoji-library-app .finish-personal-best {
    margin-top: -20px;
    margin-bottom: 28px;
  }
}


/* V39.13 answer-card interaction refinements. */
#emoji-library-app .answer-card {
  cursor: pointer;
}

#emoji-library-app .answer-cover-hint-label {
  display: none !important;
}

#emoji-library-app .answer-cover-reveal {
  cursor: zoom-in;
}

#emoji-library-app .answer-cover-reveal:not(.is-revealed) {
  cursor: help;
}

#emoji-library-app .answer-card:focus-within {
  border-color: #b8a8ff;
}

#emoji-library-app .cover-zoom-dialog {
  max-width: min(720px, calc(100vw - 32px));
  text-align: center;
}

#emoji-library-app .cover-zoom-dialog h2 {
  margin-bottom: 16px;
}

#emoji-library-app .cover-zoom-figure {
  display: grid;
  justify-items: center;
  margin: 0;
}

#emoji-library-app .cover-zoom-figure img {
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(20, 15, 38, .24);
  height: auto;
  max-height: min(72vh, 820px);
  max-width: min(100%, 540px);
  object-fit: contain;
  width: auto;
}

@media (max-width: 620px) {
  #emoji-library-app .cover-zoom-dialog {
    max-width: calc(100vw - 20px);
  }

  #emoji-library-app .cover-zoom-figure img {
    max-height: 68vh;
    max-width: 100%;
  }
}