diff --git a/src/components/units/AppGames.vue b/src/components/units/AppGames.vue
index aec0499a..f0df4587 100644
--- a/src/components/units/AppGames.vue
+++ b/src/components/units/AppGames.vue
@@ -1,42 +1,20 @@
 <template>
     <div id="app-games">
         <input id="searchbar" type="text" v-model="search" @keydown.esc="search = ''" :placeholder="'Search for ' + gameType" /> <br />
-        <div id="category-header" v-if="Object.keys(gamesV3).length">
-            <h2>{{ gameTypeTitle }} with Animated GUIs</h2>
-        </div>
-        <div id="games">
-            <router-link class="v3" v-for="game in gamesV3" :key="game.id" :to="{ name: 'variants', params: { type: gameType, gameId: game.id } }">
-                <img :src="getLogoSource(game)" :alt="game.name + ' Logo'" style="width: 8rem" />
-                <p>{{ game.name }}</p>
-            </router-link>
-        </div>
-        <div id="category-header" v-if="Object.keys(gamesV2).length">
-            <h2>{{ gameTypeTitle }} with Artisan GUIs</h2>
-        </div>
-        <div id="games">
-            <router-link class="v2" v-for="game in gamesV2" :key="game.id" :to="{ name: 'variants', params: { type: gameType, gameId: game.id } }">
-                <img :src="getLogoSource(game)" :alt="game.name + ' Logo'" style="width: 8rem" />
-                <p>{{ game.name }}</p>
-            </router-link>
-        </div>
-        <div id="category-header" v-if="Object.keys(gamesV1).length">
-            <h2>{{ gameTypeTitle }} with Standard GUIs</h2>
-        </div>
-        <div id="games">
-            <router-link class="v1" v-for="game in gamesV1" :key="game.id" :to="{ name: 'variants', params: { type: gameType, gameId: game.id } }">
-                <img :src="getLogoSource(game)" :alt="game.name + ' Logo'" style="width: 8rem" />
-                <p>{{ game.name }}</p>
-            </router-link>
-        </div>
-        <div id="category-header" v-if="Object.keys(gamesV0).length">
-            <h2>{{ gameTypeTitle }} without GUIs (Still in Development)</h2>
-        </div>
-        <div id="games">
-            <router-link class="v0" v-for="game in gamesV0" :key="game.id" :to="{ name: 'variants', params: { type: gameType, gameId: game.id } }">
-                <img :src="getLogoSource(game)" :alt="game.name + ' Logo'" style="width: 8rem" />
-                <p>{{ game.name }}</p>
-            </router-link>
-        </div>
+
+        <g v-for="category in categories" :key="category.id">
+            <g v-if="category.members.length > 0">
+                <h2>{{ gameTypeTitle }} with{{ category.name }}</h2>
+                <div class="games">
+                    <g v-for="member in category.members" :key="member.id">
+                        <router-link :class="category.id" v-if="member.gui_status === category.id" :to="{ name: 'variants', params: { type: gameType, gameId: member.id } }">
+                            <img :src="getLogoSource(member)" style="width: 8rem" />
+                            <p :style="member.name.length < 17 ? 'font-size: 100%' : 'font-size: 90%'" >{{ member.name }}</p>
+                        </router-link>
+                    </g>
+                </div>
+            </g>
+        </g>
     </div>
 </template>
 
@@ -68,30 +46,25 @@ const gameType = computed(() => route.params.type as string);
 const gameTypeTitle = computed(() => gameType.value[0].toUpperCase() + gameType.value.slice(1));
 const search = ref("");
 
