Revert "Change header layout to display title and subtitle on same line"

src/components/HeaderOpen.vue

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