Fix livestream height: flex ratios 4:1:1 for 2/3 livestream layout

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: ScavieFae

tournaments/viewer.html

@@ -300,7 +300,7 @@
   border: 1px solid rgba(0, 255, 136, 0.1);
   border-radius: 10px;
   background: #0e0e16;
-  flex: 2;
+  flex: 4;
   min-height: 0;
   display: flex;
   flex-direction: column;
@@ -562,13 +562,15 @@
   margin-top: 4px;
 }
 
-/* Prediction market — compact */
+/* Prediction market — compact, flex participant */
 .prediction-section {
   border: 1px solid rgba(0, 255, 136, 0.1);
   border-radius: 10px;
   background: #0e0e16;
   padding: 12px 16px;
-  flex-shrink: 0;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .prediction-header {
@@ -592,8 +594,10 @@
 .bottom-row {
   display: grid;
   grid-template-columns: 1fr auto;
-  gap: 16px;
-  flex-shrink: 0;
+  gap: 12px;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .activity-section {

web/public/tournament/index.html

@@ -300,7 +300,7 @@
   border: 1px solid rgba(0, 255, 136, 0.1);
   border-radius: 10px;
   background: #0e0e16;
-  flex: 2;
+  flex: 4;
   min-height: 0;
   display: flex;
   flex-direction: column;
@@ -562,13 +562,15 @@
   margin-top: 4px;
 }
 
-/* Prediction market — compact */
+/* Prediction market — compact, flex participant */
 .prediction-section {
   border: 1px solid rgba(0, 255, 136, 0.1);
   border-radius: 10px;
   background: #0e0e16;
   padding: 12px 16px;
-  flex-shrink: 0;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .prediction-header {
@@ -592,8 +594,10 @@
 .bottom-row {
   display: grid;
   grid-template-columns: 1fr auto;
-  gap: 16px;
-  flex-shrink: 0;
+  gap: 12px;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .activity-section {