.overlay,.renderer{text-align:center}.overlay__audio-toggle,.overlay__levelup-logo{background-repeat:no-repeat;background-position:center}@font-face{font-family:'press start';src:url(fonts/pressstart2p-webfont.3e6ac397.eot);src:url(fonts/pressstart2p-webfont.3e6ac397.eot?#iefix) format("embedded-opentype"),url(fonts/pressstart2p-webfont.a529e8f6.woff2) format("woff2"),url(fonts/pressstart2p-webfont.7d5645fe.woff) format("woff"),url(fonts/pressstart2p-webfont.a8ee7d7e.ttf) format("truetype"),url(fonts/pressstart2p-webfont.be6bf25f.svg#press_start_2pregular) format("svg");font-weight:400;font-style:normal}body,h1,h2,h3,h4,h5,h6,html{-webkit-font-smoothing:antialiased;font-family:'press start',sans-serif;font-size:8px;text-transform:uppercase;font-weight:400}@-webkit-keyframes slide-in-out{0%{left:-200%}20%,75%{left:0;right:0}100%{left:200%}}@keyframes slide-in-out{0%{left:-200%}20%,75%{left:0;right:0}100%{left:200%}}@-webkit-keyframes fade-in-up{0%{opacity:0;top:20%}20%,75%{top:0;opacity:1}100%{opacity:0;top:-20%}}@keyframes fade-in-up{0%{opacity:0;top:20%}20%,75%{top:0;opacity:1}100%{opacity:0;top:-20%}}@-webkit-keyframes blink{to{visibility:hidden}}@keyframes blink{to{visibility:hidden}}body,html{padding:0;margin:0;overflow-x:hidden;width:100%}*,:after,:before{box-sizing:border-box}.renderer__container{margin:0 auto;position:relative;z-index:1;display:inline-block;min-width:300px;background-color:#4D4D4D}.renderer__view{display:block;width:100%!important;height:auto!important;margin-top:36px}@media (min-width:800px){body,h1,h2,h3,h4,h5,h6,html{font-size:12px}.renderer__view{margin-top:50px}}.touch .renderer__view{margin:36px auto}.overlay__touch-controls,.touch-controls{display:none}.touch .overlay__touch-controls,.touch .touch-controls{display:inline-block}.touch .touch-controls{position:absolute;z-index:4;bottom:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.touch .touch-controls__new,.touch .touch-controls__resume{display:inline-block;padding:0 1.5em;text-decoration:none;color:#fff}.touch .touch-controls__left,.touch .touch-controls__right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background-color:#3170DE;border-top:solid 3px #5d8fe5;border-right:solid 3px #5d8fe5;border-bottom:solid 3px #1e58be;border-left:solid 3px #1e58be;text-indent:100%;white-space:nowrap;overflow:hidden;background-size:16px;background-position:center;background-repeat:no-repeat}.no-touch .touch .touch-controls__left:active,.no-touch .touch .touch-controls__right:active{background-color:#2263d4;-webkit-transform:translate(-2px,2px);-ms-transform:translate(-2px,2px);transform:translate(-2px,2px)}.touch .touch-controls__left{background-image:url(../images/arrow-left.png)}.touch .touch-controls__right{background-image:url(../images/arrow-right.png)}.touch .touch-controls__shoot{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;background-color:#ED1000;border-top:solid 3px #ff3021;border-right:solid 3px #ff3021;border-bottom:solid 3px #ba0d00;border-left:solid 3px #ba0d00}.no-touch .touch .touch-controls__shoot:active{background-color:#d30e00;-webkit-transform:translate(-2px,2px);-ms-transform:translate(-2px,2px);transform:translate(-2px,2px)}.touch .touch-controls__new{background-color:#31bc31;border-top:solid 3px #4fd14f;border-right:solid 3px #4fd14f;border-bottom:solid 3px #269426;border-left:solid 3px #269426}.no-touch .touch .touch-controls__new:active{background-color:#2ca82c;-webkit-transform:translate(-2px,2px);-ms-transform:translate(-2px,2px);transform:translate(-2px,2px)}.touch .touch-controls__resume{background-color:#3170DE;border-top:solid 3px #5d8fe5;border-right:solid 3px #5d8fe5;border-bottom:solid 3px #1e58be;border-left:solid 3px #1e58be}.next-level .overlay__content,.overlay__content--levelup,.touch .game-over .touch-controls__resume,.touch .game-win .touch-controls__resume,.touch .new-game .touch-controls__resume{display:none}.no-touch .touch .touch-controls__resume:active{background-color:#2263d4;-webkit-transform:translate(-2px,2px);-ms-transform:translate(-2px,2px);transform:translate(-2px,2px)}.touch .overlay__touch-controls a,.touch .touch-controls a{height:36px;line-height:30px;color:#fff;text-decoration:none}@media (min-width:800px){.touch .renderer__view{margin:50px auto}.touch .overlay__touch-controls a,.touch .touch-controls a{height:50px;line-height:44px}}.hud,.overlay{position:absolute;width:100%;top:0;left:0;color:#fff}.overlay{background-color:rgba(51,51,51,.9);z-index:5;height:100%}.overlay__intro{background-color:#333;position:relative;z-index:15;height:100%;width:100%}.overlay__intro img{position:absolute;top:0;bottom:0;left:-200%;right:200%;margin:auto;max-width:80%;opacity:0;-webkit-transition:all 1s .3s ease;transition:all 1s .3s ease}.overlay__intro.loaded img{opacity:1;-webkit-animation:slide-in-out 6s;animation:slide-in-out 6s}.overlay__content{width:100%;position:absolute;z-index:5;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:5em 2em}.logo,.overlay__levelup-logo{text-indent:100%;white-space:nowrap;overflow:hidden;padding:0}.overlay__content p{max-width:400px;margin:3em auto;line-height:1.6em}.overlay__content--levelup p{margin:0 auto 3em}.next-level .overlay__content--levelup{display:block}.touch .overlay__continue,.touch .overlay__controls{display:none}.overlay__continue{-webkit-animation:blink 1s steps(5,start) infinite;animation:blink 1s steps(5,start) infinite}.overlay__levelup-logo{background-size:contain;background-image:url(../images/overlay-level.png);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;opacity:0;width:125px}.overlay__levelup-logo.visible{-webkit-animation:fade-in-up 3s;animation:fade-in-up 3s}.overlay__controls{margin-bottom:3em}@media (min-width:800px){.overlay__levelup-logo{width:26%}.touch .overlay__controls{display:block}}.overlay__controls span{display:inline-block;margin-bottom:.5em}.overlay__controls-title{text-align:center;position:relative;display:inline-block;margin:0 auto 1.8em}.overlay__controls-title:after{content:'';position:absolute;left:0;bottom:-6px;height:2px;width:100%;background-color:#fff}.overlay__controls-header{text-align:right;width:49%}.overlay__controls-header:after{content:':';margin-left:1em;margin-right:1em}.overlay__controls-key{text-align:left;width:51%}.overlay__audio-toggle{vertical-align:bottom;text-indent:100%;white-space:nowrap;overflow:hidden;color:#fff;background-image:url(../images/audio-on.png);background-size:16px auto;background-color:#ED1000;border-top:solid 3px #ff3021;border-right:solid 3px #ff3021;border-bottom:solid 3px #ba0d00;border-left:solid 3px #ba0d00;width:36px;height:36px;display:none}.no-touch .overlay__audio-toggle:active{background-color:#d30e00;-webkit-transform:translate(-2px,2px);-ms-transform:translate(-2px,2px);transform:translate(-2px,2px)}.audio .overlay__audio-toggle{display:inline-block}@media (min-width:800px){.overlay__audio-toggle{width:50px;height:50px;background-size:24px auto}}.life,.logo{background-size:contain;background-repeat:no-repeat;background-position:center}.overlay__audio-toggle.off{background-image:url(../images/audio-off.png)}.logo{margin:0 auto 2em}.new-game .logo{background-image:url(../images/logo-large.png);width:100px;height:72px}@media (min-width:800px){.new-game .logo{padding-bottom:8.5%;width:15%}}.paused .logo{background-image:url(../images/overlay-paused.png);width:97px;height:24px}@media (min-width:800px){.paused .logo{width:30%;padding-bottom:4%}}.game-over .logo{background-image:url(../images/overlay-gameover.png);width:142px;height:24px}@media (min-width:800px){.game-over .logo{width:30%;padding-bottom:4%}}.hud{z-index:10;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.hud__header{font-weight:700;margin-right:.5em}.hud p{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.hud__lives{text-align:left;margin-left:1em}.hud__score{text-align:center}.hud__level{text-align:right;margin-right:1em}.life{background-image:url(../images/lives.png);display:inline-block;width:10px;height:9px;margin-right:2px;vertical-align:bottom}@media (min-width:800px){.life{margin-right:3px;width:14px;height:12px;vertical-align:top}}