ui: optimize kill log with 30-entry limit and slim scrollbar

src/styles.css

@@ -1070,6 +1070,8 @@ input[type="range"] {
   width: min(370px, calc(100vw - 32px));
   max-height: min(34vh, 292px);
   overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgb(238 185 73 / 0.3) transparent;
   border: 1px solid rgb(238 185 73 / 0.2);
   border-radius: 8px;
   padding: 10px;
@@ -1083,6 +1085,19 @@ input[type="range"] {
   backdrop-filter: blur(10px);
 }
 
+.kill-log::-webkit-scrollbar {
+  width: 4px;
+}
+
+.kill-log::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.kill-log::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgb(238 185 73 / 0.3);
+}
+
 #app.match-live .kill-log.has-entries {
   opacity: 1;
   pointer-events: auto;

src/ui/arenaKillLog.js

@@ -1,4 +1,4 @@
-const KILL_LOG_LIMIT = 8;
+const KILL_LOG_LIMIT = 30;
 
 export function resetKillLog(nodes) {
   const { logNode, listNode } = nodes;