.quiz-result .quiz-art-frame {
  width: min(100%, 320px);
  margin: 0 auto 24px;
  border: 2px solid color-mix(in srgb, var(--quiz-accent), #aaf2e9 38%);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 55px #050b1caa, 0 0 36px color-mix(in srgb, var(--quiz-accent), transparent 65%);
  animation: quiz-art-reveal .7s cubic-bezier(.2, .9, .25, 1) both;
}
.quiz-result .quiz-art-frame img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
@keyframes quiz-art-reveal {
  from { opacity: 0; transform: translateY(20px) scale(.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 760px) {
  .quiz-result .quiz-art-frame { width: min(72vw, 260px); margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .quiz-result .quiz-art-frame { animation: none; }
}