::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-color:#333}::-webkit-scrollbar-thumb{background-color:#424e69}::-webkit-scrollbar-thumb:hover{background-color:#8295d5}*{font-family:brandon-grotesque,sans-serif;font-size:20px;color:#fff}body,html{margin:0;padding:0;width:100%;height:100%}html{background-color:#000}body{position:relative}#highscore,#score{position:absolute;display:inline;top:70px;margin:0;padding:0;width:160px}#highscore{right:25px}#highscore h2,#highscore span,#score h2,#score span{display:block;text-transform:uppercase;font-weight:bolder;letter-spacing:2px;font-size:16px;height:21px;margin:0;padding:0;text-align:right;padding-right:0}#highscore span,#score span{padding-right:0}#highscore span{padding-right:0}#score{left:220px}#message{position:absolute;display:inline;top:416px;left:180px;margin:0;padding:0;width:210px;height:30px;text-transform:uppercase;font-weight:400;letter-spacing:1.2px;font-size:20px;color:#fff200;text-align:center}#message.red{color:red}span.combo,span.fruits{position:absolute;letter-spacing:1.5px;font-size:14px;color:#89dfff;font-weight:400}#home,#panel{width:550px;height:780px;margin:auto;margin-top:10px;left:0;right:0;position:absolute;padding:5px 10px 10px 10px;background-color:#000}#board,#canvas-board,#canvas-bubbles,#canvas-fruits,#canvas-ghost-blinky,#canvas-ghost-clyde,#canvas-ghost-inky,#canvas-ghost-pinky,#canvas-pacman,#canvas-paths{width:550px;height:550px;position:absolute;top:57px}#canvas-paths{display:none}#canvas-level-fruits,#canvas-lifes{height:30px;top:670px;position:absolute;z-index:111111}#canvas-lifes{width:120px;left:50px}#canvas-level-fruits{width:265px;right:50px}#control{position:absolute;margin:auto;left:0;right:0;bottom:-145px;width:550px;height:140px;background-color:#666;opacity:.7;display:none}#control-down,#control-down-big,#control-down-second,#control-left,#control-left-big,#control-right,#control-right-big,#control-up,#control-up-big,#control-up-second{position:absolute;margin:auto;background-repeat:no-repeat;background-position:50% 50%;background-size:64px;cursor:pointer;width:64px;height:64px;padding:5px}#control-up{top:0;left:70px;background-image:url(../img/move-up.png)}#control-down{bottom:0;right:70px;background-image:url(../img/move-down.png)}#control-up-second{top:0;right:70px;background-image:url(../img/move-up.png)}#control-down-second{bottom:0;left:70px;background-image:url(../img/move-down.png)}#control-left{bottom:0;top:0;left:0;background-image:url(../img/move-left.png)}#control-right{bottom:0;top:0;right:0;background-image:url(../img/move-right.png)}#control-down-big,#control-left-big,#control-right-big,#control-up-big{position:absolute;opacity:.2;margin:auto;padding:0;display:none;background-size:98px;z-index:999999}#control-up-big{bottom:10px;left:0;right:0;width:125px;height:125px;background-image:url(../img/move-up-big.png)}#control-down-big{bottom:-120px;left:0;right:0;width:125px;height:125px;background-image:url(../img/move-down-big.png)}#control-left-big{left:80px;bottom:-90px;width:125px;height:175px;background-image:url(../img/move-left-big.png)}#control-right-big{right:80px;bottom:-90px;width:125px;height:175px;background-image:url(../img/move-right-big.png)}h3{margin:0;padding:0;font-size:20px;letter-spacing:2px;color:#fff;text-transform:uppercase;font-style:normal}.sound{position:absolute}.sound img{height:28px}.sound{bottom:0;right:calc(50% - 25px)}.github{position:absolute;bottom:0;left:5px}.putchu{position:absolute;top:450px;left:130px;background-color:#4c6441;padding:10px 25px 40px 95px;text-transform:uppercase}.putchu img{position:absolute;bottom:-5px;left:5px}#panel .putchu{top:0;right:5px;left:auto;font-size:16px;padding:10px 25px 30px 65px}.help-button{position:absolute;text-align:center;bottom:12px;right:calc(50% + 15px);margin:auto;font-size:14px;font-weight:700;text-transform:lowercase;letter-spacing:.5px;cursor:pointer;color:#f8751a;transition:color 1.5s}.help-button.yo{color:#333}#help h2{margin:0 0 10px 0;color:#f8751a;text-transform:uppercase;font-weight:700;font-size:28px}#help{position:absolute;width:420px;height:265px;top:290px;left:0;right:0;margin:auto;padding-top:15px;text-align:center;z-index:999999;background-color:#222;border:solid 1px #f8751a;text-transform:uppercase;opacity:.9;display:none;cursor:pointer}#help table tr td{font-size:16px;letter-spacing:1px}#help table tr td:first-child{color:#f8751a;font-weight:700;text-align:right}#help table tr td:last-child{text-align:left}#sound{position:absolute}.ui-mobile{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media screen and (min-height:1200px),screen and (min-device-height :1200px){#home,#panel{zoom:135%}}@media screen and (max-width:1024px),screen and (min-device-width :768px) and (max-device-width :1024px){#home .github,#home .help-button,#panel .help-button,#sound,.sound{display:none}#home,#panel{zoom:105%}#control-down-big,#control-left-big,#control-right-big,#control-up-big{display:inline}}@media screen and (max-height:640px),screen and (min-device-height :480px) and (max-device-height :640px) and (-webkit-device-pixel-ratio:3){#home,#panel{zoom:60%}#control-down-big,#control-left-big,#control-right-big,#control-up-big{display:inline}#home .github,#home .help-button,#panel .help-button,#sound,.sound{display:none}#canvas-panel-title-pacman,h1{visibility:hidden}}@media screen and (max-height:480px),screen and (min-device-height :320px) and (max-device-height :480px){#home,#panel{zoom:55%}#control-down-big,#control-left-big,#control-right-big,#control-up-big{display:inline}#canvas-panel-title-pacman,#control-down-second,#control-up-second,#home .github,#home .help-button,#panel .help-button,#sound,.sound,h1{display:none}#control{bottom:20px;width:550px;height:55px}#control-down,#control-left,#control-right,#control-up{top:0;bottom:0;background-size:48px;width:48px;height:48px;padding:5px}}#home #playbg{width:450px;height:210px;background:url(../img/play.jpg) no-repeat;position:absolute;bottom:70px;left:50px;cursor:pointer;display:block}#panel .mainlogo{max-width:240px;text-align:left;margin:30px 0 10px 30px;position:absolute}#panel .mainlogo img{width:100%;height:auto}#gameover{text-align:center;margin-top:150px}#gameover h2{color:#f8751a;text-align:center;font-size:26px;margin:50px 0 20px}.zbdtext{font-family:essonnes-display,serif;color:#fff;text-align:center;font-size:30px;line-height:40px;margin:30px 50px;font-weight:300}#playagain{cursor:pointer}