.splash-box{overflow:hidden;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;z-index:100}.splash-done{min-height:0;position:absolute;top:0;left:0;right:0;z-index:-10!important;transition:opacity .3s,visibility .3s}.splash-box.splash-done #welcome,.splash-box.splash-done .splash,.splash-done{height:0!important;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0}.splash-box.splash-done #welcome,.splash-box.splash-done .splash{display:none!important;animation:none!important;width:0!important}.splash-box .splash{height:0;padding:0;border:130em solid rgba(236,246,252,.85);position:fixed;top:100%;display:block;box-sizing:initial;transform:translate(-50%,-50%);animation:puff .5s cubic-bezier(.55,.055,.675,.19) 1.8s forwards,borderRadius .2s linear 2.3s forwards;backdrop-filter:blur(8px)}.splash-box #welcome,.splash-box .splash{left:50%;overflow:hidden;border-radius:50%}.splash-box #welcome{background:rgba(129,212,250,.8);width:65px;height:65px;position:absolute;top:-100%;opacity:0;transform:translate(-50%);animation:init .5s cubic-bezier(.55,.055,.675,.19) 0s forwards,moveDown 1s cubic-bezier(.6,-.28,.735,.045) .6s forwards,moveUp 1s cubic-bezier(.175,.885,.32,1.275) 1.6s forwards,materia .5s cubic-bezier(.86,0,.07,1) 2.5s forwards,hide 2s ease 2.7s forwards;visibility:hidden;display:flex;align-items:center;justify-content:center}@keyframes iconReveal{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes init{0%{width:0;height:0;visibility:hidden}1%{visibility:visible;width:0;height:0}to{width:65px;height:65px;margin-top:0;opacity:1;visibility:visible}}@keyframes puff{0%{top:100%;height:0;padding:0}to{top:50%;height:100%;padding:0 100%}}@keyframes borderRadius{0%{border-radius:50%}to{border-radius:0}}@keyframes moveDown{0%{top:50%}50%{top:40%}to{top:100%}}@keyframes moveUp{0%{background:rgba(129,212,250,.8);top:100%;box-shadow:0 0 20px 5px rgba(129,212,250,.4);transform:translate(-50%) scale(1)}50%{top:40%;background:rgba(144,202,249,.75);box-shadow:0 0 25px 8px rgba(129,212,250,.35);transform:translate(-50%) scale(1.05)}to{top:50%;background:rgba(179,229,252,.7);box-shadow:0 0 30px 10px rgba(129,212,250,.3);transform:translate(-50%) scale(1)}}@keyframes materia{0%{background:rgba(179,229,252,.7);box-shadow:0 0 30px 10px rgba(129,212,250,.3)}50%{background:rgba(225,245,254,.8);top:0;box-shadow:0 0 40px 15px rgba(129,212,250,.2)}to{background:hsla(0,0%,100%,.95);width:100%;height:65px;border-radius:0;top:0;backdrop-filter:blur(4px)}}@keyframes moveIn{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}99%{opacity:0;height:65px;width:100%}to{opacity:0;height:0;width:0;overflow:hidden;display:none;pointer-events:none}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(3);opacity:0}}@keyframes particles{0%{opacity:0;transform:scale(0) translate(0)}50%{opacity:.8;transform:scale(1) translate(-10px,-10px)}to{opacity:0;transform:scale(0) translate(-20px,-20px)}}.content-wrapper{position:relative;z-index:1;pointer-events:auto}body.splash-done-body .splash-box{position:absolute;pointer-events:none;z-index:-1}*,:after,:before{box-sizing:border-box}body{padding:0;margin:0;--brown:#57280f;--blue:#33a5da;--dark-blue:#3a94b7;--machine-color:#32c2db;--machine-width:160px;--m:2}.machine-wrap{width:100%;height:100%}.machine-wrap .wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.machine-wrap .pix,.machine-wrap .pix:after,.machine-wrap .pix:before{width:calc(var(--w)*var(--m));height:calc(var(--h)*var(--m));image-rendering:pixelated;background-size:calc(var(--w)*var(--m)) calc(var(--h)*var(--m))}.machine-wrap .pix:after,.machine-wrap .pix:before{position:absolute;content:""}.machine-wrap .claw-machine{display:flex;flex-direction:column;border:2px solid var(--brown);overflow:hidden}.machine-wrap .collection-box{--h:32px;width:calc(var(--m)*var(--machine-width));margin:calc(var(--m)*var(--h)*-1 - 10px) 0 24px;display:flex;align-items:bottom;justify-content:start}.machine-wrap .collection-box .toy-wrapper{position:relative;width:16.6666666667%;display:flex;align-items:end;justify-content:center}.machine-wrap .collection-box .toy-wrapper .toy:after{top:auto;bottom:0}.machine-wrap .toy-wrapper.squeeze-in{width:0;animation:squeeze-in .4s forwards;animation-delay:1.4s}.machine-wrap .toy-wrapper .toy{opacity:0;transform:translateY(-100vh);animation:show-toy-2 .8s forwards;animation-delay:1s}.machine-wrap .claw-machine.show-overlay:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--machine-color);opacity:.6;z-index:6;pointer-events:none}.machine-wrap .box{position:relative;background-color:#7fcfed;--w:var(--machine-width);--h:180px}.machine-wrap .box:before{background-color:var(--brown);top:calc(70px*var(--m));width:100%;height:calc(var(--m)*8px);z-index:5}.machine-wrap .box:after{background-color:var(--machine-color);top:calc(70px*var(--m));right:0;width:calc(var(--m)*8px);height:calc(var(--m)*170px);z-index:2}.machine-wrap .machine-bottom,.machine-wrap .machine-top{position:absolute;width:100%;--h:70px;height:calc(var(--h)*var(--m))}.machine-wrap .machine-top{top:0;display:flex;align-items:center;z-index:1}.machine-wrap .machine-top:after{content:"";top:0;left:0;width:100%;height:100%;z-index:1}.machine-wrap .machine-bottom{bottom:0;background-color:#def7f6}.machine-wrap .collection-point{position:absolute;bottom:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAAXNSR0IArs4c6QAAADBJREFUOE9jtJqy/T8DFcGxHE9GkHGM1DYYZCjIcJoYTDMXjxqMkrZGIw8eHEMvKADnSiE1EAXSagAAAABJRU5ErkJggg==);--w:44px;--h:24px;z-index:0}.machine-wrap .rail{top:0;left:0;transition:.3s;border:solid var(--blue)}.machine-wrap .rail.hori{--h:5px;width:100%;background-color:#fff;border-width:2px 0;z-index:1}.machine-wrap .rail.vert{position:absolute;--h:70px;--w:5px;background-color:#fff;border-width:0 2px}.machine-wrap .arm-joint{position:absolute;top:0;left:0;--w:5px;--h:5px;transition:.3s;z-index:-1}.machine-wrap .arm-joint:after{position:absolute;border:2px solid var(--blue);background-color:#fff;--w:10px;--h:10px;top:calc(var(--m)*var(--h)*-.25);left:calc(var(--m)*var(--w)*-.25)}.machine-wrap .arm:after{position:absolute;--w:13px;--h:7px;bottom:calc(var(--m)*-1px);left:calc(var(--m)*-3px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAAXNSR0IArs4c6QAAAElJREFUKFNjZGBgYDBeeus/iCYGnI1WY2QEaTgTpUqMerAak2W3GVA0RWgKMKy4/gHDAGRx6miCWQEyGQbQbcawiRiPgTWRE3oA5mIzfZr3jVYAAAAASUVORK5CYII=)}.machine-wrap .arm.missed:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAAXNSR0IArs4c6QAAAENJREFUKFNjZGBgYDBeeus/iCYGnI1WY2QEaTgTpUqMerAak2W3GSjTFKEpADZpxfUPGLYiy+G0CaYImyHkO4+c0AMAWBctfQPWfVQAAAAASUVORK5CYII=)}.machine-wrap .control{position:relative;--h:60px;width:100%;text-align:right;background-color:var(--dark-blue)}.machine-wrap .cover{position:absolute;background-color:var(--machine-color);--top-size:calc(var(--m) * 20px);--bottom-size:calc(var(--m) * 10px);z-index:4}.machine-wrap .top{top:0;width:100%;height:calc(var(--m)*16px)}.machine-wrap .collection-arrow{position:absolute;left:calc(var(--m)*21px);top:calc(var(--m)*9px);--w:8px;--h:4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAAXNSR0IArs4c6QAAAClJREFUGFdjDDn86T8DHsAIksOlaI0tHyNYATZFIEmQOFwBsiKYJEgMAPTvDw1xBcM+AAAAAElFTkSuQmCC);filter:sepia(1) brightness(.5)}.machine-wrap .bottom{bottom:0;width:100%;height:calc(var(--m)*8px);background-color:var(--brown)}.machine-wrap .left{bottom:0;left:0;height:calc(var(--m)*170px);width:calc(var(--m)*8px)}.machine-wrap .right{top:0;right:0;height:100%;width:calc(var(--m)*116px)}.machine-wrap .instruction{position:absolute;--w:51px;--h:12px;top:calc(var(--m)*34px);right:calc(var(--m)*11px)}.machine-wrap .arm{position:absolute;--w:7px;--h:28px;background-color:#fff;box-shadow:0 0 0 2px var(--blue);transition:.3s;margin-top:calc(var(--m)*-1px);margin-left:calc(var(--m)*-1px)}.machine-wrap .claws{position:absolute;--w:3px;--h:10px;bottom:calc(var(--m)*-5px);left:calc(var(--m)*2.5px)}.machine-wrap .claws:after,.machine-wrap .claws:before{top:0;--w:10px;--h:16px;transition:.2s}.machine-wrap .claws:before{left:calc(var(--m)*-10px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAAXNSR0IArs4c6QAAAGRJREFUKFNjZMADwjX4/6+88ZERpARMYAMgRSuuf2CI0BRgACnGqhCmCGYASDGGQmyKMEzEpQjFjfgUwRUSUgRWSIwi0hSCVBNjKjx4CClGCUeiggcWC0QFOD7FlCUKZJNhyQwAi8VlK14hrsQAAAAASUVORK5CYII=);--close-angle:45deg;transform-origin:top right}.machine-wrap .claws:after{left:calc(var(--m)*2.5px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAAXNSR0IArs4c6QAAAFxJREFUKFNjZICCcA3+/ytvfGSE8dFpsARI0YrrHxgiNAUYcClmhCmCmYBLMYqJ+BTD3UTIZBTH41OM4UtcirEGBzbF5CskymqiPENU8BBSBIoI8qIQb6IgNpkBAEPjZSuK8jVuAAAAAElFTkSuQmCC);--close-angle:-45deg;transform-origin:top left}.machine-wrap .arm.open .claws:after,.machine-wrap .arm.open .claws:before{rotate:var(--close-angle)}.machine-wrap .arm-joint:before{--w:20px;--h:16px;transform:scale(var(--scale));margin-left:-15px;margin-top:var(--shadow-pos);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAF5JREFUOE9jZMABXmQc+49LDiQuMcOKEZs8iiAhQ3BZgGw43EByDYNZAjMUbCClhiEbSn0DqeU6mCsZRw3El5aJkqN+GA7+dAgLGEqTD0rWo9RQrIUDehQScjGu4gsANVo6j8xbO6QAAAAASUVORK5CYII=);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAF5JREFUOE9jZMABrKZs/49LDiR+LMeTEZs8iiAhQ3BZgGw43EByDYNZAjMUbCClhiEbSn0DqeU6mCsZRw3El5aJkqN+GA7+dAgLGEqTD0rWo9RQrIUDehQScjGu4gsAxKQ3Ke4v44gAAAAASUVORK5CYII=);z-index:-1;opacity:.5}.machine-wrap button{position:relative;z-index:5;--w:24px;--h:24px;margin:12px 12px 0 0;border:0;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAFRJREFUKFNjZICC/////4exsdGMjIyMIHEwQUgxzACQJkZsikOPfAarWW3Di2EZhgaYYphKdE0oGtAVY9ME14BLMbomypwEMo0kP9BGA8kRR2rSAACHREftd0fKPgAAAABJRU5ErkJggg==);filter:sepia(1) brightness(.4);pointer-events:none;cursor:pointer}.machine-wrap .hori-btn{transform:rotate(90deg)}.machine-wrap .active{animation:pulse 1s infinite;pointer-events:all}@keyframes pulse{0%,to{filter:sepia(0)}50%{filter:sepia(1)}}.machine-wrap .toy.display{transform:scale(3);animation:show-toy-1 .8s forwards;animation-delay:1s}.machine-wrap .toy{position:absolute;transition:transform 1s,left .3s,top .3s;--m:2;--w:20px;--h:27px;transform:rotate(var(--rotate-angle));pointer-events:none}.machine-wrap .toy:after{content:""}.machine-wrap .toy.bunny{--w:20px;--h:29px}.machine-wrap .toy.bunny:after{--w:24px;--h:32px;top:calc(var(--m)*-2px);left:calc(var(--m)*-2px)}.machine-wrap .toy-wrapper .toy.bunny:after,.machine-wrap .toy.bunny:after{background-image:url(/wawa/bunny.png)}.machine-wrap .toy.selected{pointer-events:all}.machine-wrap .control .collection-point{filter:brightness(.8);bottom:calc(var(--m)*8px)}