.wrap{display:inline-block;width:100%;height:100%;position:relative;overflow:hidden;z-index:3}div.wrap{background:url(../img/deadspace.png)}canvas{display:block;height:100%;margin:0;top:0;left:0;pointer-events:none;position:fixed;white-space:nowrap;width:100%;z-index:1}.stage{display:block;width:100%;height:100%;position:relative;margin:0 auto}.planet{z-index:10;height:auto;overflow:hidden;position:relative;top:50%;left:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.planet:before{content:"";display:block;padding-top:100%}.planet.animate{-webkit-animation-name:spin;-moz-animation-name:spin;-ms-animation-name:spin;-o-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.surface{position:absolute;width:100%;height:100%;top:0;right:0;pointer-events:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.75);box-shadow:inset 0 0 5px 0 rgba(0,0,0,.75);-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;-webkit-animation-name:spin;-moz-animation-name:spin;-ms-animation-name:spin;-o-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.sunlight{position:absolute;width:100%;height:100%;top:0;right:0;z-index:11;background:-webkit-gradient(linear,right top,left top,color-stop(rgba(0,0,0,1),0),color-stop(rgba(1,0,31,0),.5));background:-webkit-linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);background:-moz-linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);background:-o-linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);background:linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}.moon-orbit{width:100%;height:100%;display:block;margin:auto;position:absolute;pointer-events:none;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:12}.moon-orbit.animate{-webkit-animation-name:oz;-moz-animation-name:oz;-ms-animation-name:oz;-o-animation-name:oz;animation-name:oz;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.moon{position:relative;top:50%;z-index:20;height:auto;overflow:hidden;pointer-events:auto;left:0;min-height:2px;min-width:2px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset 0 0 1px 0 rgba(0,0,0,.75),20px 0 10px 0 rgba(0,0,0,.75);-moz-box-shadow:inset 0 0 1px 0 rgba(0,0,0,.75),20px 0 10px 0 rgba(0,0,0,.75);box-shadow:inset 0 0 1px 0 rgba(0,0,0,.75),20px 0 10px 0 rgba(0,0,0,.75);-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);-o-transform:translate(0%,-50%);transform:translate(0%,-50%)}.moon:before{content:"";display:block;padding-top:100%;width:100%;height:100%;background:-webkit-gradient(linear,right top,left top,color-stop(rgba(0,0,0,1),0),color-stop(rgba(1,0,31,0),.5));background:-webkit-linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);background:-moz-linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);background:-o-linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%);background:linear-gradient(right,rgba(0,0,0,1) 0,rgba(1,0,31,0) 50%)}.moon.animate{-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.clouds{background:url(../img/gas.png) no-repeat center top;-webkit-background-size:;-moz-background-size:contain;-o-background-size:;background-size:contain;z-index:25;position:fixed;-webkit-animation:gas-clouds 60s linear infinite;-moz-animation:gas-clouds 60s linear infinite;-ms-animation:gas-clouds 60s linear infinite;-o-animation:gas-clouds 60s linear infinite;animation:gas-clouds 60s linear infinite}#sun{display:block;height:100%;margin:0;top:0;left:0;pointer-events:none;position:absolute;white-space:nowrap;width:100%;z-index:2;background:-webkit-gradient(linear,left top,right top,color-stop(rgba(254,191,1,.5),0),color-stop(rgba(0,0,0,0),1));background:-webkit-linear-gradient(left,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:-moz-linear-gradient(left,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(254,191,1,.5),0),color-stop(rgba(0,0,0,0),1));background:-webkit-linear-gradient(to right,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:-moz-linear-gradient(to right,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(to right,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(254,191,1,.5) 0,rgba(0,0,0,0) 100%)}.speed-hint,.speed-hint-left{position:fixed;display:none;z-index:9999;top:50%;text-align:left;width:300px;height:200px;margin:auto;pointer-events:none;font-size:1em;font-weight:700;line-height:1.75;bottom:0;right:0;white-space:normal;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.belt{width:100%;height:100%;display:block;position:absolute;pointer-events:none;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:12}.belt.a{width:78%;left:22%}.belt.b{width:70%;right:30%}.debris{width:25%;height:100%;display:inline-block;position:relative;top:0;background-repeat:repeat;-webkit-background-size:;-moz-background-size:contain;-o-background-size:;background-size:contain}.debris.a,.debris.b{background:url(../img/debris2_blue.png)}.debris.c{background:url(../img/debris4_blue.png)}.debris.d{background:url(../img/debris1_blue.png)}.debris.x{background:0 0}