1.1

VitaMahjong.html

@@ -381,12 +381,16 @@
                         tileElement.className = `tile aspect-square cursor-pointer transition-all duration-300 ${tile.matched ? 'opacity-0' : ''}`;
                         
                         tileElement.innerHTML = `
-                            <div class="tile-inner ${tile.flipped ? 'flipped' : ''}">
-                                <div class="tile-back flex items-center justify-center">
+                            <div class="border-t-2 border-r-2 border-indigo-500/50 border-l-8 border-b-8 tile-inner ${
+                              tile.flipped ? "flipped" : ""
+                            }">
+                                <div class="rounded-none tile-back flex items-center justify-center">
                                     <i class="fa-brands fa-fort-awesome text-sm sm:text-5xl"></i>
                                 </div>
                                 <div class="tile-front">
-                                    <span class="text-xl sm:text-4xl font-bold">${getTileSymbol(tile.type)}</span>
+                                    <span class="text-xl sm:text-4xl font-bold">${getTileSymbol(
+                                      tile.type
+                                    )}</span>
                                 </div>
                             </div>
                         `;