.result-container{flex-direction:column;align-items:center;width:100%;height:5rem;margin-top:5rem;display:flex}@media (min-width:640px){.result-container{margin-top:4rem}}.result-display-wrapper{transition:transform .5s ease-out;position:relative}.result-text{background:linear-gradient(135deg,#fff 0%,#f8fafc 25%,#e0e7ff 50%,#ddd6fe 75%,#c4b5fd 100%);color:#0000;-webkit-text-fill-color:transparent;letter-spacing:.05em;filter:drop-shadow(0 0 10px #ffffff4d)drop-shadow(0 0 20px #8b5cf666);text-shadow:0 0 15px #fff9;-webkit-background-clip:text;background-clip:text;font-size:3.75rem;font-weight:700;transition:all .5s ease-in-out;display:inline-block}@media (min-width:768px){.result-text{font-size:4.5rem}}@media (min-width:1024px){.result-text{font-size:6rem}}@media (min-width:1280px){.result-text{font-size:8rem}}.result-display-wrapper.is-flipping{animation:.2s infinite shake;transform:scale(.5)}.is-flipping .result-text{font-size:2.25rem}@media (min-width:640px){.is-flipping .result-text{font-size:3rem}}@media (min-width:768px){.is-flipping .result-text{font-size:3.75rem}}@media (min-width:1024px){.is-flipping .result-text{font-size:4.5rem}}.result-display-wrapper.is-final-animation{animation:.6s ease-out forwards final-burst}.is-final-animation .result-text{filter:drop-shadow(0 0 20px #fff)drop-shadow(0 0 40px #8b5cf6cc)drop-shadow(0 0 60px #3b82f699);text-shadow:0 0 30px #ffffffe6,0 0 60px #8b5cf6b3}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-3px,3px)}}@keyframes final-burst{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}