@mml-io/3d-web-experience-client 0.25.0 → 0.26.0

package/build/index.js

@@ -1,25 +1,23 @@
-globalThis['__css-content-c066f87a63805017c3d140897de9e462__']=".AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0250{z-index:102;user-select:none;width:70px;min-height:70px;position:absolute;top:0;right:0}.AvatarSelectionUIComponent-module__input_VjZ7cq__0250{color:#fff;backdrop-filter:blur(10px);background-color:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;margin-right:6px;padding:6px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__input_VjZ7cq__0250:focus{background-color:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.AvatarSelectionUIComponent-module__input_VjZ7cq__0250::placeholder{color:#ffffff80}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0250{backdrop-filter:blur(10px);color:#fffc;cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0250:hover{color:#ffffffe6;background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0250:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0250{backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0250:hover{background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0250:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0250 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0250{backdrop-filter:blur(20px);z-index:103;user-select:none;background:#000000bf;border:1px solid #fff3;border-radius:16px;width:400px;max-width:78vw;max-height:calc(100vh - 24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:absolute;top:8px;right:60px;overflow:hidden auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0250::-webkit-scrollbar{width:8px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0250::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0250::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0250::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0250{border-bottom:1px solid #ffffff26;padding:10px}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0250:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0250{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;max-height:320px;padding:10px;display:grid;overflow:hidden auto}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0250::-webkit-scrollbar{width:6px}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0250::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0250::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0250{color:#ffffffe6;text-align:center;font-weight:600;position:relative}.AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0250{position:absolute;top:20px;right:20px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0250{color:#ffffffe6;text-align:center;cursor:pointer;border-radius:8px;padding:4px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0250:hover{background:#0000004d;transform:translateY(-2px)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0250{border-radius:8px;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0250{aspect-ratio:1;box-sizing:border-box;background:#0003;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0250 img{filter:invert(70%);opacity:.7;width:40%}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0250 p{text-overflow:ellipsis;white-space:nowrap;color:#fffc;margin:4px 0 0;font-size:12px;font-weight:500;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0250{pointer-events:none;z-index:1000;color:#ffffffe6;backdrop-filter:blur(10px);opacity:0;visibility:hidden;white-space:nowrap;background:#000c;border-radius:8px;margin-bottom:4px;padding:4px 6px;font-size:12px;font-weight:500;transition:opacity .2s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0250 p:hover+.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0250{opacity:1;visibility:visible;transition-delay:.5s}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0250 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0250{aspect-ratio:1;border-radius:8px;width:100%;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0250{color:#fff;backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #fff3;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0250 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0250{z-index:2;position:absolute;top:4px;right:4px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0250 img:hover{opacity:.8;transform:scale(1.05)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0250{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0250{white-space:nowrap;align-items:center;gap:3px;margin-right:6px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 label{color:#fffc;cursor:pointer;margin:0;font-size:14px;font-weight:500;transition:color .2s ease-in-out}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 label:hover{color:#fff}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 input[type=radio]{appearance:none;cursor:pointer;background:none;border:2px solid #ffffff4d;border-radius:50%;outline:none;width:18px;height:18px;transition:all .2s ease-in-out;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 input[type=radio]:hover{border-color:#ffffff80}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 input[type=radio]:focus{box-shadow:0 0 0 3px #ffffff1a}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 input[type=radio]:checked{background:#ffffff1a;border-color:#fffc}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 input[type=radio]:checked:after{content:\"\";background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 input[type=radio][disabled]{opacity:.4;cursor:not-allowed}.AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0250{align-items:stretch;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0250{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;height:44px;padding-left:16px;padding-right:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0250:hover:not(:disabled){background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0250:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0250:disabled{opacity:.5;cursor:not-allowed;transform:none}.AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0250{color:#ffffffe6;letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0250{margin-left:8px;position:relative;top:-2px}.AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0250{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0250{align-items:stretch;display:flex}.InputBox-module__inputWrapper_adOgOW__0250{pointer-events:all;align-items:stretch;gap:6px;display:flex}.InputBox-module__chatInput_adOgOW__0250{color:#fff;backdrop-filter:blur(10px);box-sizing:border-box;background:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;height:36px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.InputBox-module__chatInput_adOgOW__0250:focus{background:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.InputBox-module__chatInput_adOgOW__0250::placeholder{color:#ffffff80}.InputBox-module__sendButton_adOgOW__0250{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s ease-in-out;display:flex}.InputBox-module__sendButton_adOgOW__0250:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.InputBox-module__sendButton_adOgOW__0250:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.InputBox-module__sendButton_adOgOW__0250 .InputBox-module__svgIcon_adOgOW__0250 img{filter:invert(80%);width:18px;height:18px;transition:all .2s ease-in-out}.InputBox-module__sendButton_adOgOW__0250:hover .InputBox-module__svgIcon_adOgOW__0250 img{filter:invert(90%)}.Message-module__messageContainer_ikOQiq__0250{backdrop-filter:blur(8px);word-break:break-word;color:#ffffffe6;direction:ltr;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:fit-content;margin:6px auto 6px 2px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;transition:all .2s ease-in-out;overflow-x:hidden}.Message-module__messageContainer_ikOQiq__0250:hover{background:#0006;border-color:#ffffff4d}.Message-module__userName_ikOQiq__0250{color:#ffffffe6;margin-right:4px;font-weight:600}.Messages-module__messagesContainer_LXaUUW__0250{z-index:1000;max-height:inherit;scrollbar-width:thin;scrollbar-color:#fff3 transparent;pointer-events:fill;direction:rtl;position:relative;bottom:0;left:-1px;overflow-y:auto}.Messages-module__messagesContainer_LXaUUW__0250::-webkit-scrollbar{width:6px}.Messages-module__messagesContainer_LXaUUW__0250::-webkit-scrollbar-track{background:none}.Messages-module__messagesContainer_LXaUUW__0250::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:3px}.Messages-module__messagesContainer_LXaUUW__0250::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.Messages-module__newMessagesButton_LXaUUW__0250{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1001;direction:ltr;background:#000000bf;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.Messages-module__newMessagesButton_LXaUUW__0250:hover{background:#000000d9;border-color:#ffffff4d;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #0006}.Messages-module__newMessagesButton_LXaUUW__0250:active{transform:translate(-50%)translateY(0);box-shadow:0 2px 8px #0000004d}.TextChatUIComponent-module__uiHover_gFDdcW__0250{z-index:102;pointer-events:all;width:58px;min-height:58px;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChatUi_gFDdcW__0250{flex-direction:row;align-items:flex-end;width:100%;max-width:500px;height:0;display:flex;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChat_gFDdcW__0250{z-index:-1;color:#fff;user-select:none;opacity:0;flex-direction:column;justify-content:space-between;width:100%;max-height:500px;margin-bottom:8px;margin-left:60px;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:opacity .25s ease-in-out,transform .2s ease-in-out;display:flex;transform:translate(-100%)}.TextChatUIComponent-module__fadeIn_gFDdcW__0250{opacity:1;transform:translate(0)}.TextChatUIComponent-module__fadeOut_gFDdcW__0250{opacity:.6;transform:translate(calc(-100% - 72px))}.TextChatUIComponent-module__controls_gFDdcW__0250{position:absolute;top:2px;right:0}.TextChatUIComponent-module__openTab_gFDdcW__0250{backdrop-filter:blur(10px);cursor:pointer;z-index:102;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:8px;left:8px}.TextChatUIComponent-module__openTab_gFDdcW__0250:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__openTab_gFDdcW__0250:active{transform:scale(.95)}.TextChatUIComponent-module__openTab_gFDdcW__0250 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0250{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:1;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:38px;left:38px}.TextChatUIComponent-module__stickyButton_gFDdcW__0250:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0250{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:0;pointer-events:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0250{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#000c;border:1px solid #22c55e99;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px;box-shadow:0 0 8px #22c55e4d}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0250:hover{border-color:#22c55ecc;transform:scale(1.05);box-shadow:0 0 12px #22c55e66}.TextChatUIComponent-module__stickyButton_gFDdcW__0250 img,.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0250 img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0250 img{filter:invert(70%);width:12px;height:12px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0250:hover img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0250:hover img{filter:invert(90%)}.TextChatUIComponent-module__controls_gFDdcW__0250 .TextChatUIComponent-module__closeButton_gFDdcW__0250{color:#fffc;backdrop-filter:blur(10px);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:3px;right:3px}.TextChatUIComponent-module__closeButton_gFDdcW__0250:hover{color:#ffffffe6;background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__closeButton_gFDdcW__0250:active{transform:scale(.95)}.TextChatUIComponent-module__messagesWrapper_gFDdcW__0250{direction:rtl;width:fit-content;max-height:450px;margin-bottom:8px;position:relative}.Networked3dWebExperience-module__respawnButton_7g9l0W__0250{z-index:102;color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;left:8px}.Networked3dWebExperience-module__respawnButton_7g9l0W__0250:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px)}.Networked3dWebExperience-module__respawnButton_7g9l0W__0250:active{transform:translateY(0)}\n";globalThis['__css-digest-c066f87a63805017c3d140897de9e462__']="c066f87a63805017c3d140897de9e462";
+globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__']=".AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0260{z-index:102;user-select:none;width:70px;min-height:70px;position:absolute;top:0;right:0}.AvatarSelectionUIComponent-module__input_VjZ7cq__0260{color:#fff;backdrop-filter:blur(10px);background-color:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;margin-right:6px;padding:6px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__input_VjZ7cq__0260:focus{background-color:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.AvatarSelectionUIComponent-module__input_VjZ7cq__0260::placeholder{color:#ffffff80}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0260{backdrop-filter:blur(10px);color:#fffc;cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0260:hover{color:#ffffffe6;background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0260:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0260{backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0260:hover{background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0260:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0260 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0260{backdrop-filter:blur(20px);z-index:103;user-select:none;background:#000000bf;border:1px solid #fff3;border-radius:16px;width:400px;max-width:78vw;max-height:calc(100vh - 24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:absolute;top:8px;right:60px;overflow:hidden auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0260::-webkit-scrollbar{width:8px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0260::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0260::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0260::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0260{border-bottom:1px solid #ffffff26;padding:10px}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0260:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0260{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;max-height:320px;padding:10px;display:grid;overflow:hidden auto}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0260::-webkit-scrollbar{width:6px}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0260::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0260::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0260{color:#ffffffe6;text-align:center;font-weight:600;position:relative}.AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0260{position:absolute;top:20px;right:20px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0260{color:#ffffffe6;text-align:center;cursor:pointer;border-radius:8px;padding:4px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0260:hover{background:#0000004d;transform:translateY(-2px)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0260{border-radius:8px;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0260{aspect-ratio:1;box-sizing:border-box;background:#0003;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0260 img{filter:invert(70%);opacity:.7;width:40%}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0260 p{text-overflow:ellipsis;white-space:nowrap;color:#fffc;margin:4px 0 0;font-size:12px;font-weight:500;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0260{pointer-events:none;z-index:1000;color:#ffffffe6;backdrop-filter:blur(10px);opacity:0;visibility:hidden;white-space:nowrap;background:#000c;border-radius:8px;margin-bottom:4px;padding:4px 6px;font-size:12px;font-weight:500;transition:opacity .2s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0260 p:hover+.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0260{opacity:1;visibility:visible;transition-delay:.5s}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0260 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0260{aspect-ratio:1;border-radius:8px;width:100%;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0260{color:#fff;backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #fff3;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0260 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0260{z-index:2;position:absolute;top:4px;right:4px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0260 img:hover{opacity:.8;transform:scale(1.05)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0260{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0260{white-space:nowrap;align-items:center;gap:3px;margin-right:6px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 label{color:#fffc;cursor:pointer;margin:0;font-size:14px;font-weight:500;transition:color .2s ease-in-out}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 label:hover{color:#fff}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 input[type=radio]{appearance:none;cursor:pointer;background:none;border:2px solid #ffffff4d;border-radius:50%;outline:none;width:18px;height:18px;transition:all .2s ease-in-out;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 input[type=radio]:hover{border-color:#ffffff80}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 input[type=radio]:focus{box-shadow:0 0 0 3px #ffffff1a}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 input[type=radio]:checked{background:#ffffff1a;border-color:#fffc}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 input[type=radio]:checked:after{content:\"\";background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 input[type=radio][disabled]{opacity:.4;cursor:not-allowed}.AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0260{align-items:stretch;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0260{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;height:44px;padding-left:16px;padding-right:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0260:hover:not(:disabled){background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0260:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0260:disabled{opacity:.5;cursor:not-allowed;transform:none}.AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0260{color:#ffffffe6;letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0260{margin-left:8px;position:relative;top:-2px}.AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0260{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0260{align-items:stretch;display:flex}.InputBox-module__inputWrapper_adOgOW__0260{pointer-events:all;align-items:stretch;gap:6px;display:flex}.InputBox-module__chatInput_adOgOW__0260{color:#fff;backdrop-filter:blur(10px);box-sizing:border-box;background:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;height:36px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.InputBox-module__chatInput_adOgOW__0260:focus{background:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.InputBox-module__chatInput_adOgOW__0260::placeholder{color:#ffffff80}.InputBox-module__sendButton_adOgOW__0260{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s ease-in-out;display:flex}.InputBox-module__sendButton_adOgOW__0260:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.InputBox-module__sendButton_adOgOW__0260:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.InputBox-module__sendButton_adOgOW__0260 .InputBox-module__svgIcon_adOgOW__0260 img{filter:invert(80%);width:18px;height:18px;transition:all .2s ease-in-out}.InputBox-module__sendButton_adOgOW__0260:hover .InputBox-module__svgIcon_adOgOW__0260 img{filter:invert(90%)}.Message-module__messageContainer_ikOQiq__0260{backdrop-filter:blur(8px);word-break:break-word;color:#ffffffe6;direction:ltr;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:fit-content;margin:6px auto 6px 2px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;transition:all .2s ease-in-out;overflow-x:hidden}.Message-module__messageContainer_ikOQiq__0260:hover{background:#0006;border-color:#ffffff4d}.Message-module__userName_ikOQiq__0260{color:#ffffffe6;margin-right:4px;font-weight:600}.Messages-module__messagesContainer_LXaUUW__0260{z-index:1000;max-height:inherit;scrollbar-width:thin;scrollbar-color:#fff3 transparent;pointer-events:fill;direction:rtl;position:relative;bottom:0;left:-1px;overflow-y:auto}.Messages-module__messagesContainer_LXaUUW__0260::-webkit-scrollbar{width:6px}.Messages-module__messagesContainer_LXaUUW__0260::-webkit-scrollbar-track{background:none}.Messages-module__messagesContainer_LXaUUW__0260::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:3px}.Messages-module__messagesContainer_LXaUUW__0260::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.Messages-module__newMessagesButton_LXaUUW__0260{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1001;direction:ltr;background:#000000bf;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.Messages-module__newMessagesButton_LXaUUW__0260:hover{background:#000000d9;border-color:#ffffff4d;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #0006}.Messages-module__newMessagesButton_LXaUUW__0260:active{transform:translate(-50%)translateY(0);box-shadow:0 2px 8px #0000004d}.TextChatUIComponent-module__uiHover_gFDdcW__0260{z-index:102;pointer-events:all;width:58px;min-height:58px;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChatUi_gFDdcW__0260{flex-direction:row;align-items:flex-end;width:100%;max-width:500px;height:0;display:flex;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChat_gFDdcW__0260{z-index:-1;color:#fff;user-select:none;opacity:0;flex-direction:column;justify-content:space-between;width:100%;max-height:500px;margin-bottom:8px;margin-left:60px;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:opacity .25s ease-in-out,transform .2s ease-in-out;display:flex;transform:translate(-100%)}.TextChatUIComponent-module__fadeIn_gFDdcW__0260{opacity:1;transform:translate(0)}.TextChatUIComponent-module__fadeOut_gFDdcW__0260{opacity:.6;transform:translate(calc(-100% - 72px))}.TextChatUIComponent-module__controls_gFDdcW__0260{position:absolute;top:2px;right:0}.TextChatUIComponent-module__openTab_gFDdcW__0260{backdrop-filter:blur(10px);cursor:pointer;z-index:102;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:8px;left:8px}.TextChatUIComponent-module__openTab_gFDdcW__0260:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__openTab_gFDdcW__0260:active{transform:scale(.95)}.TextChatUIComponent-module__openTab_gFDdcW__0260 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0260{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:1;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:38px;left:38px}.TextChatUIComponent-module__stickyButton_gFDdcW__0260:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0260{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:0;pointer-events:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0260{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#000c;border:1px solid #22c55e99;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px;box-shadow:0 0 8px #22c55e4d}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0260:hover{border-color:#22c55ecc;transform:scale(1.05);box-shadow:0 0 12px #22c55e66}.TextChatUIComponent-module__stickyButton_gFDdcW__0260 img,.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0260 img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0260 img{filter:invert(70%);width:12px;height:12px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0260:hover img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0260:hover img{filter:invert(90%)}.TextChatUIComponent-module__controls_gFDdcW__0260 .TextChatUIComponent-module__closeButton_gFDdcW__0260{color:#fffc;backdrop-filter:blur(10px);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:3px;right:3px}.TextChatUIComponent-module__closeButton_gFDdcW__0260:hover{color:#ffffffe6;background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__closeButton_gFDdcW__0260:active{transform:scale(.95)}.TextChatUIComponent-module__messagesWrapper_gFDdcW__0260{direction:rtl;width:fit-content;max-height:450px;margin-bottom:8px;position:relative}.Networked3dWebExperience-module__respawnButton_7g9l0W__0260{z-index:102;color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;left:8px}.Networked3dWebExperience-module__respawnButton_7g9l0W__0260:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px)}.Networked3dWebExperience-module__respawnButton_7g9l0W__0260:active{transform:translateY(0)}\n";globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__']="f6c39ca8d32b92c0b3e90804c6ccc949";
 // src/Networked3dWebExperienceClient.ts
 import {
   CameraManager,
-  CharacterManager,
-  CharacterModelLoader,
   CollisionsManager,
-  Composer,
   ErrorScreen,
-  GroundPlane,
+  EulXYZ,
   Key,
   KeyInputManager,
   LoadingScreen,
-  MMLCompositionScene,
-  TimeManager,
-  TweakPane,
   Vect3,
   VirtualJoystick,
-  Character,
   Quat,
-  getSpawnData
+  getSpawnData,
+  CharacterManager,
+  TweakPane,
+  createDefaultCharacterControllerValues,
+  createDefaultCameraValues
 } from "@mml-io/3d-web-client-core";
