mejora de UX

client/src/views/Lobby.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="lobby">
     <div class="lobby-container">
+      <div class="lobby-header">
+        <button @click="goToSelector" class="btn btn-back">
+          ← UUIDs
+        </button>
+      </div>
       <h1 class="title">🎮 Snatch Game</h1>
       <div class="subtitle">Competitive Clicker Battle</div>
 
@@ -351,6 +356,10 @@ function shareQR() {
     copyUrl();
   }
 }
+
+function goToSelector() {
+  router.push('/');
+}
 </script>
 
 <style scoped>
@@ -378,11 +387,39 @@ function shareQR() {
   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
 }
 
+.lobby-header {
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 10px;
+}
+
+.btn-back {
+  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+  color: #475569;
+  border: 1px solid #cbd5e1;
+  padding: 8px 16px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.btn-back:hover {
+  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
+  border-color: #94a3b8;
+  transform: translateX(-2px);
+}
+
 @media (max-width: 640px) {
   .lobby-container {
     padding: 20px;
   }
   
+  .lobby-header {
+    margin-bottom: 15px;
+  }
+  
   .name-input {
     min-width: 100%;
   }