body,canvas,html{background-color:#000}.viewport,body,html{overflow:hidden;height:100%}body,html{margin:0;font-family:monospace;cursor:default}.viewport{position:relative;float:left;width:100%;-webkit-perspective:700px;-moz-perspective:700px;-ms-perspective:700px;perspective:700px}.plane,.world{position:absolute}.HUD,.background{width:100vw;height:100vh}.world{left:50%;top:50%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.plane{-webkit-transform-origin:0 0 0;-webkit-backface-visibility:hidden;-moz-transform-origin:0 0 0;-moz-backface-visibility:hidden;-ms-transform-origin:0 0 0;-ms-backface-visibility:hidden;backface-visibility:hidden}#minimap,.HUD,.background{position:fixed}.wall{animation-name:wall;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background:linear-gradient(to bottom,#000 0,#0FF 10%,#0FF 20%,#000 30%) #000;background-repeat:no-repeat}.glitch{background:0 0;transform-origin:50% 50%}.ceil,.floor{animation-duration:2s;background:rgba(0,255,255,1);animation-iteration-count:infinite}.floor{animation-name:floor}.ceil{animation-name:ceil}@keyframes floor{0%,10%,100%,70%{opacity:.5}85%{opacity:1}}@keyframes ceil{0%,100%{opacity:.75}10%{opacity:1}30%,90%{opacity:.5}}@keyframes wall{from{background-position:0 -150px}to{background-position:0 650px}}.background{background-color:#000}.HUD{color:red;z-index:100}.remainingTime{width:100%;text-align:center;color:#fff}.data{background:0 0}#attackLoader,#laserbeam{position:fixed;width:100vw;height:100vh;top:0;left:0;background:0 0}.laserbeamActive{background:linear-gradient(to right,transparent 0,transparent 46%,#0FF 49%,#0FF 51%,transparent 54%,transparent 100%)!important;animation-name:laserbeam;animation-duration:.3s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes laserbeam{from{opacity:.7}to{opacity:1}}#shockwave{background:rgba(100,100,100,.5)}.bullet{transform-origin:50% 0;background:radial-gradient(circle at 50%,transparent,transparent 20%,#eee 30%,#eee 40%,transparent 40%)}#minimap{width:100px;height:200px;background:0 0;top:0;right:0}