.primitive-grid{position:absolute;top:50%;left:50%;--grid-x: 0px;--grid-y: 0px;transform:translate3d(calc(-50% + var(--grid-x)), -50%, var(--grid-y)) rotateX(90deg);background-image:linear-gradient(var(--grid-color, #333) 2px, rgba(0,0,0,0) 2px),linear-gradient(90deg, var(--grid-color, #333) 2px, rgba(0,0,0,0) 2px);background-size:100px 100px;background-position:center;-webkit-mask-image:radial-gradient(circle, #000 30%, rgba(0,0,0,0) 70%);mask-image:radial-gradient(circle, #000 30%, rgba(0,0,0,0) 70%);will-change:transform;pointer-events:none}.primitive-cube{position:absolute;transform-style:preserve-3d;top:50%;left:50%;--cube-x: 0px;--cube-y: 0px;--cube-z: 0px;--size: 100px;width:var(--size);height:var(--size);transform:translate3d(calc(-50% + var(--cube-x)), calc(-50% - var(--cube-z)), var(--cube-y));contain:layout style}.cube-face{position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;background:#111;color:inherit;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;backface-visibility:hidden}.face-front{transform:translateZ(calc(var(--size)/2))}.face-back{transform:rotateY(180deg) translateZ(calc(var(--size)/2))}.face-right{transform:rotateY(90deg) translateZ(calc(var(--size)/2))}.face-left{transform:rotateY(-90deg) translateZ(calc(var(--size)/2))}.face-top{transform:rotateX(90deg) translateZ(calc(var(--size)/2))}.face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--size)/2))}html,body{overscroll-behavior:none;touch-action:none}.fpc-viewport{width:100vw;height:100vh;height:100dvh;overflow:hidden;position:relative;user-select:none;background:#000}.fpc-world{--p-x: 0px;--p-y: 0px;--p-z: 0px;--yaw: 0deg;--pitch: 0deg;--fov: 700px;width:100%;height:100%;position:absolute;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;transform:translateZ(var(--fov)) rotateX(var(--pitch)) rotateY(var(--yaw)) translate3d(calc(var(--p-x)*-1), var(--p-z), calc(var(--p-y)*-1))}.ui-layer{position:fixed;width:100%;height:100%;pointer-events:none;z-index:10;color:#fff;padding:20px;box-sizing:border-box;display:flex;justify-content:space-between}.ui-fps{color:lime;font-weight:bold;text-shadow:1px 1px 0 #000}.joystick-knob{position:absolute;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.5);box-shadow:0 0 10px rgba(0,0,0,.5);transform:translate(-50%, -50%);pointer-events:none;display:none;z-index:100;will-change:top,left,transform}.mobile-jump-btn{position:absolute;bottom:30px;right:30px;width:60px;height:60px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;user-select:none;z-index:100;pointer-events:auto;display:none}.mobile-jump-btn:active{background:rgba(255,255,255,.4)}@media (hover: none) and (pointer: coarse){.mobile-jump-btn{display:flex}}body{margin:0;overflow:hidden;font-family:monospace;background:#000}.ui-layer{position:fixed;width:100%;height:100%;pointer-events:none;z-index:10;color:#fff;padding:20px;box-sizing:border-box;display:flex;justify-content:space-between}.ui-fps{color:lime;font-weight:bold;text-shadow:1px 1px 0 #000}