html,body,div,canvas{margin:0;padding:0}::-moz-selection{color:#333;text-shadow:none}::selection{color:#333;text-shadow:none}.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clear{display:inline-table;clear:both}* html .clear{height:1%}.clear{display:block}html,body{width:100%;height:100%;font-family:Helvetica,Verdana,Arial,sans-serif;background:#fff}div.logo{width:204px;height:38px;float:left;background:url(logo.png) 0 0 no-repeat;position:relative;z-index:10}div.title{height:38px;line-height:38px;padding:0 10px;margin:0 1px 0 0;float:right;color:#333;text-align:right;font-size:18px;position:relative;z-index:10}.template-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.template-wrap canvas{margin:0 0 10px;position:relative;z-index:9;box-shadow:0 10px 30px rgba(0,0,0,.2);-moz-box-shadow:0 10px 30px rgba(0,0,0,.2)}.fullscreen{float:right;position:relative;z-index:10}.fullscreen{float:right;position:relative;z-index:10}.game-wrapper{width:960px;height:650px;color:#368e99;background-size:contain}.game-wrapper canvas{background:#202020 url(loading.png) no-repeat center center;background-size:contain}.buttons{text-align:right;padding:0 1em}a.button{padding:5px;display:inline-block;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px rgba(255,255,255,.21);color:#fff;background:#333;text-decoration:none;border-radius:5px;line-height:0}a.button:hover{transform:scale(.9)}.webgl-content .progress{height:10px;width:200px;position:absolute;left:50%;top:70%;margin-left:-100px;border:1px solid #fff}.webgl-content .progress .empty{background:#000;display:block;float:left;height:10px}.webgl-content .progress .full{background:#fff;display:block;float:left;height:10px}