🔧 Enable debug mode and adjust responsive styles for better mobile layout

code/websites/pokedex.online/src/views/ChallongeTest.vue

@@ -391,8 +391,8 @@ const hasNextPage = ref(false);
 // v2.1 Tournament Scope
 const tournamentScope = ref(ScopeType.USER);
 
-// Debug mode (can be enabled via localStorage.setItem('DEBUG_CHALLONGE', 'true'))
+// Debug mode - enabled to see what's happening
-const debugMode = ref(false);
+const debugMode = ref(true);
 
 // Make apiKey reactive
 const apiKey = computed(() => getApiKey());
@@ -1082,6 +1082,15 @@ h2 {
   background: white;
   border: 2px solid #e9ecef;
   border-radius: 6px;
+  flex-wrap: wrap;
+}
+
+@media (max-width: 480px) {
+  .oauth-status {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.75rem;
+  }
 }
 
 .status-badge {
@@ -1451,10 +1460,6 @@ h2 {
     font-size: 2rem;
   }
 
-  .controls-grid {
-    grid-template-columns: 1fr;
-  }
-
   .tournament-header {
     flex-direction: column;
     align-items: flex-start;
@@ -1469,6 +1474,10 @@ h2 {
     height: 36px;
     font-size: 1.1rem;
   }
+  
+  .btn {
+    width: 100%;
+  }
 }
 
 .search-box {