fix: refine two-column live combat feed

frontend/assets/css/historico.css

@@ -591,16 +591,16 @@
 
 .current-match-killfeed-screen {
   position: relative;
-  width: min(100%, 760px);
+  width: 100%;
   min-height: 180px;
   max-height: 520px;
   padding: 10px;
   overflow: hidden;
-  border: 1px solid rgba(183, 201, 125, 0.28);
+  border: 1px solid rgba(159, 168, 141, 0.2);
   border-radius: 6px;
   background:
-    linear-gradient(180deg, rgba(183, 201, 125, 0.08), transparent 24%),
-    rgba(5, 8, 6, 0.92);
+    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 24%),
+    rgba(7, 9, 9, 0.94);
   box-shadow:
     inset 0 0 0 1px rgba(0, 0, 0, 0.44),
     inset 0 18px 48px rgba(0, 0, 0, 0.24);
@@ -626,34 +626,41 @@
   position: relative;
   z-index: 2;
   display: grid;
-  gap: 6px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  align-items: start;
+  gap: 8px;
   max-height: 500px;
   overflow: hidden;
 }
 
+.current-match-killfeed__column {
+  display: grid;
+  align-content: start;
+  gap: 6px;
+  min-width: 0;
+}
+
 .current-match-killfeed__row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(92px, 124px) minmax(0, 1fr);
+  grid-template-columns: minmax(0, 1fr) minmax(86px, 112px) minmax(0, 1fr);
   align-items: center;
   gap: 8px;
-  min-height: 48px;
+  min-height: 54px;
   padding: 6px 9px;
   overflow: hidden;
-  border: 1px solid rgba(159, 168, 141, 0.12);
-  border-left: 2px solid rgba(183, 201, 125, 0.46);
+  border: 1px solid rgba(159, 168, 141, 0.14);
+  border-left: 2px solid rgba(159, 168, 141, 0.24);
   border-radius: 3px;
   color: var(--text);
-  background:
-    linear-gradient(90deg, rgba(183, 201, 125, 0.07), transparent 40%),
-    rgba(15, 20, 13, 0.68);
+  background: rgba(19, 22, 22, 0.78);
   animation: current-match-killfeed-enter 180ms ease-out;
 }
 
-.current-match-killfeed__row:first-child {
-  border-color: rgba(183, 201, 125, 0.28);
+.current-match-killfeed__column:last-child .current-match-killfeed__row:last-child {
+  border-color: rgba(210, 182, 118, 0.22);
   background:
-    linear-gradient(90deg, rgba(183, 201, 125, 0.14), transparent 46%),
-    rgba(20, 27, 17, 0.86);
+    linear-gradient(90deg, rgba(210, 182, 118, 0.08), transparent 46%),
+    rgba(24, 25, 22, 0.92);
 }
 
 .current-match-killfeed__row.is-teamkill {
@@ -664,22 +671,36 @@
 }
 
 .current-match-killfeed__player {
+  display: grid;
+  align-content: center;
+  gap: 3px;
   min-width: 0;
-  overflow: hidden;
   font-size: 0.88rem;
   line-height: 1.2;
+}
+
+.current-match-killfeed__player-name {
+  min-width: 0;
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .current-match-killfeed__player--killer {
-  color: var(--accent-strong);
+  color: var(--text);
 }
 
 .current-match-killfeed__player--victim {
   color: var(--text-soft);
 }
 
+.current-match-killfeed__player-meta {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+}
+
 .current-match-killfeed__weapon {
   display: grid;
   grid-template-rows: 25px auto;
@@ -689,10 +710,10 @@
   min-width: 92px;
   min-height: 38px;
   padding: 2px 5px;
-  border: 1px solid rgba(183, 201, 125, 0.18);
+  border: 1px solid rgba(159, 168, 141, 0.18);
   border-radius: 3px;
   color: var(--text);
-  background: rgba(7, 10, 7, 0.72);
+  background: rgba(8, 10, 11, 0.74);
 }
 
 .current-match-killfeed__weapon-icon {
@@ -733,19 +754,59 @@
   white-space: nowrap;
 }
 
+.current-match-killfeed__team-badge,
 .current-match-killfeed__teamkill {
   display: inline-flex;
   align-items: center;
-  margin-left: 4px;
-  min-height: 20px;
+  justify-content: center;
+  min-height: 18px;
   padding: 0 5px;
-  border: 1px solid rgba(210, 182, 118, 0.36);
   border-radius: 4px;
-  color: var(--accent-warm);
   font-size: 0.62rem;
   font-weight: 800;
 }
 
+.current-match-killfeed__team-badge {
+  border: 1px solid rgba(159, 168, 141, 0.2);
+  color: var(--text-soft);
+  background: rgba(159, 168, 141, 0.08);
+}
+
+.current-match-killfeed__team-badge--allies {
+  border-color: rgba(100, 139, 178, 0.34);
+  color: rgba(192, 215, 238, 0.96);
+  background: rgba(67, 101, 137, 0.28);
+}
+
+.current-match-killfeed__team-badge--axis {
+  border-color: rgba(167, 109, 96, 0.36);
+  color: rgba(231, 198, 190, 0.96);
+  background: rgba(116, 68, 58, 0.3);
+}
+
+.current-match-killfeed__team-badge--unknown {
+  border-color: rgba(159, 168, 141, 0.22);
+  color: var(--muted);
+  background: rgba(159, 168, 141, 0.1);
+}
+
+.current-match-killfeed__teamkill {
+  border: 1px solid rgba(210, 182, 118, 0.36);
+  color: var(--accent-warm);
+}
+
+.current-match-player-count {
+  width: fit-content;
+  margin: -6px 0 16px;
+  padding: 7px 10px;
+  border: 1px solid rgba(159, 168, 141, 0.16);
+  border-radius: 6px;
+  color: var(--text-soft);
+  background: rgba(14, 17, 18, 0.7);
+  font-size: 0.8rem;
+  font-weight: 700;
+}
+
 @keyframes current-match-killfeed-enter {
   from {
     opacity: 0;
@@ -977,6 +1038,7 @@
   }
 
   .current-match-killfeed {
+    grid-template-columns: 1fr;
     max-height: 500px;
   }
 
@@ -997,7 +1059,7 @@
     padding-inline: 3px;
   }
 
-  .current-match-killfeed__player {
+  .current-match-killfeed__player-name {
     display: -webkit-box;
     overflow: hidden;
     font-size: 0.78rem;