diff --git a/code/websites/pokedex.online/src/views/ChallongeTest.vue b/code/websites/pokedex.online/src/views/ChallongeTest.vue
index 85f7787..42ab2fb 100644
--- a/code/websites/pokedex.online/src/views/ChallongeTest.vue
+++ b/code/websites/pokedex.online/src/views/ChallongeTest.vue
@@ -410,24 +410,28 @@ const client = computed(() => {
     return createChallongeV1Client(apiKey.value);
   } else {
     // v2.1 supports OAuth, client credentials, and API key
-    // Priority: Client Credentials > OAuth > API Key
+    // Priority: OAuth/Client Credentials > API Key
+    // Note: Client credentials are OAuth tokens with APPLICATION scope permissions
     if (isClientCredsAuthenticated.value && clientCredsToken.value) {
-      // Use client credentials token (for APPLICATION scope)
+      // Use client credentials token (supports APPLICATION scope)
+      console.log('🔐 Using Client Credentials token');
       return createChallongeV2Client(
         { token: clientCredsToken.value, type: AuthType.OAUTH },
-        { debug: debugMode.value }
+        { debug: true }
       );
     } else if (isAuthenticated.value && accessToken.value) {
-      // Use OAuth token if authenticated
+      // Use OAuth token if authenticated (USER scope)
+      console.log('🔐 Using OAuth token');
       return createChallongeV2Client(
         { token: accessToken.value, type: AuthType.OAUTH },
-        { debug: debugMode.value }
+        { debug: true }
       );
     } else if (apiKey.value) {
-      // Fall back to API key
+      // Fall back to API key (USER scope only)
+      console.log('🔑 Using API Key');
       return createChallongeV2Client(
         { token: apiKey.value, type: AuthType.API_KEY },
-        { debug: debugMode.value }
+        { debug: true }
       );
     }
     return null;
@@ -932,10 +936,16 @@ h2 {
 
 .controls-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 1.5rem;
 }
 
+@media (max-width: 768px) {
+  .controls-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 .control-group {
   display: flex;
   flex-direction: column;