@keyframes flip-reveal{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}.rotated{transform:rotateX(-180deg)}.flip-container{perspective:1000px}.flip-card{width:100%;height:100%;transform-style:preserve-3d;animation:1s ease-in-out forwards flip-reveal;position:relative}.flip-front,.flip-back{backface-visibility:hidden;aspect-ratio:1;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex;position:absolute}.flip-front{transform:rotateX(-180deg)}.delay-0{animation-delay:0s}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.8s}.delay-3{animation-delay:1.2s}.delay-4{animation-delay:1.6s}.delay-5{animation-delay:2s}.delay-6{animation-delay:2.4s}.incorrect{background-color:#787c7e}.exact{background-color:#6aaa64}.close{background-color:#c9b458}