html{color-scheme:dark}body{background:#000;font-family:system-ui}#fps{position:absolute;z-index:999;margin:0px;top:5px;left:5px;background:rgba(0,128,0,.466);padding-inline:5px;font-weight:600;color:lime;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.crossHair{position:absolute;left:50%;top:50%;font-size:24px;font-weight:900;transform:translate(-50%, -50%);z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:#000}.viewport{position:absolute;perspective:400px;inset:0px;width:100%;height:100%;overflow:hidden}.viewport.skybox{pointer-events:none;perspective:400px}.viewport .camera{position:relative;transform-style:preserve-3d;width:0px;height:0px;left:50%;top:50%}#mapScene{transform-style:preserve-3d}#mapScene .tile{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0;background-size:cover;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}#mapScene .floor{background-image:url("../images/cobblestone.png")}#mapScene .wall{background-image:url("../images/ancient_debris_side.png")}#mapScene .wall.top,#mapScene .wall.bottom{background-image:url("../images/ancient_debris_top.png")}#mapScene .rock{background-image:url("../images/rock-sus.gif")}#skybox{transform-style:preserve-3d;-webkit-animation:rotate 500s linear infinite;animation:rotate 500s linear infinite}#skybox .skybox{position:absolute;--_size: 500px;width:510px;height:510px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0;background-size:cover;background-repeat:no-repeat}#skybox .bottom{background-color:red;background-image:url("../images/skybox-bottom.png");transform:translate3d(calc(var(--_size) / -2 - 5px), calc(var(--_size) / 2), calc(var(--_size) / -2 - 5px)) rotateX(90deg)}#skybox .back{background-color:green;background-image:url("../images/skybox-back.png");transform:translate3d(calc(var(--_size) / 2 + 5px), calc(var(--_size) / -2 - 5px), calc(var(--_size) / -2)) rotateZ(90deg)}#skybox .front{background-color:blue;background-image:url("../images/skybox-front.png");transform:translate3d(calc(var(--_size) / -2 - 5px), calc(var(--_size) / 2 + 5px), calc(var(--_size) / 2)) rotateX(180deg)}#skybox .left{background-color:purple;background-image:url("../images/skybox-left.png");transform:translate3d(calc(var(--_size) / 2), calc(var(--_size) / 2 + 5px), calc(var(--_size) / 2 + 5px)) rotateX(180deg) rotateY(270deg)}#skybox .right{background-color:orange;background-image:url("../images/skybox-right.png");transform:translate3d(calc(var(--_size) / -2), calc(var(--_size) / 2 + 5px), calc(var(--_size) / -2 - 5px)) rotateX(180deg) rotateY(90deg)}#skybox .top{background-color:pink;background-image:url("../images/skybox-top.png");transform:translate3d(calc(var(--_size) / -2 - 5px), calc(var(--_size) / -2), calc(var(--_size) / 2 + 5px)) rotateX(270deg)}@-webkit-keyframes rotate{from{transform:rotateY(0deg) rotateZ(0deg)}to{transform:rotateY(360deg) rotateZ(360deg)}}@keyframes rotate{from{transform:rotateY(0deg) rotateZ(0deg)}to{transform:rotateY(360deg) rotateZ(360deg)}}/*# sourceMappingURL=style.css.map */