*{box-sizing:border-box}.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}#viewport{position:absolute;--perspective: 500px;perspective:var(--perspective);inset:0px;width:100%;height:100%;overflow:hidden}#camera{width:0px;height:0px;position:relative;left:50%;top:50%;--rotateX: 0deg;--rotateY: 0deg;transform-style:preserve-3d;transform:translate3d(0px, 0px, var(--perspective)) rotateX(var(--rotateX)) rotateY(var(--rotateY))}#scene{--size: 250px;--x: 0px;--y: 0px;--z: 0px;--angle: 0deg;transform-origin:var(--x) calc(var(--y)*-1 + var(--size)/2) calc(var(--z) - var(--size)/2);transform:translate3d(calc(var(--x) * -1), calc(var(--y) - var(--size) / 2), calc(var(--z) * -1 + var(--size) / 2));transform-style:preserve-3d}#scene .block{position:absolute;width:var(--size);height:var(--size);transform-style:preserve-3d;outline:1px solid #000;transform:rotateX(90deg)}#scene .block.wall>div{position:absolute;width:100%;height:100%;--rotateX: 0deg;--rotateY: 0deg;--rotateZ: 0deg;transform:translateZ(calc(var(--size) / 2)) rotateY(var(--rotateY)) rotateZ(var(--rotateZ)) rotateX(var(--rotateX));background:red;outline:1px solid #000}#scene .block.wall>div.left{--rotateZ: 90deg;--rotateX: 270deg;translate:calc(var(--size)/-2)}#scene .block.wall>div.right{--rotateZ: -90deg;--rotateY: 90deg;translate:calc(var(--size)/2)}#scene .block.wall>div.front{--rotateX: -90deg;translate:0px calc(var(--size)/2)}#scene .block.wall>div.back{--rotateX: -90deg;translate:0px calc(var(--size)/-2)}#scene .block.wall>div.top{translate:0px 0px calc(var(--size)/2)}#scene .block.rock>div{background-image:url("../images/rock-sus.gif");background-size:100%}#scene .block.floor{background:green}/*# sourceMappingURL=style.css.map */