.result-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:5rem;height:5rem}@media (min-width:640px){.result-container{margin-top:4rem}}.result-display-wrapper{position:relative;transition:transform .5s ease-out}.result-text{display:inline-block;font-weight:700;background:linear-gradient(135deg,#ffffff,#f8fafc 25%,#e0e7ff 50%,#ddd6fe 75%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:all .5s ease-in-out;font-size:3.75rem;letter-spacing:.05em;filter:drop-shadow(0 0 10px rgba(255,255,255,.3)) drop-shadow(0 0 20px rgba(139,92,246,.4));text-shadow:0 0 15px rgba(255,255,255,.6)}@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:shake .2s infinite;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:final-burst .6s ease-out forwards}.is-final-animation .result-text{filter:drop-shadow(0 0 20px rgba(255,255,255,1)) drop-shadow(0 0 40px rgba(139,92,246,.8)) drop-shadow(0 0 60px rgba(59,130,246,.6));text-shadow:0 0 30px rgba(255,255,255,.9),0 0 60px rgba(139,92,246,.7)}@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)}}