.mc_button,body{font-family:arcade}#help,#instructions{color:#fff;text-align:center}*,.mc_button,:after,:before{box-sizing:border-box}#help,#joystick{bottom:0}#charselect,#joystick{top:40px;display:none}#charselect,#menu,body{background:#000}.mc_button,a{text-decoration:none}body{margin:0;padding:0;overflow:hidden}.preload{width:1px;height:1px}#help,#joystick,#level,#menu{left:0;width:100%;position:absolute}#container{position:absolute;width:740px;height:480px;display:none}#instructions{background-color:rgba(0,0,0,.75);padding:32px;margin:0;display:inline;border:2px solid #fff;border-radius:8px}#help{padding:4px}#level{top:0;padding:4px;color:#ff0;font-weight:700;text-align:center}#charselect,#menu,.mc_button{text-align:center;color:#fff}#moreGames{position:absolute;left:0;bottom:0;border:1px solid #fff;border-radius:4px;background:rgba(255,255,255,.5);font-size:18px;padding-left:4px;padding-right:4px}@font-face{font-family:arcade;src:url(arcade2.ttf)}@keyframes swing{0%,100%{transform:rotateX(-30)}50%{transform:rotateX(30)}}@keyframes swingAlt{0%,100%{transform:rotateX(30)}50%{transform:rotateX(-30)}}@keyframes swing{0%,100%{transform:rotateX(-30deg)}50%{transform:rotateX(30deg)}}@keyframes swingAlt{0%,100%{transform:rotateX(30deg)}50%{transform:rotateX(-30deg)}}@keyframes headSwing{0%,100%{transform:rotateY(2deg)}50%{transform:rotateY(-2deg)}}.blockman,.blockman .head{transform-style:preserve-3d}#menu{top:0;height:100%}#charselectbutton{position:absolute;width:111px;height:27px;top:2px;right:2px;font-size:9px;outline:0}#charselect{position:absolute;left:130px;width:490px;height:400px;border:1px solid #fff;border-radius:4px;padding:15px}.blockman div,.blockmanflat div{background-size:640px 320px}#charselect .blockmanflat{transition-duration:1s;cursor:pointer}.blockmanflat{position:absolute;transform-origin:160px;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.blockmanflat div{background-image:url(steve.png)}.blockmanflat .head{width:80px;height:80px;position:absolute;top:0;left:120px;background-position:-80px -80px}.blockmanflat .torso{width:80px;height:120px;position:absolute;top:80px;left:120px;background-position:-200px -200px}.blockmanflat .left-arm,.blockmanflat .right-arm{width:40px;height:120px;position:absolute;top:80px;background-position:-440px -200px}.blockmanflat .left-arm{left:80px}.blockmanflat .right-arm{left:200px}.blockmanflat .left-leg,.blockmanflat .right-leg{width:40px;height:120px;position:absolute;top:200px;background-position:-40px -200px}.blockmanflat .left-leg{left:120px}.blockmanflat .right-leg{left:160px}.mc_button{height:40px;width:400px;outline:#000 solid 2px;position:relative;margin-bottom:11px;display:inline-block;background-color:#6f6f6f;background-repeat:repeat;padding:5px;font-size:19px;font-weight:400;text-shadow:3px 3px #4C4C4C;border-bottom:4px solid #565656;border-right:2px solid #565656;border-left:2px solid #AAA;border-top:2px solid #AAA;cursor:pointer}.mc_button span{position:relative;line-height:40px;bottom:3px}#blockchars,.blockman,.blockman .head,.blockman .head div,.blockman .left-arm div,.blockman .left-leg,.blockman .left-leg div,.blockman .right-arm,.blockman .right-arm div,.blockman .right-leg,.blockman .right-leg div,.blockman .torso,.blockman .torso div{position:absolute}.mc_button:hover{border-bottom:4px solid #59639A;border-right:2px solid #59639A;border-left:2px solid #BDC6FF;border-top:2px solid #BDC6FF;background-color:#7c86be;color:#FFFFA0}a{color:#fff}.blockman{transform-origin:160px;image-rendering:pixelated}.blockman .head{width:80px;height:80px;top:0;left:120px}.blockman .head.animate{animation:headSwing 1s infinite}.blockman .head div{width:80px;height:80px;display:block}.blockman .head .top{background-position:-80px 0;transform:rotateX(90deg) translateZ(40px)}.blockman .head .front{background-position:-80px -80px;transform:rotateY(0) translateZ(40px)}.blockman .head .left{background-position:0 -80px;transform:rotateY(-90deg) translateZ(40px)}.blockman .head .right{background-position:-160px -80px;transform:rotateY(90deg) translateZ(40px)}.blockman .head .back{background-position:-240px -80px;transform:rotateX(180deg) translateZ(40px) scaleY(-1)}.blockman .head .bottom{background-position:-160px 0;transform:rotateX(-90deg) translateZ(40px)}.blockman .torso{width:80px;height:120px;top:80px;left:120px;transform-style:preserve-3d}.blockman .torso .top{background-position:-200px -160px;width:80px;height:40px;transform:rotateX(90deg) translateZ(20px)}.blockman .torso .front{background-position:-200px -200px;width:80px;height:120px;transform:rotateY(0) translateZ(20px)}.blockman .torso .left{background-position:-160px -200px;width:40px;height:120px;transform:rotateY(-90deg) translateZ(20px)}.blockman .torso .right{background-position:-280px -200px;width:40px;height:120px;transform:rotateY(90deg) translateZ(60px)}.blockman .torso .back{background-position:-320px -200px;width:80px;height:120px;transform:rotateY(0) translateZ(-20px)}.blockman .torso .bottom{background-position:-280px -160px;width:80px;height:40px;transform:rotateX(-90deg) translateZ(100px)}.blockman .left-arm{width:40px;height:120px;position:absolute;top:80px;left:80px;transform-style:preserve-3d;transform-origin:top center}.blockman .left-arm.animate{animation:swing 1s infinite}.blockman .left-leg.animate,.blockman .right-arm.animate{animation:swingAlt 1s infinite}.blockman .left-arm .top{background-position:-440px -160px;width:40px;height:40px;transform:rotateX(90deg) translateZ(20px)}.blockman .left-arm .front{background-position:-440px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(20px)}.blockman .left-arm .left{background-position:-400px -200px;width:40px;height:120px;transform:rotateY(-90deg) translateZ(20px)}.blockman .left-arm .right{background-position:-480px -200px;width:40px;height:120px;transform:rotateY(90deg) translateZ(20px)}.blockman .left-arm .back{background-position:-520px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(-20px) scaleX(-1)}.blockman .left-arm .bottom{background-position:-480px -160px;width:40px;height:40px;transform:rotateX(-90deg) translateZ(100px) scaleX(-1)}.blockman .right-arm{width:40px;height:120px;top:80px;left:200px;transform-style:preserve-3d;transform-origin:top center}.blockman .right-arm .top{background-position:-440px -160px;width:40px;height:40px;transform:rotateX(90deg) translateZ(20px) scaleX(-1)}.blockman .right-arm .front{background-position:-440px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(20px) scaleX(-1)}.blockman .right-arm .left{background-position:-480px -200px;width:40px;height:120px;transform:rotateY(-90deg) translateZ(20px) scaleX(-1)}.blockman .right-arm .right{background-position:-400px -200px;width:40px;height:120px;transform:rotateY(90deg) translateZ(20px) scaleX(-1)}.blockman .right-arm .back{background-position:-520px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(-20px)}.blockman .right-arm .bottom{background-position:-480px -160px;width:40px;height:40px;transform:rotateX(-90deg) translateZ(100px)}.blockman .left-leg{width:40px;height:120px;top:200px;left:120px;transform-style:preserve-3d;transform-origin:top center}.blockman .left-leg .top{background-position:-40px -160px;width:40px;height:40px;transform:rotateX(90deg) translateZ(20px)}.blockman .left-leg .front{background-position:-40px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(20px)}.blockman .left-leg .left{background-position:0 -200px;width:40px;height:120px;transform:rotateY(-90deg) translateZ(20px)}.blockman .left-leg .right{background-position:-80px -200px;width:40px;height:120px;transform:rotateY(90deg) translateZ(20px)}.blockman .left-leg .back{background-position:-120px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(-20px) scaleX(-1)}.blockman .left-leg .bottom{background-position:-80px -160px;width:40px;height:40px;transform:rotateX(-90deg) translateZ(100px)}.blockman .right-leg{width:40px;height:120px;top:200px;left:160px;transform-style:preserve-3d;transform-origin:top center}.blockman .right-leg.animate{animation:swing 1s infinite}.blockman .right-leg .top{background-position:-40px -160px;width:40px;height:40px;transform:rotateX(90deg) translateZ(20px)}.blockman .right-leg .front{background-position:-40px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(20px)}.blockman .right-leg .left{background-position:-80px -200px;width:40px;height:120px;transform:rotateY(-90deg) translateZ(20px) scaleX(-1)}.blockman .right-leg .right{background-position:0 -200px;width:40px;height:120px;transform:rotateY(90deg) translateZ(20px) scaleX(-1)}.blockman .right-leg .back{background-position:-120px -200px;width:40px;height:120px;transform:rotateY(0) translateZ(-20px)}.blockman .right-leg .bottom{background-position:-80px -160px;width:40px;height:40px;transform:rotateX(-90deg) translateZ(100px)}