*{padding:0;margin:0}body{background-color:#000;background-image:url('../assets/bg_castle.png');font-family:Arial;font-size:13px;color:#fff}#header{height:30px;display:block;line-height:1px}#gamepad-message{width:400px;margin:auto}#container{width:400px;height:575px;padding:10px;border:0 solid;border-radius:10px;background-color:rgba(51,59,103,0.10);margin:auto}#game_area{position:absolute;z-index:2}#hud_area{position:absolute;z-index:3}#background_area{position:absolute;z-index:1}#loader_area{background-color:#000;position:absolute;width:400px;height:575px;z-index:3}.meter{height:20px;position:relative;margin:200px 20px 20px 20px;background:#1e1e1e;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;padding:5px;-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.1);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.1);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.1)}.meter>span{display:block;height:100%;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;background-color:#2bc253;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 69%);-webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden}.meter>span:after,.animate>span>span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-webkit-animation:move 2s linear infinite;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}.animate>span:after{display:none}@-webkit-keyframes move{0{background-position:0 0}100%{background-position:50px 50px}}.orange>span{background-color:#f1a165;background-image:-moz-linear-gradient(top,#f1a165,#f36d0a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1a165),color-stop(1,#f36d0a));background-image:-webkit-linear-gradient(#f1a165,#f36d0a)}.red>span{background-color:#f0a3a3;background-image:-moz-linear-gradient(top,#f0a3a3,#f42323);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0a3a3),color-stop(1,#f42323));background-image:-webkit-linear-gradient(#f0a3a3,#f42323)}.nostripes>span>span,.nostripes>span:after{-webkit-animation:none;background-image:none}