/* kết quả */
.result { align-items: center; text-align: center; }
.result h2 { font-size: 30px; }
.score-big { font-family: var(--font-display); font-weight: 800; font-size: 54px; color: var(--btn-blue); line-height: 1; }
.result .stars { font-size: 44px; }
.btns { display: grid; gap: 10px; width: 100%; }

@keyframes shake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-7px); } 75% { transform: translateX(7px); } }
@keyframes pop { 0% { transform: scale(.85); } 60% { transform: scale(1.06); } 100% { transform: scale(1); } }
.pop { animation: pop .3s; }
@media (prefers-reduced-motion: reduce) {
  .opt.bad, .pop { animation: none; }
  .progress i { transition: none; }
}