.answer-reveal{position:relative;min-height:360px;display:grid;place-content:center;justify-items:center;overflow:hidden;text-align:center}.answer-reveal:before{content:"";position:absolute;inset:8px;border-radius:17px}.answer-correct:before{background:radial-gradient(circle,#ffe49c48,transparent 47%)}.answer-wrong:before{background:radial-gradient(circle,#ee7e7142,transparent 47%)}.answer-mark{position:relative;display:grid;place-items:center;width:105px;height:105px;border-radius:50%;font:800 70px/1 Georgia,serif;animation:answer-pop .7s cubic-bezier(.17,.67,.31,1.32) both}.answer-correct .answer-mark{border:2px solid #ffe49a;background:#c77937;box-shadow:0 0 0 12px #ffe49a18,0 0 48px #ffe49a8a;color:#fff7dd}.answer-wrong .answer-mark{border:2px solid #f3a297;background:#8e263b;box-shadow:0 0 0 12px #f3a29714,0 0 48px #ef706b73;color:#ffe5df}.answer-reveal p,.answer-reveal h2,.answer-reveal small{position:relative}.answer-reveal p{margin:20px 0 7px;color:var(--gold);font:700 10px "DM Mono",monospace;letter-spacing:1.7px}.answer-reveal h2{margin:0;font:700 38px/1 "Playfair Display",Georgia,serif}.answer-reveal small{margin-top:12px;color:#f3d7d0;font-size:12px}.answer-burst{position:absolute;font-size:32px;animation:burst .95s ease both}.burst-one{left:18%;top:19%}.burst-two{right:19%;bottom:25%;animation-delay:.12s}@keyframes answer-pop{0%{opacity:0;transform:scale(.1) rotate(-28deg)}70%{opacity:1;transform:scale(1.15) rotate(7deg)}100%{transform:scale(1) rotate(0)}}@keyframes burst{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.35) translateY(-9px)}100%{opacity:0;transform:scale(.8) translateY(-29px)}}@media(prefers-reduced-motion:reduce){.answer-mark,.answer-burst{animation:none}}