*,:after,:before{touch-action:manipulation;box-sizing:border-box;overflow:hidden;margin:0}#root,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.resized-page{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.resized-page__text{color:var(--white-color);font-size:31px;margin:0}.lose-page{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.lose-page__text-err{color:var(--red-color);font-size:31px;margin:0}.lose-page__text{color:var(--white-color);font-size:31px;margin:0}.won-page{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.won-page__text-success{color:var(--green-color);font-size:31px;margin:0}.won-page__text{color:var(--white-color);font-size:31px;margin:0}.pause-page{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;z-index:1}.play-button{width:25%;min-width:200px;height:25%;min-height:200px;fill:#999;z-index:4;cursor:pointer}.play-button:focus{outline:none}.author{margin-bottom:50px}.author,.instruction{color:var(--white-color)}.instruction{width:200px;z-index:4}.headline,.keys-or{text-align:center}.keys{width:100%}.keys i{background-color:var(--white-color);color:var(--black-color);width:20%;padding:5px;margin:5px;display:inline-flex;align-items:center;justify-content:center;font-size:28px}@media screen and (min-width:900px){.pause-page{justify-content:center}.instruction{right:25px}.author,.instruction{position:absolute;bottom:25px}.author{left:25px;margin-bottom:0}}.control{position:absolute;bottom:20px;left:0;right:0;margin-left:auto;margin-right:auto;width:400px;z-index:2}.control-button-container{display:flex;align-items:flex-end;justify-content:center;padding:0!important}.control-button{margin:0!important;width:100%;height:150px;opacity:.15}.control-button:hover{opacity:.25}@media screen and (max-width:900px){.control{width:100%;padding-left:40px;padding-right:40px}.control-button{height:100px}}.board{height:100%;background-color:#036;border:20px solid #000}.score{flex:0 1 auto;display:inline-flex;justify-content:center;align-items:center;background-color:#000;padding-top:20px}.result{color:#fff;display:inline;text-transform:uppercase;margin:0;padding:0;font-size:32px;letter-spacing:3px;position:relative;animation:glitch-skew 1s linear infinite alternate-reverse;z-index:4}.result:before{text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse}.result:after,.result:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:0}.result:after{text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s linear infinite alternate-reverse}@-webkit-keyframes glitch-anim{0%{clip:rect(7px,9999px,89px,0);transform:skew(.37deg)}5%{clip:rect(69px,9999px,89px,0);transform:skew(.15deg)}10%{clip:rect(23px,9999px,48px,0);transform:skew(.68deg)}15%{clip:rect(27px,9999px,9px,0);transform:skew(.76deg)}20%{clip:rect(88px,9999px,38px,0);transform:skew(.27deg)}25%{clip:rect(59px,9999px,68px,0);transform:skew(.69deg)}30%{clip:rect(19px,9999px,32px,0);transform:skew(.35deg)}35%{clip:rect(63px,9999px,60px,0);transform:skew(.47deg)}40%{clip:rect(53px,9999px,15px,0);transform:skew(.05deg)}45%{clip:rect(81px,9999px,80px,0);transform:skew(.06deg)}50%{clip:rect(8px,9999px,34px,0);transform:skew(.56deg)}55%{clip:rect(46px,9999px,17px,0);transform:skew(.3deg)}60%{clip:rect(25px,9999px,47px,0);transform:skew(.33deg)}65%{clip:rect(6px,9999px,50px,0);transform:skew(.16deg)}70%{clip:rect(9px,9999px,23px,0);transform:skew(.07deg)}75%{clip:rect(18px,9999px,39px,0);transform:skew(.99deg)}80%{clip:rect(62px,9999px,88px,0);transform:skew(.83deg)}85%{clip:rect(19px,9999px,7px,0);transform:skew(.1deg)}90%{clip:rect(28px,9999px,86px,0);transform:skew(.25deg)}95%{clip:rect(70px,9999px,14px,0);transform:skew(.76deg)}to{clip:rect(72px,9999px,65px,0);transform:skew(.55deg)}}@keyframes glitch-anim{0%{clip:rect(7px,9999px,89px,0);transform:skew(.37deg)}5%{clip:rect(69px,9999px,89px,0);transform:skew(.15deg)}10%{clip:rect(23px,9999px,48px,0);transform:skew(.68deg)}15%{clip:rect(27px,9999px,9px,0);transform:skew(.76deg)}20%{clip:rect(88px,9999px,38px,0);transform:skew(.27deg)}25%{clip:rect(59px,9999px,68px,0);transform:skew(.69deg)}30%{clip:rect(19px,9999px,32px,0);transform:skew(.35deg)}35%{clip:rect(63px,9999px,60px,0);transform:skew(.47deg)}40%{clip:rect(53px,9999px,15px,0);transform:skew(.05deg)}45%{clip:rect(81px,9999px,80px,0);transform:skew(.06deg)}50%{clip:rect(8px,9999px,34px,0);transform:skew(.56deg)}55%{clip:rect(46px,9999px,17px,0);transform:skew(.3deg)}60%{clip:rect(25px,9999px,47px,0);transform:skew(.33deg)}65%{clip:rect(6px,9999px,50px,0);transform:skew(.16deg)}70%{clip:rect(9px,9999px,23px,0);transform:skew(.07deg)}75%{clip:rect(18px,9999px,39px,0);transform:skew(.99deg)}80%{clip:rect(62px,9999px,88px,0);transform:skew(.83deg)}85%{clip:rect(19px,9999px,7px,0);transform:skew(.1deg)}90%{clip:rect(28px,9999px,86px,0);transform:skew(.25deg)}95%{clip:rect(70px,9999px,14px,0);transform:skew(.76deg)}to{clip:rect(72px,9999px,65px,0);transform:skew(.55deg)}}@-webkit-keyframes glitch-anim2{0%{clip:rect(60px,9999px,97px,0);transform:skew(.51deg)}5%{clip:rect(33px,9999px,37px,0);transform:skew(.41deg)}10%{clip:rect(12px,9999px,70px,0);transform:skew(.49deg)}15%{clip:rect(81px,9999px,14px,0);transform:skew(.48deg)}20%{clip:rect(84px,9999px,19px,0);transform:skew(.11deg)}25%{clip:rect(28px,9999px,83px,0);transform:skew(.91deg)}30%{clip:rect(18px,9999px,23px,0);transform:skew(.87deg)}35%{clip:rect(55px,9999px,97px,0);transform:skew(.15deg)}40%{clip:rect(61px,9999px,53px,0);transform:skew(.52deg)}45%{clip:rect(34px,9999px,38px,0);transform:skew(.77deg)}50%{clip:rect(49px,9999px,4px,0);transform:skew(.84deg)}55%{clip:rect(29px,9999px,80px,0);transform:skew(.39deg)}60%{clip:rect(43px,9999px,20px,0);transform:skew(.27deg)}65%{clip:rect(80px,9999px,64px,0);transform:skew(.02deg)}70%{clip:rect(19px,9999px,41px,0);transform:skew(.47deg)}75%{clip:rect(60px,9999px,61px,0);transform:skew(.72deg)}80%{clip:rect(65px,9999px,38px,0);transform:skew(.75deg)}85%{clip:rect(6px,9999px,39px,0);transform:skew(.86deg)}90%{clip:rect(87px,9999px,20px,0);transform:skew(.61deg)}95%{clip:rect(43px,9999px,13px,0);transform:skew(.73deg)}to{clip:rect(49px,9999px,47px,0);transform:skew(.33deg)}}@keyframes glitch-anim2{0%{clip:rect(60px,9999px,97px,0);transform:skew(.51deg)}5%{clip:rect(33px,9999px,37px,0);transform:skew(.41deg)}10%{clip:rect(12px,9999px,70px,0);transform:skew(.49deg)}15%{clip:rect(81px,9999px,14px,0);transform:skew(.48deg)}20%{clip:rect(84px,9999px,19px,0);transform:skew(.11deg)}25%{clip:rect(28px,9999px,83px,0);transform:skew(.91deg)}30%{clip:rect(18px,9999px,23px,0);transform:skew(.87deg)}35%{clip:rect(55px,9999px,97px,0);transform:skew(.15deg)}40%{clip:rect(61px,9999px,53px,0);transform:skew(.52deg)}45%{clip:rect(34px,9999px,38px,0);transform:skew(.77deg)}50%{clip:rect(49px,9999px,4px,0);transform:skew(.84deg)}55%{clip:rect(29px,9999px,80px,0);transform:skew(.39deg)}60%{clip:rect(43px,9999px,20px,0);transform:skew(.27deg)}65%{clip:rect(80px,9999px,64px,0);transform:skew(.02deg)}70%{clip:rect(19px,9999px,41px,0);transform:skew(.47deg)}75%{clip:rect(60px,9999px,61px,0);transform:skew(.72deg)}80%{clip:rect(65px,9999px,38px,0);transform:skew(.75deg)}85%{clip:rect(6px,9999px,39px,0);transform:skew(.86deg)}90%{clip:rect(87px,9999px,20px,0);transform:skew(.61deg)}95%{clip:rect(43px,9999px,13px,0);transform:skew(.73deg)}to{clip:rect(49px,9999px,47px,0);transform:skew(.33deg)}}@-webkit-keyframes glitch-skew{0%{transform:skew(-2deg)}10%{transform:skew(1deg)}20%{transform:skew(3deg)}30%{transform:skew(-3deg)}40%{transform:skew(-1deg)}50%{transform:skew(2deg)}60%{transform:skew(0deg)}70%{transform:skew(4deg)}80%{transform:skew(-2deg)}90%{transform:skew(0deg)}to{transform:skew(-3deg)}}@keyframes glitch-skew{0%{transform:skew(-2deg)}10%{transform:skew(1deg)}20%{transform:skew(3deg)}30%{transform:skew(-3deg)}40%{transform:skew(-1deg)}50%{transform:skew(2deg)}60%{transform:skew(0deg)}70%{transform:skew(4deg)}80%{transform:skew(-2deg)}90%{transform:skew(0deg)}to{transform:skew(-3deg)}}@media screen and (max-width:900px){.score{justify-content:flex-start}.result{margin-left:20px}}.pacman{position:absolute;transition:all .1s ease-out;display:flex;align-items:center;justify-content:center}.pacman:focus{outline:none}.pacman-right{transform:rotateY(0deg)}.pacman-left{transform:rotateY(180deg)}.pacman-up{transform:rotate(-90deg)}.pacman-down{transform:rotate(90deg)}.ghost{position:absolute;transition:all 1.75s linear;display:flex;align-items:center;justify-content:center}.ghost-red{fill:#e31f23}.ghost-yellow{fill:#f8b236}.ghost-blue{fill:#80cade}.ghost-pink{fill:#e5a1c6}.ghost-white{fill:#fff}.ghost-green{fill:#28b463}.ghost-purple{fill:purple}.ghost-lime{fill:#0f0}.ghost-cyan{fill:#00ced1}.coin{position:absolute;display:flex;align-items:center;justify-content:center}.hidden{display:none}.coin-dot{background-color:#ff0;margin:20px;border-radius:40px}.button_top{position:absolute;top:15px;right:100px;width:40px;height:40px;z-index:2}.button_top.pause{background:transparent;border:double #fff;border-width:0 0 0 37px}.button_top.play{background:transparent;box-sizing:border-box;border-color:transparent transparent transparent #fff;border-style:solid;border-width:21px 0 21px 31px}.refresh-button{position:absolute;top:20px;right:10px;z-index:4}:root{--white-color:#fff;--black-color:#000;--red-color:red;--green-color:green}.app{display:flex;flex-direction:column;height:100%}
/*# sourceMappingURL=main.c6b54857.chunk.css.map */