.enter-vr-button{transition:none;margin:0;position:fixed;z-index:100;top:0;left:50vw;border-radius:0 0 50px 50px;background:#0000;border:none;padding:20px;padding-top:calc(40px + env(safe-area-inset-top));cursor:pointer;transform:translate(-50%)}body.ui-effects .enter-vr-button{perspective:800px}.enter-vr-button svg{transition:.5s all ease-out;transform:translateZ(0);will-change:transform;display:inline-block;vertical-align:bottom;margin-right:10px}.enter-vr-button .inner{position:relative;transition:.25s all ease-out;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateZ(0);background:#00000026;border-radius:50px;padding:8px 16px;line-height:28px;font-size:24px}body:not(.ui-effects) :is(.enter-vr-button .inner){-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#0000004d}.enter-vr-button .text{transition:.4s all ease-out;display:block;color:#0f0;filter:drop-shadow(0 0 10px rgba(255,255,255,1));text-shadow:0 0 10px rgba(255,255,255,.5);white-space:nowrap}body:not(.ui-effects) :is(.enter-vr-button .text){filter:none!important;text-shadow:none!important}.enter-vr-button[disabled]{transition:.8s all ease-out;top:max(0px,calc(env(safe-area-inset-top) - 7px));bottom:auto;margin-bottom:0;margin-top:-4px;padding:0;cursor:not-allowed;transform:translate(-50%)}.enter-vr-button[disabled] svg{width:20px}.enter-vr-button[disabled] .inner{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;font-size:18px}.enter-vr-button[disabled] .text{color:#ffffff80;filter:none}.enter-vr-button:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateZ(0);background:#000;color:#fff;padding:4px 8px;font-size:13px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s ease-out;z-index:99}:is(.enter-vr-button[disabled]:hover,.enter-vr-button[disabled]:focus,.enter-vr-button[disabled].show-tooltip):after{opacity:1}:is(.enter-vr-button[disabled]:hover,.enter-vr-button[disabled]:focus,.enter-vr-button[disabled].show-tooltip) .text{color:#fff}.enter-vr-button:not(.ready){opacity:0;transform:translate(-50%) translateY(calc(-100% - env(safe-area-inset-top)));will-change:opacity,transform}.enter-vr-button.ready{transition:1s opacity ease-out,1s transform ease-out,1s top ease-out}.enter-vr-button.fade{transition:2.5s all ease-out}.enter-vr-button.fade:not(:hover):not(:focus) .text{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,0));text-shadow:0 0 10pxrgba (255,255,255,0);transition:2.5s all ease-out}.enter-vr-button.fade:not(:hover):not(:focus) .text body.ui-effects{transform:rotateX(30deg)}.enter-vr-button.hide:not(:hover):not(:focus):not(.show-tooltip),body.pointer-locked .enter-vr-button{transition:.8s opacity linear,.8s top ease-in,.8s transform ease-in;opacity:0;transform:translate(-50%) translateY(calc(-100% - env(safe-area-inset-top)));transition-delay:2s}.leva__custom-root>div{top:0;right:0;padding-top:max(0px,calc(env(safe-area-inset-top) - 7px));box-sizing:content-box;background:#0000004d}body.ui-effects :is(.leva__custom-root>div){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003}.leva__custom-root>div div:has(>div[class*=leva-c-][class*=-isRoot-true]:first-child){touch-action:pan-y;max-height:calc(100dvh - var(--leva--titleBarHeight) - max(0px,calc(env(safe-area-inset-top) - 7px)));padding-bottom:env(safe-area-inset-bottom)}.leva__custom-root>div:has([class*=leva-c-][class*=-active-true]){--leva-sizes-rootWidth: 108px;transition:.2s all ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background:#0000}.leva__custom-root>div svg[width="9"][height="5"]{fill:currentColor;margin-left:0}.leva__custom-root>div div[class*=leva-c-][class*=-isRoot-true]{padding-top:6px;padding-bottom:14px}.leva__custom-root>div i:has(+div[class*=leva-c-][class*=-filterEnabled-false]){flex:0 0 auto;order:2;transition:.4s all ease-out;background-image:url(data:image/webp;base64,UklGRkwEAABXRUJQVlA4WAoAAAAQAAAALwAANAAAQUxQSOcAAAARgLpt2/Hnqauutm0l20q27WfGf6Bke6usNqJtJP2wfe+33zO3iJgA4P8qYI0Fit9Ld+qHOYcwCpgX+kO4ZXnMCyRvxeQ990hgq5VBv0JActNEluNYQDXqy0uQojaS/StbWVl5InN7tBIMAuKJX15bJLUJ/P/a3d19JnO5u9uDiHhPZgQRUc2dGugm3NIpTUhIAIBjOtnw7u9LOo3GcUMVB9i1nBPYmUTkApgn0IJsWm6N3GyzjYw1iE4KDKAQW4Dvs40ha1GsJrBHSCwW+Crqvs9Hl1GFF/flFWs/AkHkScHUnxqYSAgAVlA4ID4DAAAwDgCdASowADUAPsFOmkunpCIhsqzI8BgJZQDJU37d5fjUAjnYoj+QI510qlz+Hj0QtF31AjPFam3kLbdtdqVoqMhZlrzOsyJT/8gOY2kjhiI+ZiPPg/joioQJK904K5JNMDlOC/KJHREvb99WoFvKoaQF4fENTlk3AAD+78OYFWxfLy7uvfwUo/tOh005WKkvng+0QKdNi3XGL+Txm69ALLC7+gzk4/Zp9/CtNetjtMn/KDt/tXb57F/uNIpBCrDczYtvW+xxog217Y8+kYI9ssPp4yLaLxbLfxCHfVlVsRUuxd1nurywAl+YhvZ+8MZJNT4yaDq6/CIe/i8sIKL1iLHZ3VkY5idRpw7nn328J8UB8V4boMkOX2J8W4nci9SP/gq4YftSCHrH7nsxwQx5l5ccR2z5kfbAi7RHl6hyuQbIf93j6q6mRoJyBDljvlf5MfE9DyboKKJXmeUSZXlhCZyqcj/ItcLS5z+gDFiPBA67X0EYG9b2aECGDnFhbo2/774OTnn20i+GRpAimPV9xiAvrTnrv+dN9P/yYtNWTfcyKumjobJc+rxMAVNA9VTqZOc7IpqlBi56Wp+3eK0e08+IbHIs9mvkFDt3uzfrefOzvr5ulK8nldK2NsKpZg7FBJOuDkngN8VB/k7bri/cQi7Rl5QdwlA753yltYxlfBIJOd1iCiAjRdev/I8QjCe3n5wYq4Jcm1HdpdjSyuLWRVzrfLHcfVDcCka5UiPynrP5zDEvXE/rSzk08v8qcp/tY7b+rBeQMlLje5HCyhiD58Uv48HYmYE3chE4xlimCS8g/aM8yjG4wUottzvV+5gxMUGuiiYt+0dLCI4MyorBS/6DPboSzOQceKzbEQ3gCxL04+YKzZoBNLTffEHoi6dQk+zuCgPtFcLL5k5EzAXCGZEm1V6rAyv2XlS1rmyErBl5ns0kHuF9kCfw2wKDmPinttD/vBSJxLiFica/R7Vogn0kGb7n9wII7u8YJThdLhrf/WYhxAO06jGoar51cEBFkf/aIEXrPj+sK3tL/6vuG+//wacp77ua+zcX3K2eWiEQgqbyk08Gh9xxZ6pyH1vs+2D8Vu7fB+I+WLwAAA==);background-size:6px 6px;background-position:center;background-repeat:no-repeat}.leva__custom-root>div i:has(+div[class*=leva-c-][class*=-filterEnabled-false]) svg{opacity:1;transition:.4s all ease-out}.leva__custom-root>div:has([class*=leva-c-][class*=-active-true]) i:has(+div[class*=leva-c-][class*=-filterEnabled-false]){background-size:24px 24px;transition:.4s all ease-out}.leva__custom-root>div:has([class*=leva-c-][class*=-active-true]) i:has(+div[class*=leva-c-][class*=-filterEnabled-false]) svg{opacity:0}.leva__custom-root>div div[class*=leva-c-][class*=-filterEnabled-false]{padding-right:0;margin-right:-16px;padding-left:10px;flex:1 0 auto;justify-content:flex-start;pointer-events:none;transition:.4s all ease;position:relative;color:#fff;transform:translateY(-1px);opacity:1}.leva__custom-root>div:has([class*=leva-c-][class*=-active-true]) div[class*=leva-c-][class*=-filterEnabled-false]{opacity:.5}.leva__custom-root>div div[class*=leva-c-][class*=-isRoot-false]{padding-left:0}.leva__custom-root>div div:has(>div:first-child>label:first-child){align-self:start;height:auto}.leva__custom-root>div select+div{padding-left:10px}.leva__custom-root.fade>div:has([class*=leva-c-][class*=-active-true]) i:has(+div[class*=leva-c-][class*=-filterEnabled-false]){transition:.8s all linear;opacity:.3;background-size:24px 24px}body.pointer-locked :is(.leva__custom-root.fade>div:has([class*=leva-c-][class*=-active-true]) i:has(+div[class*=leva-c-][class*=-filterEnabled-false])){opacity:0}.leva__custom-root.fade>div:has([class*=leva-c-][class*=-active-true]) i:has(+div[class*=leva-c-][class*=-filterEnabled-false]):hover,.leva__custom-root.fade>div:has([class*=leva-c-][class*=-active-true]) i:has(+div[class*=leva-c-][class*=-filterEnabled-false]):focus{transition:.4s all ease-out;opacity:1}.leva__custom-root.fade>div:has([class*=leva-c-][class*=-active-true]) div[class*=leva-c-][class*=-filterEnabled-false]{transition:.8s all linear;opacity:0}.leva__custom-label{white-space:initial;text-overflow:initial}.leva__custom-label span{line-height:30px;display:block}.leva__custom-label span em{opacity:.5;font-style:normal}.leva__custom-label p{margin:-3px 0 7px;line-height:1.15;color:#fff6;font-size:14px}@media (pointer: coarse){.leva__custom-label p{pointer-events:none}}.leva__custom-label button{height:var(--leva-sizes-rowHeight);border-radius:var(--leva-radii-sm);border:0;padding:0 10px;background-color:#fff;color:#00f;display:block;margin-bottom:6px;cursor:pointer}.leva__custom-label button+p{margin-top:0}:root{--joystick-x: 15px;--joystick-y: 30px;--joystick-radius: 70px}.joystick{box-sizing:border-box;outline:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);--transform: rotateX(0deg) rotateY(0deg);transition:.4s all ease-out;pointer-events:none}body:not(.joysticks-visible) .joystick{opacity:0}body:not(.joysticks-visible) .joystick--left{left:calc(-150px - env(safe-area-inset-left))}body:not(.joysticks-visible) .joystick--right{right:calc(-150px - env(safe-area-inset-right))}.joystick--left{--transform: rotateX(30deg) rotateY(-15deg);top:auto;left:calc(var(--joystick-radius) + var(--joystick-x) + env(safe-area-inset-left));bottom:calc(var(--joystick-radius) + var(--joystick-y) + env(safe-area-inset-bottom));transform:translate(-50%,50%)}body.pointer-locked .joystick--left{transition:.4s all ease-in;left:calc(-150px - env(safe-area-inset-left));opacity:0}.joystick--right{--transform: rotateX(-30deg) rotateY(-15deg);top:auto;left:auto;right:calc(var(--joystick-radius) + var(--joystick-x) + env(safe-area-inset-right));bottom:calc(var(--joystick-radius) + var(--joystick-y) + env(safe-area-inset-bottom));transform:translate(50%,50%)}body.pointer-locked .joystick--right{transition:.4s all ease-in;right:calc(-150px - env(safe-area-inset-left));opacity:0}.joystick__areola{box-sizing:border-box;outline:none;border-radius:50%;position:relative}body.ui-effects .joystick__areola{perspective:800px}.joystick__areola:before{content:"";position:absolute;background:#fff;border-radius:50%;top:50%;left:50%;width:60%;height:60%;transform-style:flat;transform:translate(-50%,-50%)}body.ui-effects .joystick__areola:before{transform-style:preserve-3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(#0004 0% 35%,#96505011 80%)}.joystick--right .joystick__areola:before{width:35%}.joystick__nipple{pointer-events:all;box-sizing:border-box;outline:none;position:absolute;cursor:grab;z-index:3;left:50%;bottom:50%;border-radius:50%;background:#c864644d;transition:border-radius .1s ease-out;transform-style:preserve-3d;transform:translate(-50%,50%) var(--transform)}body.ui-effects .joystick__nipple{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px #d5dadb4d}body:not(.ui-effects) .joystick__nipple{border-radius:50%!important;transform:translate(-50%,50%)!important}.joystick__arrows{display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none;opacity:.125;transform-style:preserve-3d;line-height:1;color:#fff;font-size:13px;font-weight:300;text-transform:uppercase;text-align:center}body.ui-effects .joystick__arrows{display:block}.joystick__arrows div{position:absolute}.joystick__arrows .arrow-up{top:7px;left:50%;transform:translate(-50%,50%)}.joystick__arrows .arrow-down{bottom:7px;left:50%;transform:translate(-50%,-50%)}.joystick__arrows .arrow-left{left:7px;top:50%;transform:translate(50%,-50%)}.joystick__arrows .arrow-right{right:7px;top:50%;transform:translate(-50%,-50%)}.joystick__arrows div:before{position:absolute;display:none}.joystick__arrows div:after{position:absolute;font-size:12px;font-weight:300;white-space:nowrap;display:none}.joystick__arrows .arrow-up:before,.joystick__arrows .arrow-down:before,.joystick__arrows .arrow-up:after,.joystick__arrows .arrow-down:after{width:80px;transform:translate(-50%)}.joystick__arrows .arrow-up:before{content:"W";top:45px}.joystick__arrows .arrow-down:before{content:"S";bottom:45px}.joystick__arrows .arrow-left:before{content:"A";left:45px;transform:translateY(-50%);top:50%}.joystick__arrows .arrow-right:before{content:"D";right:45px;transform:translateY(-50%);top:50%}.joystick__arrows .arrow-up:after{content:"⇑";top:21px}.joystick__arrows .arrow-down:after{content:"⇓";bottom:21px}.joystick__arrows .arrow-left:after{content:"⇑";width:80px;left:-13px;transform:translateY(-50%) rotate(-90deg)}.joystick__arrows .arrow-right:after{content:"⇑";width:80px;right:-13px;transform:translateY(-50%) rotate(90deg)}.joystick--right .joystick__arrows{transform:rotateX(-45deg)}.joystick--right .joystick__arrows .arrow-up{top:-5px}.joystick--right .joystick__arrows .arrow-down{bottom:-8px}.joystick--right .joystick__arrows .arrow-left,.joystick--right .joystick__arrows .arrow-right{display:none}.joystick--right .joystick__arrows .arrow-left:before{content:"Q"}.joystick--right .joystick__arrows .arrow-right:before{content:"E"}.joystick--right .joystick__arrows .arrow-left:after{content:"L Roll ↺"}.joystick--right .joystick__arrows .arrow-right:after{content:"↻ Roll R"}.joystick--right .joystick__arrows .arrow-up:before{content:"R"}.joystick--right .joystick__arrows .arrow-down:before{content:"F"}.joystick--right .joystick__arrows .arrow-up:after{content:"Up"}.joystick--right .joystick__arrows .arrow-down:after{content:"Down"}body.has-keyboard .joystick__arrows div:before{display:block}