body{overflow:hidden}#ui,#ui-stereo{position:absolute;top:0;left:0;width:100%;height:100%}#music-switch{position:absolute;bottom:10px;right:10px;z-index:1200;color:#FFFFFF;cursor:pointer}#music-switch:before{display:inline-block;content:"MUSIC / "}#landing{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#263F67;z-index:100}#landing .wrapper{position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;width:500px;height:500px;text-align:center}#landing .content{padding:0 0 5% 0}#landing .logo{width:800px}#landing .start{padding:10px 55px;font-size:32px;z-index:10}#landing [class|="snowman"]{position:absolute;top:-135px;width:210px;z-index:5}#landing [class|="snowman"][class$="left"]{left:50%;margin-left:-255px}#landing [class|="snowman"][class$="right"]{right:50%;margin-right:-255px}#result{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:#FFFFFF;z-index:100}#result .score{font-size:160px;color:#F14400}#credits{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);color:#FFFFFF;z-index:200}#credits .created{font-size:14px}#credits .special{font-size:14px;margin:20px 0}#credits .special span{margin:5px 0}.hurt{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFFFFF;opacity:0}.status{position:absolute;top:10px;left:50%;margin-left:-150px;width:270px;padding:10px 30px;background-color:#FEC901;border-radius:2em;color:#715902;text-align:center}#ui-stereo .status{position:absolute;top:25px;width:120px;padding:5px 20px;background-color:#FEC901;border-radius:2em;color:#715902;text-align:left}#ui-stereo .status.left{left:22%;margin-left:-60px}#ui-stereo .status.right{right:22%;margin-left:auto;margin-right:-60px}#ui-stereo .status .hp{margin-right:0px;width:85px}.status *{vertical-align:top}.status span{margin-right:5px}.status .hp{display:inline-block;position:relative;top:0;right:0;margin-top:2px;margin-right:15px;background-color:#000000;width:100px;height:15px;border-radius:0.5em;overflow:hidden}.status .hp .bar{top:0px;left:0px;width:100%;height:100%;background-color:#F14400;-webkit-transition:width .25s ease-out;-moz-transition:width .25s ease-out;-ms-transition:width .25s ease-out;-o-transition:width .25s ease-out;transition:width .25s ease-out}.status .score{display:inline-block}.pause{font-size:36px;color:#FFFFFF}#threejs-container{}.focus{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-image:url(../images/target.png)}.focus-left{position:absolute;top:50%;left:25%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-image:url(../images/target.png)}.focus-right{position:absolute;top:50%;right:25%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-image:url(../images/target.png)}.focus-progress{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.focus-progress-left{position:absolute;top:50%;left:22%;margin-top:-50px;margin-left:-50px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.focus-progress-right{position:absolute;top:50%;right:22%;margin-top:-50px;margin-right:-50px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.focus-progress circle,.focus-progress-left circle,.focus-progress-right circle{stroke-dasharray:150;stroke-dashoffset:150}.focus{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-image:url(../images/target.png)}.focus-left{position:absolute;top:50%;left:22%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-image:url(../images/target.png)}.focus-right{position:absolute;top:50%;right:22%;width:30px;height:30px;margin-top:-15px;margin-right:-15px;background-image:url(../images/target.png)}.pause{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000}@media screen and (max-width:820px){#landing .logo{width:100%;padding:0 10px;box-sizing:border-box}}@media screen and (max-width:470px){#landing [class|="snowman"]{top:-45px;width:100px}#landing [class|="snowman"][class$="left"]{margin-left:-175px}#landing [class|="snowman"][class$="right"]{margin-right:-175px}}