+import { ThreeJSWorldRenderer } from "@mml-io/3d-web-threejs";
 import {
   FROM_SERVER_CHAT_MESSAGE_TYPE,
   FROM_CLIENT_CHAT_MESSAGE_TYPE,
@@ -30,14 +28,7 @@ import {
   SERVER_BROADCAST_MESSAGE_TYPE,
   parseServerBroadcastMessage
 } from "@mml-io/3d-web-user-networking";
-import {
-  LoadingProgressManager,
-  MMLNetworkSource,
-  registerCustomElementsToWindow,
-  setGlobalDocumentTimeManager,
-  setGlobalMMLScene
-} from "@mml-io/mml-web";
-import { Scene, AudioListener, Vector3 } from "three";
+import { LoadingProgressManager, registerCustomElementsToWindow } from "@mml-io/mml-web";
 
 // src/avatar-selection-ui/AvatarSelectionUI.tsx
 import { forwardRef } from "react";
@@ -54,8 +45,8 @@ import {
 var Avatar_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/></svg>\n';
 
 // esbuild-css-modules-plugin-ns-js::src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css:injector.js
-var content = globalThis['__css-content-c066f87a63805017c3d140897de9e462__'];
-var digest = globalThis['__css-digest-c066f87a63805017c3d140897de9e462__'];
+var content = globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__'];
+var digest = globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__'];
 var inject = () => {
   setTimeout(() => {
     if (!globalThis.document) {
@@ -81,29 +72,29 @@ var inject = () => {
 
 // src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css
 var AvatarSelectionUIComponent_default = new Proxy({
-  "avatarSelectionContainer": "AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0250",
-  "avatarSelectionNoImage": "AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0250",
-  "avatarSelectionSection": "AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0250",
-  "avatarSelectionUi": "AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0250",
-  "avatarSelectionUiAvatar": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0250",
-  "avatarSelectionUiAvatarImage": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0250",
-  "avatarSelectionUiAvatarImgContainer": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0250",
-  "avatarSelectionUiCloseButton": "AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0250",
-  "avatarSelectionUiHeader": "AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0250",
-  "closeButton": "AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0250",
-  "customAvatarInputSection": "AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0250",
-  "customAvatarSection": "AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0250",
-  "displayNameInputSection": "AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0250",
-  "displayNameSection": "AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0250",
-  "input": "AvatarSelectionUIComponent-module__input_VjZ7cq__0250",
-  "menuButton": "AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0250",
-  "openTab": "AvatarSelectionUIComponent-module__openTab_VjZ7cq__0250",
-  "radioGroup": "AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0250",
-  "radioItem": "AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0250",
-  "sectionHeading": "AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0250",
-  "selectedPill": "AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0250",
-  "setButton": "AvatarSelectionUIComponent-module__setButton_VjZ7cq__0250",
-  "tooltipText": "AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0250"
+  "avatarSelectionContainer": "AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0260",
+  "avatarSelectionNoImage": "AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0260",
+  "avatarSelectionSection": "AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0260",
+  "avatarSelectionUi": "AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0260",
+  "avatarSelectionUiAvatar": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0260",
+  "avatarSelectionUiAvatarImage": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0260",
+  "avatarSelectionUiAvatarImgContainer": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0260",
+  "avatarSelectionUiCloseButton": "AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0260",
+  "avatarSelectionUiHeader": "AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0260",
+  "closeButton": "AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0260",
+  "customAvatarInputSection": "AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0260",
+  "customAvatarSection": "AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0260",
+  "displayNameInputSection": "AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0260",
+  "displayNameSection": "AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0260",
+  "input": "AvatarSelectionUIComponent-module__input_VjZ7cq__0260",
+  "menuButton": "AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0260",
+  "openTab": "AvatarSelectionUIComponent-module__openTab_VjZ7cq__0260",
+  "radioGroup": "AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0260",
+  "radioItem": "AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0260",
+  "sectionHeading": "AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0260",
+  "selectedPill": "AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0260",
+  "setButton": "AvatarSelectionUIComponent-module__setButton_VjZ7cq__0260",
+  "tooltipText": "AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0260"
 }, {
   get: function(source, key) {
     inject();
@@ -464,8 +455,8 @@ import { forwardRef as forwardRef2, useImperativeHandle, useRef as useRef3, useS
 var PaperPlane_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>';
 
 // esbuild-css-modules-plugin-ns-js::src/chat-ui/components/Input/InputBox.module.css:injector.js
-var content2 = globalThis['__css-content-c066f87a63805017c3d140897de9e462__'];
-var digest2 = globalThis['__css-digest-c066f87a63805017c3d140897de9e462__'];
+var content2 = globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__'];
+var digest2 = globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__'];
 var inject2 = () => {
   setTimeout(() => {
     if (!globalThis.document) {
@@ -491,10 +482,10 @@ var inject2 = () => {
 
 // src/chat-ui/components/Input/InputBox.module.css
 var InputBox_default = new Proxy({
-  "chatInput": "InputBox-module__chatInput_adOgOW__0250",
-  "inputWrapper": "InputBox-module__inputWrapper_adOgOW__0250",
-  "sendButton": "InputBox-module__sendButton_adOgOW__0250",
-  "svgIcon": "InputBox-module__svgIcon_adOgOW__0250"
+  "chatInput": "InputBox-module__chatInput_adOgOW__0260",
+  "inputWrapper": "InputBox-module__inputWrapper_adOgOW__0260",
+  "sendButton": "InputBox-module__sendButton_adOgOW__0260",
+  "svgIcon": "InputBox-module__svgIcon_adOgOW__0260"
 }, {
   get: function(source, key) {
     inject2();
@@ -562,8 +553,8 @@ import { useEffect as useEffect3, useRef as useRef4, useState as useState4 } fro
 import { useState as useState3, useEffect as useEffect2, useCallback } from "react";
 
 // esbuild-css-modules-plugin-ns-js::src/chat-ui/components/Message/Message.module.css:injector.js
-var content3 = globalThis['__css-content-c066f87a63805017c3d140897de9e462__'];
-var digest3 = globalThis['__css-digest-c066f87a63805017c3d140897de9e462__'];
+var content3 = globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__'];
+var digest3 = globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__'];
 var inject3 = () => {
   setTimeout(() => {
     if (!globalThis.document) {
@@ -589,8 +580,8 @@ var inject3 = () => {
 
 // src/chat-ui/components/Message/Message.module.css
 var Message_default = new Proxy({
-  "messageContainer": "Message-module__messageContainer_ikOQiq__0250",
-  "userName": "Message-module__userName_ikOQiq__0250"
+  "messageContainer": "Message-module__messageContainer_ikOQiq__0260",
+  "userName": "Message-module__userName_ikOQiq__0260"
 }, {
   get: function(source, key) {
     inject3();
@@ -646,8 +637,8 @@ var Message = ({ username, message, stringToHslOptions }) => {
 var Message_default2 = Message;
 
 // esbuild-css-modules-plugin-ns-js::src/chat-ui/components/Messages/Messages.module.css:injector.js
-var content4 = globalThis['__css-content-c066f87a63805017c3d140897de9e462__'];
-var digest4 = globalThis['__css-digest-c066f87a63805017c3d140897de9e462__'];
+var content4 = globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__'];
+var digest4 = globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__'];
 var inject4 = () => {
   setTimeout(() => {
     if (!globalThis.document) {
@@ -673,8 +664,8 @@ var inject4 = () => {
 
 // src/chat-ui/components/Messages/Messages.module.css
 var Messages_default = new Proxy({
-  "messagesContainer": "Messages-module__messagesContainer_LXaUUW__0250",
-  "newMessagesButton": "Messages-module__newMessagesButton_LXaUUW__0250"
+  "messagesContainer": "Messages-module__messagesContainer_LXaUUW__0260",
+  "newMessagesButton": "Messages-module__newMessagesButton_LXaUUW__0260"
 }, {
   get: function(source, key) {
     inject4();
@@ -753,8 +744,8 @@ var Messages = ({ messages, stringToHslOptions, shouldAutoScroll }) => {
 };
 
 // esbuild-css-modules-plugin-ns-js::src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css:injector.js
-var content5 = globalThis['__css-content-c066f87a63805017c3d140897de9e462__'];
-var digest5 = globalThis['__css-digest-c066f87a63805017c3d140897de9e462__'];
+var content5 = globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__'];
+var digest5 = globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__'];
 var inject5 = () => {
   setTimeout(() => {
     if (!globalThis.document) {
@@ -780,18 +771,18 @@ var inject5 = () => {
 
 // src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css
 var TextChatUIComponent_default = new Proxy({
-  "closeButton": "TextChatUIComponent-module__closeButton_gFDdcW__0250",
-  "controls": "TextChatUIComponent-module__controls_gFDdcW__0250",
-  "fadeIn": "TextChatUIComponent-module__fadeIn_gFDdcW__0250",
-  "fadeOut": "TextChatUIComponent-module__fadeOut_gFDdcW__0250",
-  "messagesWrapper": "TextChatUIComponent-module__messagesWrapper_gFDdcW__0250",
-  "openTab": "TextChatUIComponent-module__openTab_gFDdcW__0250",
-  "stickyButton": "TextChatUIComponent-module__stickyButton_gFDdcW__0250",
-  "stickyButtonEnabled": "TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0250",
-  "stickyButtonFadeOut": "TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0250",
-  "textChat": "TextChatUIComponent-module__textChat_gFDdcW__0250",
-  "textChatUi": "TextChatUIComponent-module__textChatUi_gFDdcW__0250",
-  "uiHover": "TextChatUIComponent-module__uiHover_gFDdcW__0250"
+  "closeButton": "TextChatUIComponent-module__closeButton_gFDdcW__0260",
+  "controls": "TextChatUIComponent-module__controls_gFDdcW__0260",
+  "fadeIn": "TextChatUIComponent-module__fadeIn_gFDdcW__0260",
+  "fadeOut": "TextChatUIComponent-module__fadeOut_gFDdcW__0260",
+  "messagesWrapper": "TextChatUIComponent-module__messagesWrapper_gFDdcW__0260",
+  "openTab": "TextChatUIComponent-module__openTab_gFDdcW__0260",
+  "stickyButton": "TextChatUIComponent-module__stickyButton_gFDdcW__0260",
+  "stickyButtonEnabled": "TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0260",
+  "stickyButtonFadeOut": "TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0260",
+  "textChat": "TextChatUIComponent-module__textChat_gFDdcW__0260",
+  "textChatUi": "TextChatUIComponent-module__textChatUi_gFDdcW__0260",
+  "uiHover": "TextChatUIComponent-module__uiHover_gFDdcW__0260"
 }, {
   get: function(source, key) {
     inject5();
@@ -1009,8 +1000,8 @@ var TextChatUI = class {
 };
 
 // esbuild-css-modules-plugin-ns-js::src/Networked3dWebExperience.module.css:injector.js
-var content6 = globalThis['__css-content-c066f87a63805017c3d140897de9e462__'];
-var digest6 = globalThis['__css-digest-c066f87a63805017c3d140897de9e462__'];
+var content6 = globalThis['__css-content-f6c39ca8d32b92c0b3e90804c6ccc949__'];
+var digest6 = globalThis['__css-digest-f6c39ca8d32b92c0b3e90804c6ccc949__'];
 var inject6 = () => {
   setTimeout(() => {
     if (!globalThis.document) {
@@ -1036,7 +1027,7 @@ var inject6 = () => {
 
 // src/Networked3dWebExperience.module.css
 var Networked3dWebExperience_default = new Proxy({
-  "respawnButton": "Networked3dWebExperience-module__respawnButton_7g9l0W__0250"
+  "respawnButton": "Networked3dWebExperience-module__respawnButton_7g9l0W__0260"
 }, {
   get: function(source, key) {
     inject6();
@@ -1074,46 +1065,31 @@ var Networked3dWebExperienceClient = class {
   constructor(holderElement, config) {
     this.holderElement = holderElement;
     this.config = config;
-    var _a;
     this.element = document.createElement("div");
     this.element.style.position = "absolute";
     this.element.style.width = "100%";
     this.element.style.height = "100%";
     this.holderElement.appendChild(this.element);
-    document.addEventListener("mousedown", () => {
-      if (this.audioListener.context.state === "suspended") {
-        this.audioListener.context.resume();
-      }
-    });
     this.canvasHolder = document.createElement("div");
     this.canvasHolder.style.position = "absolute";
     this.canvasHolder.style.width = "100%";
     this.canvasHolder.style.height = "100%";
     this.element.appendChild(this.canvasHolder);
-    this.collisionsManager = new CollisionsManager(this.scene);
+    this.collisionsManager = new CollisionsManager();
     this.cameraManager = new CameraManager(this.canvasHolder, this.collisionsManager);
-    this.scene.add(this.audioListener);
-    this.characterModelLoader = new CharacterModelLoader();
     this.virtualJoystick = new VirtualJoystick(this.element, {
       radius: 70,
       innerRadius: 20,
       mouseSupport: false
     });
-    this.composer = new Composer({
-      scene: this.scene,
-      cameraManager: this.cameraManager,
-      spawnSun: true,
-      environmentConfiguration: this.config.environmentConfiguration,
-      postProcessingEnabled: this.config.postProcessingEnabled
-    });
-    this.canvasHolder.appendChild(this.composer.renderer.domElement);
-    if (this.config.enableTweakPane !== false) {
-      this.setupTweakPane();
-    }
-    const resizeObserver = new ResizeObserver(() => {
-      this.composer.fitContainer();
-    });
-    resizeObserver.observe(this.element);
+    this.tweakPane = new TweakPane(
+      this.canvasHolder,
+      {
+        cameraValues: this.cameraValues,
+        characterControllerValues: this.characterControllerValues
+      },
+      config.enableTweakPane ?? false
+    );
     this.spawnConfiguration = normalizeSpawnConfiguration(this.config.spawnConfiguration);
     const spawnData = getSpawnData(this.spawnConfiguration, true);
     const spawnRotation = new Quat().setFromEulerXYZ(spawnData.spawnRotation);
@@ -1135,6 +1111,7 @@ var Networked3dWebExperienceClient = class {
         assignedIdentity: (clientId) => {
           console.log(`Assigned ID: ${clientId}`);
           this.clientId = clientId;
+          this.characterManager.setLocalClientId(clientId);
           if (this.initialLoadCompleted) {
             const spawnData2 = getSpawnData(this.spawnConfiguration, true);
             this.spawnCharacter(spawnData2);
@@ -1162,13 +1139,13 @@ var Networked3dWebExperienceClient = class {
           }
         },
         onCustomMessage: (customType, contents) => {
-          var _a2, _b;
+          var _a, _b;
           if (customType === SERVER_BROADCAST_MESSAGE_TYPE) {
             const serverBroadcastMessage = parseServerBroadcastMessage(contents);
             if (serverBroadcastMessage instanceof Error) {
               console.error(`Invalid server broadcast message: ${contents}`);
             } else {
-              (_b = (_a2 = this.config).onServerBroadcast) == null ? void 0 : _b.call(_a2, serverBroadcastMessage);
+              (_b = (_a = this.config).onServerBroadcast) == null ? void 0 : _b.call(_a, serverBroadcastMessage);
             }
           } else if (customType === FROM_SERVER_CHAT_MESSAGE_TYPE) {
             const serverChatMessage = parseServerChatMessage(contents);
@@ -1200,44 +1177,33 @@ var Networked3dWebExperienceClient = class {
       this.keyInputManager.createKeyBinding(Key.C, () => {
         if (document.activeElement === document.body) {
           this.cameraManager.toggleFlyCamera();
-          this.composer.fitContainer();
+          this.renderer.fitContainer();
         }
       });
     }
-    const animationsPromise = Character.loadAnimations(
-      this.characterModelLoader,
-      this.config.animationConfig
-    );
     this.characterManager = new CharacterManager({
-      composer: this.composer,
-      characterModelLoader: this.characterModelLoader,
       collisionsManager: this.collisionsManager,
       cameraManager: this.cameraManager,
-      timeManager: this.timeManager,
       keyInputManager: this.keyInputManager,
       virtualJoystick: this.virtualJoystick,
       remoteUserStates: this.remoteUserStates,
       sendUpdate: (characterState) => {
-        this.latestCharacterObject.characterState = characterState;
         this.networkClient.sendUpdate(characterState);
       },
       sendLocalCharacterColors: (colors) => {
         this.networkClient.updateColors(colors);
       },
-      animationsPromise,
       spawnConfiguration: this.spawnConfiguration,
-      characterResolve: (characterId) => {
-        return this.resolveCharacterData(characterId);
+      characterControllerValues: this.characterControllerValues,
+      characterResolve: (clientId) => {
+        return this.resolveCharacterData(clientId);
       },
       updateURLLocation: this.config.updateURLLocation !== false
     });
-    this.scene.add(this.characterManager.group);
     if (this.spawnConfiguration.enableRespawnButton) {
       this.respawnButton = this.createRespawnButton();
       this.element.appendChild(this.respawnButton);
     }
-    this.setGroundPlaneEnabled(((_a = this.config.environmentConfiguration) == null ? void 0 : _a.groundPlane) ?? true);
-    this.setupMMLScene();
     this.loadingScreen = new LoadingScreen(this.loadingProgressManager, this.config.loadingScreen);
     this.element.append(this.loadingScreen.element);
     this.loadingProgressManager.addProgressCallback(() => {
@@ -1249,63 +1215,111 @@ var Networked3dWebExperienceClient = class {
         this.spawnCharacter(spawnData);
       }
     });
-    this.loadingProgressManager.setInitialLoad(true);
+    registerCustomElementsToWindow(window);
+    this.rendererConfig = {
+      animationConfig: config.animationConfig,
+      environmentConfiguration: config.environmentConfiguration,
+      postProcessingEnabled: config.postProcessingEnabled,
+      spawnSun: true,
+      enableTweakPane: config.enableTweakPane
+    };
+    if (this.config.createRenderer) {
+      this.renderer = this.config.createRenderer({
+        targetElement: this.canvasHolder,
+        coreCameraManager: this.cameraManager,
+        collisionsManager: this.collisionsManager,
+        config: this.rendererConfig,
+        tweakPane: this.tweakPane,
+        mmlTargetWindow: window,
+        mmlTargetElement: document.body,
+        loadingProgressManager: this.loadingProgressManager,
+        mmlDocuments: this.config.mmlDocuments ?? {},
+        mmlAuthToken: this.config.authToken ?? null,
+        onInitialized: () => {
+          this.loadingProgressManager.setInitialLoad(true);
+        }
+      });
+    } else {
+      this.renderer = new ThreeJSWorldRenderer({
+        targetElement: this.canvasHolder,
+        coreCameraManager: this.cameraManager,
+        collisionsManager: this.collisionsManager,
+        config: this.rendererConfig,
+        tweakPane: this.tweakPane,
+        mmlTargetWindow: window,
+        mmlTargetElement: document.body,
+        loadingProgressManager: this.loadingProgressManager,
+        mmlDocuments: this.config.mmlDocuments ?? {},
+        mmlAuthToken: this.config.authToken ?? null
+      });
+      this.loadingProgressManager.setInitialLoad(true);
+    }
+    if (this.characterManager.localController) {
+      this.characterManager.setupTweakPane(this.tweakPane);
+    }
+    const resizeObserver = new ResizeObserver(() => {
+      this.renderer.fitContainer();
+    });
+    resizeObserver.observe(this.element);
   }
   element;
   canvasHolder;
-  scene = new Scene();
-  composer;
-  tweakPane = null;
-  audioListener = new AudioListener();
+  renderer;
+  rendererConfig;
   cameraManager;
   collisionsManager;
-  characterModelLoader;
   characterManager;
-  timeManager = new TimeManager();
   keyInputManager = new KeyInputManager();
   virtualJoystick;
-  mmlCompositionScene;
-  mmlDocumentStates = {};
   clientId = null;
   networkClient;
   remoteUserStates = /* @__PURE__ */ new Map();
   userProfiles = /* @__PURE__ */ new Map();
   textChatUI = null;
   avatarSelectionUI = null;
-  latestCharacterObject = {
-    characterState: null
-  };
-  characterControllerPaneSet = false;
+  tweakPane;
   spawnConfiguration;
+  cameraValues = createDefaultCameraValues();
+  characterControllerValues = createDefaultCharacterControllerValues();
   initialLoadCompleted = false;
   loadingProgressManager = new LoadingProgressManager();
   loadingScreen;
   errorScreen;
-  groundPlane = null;
   respawnButton = null;
+  // Frame timing
   currentRequestAnimationFrame = null;
-  lastUpdateTime = 0;
+  lastUpdateTimeMs = 0;
+  frameCounter = 0;
   targetFPS = 60;
   frameInterval = 1e3 / this.targetFPS;
-  setGroundPlaneEnabled(enabled) {
-    if (enabled && this.groundPlane === null) {
-      this.groundPlane = new GroundPlane();
-      this.collisionsManager.addMeshesGroup(this.groundPlane);
-      this.scene.add(this.groundPlane);
-    } else if (!enabled && this.groundPlane !== null) {
-      this.collisionsManager.removeMeshesGroup(this.groundPlane);
-      this.scene.remove(this.groundPlane);
-      this.groundPlane = null;
-    }
-  }
+  epochFramesRendered = 0;
+  epochStartTimeMs = 0;
+  cachedCameraTransform = {
+    position: new Vect3(),
+    rotation: { x: 0, y: 0, z: 0 },
+    fov: 0
+  };
   updateConfig(config) {
     this.config = {
       ...this.config,
       ...config
     };
-    if (config.environmentConfiguration) {
-      this.composer.updateEnvironmentConfiguration(config.environmentConfiguration);
-      this.setGroundPlaneEnabled(config.environmentConfiguration.groundPlane ?? true);
+    const rendererConfigUpdate = {};
+    if (config.environmentConfiguration !== void 0) {
+      rendererConfigUpdate.environmentConfiguration = config.environmentConfiguration;
+    }
+    if (config.postProcessingEnabled !== void 0) {
+      rendererConfigUpdate.postProcessingEnabled = config.postProcessingEnabled;
+    }
+    if (config.enableTweakPane !== void 0) {
+      rendererConfigUpdate.enableTweakPane = config.enableTweakPane;
+    }
+    if (Object.keys(rendererConfigUpdate).length > 0) {
+      this.rendererConfig = {
+        ...this.rendererConfig,
+        ...rendererConfigUpdate
+      };
+      this.renderer.updateConfig(rendererConfigUpdate);
     }
     if (this.avatarSelectionUI) {
       if (config.avatarConfiguration) {
@@ -1313,22 +1327,6 @@ var Networked3dWebExperienceClient = class {
       }
       this.avatarSelectionUI.updateAllowCustomDisplayName(config.allowCustomDisplayName || false);
     }
-    if (config.enableTweakPane !== void 0) {
-      if (config.enableTweakPane === false && this.tweakPane !== null) {
-        this.tweakPane.dispose();
-        this.tweakPane = null;
-      } else if (config.enableTweakPane === true && this.tweakPane === null) {
-        this.setupTweakPane();
-      }
-    }
-    if (this.config.postProcessingEnabled !== void 0) {
-      this.composer.togglePostProcessing(this.config.postProcessingEnabled);
-      if (this.tweakPane) {
-        this.tweakPane.dispose();
-        this.tweakPane = null;
-        this.setupTweakPane();
-      }
-    }
     if (config.allowOrbitalCamera !== void 0) {
       if (config.allowOrbitalCamera === false) {
         this.keyInputManager.removeKeyBinding(Key.C);
@@ -1339,7 +1337,7 @@ var Networked3dWebExperienceClient = class {
         this.keyInputManager.createKeyBinding(Key.C, () => {
           if (document.activeElement === document.body) {
             this.cameraManager.toggleFlyCamera();
-            this.composer.fitContainer();
+            this.renderer.fitContainer();
           }
         });
       }
@@ -1363,8 +1361,8 @@ var Networked3dWebExperienceClient = class {
       this.respawnButton.remove();
       this.respawnButton = null;
     }
-    if (config.mmlDocuments) {
-      this.setMMLDocuments(config.mmlDocuments);
+    if (config.mmlDocuments !== void 0) {
+      this.renderer.setMMLConfiguration(config.mmlDocuments, this.config.authToken ?? null);
     }
   }
   static createFullscreenHolder() {
@@ -1433,21 +1431,6 @@ var Networked3dWebExperienceClient = class {
     this.networkClient.updateUsername(displayName);
     this.networkClient.updateCharacterDescription(characterDescription);
   }
-  setupTweakPane() {
-    if (this.tweakPane) {
-      return;
-    }
-    this.tweakPane = new TweakPane(
-      this.element,
-      this.composer.renderer,
-      this.scene,
-      this.composer,
-      this.config.postProcessingEnabled,
-      this.collisionsManager.toggleDebug
-    );
-    this.cameraManager.setupTweakPane(this.tweakPane);
-    this.composer.setupTweakPane(this.tweakPane);
-  }
   handleChatMessage(fromUserId, message) {
     if (this.textChatUI === null) {
       return;
@@ -1462,7 +1445,7 @@ var Networked3dWebExperienceClient = class {
       }
       const username = user.username ?? `Unknown User ${fromUserId}`;
       this.textChatUI.addTextMessage(username, message);
-      this.characterManager.addChatBubble(fromUserId, message);
+      this.renderer.addChatBubble(fromUserId, message);
     }
   }
   connectToTextChat() {
@@ -1477,8 +1460,7 @@ var Networked3dWebExperienceClient = class {
       const textChatUISettings = {
         holderElement: this.canvasHolder,
         sendMessageToServerMethod: (message) => {
-          this.characterManager.addSelfChatBubble(message);
-          this.mmlCompositionScene.onChatMessage(message);
+          this.renderer.onChatMessage(message);
           this.networkClient.sendCustomMessage(
             FROM_CLIENT_CHAT_MESSAGE_TYPE,
             JSON.stringify({ message })
@@ -1515,53 +1497,60 @@ var Networked3dWebExperienceClient = class {
     this.avatarSelectionUI.init();
   }
   update() {
-    var _a, _b, _c;
-    const currentTime = performance.now();
-    const elapsed = currentTime - this.lastUpdateTime;
-    if (elapsed >= this.frameInterval) {
-      this.lastUpdateTime = currentTime - elapsed % this.frameInterval;
-      this.timeManager.update();
-      this.characterManager.update();
-      this.cameraManager.update();
-      this.updateAudioListenerPosition();
-      const characterPosition = (_a = this.characterManager.localCharacter) == null ? void 0 : _a.getPosition();
-      (_b = this.composer.sun) == null ? void 0 : _b.updateCharacterPosition(
-        new Vector3(
-          (characterPosition == null ? void 0 : characterPosition.x) || 0,
-          (characterPosition == null ? void 0 : characterPosition.y) || 0,
-          (characterPosition == null ? void 0 : characterPosition.z) || 0
-        )
-      );
-      this.composer.render(this.timeManager);
-      if ((_c = this.tweakPane) == null ? void 0 : _c.guiVisible) {
-        this.tweakPane.updateStats(this.timeManager);
-        this.tweakPane.updateCameraData(this.cameraManager);
-        if (this.characterManager.localCharacter && this.characterManager.localController) {
-          if (!this.characterControllerPaneSet) {
-            this.characterControllerPaneSet = true;
-            this.characterManager.setupTweakPane(this.tweakPane);
-          } else {
-            this.tweakPane.updateCharacterData(this.characterManager.localController);
-          }
-        }
-      }
+    const currentTimeMs = performance.now();
+    const elapsedMs = currentTimeMs - this.lastUpdateTimeMs;
+    let deltaTimeSeconds = elapsedMs / 1e3;
+    if (deltaTimeSeconds > 0.1) {
+      deltaTimeSeconds = 0.1;
     }
     this.currentRequestAnimationFrame = requestAnimationFrame(() => {
       this.update();
     });
-  }
-  updateAudioListenerPosition() {
-    const localCharacter = this.characterManager.localCharacter;
-    const headWorldPosition = localCharacter == null ? void 0 : localCharacter.getHeadWorldPosition();
-    if (headWorldPosition) {
-      this.audioListener.position.copy(headWorldPosition);
-      this.audioListener.rotation.copy(this.cameraManager.camera.rotation);
-      this.audioListener.updateMatrixWorld();
-    } else {
-      this.audioListener.position.copy(this.cameraManager.camera.position);
-      this.audioListener.rotation.copy(this.cameraManager.camera.rotation);
-      this.audioListener.updateMatrixWorld();
+    if (this.epochStartTimeMs === 0) {
+      this.epochStartTimeMs = currentTimeMs;
+    }
+    const timeSinceEpochStartMs = currentTimeMs - this.epochStartTimeMs;
+    const idealFramesRendered = timeSinceEpochStartMs / this.frameInterval;
+    const deltaFrames = this.epochFramesRendered - idealFramesRendered;
+    if (deltaFrames > 0) {
+      return;
     }
+    if (timeSinceEpochStartMs > 1e3) {
+      this.epochStartTimeMs = currentTimeMs;
+      this.epochFramesRendered = 0;
+    }
+    this.epochFramesRendered++;
+    this.lastUpdateTimeMs = currentTimeMs;
+    this.frameCounter++;
+    const { updatedCharacterDescriptions, removedUserIds } = this.characterManager.update(
+      deltaTimeSeconds,
+      this.frameCounter
+    );
+    this.cameraManager.update();
+    if (this.tweakPane.guiVisible && this.characterManager.localController) {
+      this.tweakPane.updateCharacterData(this.characterManager.localController);
+    }
+    const allCharacterStates = this.characterManager.getAllCharacterStates();
+    const cameraState = this.cameraManager.getCameraState();
+    const cameraRotation = new EulXYZ().setFromQuaternion(cameraState.rotation);
+    this.cachedCameraTransform.position.set(
+      cameraState.position.x,
+      cameraState.position.y,
+      cameraState.position.z
+    );
+    this.cachedCameraTransform.rotation.x = cameraRotation.x;
+    this.cachedCameraTransform.rotation.y = cameraRotation.y;
+    this.cachedCameraTransform.rotation.z = cameraRotation.z;
+    this.cachedCameraTransform.fov = cameraState.fov;
+    const renderState = {
+      characters: allCharacterStates,
+      updatedCharacterDescriptions,
+      removedUserIds,
+      cameraTransform: this.cachedCameraTransform,
+      localCharacterId: this.characterManager.getLocalClientId(),
+      deltaTimeSeconds
+    };
+    this.renderer.render(renderState);
   }
   spawnCharacter({
     spawnPosition,
@@ -1575,19 +1564,14 @@ var Networked3dWebExperienceClient = class {
     if (!ownIdentity) {
       throw new Error("Own identity not found");
     }
-    this.characterManager.spawnLocalCharacter(
-      this.clientId,
-      ownIdentity.username ?? `Unknown User ${this.clientId}`,
-      ownIdentity.characterDescription,
-      spawnPosition,
-      spawnRotation
-    );
+    this.characterManager.spawnLocalCharacter(this.clientId, spawnPosition, spawnRotation);
+    this.characterManager.setupTweakPane(this.tweakPane);
     if (cameraPosition !== null) {
-      this.cameraManager.camera.position.set(cameraPosition.x, cameraPosition.y, cameraPosition.z);
-      this.cameraManager.setTarget(
-        new Vect3().add(spawnPosition).add(CharacterManager.headTargetOffset)
-      );
-      this.cameraManager.reverseUpdateFromPositions();
+      const cameraState = this.cameraManager.getMainCameraState();
+      cameraState.position.set(cameraPosition.x, cameraPosition.y, cameraPosition.z);
+      const target = new Vect3().add(spawnPosition).add(CharacterManager.headTargetOffset);
+      this.cameraManager.setTarget(target);
+      this.cameraManager.reverseUpdateFromPositions(cameraState.position, cameraState.rotation);
     }
   }
   disposeWithError(message) {
@@ -1596,131 +1580,19 @@ var Networked3dWebExperienceClient = class {
     this.element.append(this.errorScreen.element);
   }
   dispose() {
-    var _a, _b, _c;
+    var _a, _b;
     this.characterManager.dispose();
     this.networkClient.stop();
-    for (const mmlDocumentState of Object.values(this.mmlDocumentStates)) {
-      mmlDocumentState.dispose();
-    }
-    this.mmlDocumentStates = {};
     (_a = this.textChatUI) == null ? void 0 : _a.dispose();
-    this.mmlCompositionScene.dispose();
-    this.composer.dispose();
-    (_b = this.tweakPane) == null ? void 0 : _b.dispose();
+    this.tweakPane.dispose();
+    this.renderer.dispose();
     if (this.currentRequestAnimationFrame !== null) {
       cancelAnimationFrame(this.currentRequestAnimationFrame);
       this.currentRequestAnimationFrame = null;
     }
     this.cameraManager.dispose();
     this.loadingScreen.dispose();
-    (_c = this.errorScreen) == null ? void 0 : _c.dispose();
-  }
-  setupMMLScene() {
-    registerCustomElementsToWindow(window);
-    this.mmlCompositionScene = new MMLCompositionScene({
-      targetElement: this.element,
-      renderer: this.composer.renderer,
-      scene: this.scene,
-      camera: this.cameraManager.camera,
-      audioListener: this.audioListener,
-      collisionsManager: this.collisionsManager,
-      getUserPositionAndRotation: () => {
-        return this.characterManager.getLocalCharacterPositionAndRotation();
-      }
-    });
-    this.scene.add(this.mmlCompositionScene.group);
-    setGlobalMMLScene(this.mmlCompositionScene.mmlScene);
-    setGlobalDocumentTimeManager(this.mmlCompositionScene.documentTimeManager);
-    this.setMMLDocuments(this.config.mmlDocuments ?? {});
-    const mmlProgressManager = this.mmlCompositionScene.mmlScene.getLoadingProgressManager();
-    this.loadingProgressManager.addLoadingDocument(mmlProgressManager, "mml", mmlProgressManager);
-    mmlProgressManager.addProgressCallback(() => {
-      this.loadingProgressManager.updateDocumentProgress(mmlProgressManager);
-    });
-    mmlProgressManager.setInitialLoad(true);
-  }
-  createMMLDocument(mmlDocConfig) {
-    const mmlScene = this.mmlCompositionScene.mmlScene;
-    const loadingProgressManager = new LoadingProgressManager();
-    const docRef = {};
-    const mmlNetworkSource = MMLNetworkSource.create({
-      url: MMLNetworkSource.resolveRelativeUrl(window.location.host, mmlDocConfig.url),
-      connectionToken: mmlDocConfig.passAuthToken ? this.config.authToken ?? null : null,
-      mmlScene,
-      statusUpdated: (status) => {
-      },
-      windowTarget: window,
-      targetForWrappers: document.body
-    });
-    this.updateMMLDocumentAttributes(mmlNetworkSource, mmlDocConfig);
-    return {
-      docRef,
-      loadingProgressManager,
-      config: mmlDocConfig,
-      source: mmlNetworkSource,
-      dispose: () => {
-        mmlNetworkSource.dispose();
-      }
-    };
-  }
-  updateMMLDocumentAttributes(mmlNetworkSource, mmlDocument) {
-    var _a, _b, _c;
-    const remoteDocument = mmlNetworkSource.remoteDocumentWrapper.remoteDocument;
-    if (mmlDocument.position) {
-      remoteDocument.setAttribute("x", mmlDocument.position.x.toString());
-      remoteDocument.setAttribute("y", mmlDocument.position.y.toString());
-      remoteDocument.setAttribute("z", mmlDocument.position.z.toString());
-    } else {
-      remoteDocument.setAttribute("x", "0");
-      remoteDocument.setAttribute("y", "0");
-      remoteDocument.setAttribute("z", "0");
-    }
-    if (mmlDocument.rotation) {
-      remoteDocument.setAttribute("rx", mmlDocument.rotation.x.toString());
-      remoteDocument.setAttribute("ry", mmlDocument.rotation.y.toString());
-      remoteDocument.setAttribute("rz", mmlDocument.rotation.z.toString());
-    } else {
-      remoteDocument.setAttribute("rx", "0");
-      remoteDocument.setAttribute("ry", "0");
-      remoteDocument.setAttribute("rz", "0");
-    }
-    if (((_a = mmlDocument.scale) == null ? void 0 : _a.x) !== void 0) {
-      remoteDocument.setAttribute("sx", mmlDocument.scale.x.toString());
-    } else {
-      remoteDocument.setAttribute("sx", "1");
-    }
-    if (((_b = mmlDocument.scale) == null ? void 0 : _b.y) !== void 0) {
-      remoteDocument.setAttribute("sy", mmlDocument.scale.y.toString());
-    } else {
-      remoteDocument.setAttribute("sy", "1");
-    }
-    if (((_c = mmlDocument.scale) == null ? void 0 : _c.z) !== void 0) {
-      remoteDocument.setAttribute("sz", mmlDocument.scale.z.toString());
-    } else {
-      remoteDocument.setAttribute("sz", "1");
-    }
-    return mmlNetworkSource;
-  }
-  setMMLDocuments(mmlDocuments) {
-    const newMMLDocuments = {};
-    for (const [key, mmlDocConfig] of Object.entries(mmlDocuments)) {
-      let existing = this.mmlDocumentStates[key];
-      if (existing && (existing.config.url !== mmlDocConfig.url || existing.config.passAuthToken !== mmlDocConfig.passAuthToken)) {
-        existing.dispose();
-        existing = void 0;
-      }
-      if (!existing) {
-        newMMLDocuments[key] = this.createMMLDocument(mmlDocConfig);
-      } else {
-        delete this.mmlDocumentStates[key];
-        this.updateMMLDocumentAttributes(existing.source, mmlDocConfig);
-        newMMLDocuments[key] = existing;
-      }
-    }
-    for (const element of Object.values(this.mmlDocumentStates)) {
-      element.dispose();
-    }
-    this.mmlDocumentStates = newMMLDocuments;
+    (_b = this.errorScreen) == null ? void 0 : _b.dispose();
   }
 };
 export {