:root{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#fdab30;background-color:#132231;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.stats{position:absolute;top:0;left:0;text-align:left;list-style:none}.winner .slots{animation:2s winner linear infinite}.slots{display:flex;width:calc(100% - 1.65rem);justify-content:space-between;align-items:center;height:7.5rem;overflow:hidden;margin-block:2rem;background-color:#fdab30;border-radius:3.75rem;padding-inline:.75rem}.slot{font-size:3rem;width:4.75rem;text-align:center;padding:1rem 1rem 1.5rem;background-color:#09111a;border-radius:50%}button{font-size:1.25rem;font-weight:900;border-radius:.5rem;color:#132231;background-color:#fdab30;border:#965a00 solid .2rem;width:100%}button:hover{transform:scale(102%);color:#132231;background-color:#fdab30;border-color:#fdab30}button:disabled{transform:scale(95%);background-color:#965a00;border-color:#965a00}.machine{min-width:22.5rem;width:50vw;max-width:30rem}h1,h2{margin:0}.rolling{animation:roll .13s linear infinite}.frenchies{position:relative;bottom:12.75rem;width:calc(100% - .25rem);color:#fff;font-size:1.2rem;background-color:#09111a;border-radius:.5rem;border:solid #fff .1rem}.frenchiespalceholder{position:relative;bottom:12.75rem;font-size:1.2rem;background-color:transparent;color:transparent;border:solid transparent .1rem}@keyframes roll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes rollvertical{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes winner{0%{transform:scale(1) rotate(0);background-color:#dd3232}12%{transform:scale(1) rotate(5deg);background-color:#d8d509}25%{transform:scale(1.1) rotate(-5deg);background-color:#4dbd0c}37%{transform:scale(1) rotate(5deg);background-color:#1ea9d3}50%{transform:scale(1) rotate(0);background-color:#30f6fd}62%{transform:scale(1) rotate(-5deg);background-color:#1c0fd4}75%{transform:scale(1.1) rotate(5deg);background-color:#c330fd}87%{transform:scale(1) rotate(-5deg);background-color:#ee35ee}to{transform:scale(1) rotate(0);background-color:#fd3074}}@media screen and (max-width:375px){.machine{min-width:0;width:90vw;display:flex;flex-direction:column;align-items:center}.slots{flex-direction:column;width:fit-content;height:100%;margin-block:2rem;border-radius:4rem;padding-block:.75rem}.rolling{animation:rollvertical .13s linear infinite}.frenchies{bottom:25rem;width:fit-content;transform:rotate(20deg);left:25vw;padding:.25rem}}