.buttonList{display:flex;align-items:flex-start;justify-content:center;gap:5em;padding:0 5em;margin-bottom:5em}button{flex-basis:100%;font-family:inherit;font-size:5em;border-radius:.25em;border:none;padding:.5em;cursor:pointer;background:#d1c3a9;color:#000;transition:opacity .2s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.7;cursor:default}#result-container{width:100%;height:100%;position:relative}.result{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-fade-in{opacity:0;animation:fade-in 1s 1s forwards}.result-fade-out{animation:fade-out 1s 0s forwards}.random-image-container{display:block;box-shadow:0 0 3em #000 inset;border-radius:1em;margin:0 auto;width:80%;aspect-ratio:1;background-size:cover}.random-image{width:100%}@keyframes fade-in{0%{opacity:0;filter:blur(4em)}to{opacity:1;filter:blur(0)}}@keyframes fade-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4em)}}.result-caption,.result-img-name{text-align:center;line-height:1;color:#d1c3a9;text-shadow:.025em .025em white}.result-caption{font-size:6em;margin-top:1em;opacity:0;animation:fade-in 1s 1s forwards}.result-img-name{font-size:10em;opacity:0;animation:fade-in 1s 1.5s forwards}.result-numbers{display:flex;height:5em;position:relative;z-index:1}.result-number{width:18em;height:18em;margin-top:-9em;background-size:105% 105%;background-position:center center;opacity:0;animation:fade-in 1s 0s forwards}.result-number:first-child{border-top-left-radius:1em;border-bottom-left-radius:1em}.result-number:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em}.result-number-1{background-image:url(/img/1.jpg)}.result-number-2{background-image:url(/img/2.jpg)}.result-number-3{background-image:url(/img/3.jpg)}.result-number-4{background-image:url(/img/4.jpg)}.result-number-5{background-image:url(/img/5.jpg)}.result-number-6{background-image:url(/img/6.jpg)}.result-number-7{background-image:url(/img/7.jpg)}.result-number-8{background-image:url(/img/8.jpg)}.result-number-9{background-image:url(/img/9.jpg)}.result-number-0{background-image:url(/img/0.jpg)}#app{width:100%;height:100%;display:flex;flex-direction:column}#debug{position:fixed;top:0;left:0;font-size:5em;display:none}h1{font-size:12em;text-align:center;text-shadow:.025em .025em white}#img-container{display:flex;justify-content:center;align-items:center;flex-basis:100%;position:relative}#initial-image{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:50em}img{transition:filter .5s,opacity 1s}img.hidden{filter:blur(10px);opacity:0}:root{font-family:Germania One,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0}html,body{padding:0;overflow:hidden}body{color:#d1c3a9;background:#000;height:100vh;height:100dvh}#centering-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#aspect-ratio-container{aspect-ratio:9 / 16;margin:0 auto;max-width:100%;max-height:100%}@media screen and (min-aspect-ratio:9 / 16){#aspect-ratio-container{height:100%;font-size:.5625vh}}@media screen and (max-aspect-ratio:9 / 16){#aspect-ratio-container{width:100%;font-size:1vw}}#app-container{height:100%;position:relative}#root{height:100%;display:flex;justify-content:center}#dice-container{z-index:100;position:absolute;pointer-events:none;width:100%;height:35%;top:45%;left:0;border-radius:5px}#dice-canvas{pointer-events:none;width:100%;height:100%}#main-audio{position:fixed;top:-9999px;left:-9999px}