.message{display:flex;margin:10px 0;max-width:60%;padding:10px;border-radius:10px;font-size:20px}.message:first-child{margin-top:100vh}.message:last-child{margin-bottom:10vh}.message.npc{justify-content:flex-start;background-color:#000;color:#fff;margin-left:3vw}.message.player{justify-content:flex-end;background-color:#ffd37c;color:#000;margin-left:auto;margin-right:3vw}.message-list{height:calc(40vh - 50px);width:100vw;overflow:auto;margin-top:50vh}.input-box{width:96vw;display:flex;padding:2vw;border-top:1px solid #ccc;background-color:#f1f1f1;align-items:center;position:fixed;bottom:0}.sendBtn{width:56px;height:40px}.speak-icon{margin-right:10px}.more-tools{margin-left:10px}input{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:20px;margin:0 10px;font-size:20px}#Home{position:fixed;width:100%;height:calc(100vh - 50px);overflow:hidden;top:0;left:0}.follower-list{display:flex;flex-direction:column;padding:10px;margin-top:50px}.follower-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ccc;cursor:pointer}.follower-item:hover{background-color:#f0f0f0}.follower-thumbnail{width:50px;height:50px;border-radius:50%;margin-right:10px}.follower-info{flex-grow:1}.follower-name{font-weight:700}.follower-message{color:gray}.follower-time{color:gray;margin-left:auto}#GameSceneOLD{position:fixed;width:100%;height:100vh;overflow:hidden;z-index:-1;top:0;left:0}#GameScene{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}#gamescene{position:fixed;left:0;top:0;width:100%;height:100%}.bottom-menu{display:none!important}.hide{display:none}.bottom-menu{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;background-color:#fff;border-top:1px solid #ccc;padding:0;z-index:-1}.bottom-menu .menu-button{background:none;border:none;font-size:24px;color:#333}.bottom-menu .menu-button:focus{outline:none}.menu-button img{width:56px;height:56px}.top-navigation{position:fixed;top:0;width:100%;display:flex;padding:10px 0;justify-content:space-between;align-items:center;z-index:90}.slide-menu-button{width:40px;height:40px}.top-navigation .nav-right{margin-right:10px}.top-navigation .back-button,.top-navigation .menu-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.top-navigation .menu-button:focus{outline:none}.side-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background-color:#836860;color:#fff;transition:right .3s ease;padding:0;box-shadow:-2px 0 5px #00000080;overflow-y:auto}.side-menu.open{right:0}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;position:absolute;top:10px;right:10px;width:40px;height:40px}.side-menu ul{list-style:none;padding:10px}.side-menu li{margin:5px 0;border-bottom:1px solid #ffffff4d}.slidemenu-list{list-style-type:none;padding:0}.slidemenu-list .slide-item:hover{background-color:#0000003d;border-radius:15px 15px 0 0}.slidemenu-list .slide-image{margin-right:10px}.slidemenu-list .slide-info{display:flex;width:100%;align-items:center}.slidemenu-list .slide-name{font-weight:700;margin-right:auto}.slidemenu-list .slide-location{color:#ffdc9b;font-size:14px;margin-right:10px;white-space:nowrap}.slidemenu-list .npc-profile{margin-top:10px;padding:10px;background-color:#6d544c;border-radius:0 0 5px 5px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.fullscreen-image{position:fixed;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;z-index:100}