.hidden{display:none}.clear{clear:both}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-family:Verdana,Arial;background-color:#ccc;color:#666;overflow-x:hidden;overflow-y:scroll;text-align:center}h1,h2,h3,h4{margin-bottom:20px}body.hit{-webkit-transition:1s ease;-moz-transition:1s ease}a{color:#588618;text-decoration:none}button{background:#d4524e;border:none;color:#fff;padding:10px 20px;-webkit-transition:.25s ease;-moz-transition:.25s ease}button:hover{background:#b8312c}.title{font-size:80px;color:#d5544f;text-shadow:0 1px 0 #b8312c,0 2px 0 #b8312c,0 4px 0 #b8312c,0 5px 0 #b8312c}canvas{background-color:#9cc5c9;-webkit-user-select:none;-moz-user-select:none}.canvas-container{position:relative}.gameover-msg{height:0;-moz-transition:.3s ease;-webkit-transition:.3s ease;overflow:hidden}.gameover .gameover-msg{height:100px}.hud{padding:10px;font-size:30px;font-weight:700;display:inline-block}.hud--left{float:left}.hud--right{float:right}.hud--life{display:inline-block;overflow:hidden;font-size:0}.hud--life__item{list-style:none;display:inline-block;color:#cd5c5c;position:relative;font-size:25px;width:28px}.hud--life.l2 .hud--life__item{left:-28px}.hud--life.l1 .hud--life__item{left:-56px}.player{position:absolute;width:100px;height:100px;left:20%;top:-9999px;background-color:#d5544f;-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-webkit-user-select:none;-moz-user-select:none}.player:after,.player:before{content:'';width:10px;height:10px;border-radius:50%;background:#222;display:block;top:20px;position:absolute}.player:before{left:25px}.player:after{left:68px}.player__mouth{width:60px;height:30px;border-radius:30px 30px 0 0;background:#222;top:50px;left:50%;margin-left:-30px;position:absolute}.callout{display:inline-block;padding:20px;position:absolute;background:#fff;border-radius:8px;color:#333;left:30%;top:-9999px;-webkit-user-select:none;-moz-user-select:none}.callout:after{content:'';position:absolute;bottom:20px;right:100%;display:block;border:10px solid transparent;border-right-color:#fff}.ggj-logo{position:absolute;top:10px;right:10px}footer{margin:20px 0}footer a{color:#999;font-size:12px}