Change header layout to display title and subtitle on same line

src/components/HeaderOpen.vue

@@ -84,8 +84,9 @@ export default {
 /* Title section (left) */
 .title-section{
   display: flex;
-  flex-direction: column;
-  gap: 4px;
+  flex-direction: row;
+  align-items: center;
+  gap: 12px;
 }
 
 /* Title with AMA gradient text */
@@ -99,6 +100,7 @@ export default {
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
+  white-space: nowrap;
 }
 
 /* Subtitle */
@@ -109,7 +111,7 @@ export default {
   color: #6b7280;
   letter-spacing: 0.01em;
   line-height: 1.4;
-  max-width: 450px;
+  white-space: nowrap;
 }
 
 /* Tabs (right) */
@@ -154,9 +156,9 @@ export default {
 /* responsive */
 @media (max-width: 720px){
   .bar{ flex-direction: column; align-items: stretch; }
-  .title-section{ align-items: center; text-align: center; }
+  .title-section{ flex-direction: column; align-items: center; text-align: center; gap: 4px; }
   .arena-title{ font-size: 22px; }
-  .arena-subtitle{ font-size: 12px; max-width: 100%; }
+  .arena-subtitle{ font-size: 12px; white-space: normal; }
   .menu{ justify-content: center; gap: 18px; }
   .menu-item{ font-size: 18px; }
 }