/* В 3D-карточке достижений скрытая сторона не должна перехватывать клики.
   Иначе нажатие на кнопку «ЗАБРАТЬ» на обороте иногда приходит в лицевую
   сторону и вместо выдачи награды лишь переворачивает карточку обратно. */
.quest-card--achievement .achievement-card__front {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.quest-card--achievement .achievement-card__back {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.quest-card--achievement.is-flipped .achievement-card__front {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.quest-card--achievement.is-flipped .achievement-card__back {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

/* iOS Safari иногда продолжает рисовать дочерние слои лицевой стороны после
   rotateY(180deg): подпись и старый прогресс оказываются зеркально поверх
   оборота. Явная видимость граней не даёт этим слоям участвовать в отрисовке. */
.quest-card--achievement .achievement-card__face {
    transition: opacity 0.12s linear, visibility 0s linear 0.12s;
}

.quest-card--achievement .achievement-card__front,
.quest-card--achievement.is-flipped .achievement-card__back {
    transition-delay: 0s;
}