body{margin:0}button{font-family:inherit;color:inherit}*{-webkit-tap-highlight-color:transparent}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.room-wrap{width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px}.room-frame{position:relative;width:min(94vw,1200px);height:min(92vh,calc(min(94vw,1200px)/1.6));border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -20px #4a3b3059,0 0 0 6px #fdfbf599;background:#f2ead9}.hud-topright{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;z-index:30}.dock{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:30}.dock-btn{width:56px;height:56px;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.side-panel{position:absolute;top:0;right:0;bottom:0;width:42%;max-width:340px;min-width:260px;box-sizing:border-box;z-index:40;overflow-y:auto;padding:22px 20px}.place-toolbar{position:absolute;bottom:20px;left:20px;z-index:35;display:flex;gap:8px}.app-title{display:flex;align-items:center;gap:10px}.auth-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;padding:4vh 6vw;box-sizing:border-box}@media(max-width:780px){.room-wrap{padding:0}.room-frame{width:100vw;height:100dvh;border-radius:0;box-shadow:none}.hud-topright{top:10px;right:10px;transform:scale(.88);transform-origin:top right}.dock{bottom:12px;gap:8px}.dock-btn{width:48px;height:48px;border-radius:14px}.side-panel{width:100%;max-width:none;min-width:0}.place-toolbar{bottom:auto;top:12px;left:12px}.app-title{display:none}.auth-wrap{justify-content:center;padding:2vh 4vw}}@media(min-width:781px)and (max-width:1100px){.room-frame{width:96vw;height:min(90vh,65.28vw)}}