diff --git a/assets/resources/gui/aui.plist b/assets/resources/gui/aui.plist
index f8c29f3b..9850faac 100644
--- a/assets/resources/gui/aui.plist
+++ b/assets/resources/gui/aui.plist
@@ -17,9 +17,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{454,412},{116,90}}</string>
+                <string>{{704,601},{116,90}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>Consumable_Potion_02_Red.png</key>
             <dict>
@@ -34,9 +34,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{460,772},{98,114}}</string>
+                <string>{{435,1028},{98,114}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Economy_Coin_02_Silver.png</key>
             <dict>
@@ -51,7 +51,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{560,866},{102,102}}</string>
+                <string>{{672,1417},{102,102}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -68,7 +68,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{554,984},{86,106}}</string>
+                <string>{{486,1294},{86,106}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -85,9 +85,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{555,628},{116,102}}</string>
+                <string>{{657,808},{116,102}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>Economy_Gem_02_Red.png</key>
             <dict>
@@ -102,7 +102,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{446,984},{106,106}}</string>
+                <string>{{656,1200},{106,106}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -119,7 +119,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{642,970},{106,106}}</string>
+                <string>{{764,1205},{106,106}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -136,7 +136,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{781,564},{108,98}}</string>
+                <string>{{657,1100},{108,98}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -153,7 +153,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{771,664},{102,104}}</string>
+                <string>{{551,1084},{102,104}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -170,9 +170,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{770,768},{102,104}}</string>
+                <string>{{680,1313},{102,104}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Economy_Gem_05_Yellow.png</key>
             <dict>
@@ -187,7 +187,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{770,874},{102,104}}</string>
+                <string>{{786,1313},{102,104}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -204,9 +204,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{453,530},{112,96}}</string>
+                <string>{{657,912},{112,96}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>Economy_Water_01_Blue.png</key>
             <dict>
@@ -221,9 +221,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{235,1109},{98,108}}</string>
+                <string>{{767,1105},{98,108}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Ellipse 666.png</key>
             <dict>
@@ -238,7 +238,7 @@
                 <key>spriteSourceSize</key>
                 <string>{97,97}</string>
                 <key>textureRect</key>
-                <string>{{876,874},{97,97}}</string>
+                <string>{{880,1417},{97,97}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -255,7 +255,7 @@
                 <key>spriteSourceSize</key>
                 <string>{64,64}</string>
                 <key>textureRect</key>
-                <string>{{379,880},{52,52}}</string>
+                <string>{{928,514},{52,52}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -272,9 +272,9 @@
                 <key>spriteSourceSize</key>
                 <string>{181,202}</string>
                 <key>textureRect</key>
-                <string>{{320,208},{181,202}}</string>
+                <string>{{538,296},{181,202}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Group 67.png</key>
             <dict>
@@ -289,9 +289,9 @@
                 <key>spriteSourceSize</key>
                 <string>{181,202}</string>
                 <key>textureRect</key>
-                <string>{{579,42},{181,202}}</string>
+                <string>{{272,498},{181,202}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>Group 68.png</key>
             <dict>
@@ -306,7 +306,7 @@
                 <key>spriteSourceSize</key>
                 <string>{181,202}</string>
                 <key>textureRect</key>
-                <string>{{783,1},{181,202}}</string>
+                <string>{{272,702},{181,202}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -323,9 +323,9 @@
                 <key>spriteSourceSize</key>
                 <string>{181,202}</string>
                 <key>textureRect</key>
-                <string>{{113,699},{181,202}}</string>
+                <string>{{231,906},{181,202}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Group 70.png</key>
             <dict>
@@ -340,7 +340,7 @@
                 <key>spriteSourceSize</key>
                 <string>{181,202}</string>
                 <key>textureRect</key>
-                <string>{{66,903},{181,202}}</string>
+                <string>{{203,1089},{181,202}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -357,9 +357,9 @@
                 <key>spriteSourceSize</key>
                 <string>{181,202}</string>
                 <key>textureRect</key>
-                <string>{{503,225},{181,202}}</string>
+                <string>{{203,1293},{181,202}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>Icon_Coin.png</key>
             <dict>
@@ -374,7 +374,7 @@
                 <key>spriteSourceSize</key>
                 <string>{38,42}</string>
                 <key>textureRect</key>
-                <string>{{719,1186},{38,42}}</string>
+                <string>{{929,617},{38,42}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -391,9 +391,9 @@
                 <key>spriteSourceSize</key>
                 <string>{71,93}</string>
                 <key>textureRect</key>
-                <string>{{891,566},{71,93}}</string>
+                <string>{{386,1446},{71,93}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Item_Card_01_Blue.png</key>
             <dict>
@@ -408,7 +408,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{1,1108},{120,110}}</string>
+                <string>{{704,479},{120,110}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -425,9 +425,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{113,1107},{120,110}}</string>
+                <string>{{816,468},{120,110}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Item_Chest_01_Red.png</key>
             <dict>
@@ -442,7 +442,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{874,768},{104,100}}</string>
+                <string>{{555,870},{104,100}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -459,7 +459,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{664,828},{104,104}}</string>
+                <string>{{574,1308},{104,104}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -476,9 +476,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{335,1101},{88,112}}</string>
+                <string>{{657,1010},{88,112}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Item_Scroll_01_Red.png</key>
             <dict>
@@ -493,7 +493,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{338,412},{114,116}}</string>
+                <string>{{430,1128},{114,116}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -510,7 +510,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{781,454},{108,108}}</string>
+                <string>{{775,807},{108,108}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -527,9 +527,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{546,408},{120,106}}</string>
+                <string>{{435,906},{120,106}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>Rectangle 2426.png</key>
             <dict>
@@ -544,7 +544,7 @@
                 <key>spriteSourceSize</key>
                 <string>{110,81}</string>
                 <key>textureRect</key>
-                <string>{{891,454},{110,81}}</string>
+                <string>{{884,695},{110,81}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -561,7 +561,7 @@
                 <key>spriteSourceSize</key>
                 <string>{204,40}</string>
                 <key>textureRect</key>
-                <string>{{249,903},{204,40}}</string>
+                <string>{{520,498},{204,40}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -578,9 +578,9 @@
                 <key>spriteSourceSize</key>
                 <string>{112,90}</string>
                 <key>textureRect</key>
-                <string>{{425,1101},{112,90}}</string>
+                <string>{{771,1013},{112,90}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>Stat_AttackSpeed_01.png</key>
             <dict>
@@ -595,7 +595,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{551,516},{110,110}}</string>
+                <string>{{772,695},{110,110}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -612,7 +612,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{837,978},{102,102}}</string>
+                <string>{{776,1417},{102,102}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -629,7 +629,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{446,888},{94,112}}</string>
+                <string>{{771,917},{94,112}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -646,7 +646,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{719,1078},{104,106}}</string>
+                <string>{{551,976},{104,106}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -663,7 +663,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{668,412},{110,110}}</string>
+                <string>{{885,905},{110,110}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -680,9 +680,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{663,622},{106,96}}</string>
+                <string>{{574,1414},{106,96}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>UI_Play_Map_01.png</key>
             <dict>
@@ -697,9 +697,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{617,1092},{108,100}}</string>
+                <string>{{546,1188},{108,100}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>UI_Play_Skull_01.png</key>
             <dict>
@@ -714,7 +714,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{355,645},{126,98}}</string>
+                <string>{{455,750},{126,98}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -731,7 +731,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{455,644},{126,98}}</string>
+                <string>{{386,1318},{126,98}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -748,7 +748,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{662,720},{106,106}}</string>
+                <string>{{872,1205},{106,106}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -765,7 +765,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{560,746},{118,100}}</string>
+                <string>{{555,750},{118,100}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -782,7 +782,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{663,524},{116,96}}</string>
+                <string>{{885,807},{116,96}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -799,9 +799,9 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{291,903},{118,86}}</string>
+                <string>{{877,1117},{118,86}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>UI_System_Setting_01.png</key>
             <dict>
@@ -816,7 +816,7 @@
                 <key>spriteSourceSize</key>
                 <string>{128,128}</string>
                 <key>textureRect</key>
-                <string>{{877,664},{102,98}}</string>
+                <string>{{892,1313},{102,98}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -833,9 +833,9 @@
                 <key>spriteSourceSize</key>
                 <string>{46,76}</string>
                 <key>textureRect</key>
-                <string>{{825,1082},{46,76}}</string>
+                <string>{{430,1246},{46,76}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>arrow2.png</key>
             <dict>
@@ -850,7 +850,7 @@
                 <key>spriteSourceSize</key>
                 <string>{46,76}</string>
                 <key>textureRect</key>
-                <string>{{873,1082},{46,76}}</string>
+                <string>{{929,302},{46,76}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -867,9 +867,9 @@
                 <key>spriteSourceSize</key>
                 <string>{51,47}</string>
                 <key>textureRect</key>
-                <string>{{296,850},{51,47}}</string>
+                <string>{{929,568},{51,47}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>bg1.png</key>
             <dict>
@@ -884,7 +884,7 @@
                 <key>spriteSourceSize</key>
                 <string>{44,44}</string>
                 <key>textureRect</key>
-                <string>{{66,856},{44,44}}</string>
+                <string>{{520,704},{44,44}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -901,41 +901,7 @@
                 <key>spriteSourceSize</key>
                 <string>{227,42}</string>
                 <key>textureRect</key>
-                <string>{{294,449},{227,42}}</string>
-                <key>textureRotated</key>
-                <true/>
-            </dict>
-            <key>bg4.png</key>
-            <dict>
-                <key>aliases</key>
-                <array/>
-                <key>anchor</key>
-                <string>{0.5,0.5}</string>
-                <key>spriteOffset</key>
-                <string>{0,0}</string>
-                <key>spriteSize</key>
-                <string>{248,179}</string>
-                <key>spriteSourceSize</key>
-                <string>{248,179}</string>
-                <key>textureRect</key>
-                <string>{{113,449},{248,179}}</string>
-                <key>textureRotated</key>
-                <true/>
-            </dict>
-            <key>bg5.png</key>
-            <dict>
-                <key>aliases</key>
-                <array/>
-                <key>anchor</key>
-                <string>{0.5,0.5}</string>
-                <key>spriteOffset</key>
-                <string>{0,0}</string>
-                <key>spriteSize</key>
-                <string>{405,110}</string>
-                <key>spriteSourceSize</key>
-                <string>{405,110}</string>
-                <key>textureRect</key>
-                <string>{{1,449},{405,110}}</string>
+                <string>{{386,1089},{227,42}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -952,7 +918,7 @@
                 <key>spriteSourceSize</key>
                 <string>{250,63}</string>
                 <key>textureRect</key>
-                <string>{{1,856},{250,63}}</string>
+                <string>{{455,498},{250,63}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -969,9 +935,9 @@
                 <key>spriteSourceSize</key>
                 <string>{185,81}</string>
                 <key>textureRect</key>
-                <string>{{707,225},{185,81}}</string>
+                <string>{{780,219},{185,81}}</string>
                 <key>textureRotated</key>
-                <true/>
+                <false/>
             </dict>
             <key>btn_menu.png</key>
             <dict>
@@ -986,9 +952,9 @@
                 <key>spriteSourceSize</key>
                 <string>{85,86}</string>
                 <key>textureRect</key>
-                <string>{{750,978},{85,86}}</string>
+                <string>{{486,1402},{85,86}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>btn_red.png</key>
             <dict>
@@ -1003,7 +969,7 @@
                 <key>spriteSourceSize</key>
                 <string>{185,81}</string>
                 <key>textureRect</key>
-                <string>{{790,205},{185,81}}</string>
+                <string>{{742,302},{185,81}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1020,7 +986,7 @@
                 <key>spriteSourceSize</key>
                 <string>{185,81}</string>
                 <key>textureRect</key>
-                <string>{{790,288},{185,81}}</string>
+                <string>{{742,385},{185,81}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1037,9 +1003,9 @@
                 <key>spriteSourceSize</key>
                 <string>{185,81}</string>
                 <key>textureRect</key>
-                <string>{{790,371},{185,81}}</string>
+                <string>{{562,479},{185,81}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>check.png</key>
             <dict>
@@ -1054,9 +1020,9 @@
                 <key>spriteSourceSize</key>
                 <string>{80,76}</string>
                 <key>textureRect</key>
-                <string>{{291,1023},{80,76}}</string>
+                <string>{{566,666},{80,76}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>common_btn_close.png</key>
             <dict>
@@ -1071,9 +1037,9 @@
                 <key>spriteSourceSize</key>
                 <string>{103,105}</string>
                 <key>textureRect</key>
-                <string>{{355,773},{103,105}}</string>
+                <string>{{822,590},{103,105}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>deco.png</key>
             <dict>
@@ -1088,9 +1054,9 @@
                 <key>spriteSourceSize</key>
                 <string>{448,39}</string>
                 <key>textureRect</key>
-                <string>{{320,1},{448,39}}</string>
+                <string>{{231,449},{448,39}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>eff.png</key>
             <dict>
@@ -1122,7 +1088,7 @@
                 <key>spriteSourceSize</key>
                 <string>{54,54}</string>
                 <key>textureRect</key>
-                <string>{{921,1082},{54,54}}</string>
+                <string>{{929,458},{54,54}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1139,9 +1105,9 @@
                 <key>spriteSourceSize</key>
                 <string>{98,111}</string>
                 <key>textureRect</key>
-                <string>{{517,1092},{98,111}}</string>
+                <string>{{885,1017},{98,111}}</string>
                 <key>textureRotated</key>
-                <false/>
+                <true/>
             </dict>
             <key>icon1.png</key>
             <dict>
@@ -1156,7 +1122,7 @@
                 <key>spriteSourceSize</key>
                 <string>{30,30}</string>
                 <key>textureRect</key>
-                <string>{{664,934},{30,30}}</string>
+                <string>{{508,1246},{30,30}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1173,7 +1139,7 @@
                 <key>spriteSourceSize</key>
                 <string>{113,113}</string>
                 <key>textureRect</key>
-                <string>{{338,530},{113,113}}</string>
+                <string>{{657,693},{113,113}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1190,11 +1156,11 @@
                 <key>spriteSourceSize</key>
                 <string>{170,57}</string>
                 <key>textureRect</key>
-                <string>{{296,678},{170,57}}</string>
+                <string>{{645,479},{170,57}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
-            <key>popup.png</key>
+            <key>product1.png</key>
             <dict>
                 <key>aliases</key>
                 <array/>
@@ -1203,14 +1169,133 @@
                 <key>spriteOffset</key>
                 <string>{0,0}</string>
                 <key>spriteSize</key>
-                <string>{257,164}</string>
+                <string>{228,293}</string>
                 <key>spriteSourceSize</key>
-                <string>{257,164}</string>
+                <string>{228,293}</string>
                 <key>textureRect</key>
-                <string>{{320,42},{257,164}}</string>
+                <string>{{1,449},{228,293}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
+            <key>product11.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,216}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,216}</string>
+                <key>textureRect</key>
+                <string>{{1,1039},{200,216}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>product2.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{228,293}</string>
+                <key>spriteSourceSize</key>
+                <string>{228,293}</string>
+                <key>textureRect</key>
+                <string>{{320,1},{228,293}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>product21.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,216}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,216}</string>
+                <key>textureRect</key>
+                <string>{{780,1},{200,216}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>product3.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{228,293}</string>
+                <key>spriteSourceSize</key>
+                <string>{228,293}</string>
+                <key>textureRect</key>
+                <string>{{1,744},{228,293}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>product31.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,216}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,216}</string>
+                <key>textureRect</key>
+                <string>{{1,1257},{200,216}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>product4.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{228,293}</string>
+                <key>spriteSourceSize</key>
+                <string>{228,293}</string>
+                <key>textureRect</key>
+                <string>{{550,1},{228,293}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>product41.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>anchor</key>
+                <string>{0.5,0.5}</string>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,216}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,216}</string>
+                <key>textureRect</key>
+                <string>{{320,296},{200,216}}</string>
+                <key>textureRotated</key>
+                <true/>
+            </dict>
             <key>reset.png</key>
             <dict>
                 <key>aliases</key>
@@ -1224,7 +1309,7 @@
                 <key>spriteSourceSize</key>
                 <string>{76,71}</string>
                 <key>textureRect</key>
-                <string>{{373,1023},{76,71}}</string>
+                <string>{{929,380},{76,71}}</string>
                 <key>textureRotated</key>
                 <true/>
             </dict>
@@ -1241,7 +1326,7 @@
                 <key>spriteSourceSize</key>
                 <string>{44,44}</string>
                 <key>textureRect</key>
-                <string>{{379,934},{44,44}}</string>
+                <string>{{272,449},{44,44}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1258,7 +1343,7 @@
                 <key>spriteSourceSize</key>
                 <string>{44,44}</string>
                 <key>textureRect</key>
-                <string>{{825,1160},{44,44}}</string>
+                <string>{{1,1475},{44,44}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1275,7 +1360,7 @@
                 <key>spriteSourceSize</key>
                 <string>{44,44}</string>
                 <key>textureRect</key>
-                <string>{{871,1160},{44,44}}</string>
+                <string>{{47,1475},{44,44}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1292,7 +1377,7 @@
                 <key>spriteSourceSize</key>
                 <string>{44,44}</string>
                 <key>textureRect</key>
-                <string>{{921,1138},{44,44}}</string>
+                <string>{{93,1475},{44,44}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1309,7 +1394,7 @@
                 <key>spriteSourceSize</key>
                 <string>{44,44}</string>
                 <key>textureRect</key>
-                <string>{{917,1184},{44,44}}</string>
+                <string>{{139,1475},{44,44}}</string>
                 <key>textureRotated</key>
                 <false/>
             </dict>
@@ -1325,9 +1410,9 @@
             <key>realTextureFileName</key>
             <string>aui.png</string>
             <key>size</key>
-            <string>{976,1229}</string>
+            <string>{1002,1521}</string>
             <key>smartupdate</key>
-            <string>$TexturePacker:SmartUpdate:4e1fafadfbc2bb6bbf7b8303c38a34aa:cb5f3e33f00c46fade00b67e4bfb4c6a:b5775493c55766efeea5ccac51652ce8$</string>
+            <string>$TexturePacker:SmartUpdate:8287298aa06d25564aa87ecbdcca23ca:33615fedf08d577faee72e826a337aac:b5775493c55766efeea5ccac51652ce8$</string>
             <key>textureFileName</key>
             <string>aui.png</string>
         </dict>
diff --git a/assets/resources/gui/aui.plist.meta b/assets/resources/gui/aui.plist.meta
index bb55d313..983330c7 100644
--- a/assets/resources/gui/aui.plist.meta
+++ b/assets/resources/gui/aui.plist.meta
@@ -18,8 +18,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 554,
-        "trimY": 984,
+        "trimX": 486,
+        "trimY": 1294,
         "width": 86,
         "height": 106,
         "rawWidth": 128,
@@ -53,6 +53,52 @@
       ],
       "subMetas": {}
     },
+    "49830": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@49830",
+      "displayName": "",
+      "id": "49830",
+      "name": "product11",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 1,
+        "trimY": 1039,
+        "width": 200,
+        "height": 216,
+        "rawWidth": 200,
+        "rawHeight": 216,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
     "68572": {
       "importer": "sprite-frame",
       "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@68572",
@@ -64,8 +110,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 66,
-        "trimY": 903,
+        "trimX": 203,
+        "trimY": 1089,
         "width": 181,
         "height": 202,
         "rawWidth": 181,
@@ -110,8 +156,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 783,
-        "trimY": 1,
+        "trimX": 272,
+        "trimY": 702,
         "width": 181,
         "height": 202,
         "rawWidth": 181,
@@ -153,11 +199,11 @@
       "name": "Consumable_Food_Bread_01",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 3,
-        "trimX": 454,
-        "trimY": 412,
+        "trimX": 704,
+        "trimY": 601,
         "width": 116,
         "height": 90,
         "rawWidth": 128,
@@ -199,11 +245,11 @@
       "name": "Consumable_Potion_02_Red",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 460,
-        "trimY": 772,
+        "trimX": 435,
+        "trimY": 1028,
         "width": 98,
         "height": 114,
         "rawWidth": 128,
@@ -248,8 +294,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 560,
-        "trimY": 866,
+        "trimX": 672,
+        "trimY": 1417,
         "width": 102,
         "height": 102,
         "rawWidth": 128,
@@ -291,11 +337,11 @@
       "name": "Economy_Gem_01_Blue",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": -1,
         "offsetY": -2,
-        "trimX": 555,
-        "trimY": 628,
+        "trimX": 657,
+        "trimY": 808,
         "width": 116,
         "height": 102,
         "rawWidth": 128,
@@ -340,8 +386,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 446,
-        "trimY": 984,
+        "trimX": 656,
+        "trimY": 1200,
         "width": 106,
         "height": 106,
         "rawWidth": 128,
@@ -386,8 +432,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 642,
-        "trimY": 970,
+        "trimX": 764,
+        "trimY": 1205,
         "width": 106,
         "height": 106,
         "rawWidth": 128,
@@ -432,8 +478,8 @@
         "rotated": false,
         "offsetX": -1,
         "offsetY": 1,
-        "trimX": 781,
-        "trimY": 564,
+        "trimX": 657,
+        "trimY": 1100,
         "width": 108,
         "height": 98,
         "rawWidth": 128,
@@ -478,8 +524,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 1,
-        "trimX": 771,
-        "trimY": 664,
+        "trimX": 551,
+        "trimY": 1084,
         "width": 102,
         "height": 104,
         "rawWidth": 128,
@@ -521,11 +567,11 @@
       "name": "Economy_Gem_05_Red",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 1,
-        "trimX": 770,
-        "trimY": 768,
+        "trimX": 680,
+        "trimY": 1313,
         "width": 102,
         "height": 104,
         "rawWidth": 128,
@@ -570,8 +616,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 1,
-        "trimX": 770,
-        "trimY": 874,
+        "trimX": 786,
+        "trimY": 1313,
         "width": 102,
         "height": 104,
         "rawWidth": 128,
@@ -613,11 +659,11 @@
       "name": "Economy_Heart_Red",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": -1,
         "offsetY": -2,
-        "trimX": 453,
-        "trimY": 530,
+        "trimX": 657,
+        "trimY": 912,
         "width": 112,
         "height": 96,
         "rawWidth": 128,
@@ -659,11 +705,11 @@
       "name": "Economy_Water_01_Blue",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 235,
-        "trimY": 1109,
+        "trimX": 767,
+        "trimY": 1105,
         "width": 98,
         "height": 108,
         "rawWidth": 128,
@@ -708,8 +754,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 876,
-        "trimY": 874,
+        "trimX": 880,
+        "trimY": 1417,
         "width": 97,
         "height": 97,
         "rawWidth": 97,
@@ -754,8 +800,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 379,
-        "trimY": 880,
+        "trimX": 928,
+        "trimY": 514,
         "width": 52,
         "height": 52,
         "rawWidth": 64,
@@ -797,11 +843,11 @@
       "name": "Group 66",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 320,
-        "trimY": 208,
+        "trimX": 538,
+        "trimY": 296,
         "width": 181,
         "height": 202,
         "rawWidth": 181,
@@ -843,11 +889,11 @@
       "name": "Group 67",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 579,
-        "trimY": 42,
+        "trimX": 272,
+        "trimY": 498,
         "width": 181,
         "height": 202,
         "rawWidth": 181,
@@ -889,11 +935,11 @@
       "name": "Group 69",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 113,
-        "trimY": 699,
+        "trimX": 231,
+        "trimY": 906,
         "width": 181,
         "height": 202,
         "rawWidth": 181,
@@ -935,11 +981,11 @@
       "name": "Group 71",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 503,
-        "trimY": 225,
+        "trimX": 203,
+        "trimY": 1293,
         "width": 181,
         "height": 202,
         "rawWidth": 181,
@@ -984,8 +1030,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 719,
-        "trimY": 1186,
+        "trimX": 929,
+        "trimY": 617,
         "width": 38,
         "height": 42,
         "rawWidth": 38,
@@ -1027,11 +1073,11 @@
       "name": "Icon_Lock03",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 891,
-        "trimY": 566,
+        "trimX": 386,
+        "trimY": 1446,
         "width": 71,
         "height": 93,
         "rawWidth": 71,
@@ -1076,8 +1122,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": -2,
-        "trimX": 1,
-        "trimY": 1108,
+        "trimX": 704,
+        "trimY": 479,
         "width": 120,
         "height": 110,
         "rawWidth": 128,
@@ -1119,11 +1165,11 @@
       "name": "Item_Card_01_Color",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": -2,
-        "trimX": 113,
-        "trimY": 1107,
+        "trimX": 816,
+        "trimY": 468,
         "width": 120,
         "height": 110,
         "rawWidth": 128,
@@ -1168,8 +1214,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 874,
-        "trimY": 768,
+        "trimX": 555,
+        "trimY": 870,
         "width": 104,
         "height": 100,
         "rawWidth": 128,
@@ -1214,8 +1260,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": -2,
-        "trimX": 664,
-        "trimY": 828,
+        "trimX": 574,
+        "trimY": 1308,
         "width": 104,
         "height": 104,
         "rawWidth": 128,
@@ -1257,11 +1303,11 @@
       "name": "Item_Hourglass_01_Gold",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": -1,
         "offsetY": -1,
-        "trimX": 335,
-        "trimY": 1101,
+        "trimX": 657,
+        "trimY": 1010,
         "width": 88,
         "height": 112,
         "rawWidth": 128,
@@ -1306,8 +1352,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": -1,
-        "trimX": 338,
-        "trimY": 412,
+        "trimX": 430,
+        "trimY": 1128,
         "width": 114,
         "height": 116,
         "rawWidth": 128,
@@ -1352,8 +1398,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 781,
-        "trimY": 454,
+        "trimX": 775,
+        "trimY": 807,
         "width": 108,
         "height": 108,
         "rawWidth": 128,
@@ -1395,11 +1441,11 @@
       "name": "Prop_Mcarecrow_01",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": -1,
         "offsetY": 0,
-        "trimX": 546,
-        "trimY": 408,
+        "trimX": 435,
+        "trimY": 906,
         "width": 120,
         "height": 106,
         "rawWidth": 128,
@@ -1444,8 +1490,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 891,
-        "trimY": 454,
+        "trimX": 884,
+        "trimY": 695,
         "width": 110,
         "height": 81,
         "rawWidth": 110,
@@ -1490,8 +1536,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 249,
-        "trimY": 903,
+        "trimX": 520,
+        "trimY": 498,
         "width": 204,
         "height": 40,
         "rawWidth": 204,
@@ -1533,11 +1579,11 @@
       "name": "Rectangleligjht 2426_",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 425,
-        "trimY": 1101,
+        "trimX": 771,
+        "trimY": 1013,
         "width": 112,
         "height": 90,
         "rawWidth": 112,
@@ -1582,8 +1628,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 551,
-        "trimY": 516,
+        "trimX": 772,
+        "trimY": 695,
         "width": 110,
         "height": 110,
         "rawWidth": 128,
@@ -1628,8 +1674,8 @@
         "rotated": false,
         "offsetX": -1,
         "offsetY": 0,
-        "trimX": 837,
-        "trimY": 978,
+        "trimX": 776,
+        "trimY": 1417,
         "width": 102,
         "height": 102,
         "rawWidth": 128,
@@ -1674,8 +1720,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 446,
-        "trimY": 888,
+        "trimX": 771,
+        "trimY": 917,
         "width": 94,
         "height": 112,
         "rawWidth": 128,
@@ -1720,8 +1766,8 @@
         "rotated": false,
         "offsetX": -1,
         "offsetY": 1,
-        "trimX": 719,
-        "trimY": 1078,
+        "trimX": 551,
+        "trimY": 976,
         "width": 104,
         "height": 106,
         "rawWidth": 128,
@@ -1766,8 +1812,8 @@
         "rotated": false,
         "offsetX": 1,
         "offsetY": -1,
-        "trimX": 668,
-        "trimY": 412,
+        "trimX": 885,
+        "trimY": 905,
         "width": 110,
         "height": 110,
         "rawWidth": 128,
@@ -1809,11 +1855,11 @@
       "name": "UI_Play_Battle_01_Color",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": -1,
         "offsetY": 0,
-        "trimX": 663,
-        "trimY": 622,
+        "trimX": 574,
+        "trimY": 1414,
         "width": 106,
         "height": 96,
         "rawWidth": 128,
@@ -1855,11 +1901,11 @@
       "name": "UI_Play_Map_01",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 617,
-        "trimY": 1092,
+        "trimX": 546,
+        "trimY": 1188,
         "width": 108,
         "height": 100,
         "rawWidth": 128,
@@ -1904,8 +1950,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": -1,
-        "trimX": 355,
-        "trimY": 645,
+        "trimX": 455,
+        "trimY": 750,
         "width": 126,
         "height": 98,
         "rawWidth": 128,
@@ -1950,8 +1996,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": -1,
-        "trimX": 455,
-        "trimY": 644,
+        "trimX": 386,
+        "trimY": 1318,
         "width": 126,
         "height": 98,
         "rawWidth": 128,
@@ -1996,8 +2042,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 2,
-        "trimX": 662,
-        "trimY": 720,
+        "trimX": 872,
+        "trimY": 1205,
         "width": 106,
         "height": 106,
         "rawWidth": 128,
@@ -2042,8 +2088,8 @@
         "rotated": true,
         "offsetX": -1,
         "offsetY": -2,
-        "trimX": 560,
-        "trimY": 746,
+        "trimX": 555,
+        "trimY": 750,
         "width": 118,
         "height": 100,
         "rawWidth": 128,
@@ -2088,8 +2134,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 1,
-        "trimX": 663,
-        "trimY": 524,
+        "trimX": 885,
+        "trimY": 807,
         "width": 116,
         "height": 96,
         "rawWidth": 128,
@@ -2131,11 +2177,11 @@
       "name": "UI_Social_Ranking_01_Yellow",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 291,
-        "trimY": 903,
+        "trimX": 877,
+        "trimY": 1117,
         "width": 118,
         "height": 86,
         "rawWidth": 128,
@@ -2180,8 +2226,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 877,
-        "trimY": 664,
+        "trimX": 892,
+        "trimY": 1313,
         "width": 102,
         "height": 98,
         "rawWidth": 128,
@@ -2223,11 +2269,11 @@
       "name": "arrow",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 825,
-        "trimY": 1082,
+        "trimX": 430,
+        "trimY": 1246,
         "width": 46,
         "height": 76,
         "rawWidth": 46,
@@ -2272,8 +2318,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 873,
-        "trimY": 1082,
+        "trimX": 929,
+        "trimY": 302,
         "width": 46,
         "height": 76,
         "rawWidth": 46,
@@ -2315,11 +2361,11 @@
       "name": "arrow3",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 296,
-        "trimY": 850,
+        "trimX": 929,
+        "trimY": 568,
         "width": 51,
         "height": 47,
         "rawWidth": 51,
@@ -2364,8 +2410,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 66,
-        "trimY": 856,
+        "trimX": 520,
+        "trimY": 704,
         "width": 44,
         "height": 44,
         "rawWidth": 44,
@@ -2410,8 +2456,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 294,
-        "trimY": 449,
+        "trimX": 386,
+        "trimY": 1089,
         "width": 227,
         "height": 42,
         "rawWidth": 227,
@@ -2445,98 +2491,6 @@
       ],
       "subMetas": {}
     },
-    "4d5e8": {
-      "importer": "sprite-frame",
-      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@4d5e8",
-      "displayName": "",
-      "id": "4d5e8",
-      "name": "bg4",
-      "userData": {
-        "trimThreshold": 1,
-        "rotated": true,
-        "offsetX": 0,
-        "offsetY": 0,
-        "trimX": 113,
-        "trimY": 449,
-        "width": 248,
-        "height": 179,
-        "rawWidth": 248,
-        "rawHeight": 179,
-        "borderTop": 12,
-        "borderBottom": 12,
-        "borderLeft": 14,
-        "borderRight": 16,
-        "packable": true,
-        "pixelsToUnit": 100,
-        "pivotX": 0.5,
-        "pivotY": 0.5,
-        "meshType": 0,
-        "vertices": {
-          "rawPosition": [],
-          "indexes": [],
-          "uv": [],
-          "nuv": [],
-          "minPos": [],
-          "maxPos": []
-        },
-        "isUuid": true,
-        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
-        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
-        "trimType": "auto"
-      },
-      "ver": "1.0.12",
-      "imported": true,
-      "files": [
-        ".json"
-      ],
-      "subMetas": {}
-    },
-    "091ff": {
-      "importer": "sprite-frame",
-      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@091ff",
-      "displayName": "",
-      "id": "091ff",
-      "name": "bg5",
-      "userData": {
-        "trimThreshold": 1,
-        "rotated": true,
-        "offsetX": 0,
-        "offsetY": 0,
-        "trimX": 1,
-        "trimY": 449,
-        "width": 405,
-        "height": 110,
-        "rawWidth": 405,
-        "rawHeight": 110,
-        "borderTop": 30,
-        "borderBottom": 30,
-        "borderLeft": 30,
-        "borderRight": 30,
-        "packable": true,
-        "pixelsToUnit": 100,
-        "pivotX": 0.5,
-        "pivotY": 0.5,
-        "meshType": 0,
-        "vertices": {
-          "rawPosition": [],
-          "indexes": [],
-          "uv": [],
-          "nuv": [],
-          "minPos": [],
-          "maxPos": []
-        },
-        "isUuid": true,
-        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
-        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
-        "trimType": "auto"
-      },
-      "ver": "1.0.12",
-      "imported": true,
-      "files": [
-        ".json"
-      ],
-      "subMetas": {}
-    },
     "7f50d": {
       "importer": "sprite-frame",
       "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@7f50d",
@@ -2548,8 +2502,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 1,
-        "trimY": 856,
+        "trimX": 455,
+        "trimY": 498,
         "width": 250,
         "height": 63,
         "rawWidth": 250,
@@ -2591,11 +2545,11 @@
       "name": "btn_green",
       "userData": {
         "trimThreshold": 1,
-        "rotated": true,
+        "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 707,
-        "trimY": 225,
+        "trimX": 780,
+        "trimY": 219,
         "width": 185,
         "height": 81,
         "rawWidth": 185,
@@ -2637,11 +2591,11 @@
       "name": "btn_menu",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 750,
-        "trimY": 978,
+        "trimX": 486,
+        "trimY": 1402,
         "width": 85,
         "height": 86,
         "rawWidth": 85,
@@ -2686,8 +2640,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 790,
-        "trimY": 205,
+        "trimX": 742,
+        "trimY": 302,
         "width": 185,
         "height": 81,
         "rawWidth": 185,
@@ -2732,8 +2686,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 790,
-        "trimY": 288,
+        "trimX": 742,
+        "trimY": 385,
         "width": 185,
         "height": 81,
         "rawWidth": 185,
@@ -2775,11 +2729,11 @@
       "name": "btn_yellow",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 790,
-        "trimY": 371,
+        "trimX": 562,
+        "trimY": 479,
         "width": 185,
         "height": 81,
         "rawWidth": 185,
@@ -2821,11 +2775,11 @@
       "name": "check",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 291,
-        "trimY": 1023,
+        "trimX": 566,
+        "trimY": 666,
         "width": 80,
         "height": 76,
         "rawWidth": 80,
@@ -2867,11 +2821,11 @@
       "name": "common_btn_close",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 355,
-        "trimY": 773,
+        "trimX": 822,
+        "trimY": 590,
         "width": 103,
         "height": 105,
         "rawWidth": 103,
@@ -2913,11 +2867,11 @@
       "name": "deco",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 320,
-        "trimY": 1,
+        "trimX": 231,
+        "trimY": 449,
         "width": 448,
         "height": 39,
         "rawWidth": 448,
@@ -3008,8 +2962,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 921,
-        "trimY": 1082,
+        "trimX": 929,
+        "trimY": 458,
         "width": 54,
         "height": 54,
         "rawWidth": 54,
@@ -3051,11 +3005,11 @@
       "name": "hand",
       "userData": {
         "trimThreshold": 1,
-        "rotated": false,
+        "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 517,
-        "trimY": 1092,
+        "trimX": 885,
+        "trimY": 1017,
         "width": 98,
         "height": 111,
         "rawWidth": 98,
@@ -3100,8 +3054,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 664,
-        "trimY": 934,
+        "trimX": 508,
+        "trimY": 1246,
         "width": 30,
         "height": 30,
         "rawWidth": 30,
@@ -3146,8 +3100,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 338,
-        "trimY": 530,
+        "trimX": 657,
+        "trimY": 693,
         "width": 113,
         "height": 113,
         "rawWidth": 113,
@@ -3192,8 +3146,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 296,
-        "trimY": 678,
+        "trimX": 645,
+        "trimY": 479,
         "width": 170,
         "height": 57,
         "rawWidth": 170,
@@ -3227,27 +3181,303 @@
       ],
       "subMetas": {}
     },
-    "814fa": {
+    "c77a7": {
       "importer": "sprite-frame",
-      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@814fa",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@c77a7",
       "displayName": "",
-      "id": "814fa",
-      "name": "popup",
+      "id": "c77a7",
+      "name": "product1",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 1,
+        "trimY": 449,
+        "width": 228,
+        "height": 293,
+        "rawWidth": 228,
+        "rawHeight": 293,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f8fdb": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@f8fdb",
+      "displayName": "",
+      "id": "f8fdb",
+      "name": "product2",
       "userData": {
         "trimThreshold": 1,
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
         "trimX": 320,
-        "trimY": 42,
-        "width": 257,
-        "height": 164,
-        "rawWidth": 257,
-        "rawHeight": 164,
-        "borderTop": 31,
-        "borderBottom": 32,
-        "borderLeft": 31,
-        "borderRight": 30,
+        "trimY": 1,
+        "width": 228,
+        "height": 293,
+        "rawWidth": 228,
+        "rawHeight": 293,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "0ecfe": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@0ecfe",
+      "displayName": "",
+      "id": "0ecfe",
+      "name": "product21",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 780,
+        "trimY": 1,
+        "width": 200,
+        "height": 216,
+        "rawWidth": 200,
+        "rawHeight": 216,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "0d310": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@0d310",
+      "displayName": "",
+      "id": "0d310",
+      "name": "product3",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 1,
+        "trimY": 744,
+        "width": 228,
+        "height": 293,
+        "rawWidth": 228,
+        "rawHeight": 293,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "e1707": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@e1707",
+      "displayName": "",
+      "id": "e1707",
+      "name": "product31",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 1,
+        "trimY": 1257,
+        "width": 200,
+        "height": 216,
+        "rawWidth": 200,
+        "rawHeight": 216,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "41c54": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@41c54",
+      "displayName": "",
+      "id": "41c54",
+      "name": "product4",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 550,
+        "trimY": 1,
+        "width": 228,
+        "height": 293,
+        "rawWidth": 228,
+        "rawHeight": 293,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [],
+          "indexes": [],
+          "uv": [],
+          "nuv": [],
+          "minPos": [],
+          "maxPos": []
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9386d02f-0d02-4019-99ee-2b6c3759cbbb@6c48a",
+        "atlasUuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "78ee3": {
+      "importer": "sprite-frame",
+      "uuid": "6165ffc9-a838-4a33-b569-bdbaaab0e6b4@78ee3",
+      "displayName": "",
+      "id": "78ee3",
+      "name": "product41",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": true,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 320,
+        "trimY": 296,
+        "width": 200,
+        "height": 216,
+        "rawWidth": 200,
+        "rawHeight": 216,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
         "packable": true,
         "pixelsToUnit": 100,
         "pivotX": 0.5,
@@ -3284,8 +3514,8 @@
         "rotated": true,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 373,
-        "trimY": 1023,
+        "trimX": 929,
+        "trimY": 380,
         "width": 76,
         "height": 71,
         "rawWidth": 76,
@@ -3330,8 +3560,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 379,
-        "trimY": 934,
+        "trimX": 272,
+        "trimY": 449,
         "width": 44,
         "height": 44,
         "rawWidth": 44,
@@ -3376,8 +3606,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 825,
-        "trimY": 1160,
+        "trimX": 1,
+        "trimY": 1475,
         "width": 44,
         "height": 44,
         "rawWidth": 44,
@@ -3422,8 +3652,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 871,
-        "trimY": 1160,
+        "trimX": 47,
+        "trimY": 1475,
         "width": 44,
         "height": 44,
         "rawWidth": 44,
@@ -3468,8 +3698,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 921,
-        "trimY": 1138,
+        "trimX": 93,
+        "trimY": 1475,
         "width": 44,
         "height": 44,
         "rawWidth": 44,
@@ -3514,8 +3744,8 @@
         "rotated": false,
         "offsetX": 0,
         "offsetY": 0,
-        "trimX": 917,
-        "trimY": 1184,
+        "trimX": 139,
+        "trimY": 1475,
         "width": 44,
         "height": 44,
         "rawWidth": 44,
diff --git a/assets/resources/gui/aui.png b/assets/resources/gui/aui.png
index f5ffdbf9..3b37ddf7 100644
Binary files a/assets/resources/gui/aui.png and b/assets/resources/gui/aui.png differ