-const gamesV0 = computed(() => {
-    let unfiltered = store.getters.games(gameType.value).games;
-    const asArray = Object.entries(unfiltered);
-    const filtered = asArray.filter(([_, value]) => value.name.toLowerCase().includes(search.value.toLowerCase()) && value.gui_status === "v0");
-    return Object.fromEntries(filtered);
-});
-const gamesV1 = computed(() => {
-    let unfiltered = store.getters.games(gameType.value).games;
-    const asArray = Object.entries(unfiltered);
-    const filtered = asArray.filter(([_, value]) => value.name.toLowerCase().includes(search.value.toLowerCase()) && value.gui_status === "v1");
-    return Object.fromEntries(filtered);
-});
-const gamesV2 = computed(() => {
-    let unfiltered = store.getters.games(gameType.value).games;
-    const asArray = Object.entries(unfiltered);
-    const filtered = asArray.filter(([_, value]) => value.name.toLowerCase().includes(search.value.toLowerCase()) && value.gui_status === "v2");
-    return Object.fromEntries(filtered);
-});
-const gamesV3 = computed(() => {
-    let unfiltered = store.getters.games(gameType.value).games;
-    const asArray = Object.entries(unfiltered);
-    const filtered = asArray.filter(([_, value]) => value.name.toLowerCase().includes(search.value.toLowerCase()) && value.gui_status === "v3");
-    return Object.fromEntries(filtered);
+interface Category {
+    id: string;
+    name: string;
+    members: Game[];
+}
+
+const categories = computed(() => {
+    let categories: Category[] = [];
+    const asArray = Object.values(store.getters.games(gameType.value).games);
+    for (const strs of [["v3", " Animated GUIs"], ["v2", " Artisan GUIs"], ["v1", " Standard GUIs"], ["v0", "out GUIs (Still in Development)"]]) {
+        categories.push({
+            id: strs[0],
+            name: strs[1],
+            members: asArray.filter((value) => value.name.toLowerCase().includes(search.value.toLowerCase()) && value.gui_status === strs[0])
+        });
+    }
+    return categories;
 });
+
 store.dispatch(actionTypes.loadGames, { type: gameType.value });
 watch(
     () => route.params.type as string,
@@ -101,60 +74,70 @@ watch(
 </script>
 
 <style lang="scss" scoped>
-#app-games {
-    float: top;
-    padding: 1rem 10%;
-    > #searchbar {
-        border: 0.4rem solid var(--neutralColor);
-        border-radius: 1rem;
-        width: 37%;
-        height: 2rem;
-        font-size: 150%;
-        margin: 1rem;
-    }
-    > #category-header {
-        align-content: center;
-        align-items: center;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: center;
-        > h2 {
-            margin-top: 2rem;
-        }
-    }
-    > #games {
-        align-content: center;
-        align-items: center;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: center;
-        > a {
-            border: 0.1rem solid var(--neutralColor);
+    #app-games {
+        float: top;
+        padding: 1rem 10%;
+        > #searchbar {
+            border: 0.4rem solid var(--neutralColor);
             border-radius: 1rem;
+            width: 37%;
+            height: 2rem;
+            font-size: 150%;
             margin: 1rem;
-            padding: 1rem;
-            > * {
-                text-align: center;
-            }
         }
 
-        > a.v3 {
-            border: 0.2rem solid rgb(180, 27, 180);
-        }
+        g {
+            h2 {
+                align-content: center;
+                align-items: center;
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                justify-content: center;
+                margin-top: 2rem;
+            }
 
-        > a.v2 {
-            border: 0.2rem solid gold;
-        }
+            .games {
+                align-content: center;
+                align-items: center;
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                justify-content: center;
+                g {
+                    align-content: center;
+                    align-items: center;
+                    display: flex;
+                    flex-direction: row;
+                    flex-wrap: wrap;
+                    justify-content: center;
+                    a {
+                        border: 0.2rem solid var(--neutralColor);
+                        border-radius: 1rem;
+                        margin: 1rem;
+                        padding: 1rem;
+                        > * {
+                            text-align: center;
+                        }
+                    }
 
-        > a.v1 {
-            border: 0.2rem solid silver;
-        }
+                    a.v3 {
+                        border: 0.2rem solid rgb(180, 27, 180);
+                    }
+
+                    a.v2 {
+                        border: 0.2rem solid gold;
+                    }
+
+                    a.v1 {
+                        border: 0.2rem solid silver;
+                    }
 
-        > a.v0 {
-            border: 0.2rem solid #cd7f32;
+                    a.v0 {
+                        border: 0.2rem solid #cd7f32;
+                    }
+                }
+            }
         }
     }
-}
 </style>
diff --git a/src/components/units/Header/AppHeaderNavigations.vue b/src/components/units/Header/AppHeaderNavigations.vue
index 555837f1..39801fca 100644
--- a/src/components/units/Header/AppHeaderNavigations.vue
+++ b/src/components/units/Header/AppHeaderNavigations.vue
@@ -1,7 +1,7 @@
 <template>
     <nav id="app-header-navigations">
         <router-link v-for="route in routes" :key="route.name" :to="route.path">
-            <h2>{{ t(route.name) }}</h2>
+            {{ t(route.name) }}
         </router-link>
     </nav>
 </template>
@@ -21,22 +21,38 @@
 
 <style lang="scss" scoped>
     #app-header-navigations {
+        width: 40%;
         align-content: center;
         align-items: center;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
-        > a > h2 {
-            color: var(--primaryColor);
-            margin: 0 0.5rem;
-        }
-        > a.router-link-exact-active {
-            color: var(--themeColor);
+        > a {
+            font-size: 1.5em;
+            text-decoration: none;
+            padding-left: 0.7em;
+            padding-right: 0.7em;
             > h2 {
-                color: var(--themeColor);
+                font-weight: 500;
+                color: var(--primaryColor);
+                margin: 0 0.5rem;
             }
         }
+
+        > a:hover {
+            color: var(--backgroundColor);
+        }
+
+        > a.router-link-exact-active {
+            color: var(--primaryColor);
+            text-decoration: solid underline var(--primaryColor) 10%;
+        }
+
+        > a.router-link-exact-active:hover {
+            color: var(--backgroundColor);
+            text-decoration: solid underline var(--backgroundColor) 10%;
+        }
     }
 </style>
 
diff --git a/src/components/units/Header/AppHeaderPreferences.vue b/src/components/units/Header/AppHeaderPreferences.vue
index ae2c9cb1..2251b9af 100644
--- a/src/components/units/Header/AppHeaderPreferences.vue
+++ b/src/components/units/Header/AppHeaderPreferences.vue
@@ -89,6 +89,7 @@
 
 <style lang="scss" scoped>
     #app-header-preferences {
+        width: 30%;
         align-content: center;
         align-items: center;
         display: flex;
diff --git a/src/components/units/Header/AppHeaderTitle.vue b/src/components/units/Header/AppHeaderTitle.vue
index a82a056f..05821bc3 100644
--- a/src/components/units/Header/AppHeaderTitle.vue
+++ b/src/components/units/Header/AppHeaderTitle.vue
@@ -11,6 +11,7 @@
 
 <style lang="scss" scoped>
     #app-header-title {
+        width: 30%;
         align-content: center;
         align-items: center;
         display: flex;
diff --git a/src/models/images/svg/chopsticks/finger.svg b/src/models/images/svg/chopsticks/finger.svg
new file mode 100644
index 00000000..31b14d23
--- /dev/null
+++ b/src/models/images/svg/chopsticks/finger.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-11 -11 22 22"> <path id="f" d="M-8.5,-2h17a2,2 1,1,1 0,4 h-17a2,2 1,1,1 0,-4z" stroke="#000" fill="#fff"/> </svg>
\ No newline at end of file
diff --git a/src/models/images/svg/chopsticks/foreground.svg b/src/models/images/svg/chopsticks/foreground.svg
new file mode 100644
index 00000000..2a23a731
--- /dev/null
+++ b/src/models/images/svg/chopsticks/foreground.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <g transform="translate(100 40) scale(-1)"> <path d="M20.5,26.6l-10,-0.1l-2,-2h-2v-14h1.8c0,-2 3,-3.9 9,-3 c0,-0.5 3.5,2.9 3.5,2.9" stroke-linecap="round" stroke-linejoin="round" stroke="#000" fill="#fff"/> <rect x="0.5" y="9.5" rx="1" ry="1" width="6" height="16" stroke-width="1" stroke="#000" fill="#FF0000"/> </g> <g transform="translate(0 40) scale(1,-1)"> <path d="M20.5,26.6l-10,-0.1l-2,-2h-2v-14h1.8c0,-2 3,-3.9 9,-3 c0,-0.5 3.5,2.9 3.5,2.9" stroke-linecap="round" stroke-linejoin="round" stroke="#000" fill="#fff"/> <rect x="0.5" y="9.5" rx="1" ry="1" width="6" height="16" stroke-width="1" stroke="#000" fill="#0000FF"/> </g> <g transform="translate(100 60) scale(-1,1)"> <path d="M20.5,26.6l-10,-0.1l-2,-2h-2v-14h1.8c0,-2 3,-3.9 9,-3 c0,-0.5 3.5,2.9 3.5,2.9" stroke-linecap="round" stroke-linejoin="round" stroke="#000" fill="#fff"/> <rect x="0.5" y="9.5" rx="1" ry="1" width="6" height="16" stroke-width="1" stroke="#000" fill="#FF0000"/> </g> <g transform="translate(0 60)"> <path d="M20.5,26.6l-10,-0.1l-2,-2h-2v-14h1.8c0,-2 3,-3.9 9,-3 c0,-0.5 3.5,2.9 3.5,2.9" stroke-linecap="round" stroke-linejoin="round" stroke="#000" fill="#fff"/> <rect x="0.5" y="9.5" rx="1" ry="1" width="6" height="16" stroke-width="1" stroke="#000" fill="#0000FF"/> </g> </svg>
\ No newline at end of file
diff --git a/src/models/images/svg/chopsticks/knuckles.svg b/src/models/images/svg/chopsticks/knuckles.svg
new file mode 100644
index 00000000..74da9f79
--- /dev/null
+++ b/src/models/images/svg/chopsticks/knuckles.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <path fill="#fff" d="M18,13h2.6v17h-2.6zM18,70h2.6v17h-2.6zM79,13h2.6v17h-2.6zM79,70h2.6v17h-2.6z"/> <g stroke-linejoin="round"  stroke="#000" fill="#fff"> <path transform="translate(100 40) scale(-1)" d="M20.5,10.25a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1"/> <path transform="translate(0 40) scale(1,-1)" d="M20.5,10.25a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1"/> <path transform="translate(100 60) scale(-1,1)" d="M20.5,10.25a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1"/> <path transform="translate(0 60)" d="M20.5,10.25a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1a12,4 0,0,1 0,4.1"/> </g> </svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/0.svg b/src/models/images/svg/rubiks/0.svg
new file mode 100644
index 00000000..a1293571
--- /dev/null
+++ b/src/models/images/svg/rubiks/0.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="EntitySVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path d="M0,0h10v10h-10z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/1.svg b/src/models/images/svg/rubiks/1.svg
new file mode 100644
index 00000000..74c0470b
--- /dev/null
+++ b/src/models/images/svg/rubiks/1.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="EntitySVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path d="M0,0h10v10h-10z" fill="blue"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/2.svg b/src/models/images/svg/rubiks/2.svg
new file mode 100644
index 00000000..05433b23
--- /dev/null
+++ b/src/models/images/svg/rubiks/2.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="EntitySVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path d="M0,0h10v10h-10z" fill="red"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/2x2x2.svg b/src/models/images/svg/rubiks/2x2x2.svg
new file mode 100644
index 00000000..9d6d8f74
--- /dev/null
+++ b/src/models/images/svg/rubiks/2x2x2.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" standalone="no"?>
+ <svg id="bc" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <path id="h" transform="scale(12.375)" d="M-0.5,-0.5h1v1h-1z" stroke-width="0.08080808080808081"
+            stroke="#000" stroke-linejoin="round" fill="none" />
+    </defs>
+    <use href="#h" x="6.6875" y="31.9375"/><use href="#h" x="19.0625" y="31.9375"/><use href="#h" x="6.6875" y="44.3125"/><use href="#h" x="19.0625" y="44.3125"/><use href="#h" x="31.4375" y="7.1875"/><use href="#h" x="43.8125" y="7.1875"/><use href="#h" x="31.4375" y="19.5625"/><use href="#h" x="43.8125" y="19.5625"/><use href="#h" x="31.4375" y="31.9375"/><use href="#h" x="43.8125" y="31.9375"/><use href="#h" x="31.4375" y="44.3125"/><use href="#h" x="43.8125" y="44.3125"/><use href="#h" x="31.4375" y="56.6875"/><use href="#h" x="43.8125" y="56.6875"/><use href="#h" x="31.4375" y="69.0625"/><use href="#h" x="43.8125" y="69.0625"/><use href="#h" x="56.1875" y="31.9375"/><use href="#h" x="68.5625" y="31.9375"/><use href="#h" x="56.1875" y="44.3125"/><use href="#h" x="68.5625" y="44.3125"/><use href="#h" x="80.9375" y="31.9375"/><use href="#h" x="93.3125" y="31.9375"/><use href="#h" x="80.9375" y="44.3125"/><use href="#h" x="93.3125" y="44.3125"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/3.svg b/src/models/images/svg/rubiks/3.svg
new file mode 100644
index 00000000..ff7f9fc9
--- /dev/null
+++ b/src/models/images/svg/rubiks/3.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="EntitySVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path d="M0,0h10v10h-10z" fill="green"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/4.svg b/src/models/images/svg/rubiks/4.svg
new file mode 100644
index 00000000..505baa54
--- /dev/null
+++ b/src/models/images/svg/rubiks/4.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="EntitySVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path d="M0,0h10v10h-10z" fill="yellow"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/svg/rubiks/5.svg b/src/models/images/svg/rubiks/5.svg
new file mode 100644
index 00000000..1dae16fb
--- /dev/null
+++ b/src/models/images/svg/rubiks/5.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="EntitySVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
+    <path d="M0,0h10v10h-10z" fill="orange"/>
+</svg>
\ No newline at end of file
diff --git a/src/models/images/thumbnail/tictactoe-misere.svg b/src/models/images/thumbnail/tictactoe-misere.svg
index 031815aa..b02c34c8 100644
--- a/src/models/images/thumbnail/tictactoe-misere.svg
+++ b/src/models/images/thumbnail/tictactoe-misere.svg
@@ -1,16 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
-    <path d="M1,22 h64 M1,44 h64 M22,1 v64 M44,1 v64" stroke-width="2" stroke="#bcbec0"/>
-    <g fill="none" stroke="red" stroke-width="2">
-    <circle cx="11" cy="33" r="8"/>
-    <circle cx="33" cy="33" r="8"/>
-    </g>
-    <path d="M25,3l16,16M25,19l16,-16M47,25l16,16M47,41l16,-16" stroke="blue" stroke-width="2"/>
-    <g fill="#800000">
-    <circle cx="11" cy="11" r="5"/>
-    <circle cx="55" cy="11" r="5"/>
-    <circle cx="11" cy="55" r="5"/>
-    <circle cx="33" cy="55" r="5" fill="#FFFF00"/>
-    <circle cx="55" cy="55" r="5"/>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?> <svg viewBox="1 1 64 64" xmlns="http://www.w3.org/2000/svg"> <path d="M1,22 h64 M1,44 h64 M22,1 v64 M44,1 v64" stroke-width="2" stroke="#bcbec0"/> <g fill="none" stroke="red" stroke-width="2"> <circle cx="11" cy="33" r="8"/> <circle cx="33" cy="33" r="8"/> </g> <path d="M25,3l16,16M25,19l16,-16M47,25l16,16M47,41l16,-16" stroke="blue" stroke-width="2"/> <g fill="#800000"> <circle cx="11" cy="11" r="5"/> <circle cx="55" cy="11" r="5"/> <circle cx="11" cy="55" r="5"/> <circle cx="33" cy="55" r="5" fill="#FFFF00"/> <circle cx="55" cy="55" r="5"/> </g> </svg>
\ No newline at end of file
diff --git a/src/models/images/thumbnail/tictactoe-regular.svg b/src/models/images/thumbnail/tictactoe-regular.svg
index cd70503f..ec378beb 100644
--- a/src/models/images/thumbnail/tictactoe-regular.svg
+++ b/src/models/images/thumbnail/tictactoe-regular.svg
@@ -1,16 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
-    <path d="M1,22 h64 M1,44 h64 M22,1 v64 M44,1 v64" stroke-width="2" stroke="#bcbec0"/>
-    <g fill="none" stroke="red" stroke-width="2">
-    <circle cx="11" cy="33" r="8"/>
-    <circle cx="33" cy="33" r="8"/>
-    </g>
-    <path d="M25,3l16,16M25,19l16,-16M47,25l16,16M47,41l16,-16" stroke="blue" stroke-width="2"/>
-    <g fill="#ffff00">
-    <circle cx="11" cy="11" r="5"/>
-    <circle cx="55" cy="11" r="5" fill="#008000"/>
-    <circle cx="11" cy="55" r="5"/>
-    <circle cx="33" cy="55" r="5" fill="#800000"/>
-    <circle cx="55" cy="55" r="5"/>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?> <svg viewBox="1 1 64 64" xmlns="http://www.w3.org/2000/svg"> <path d="M1,22 h64 M1,44 h64 M22,1 v64 M44,1 v64" stroke-width="2" stroke="#bcbec0"/> <g fill="none" stroke="red" stroke-width="2"> <circle cx="11" cy="33" r="8"/> <circle cx="33" cy="33" r="8"/> </g> <path d="M25,3l16,16M25,19l16,-16M47,25l16,16M47,41l16,-16" stroke="blue" stroke-width="2"/> <g fill="#ffff00"> <circle cx="11" cy="11" r="5"/> <circle cx="55" cy="11" r="5" fill="#008000"/> <circle cx="11" cy="55" r="5"/> <circle cx="33" cy="55" r="5" fill="#800000"/> <circle cx="55" cy="55" r="5"/> </g> </svg>
\ No newline at end of file
diff --git a/src/scripts/apis/gamesCrafters/types.ts b/src/scripts/apis/gamesCrafters/types.ts
index 1d8cdf39..e3cbb091 100644
--- a/src/scripts/apis/gamesCrafters/types.ts
+++ b/src/scripts/apis/gamesCrafters/types.ts
@@ -61,6 +61,7 @@ export type GameVariant = Status & {
             startPosition: string;
             variantId: string;
             imageAutoGUIData: ImageAutoGUIData;
+            gui_status: string;
         }>;
     };
 };
diff --git a/src/scripts/gamesmanUni/index.ts b/src/scripts/gamesmanUni/index.ts
index c1f4e714..1d79f23b 100644
--- a/src/scripts/gamesmanUni/index.ts
+++ b/src/scripts/gamesmanUni/index.ts
@@ -266,7 +266,7 @@ const loadVariant = async (app: Types.App, payload: { gameType: string; gameId:
         positions: { ...Defaults.defaultPositions },
         imageAutoGUIData: variant_response.response.variant[0].imageAutoGUIData,
         status: variant_response.status,
-        gui_status: variant_response.gui_status
+        gui_status: variant_response.response.variant[0].gui_status
     };
 };