feat: implement elite fighter compression for large battles with randomized scaling and percentage-based damage

src/styles/game-ui.css

@@ -46,7 +46,7 @@
 
 .score-side {
   display: grid;
-  grid-template-columns: repeat(2, 114px);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 6px;
   width: 100%;
 }
@@ -59,11 +59,11 @@
   display: grid;
   grid-template-rows: 1fr 1px auto;
   gap: 6px;
-  width: 114px;
+  width: 100%;
   min-height: 72px;
   overflow: hidden;
   border-radius: 6px;
-  padding: 8px 9px;
+  padding: 8px 7px;
   color: #fff;
   font-size: 0.8rem;
   font-weight: 900;
@@ -113,7 +113,9 @@
 .team-score-count {
   justify-self: end;
   color: #fff2c8;
-  font-size: 0.86rem;
+  font-size: 0.68rem;
+  letter-spacing: -0.02em;
+  white-space: nowrap;
 }
 
 .battle-notice {

src/styles/mobile.css

@@ -9,7 +9,7 @@
     --mobile-kill-log-top: calc(var(--score-band-height) + var(--mobile-game-size) + 10px);
     --mobile-options-button-width: 54px;
     --mobile-options-gap: 8px;
-    --mobile-team-card-width: clamp(56px, calc((100vw - 120px) / 4), 72px);
+    --mobile-team-card-width: clamp(108px, calc((100vw - 38px) / 3), 124px);
     --mobile-visitor-space: calc(104px + env(safe-area-inset-bottom));
     --score-band-height: 132px;
     --score-panel-left: 10px;
@@ -205,7 +205,7 @@
   }
 
   .team-score-count {
-    font-size: 0.74rem;
+    font-size: 0.64rem;
   }
 
   .team-score.is-focused {