add online time and deaths to player card

static/script.js

@@ -209,6 +209,8 @@ function render(players) {
     <span class="stat kph">${p.kills_per_hour}</span>
     <span class="stat rares">${p.rares_found}</span>
     <span class="stat meta">${p.vt_state}</span>
+    <span class="stat onlinetime">${p.onlinetime}</span>
+    <span class="stat deaths">${p.deaths}</span>
   `;
   
     li.addEventListener('click', () => selectPlayer(p, x, y));

static/style.css

@@ -156,11 +156,12 @@ body {
 #playerList li {
   display: grid;
   grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto auto;
+  grid-template-rows: auto auto auto auto;
   grid-template-areas:
     "name  loc"
     "kills kph"
-    "rares meta";
+    "rares meta"
+    "onlinetime deaths";
   gap: 4px 8px;
   margin: 6px 0;
   padding: 8px 10px;
@@ -178,6 +179,8 @@ body {
 .stat.kph   { grid-area: kph; }
 .stat.rares { grid-area: rares; }
 .stat.meta  { grid-area: meta; }
+.stat.onlinetime  { grid-area: onlinetime; }
+.stat.deaths  { grid-area: deaths; }
 
 /* pill styling */
 #playerList li .stat {
@@ -198,6 +201,8 @@ body {
   background: var(--accent);
   color: #111;
 }
+.stat.onlinetime::before { content: "🕑 "}
+.stat.deaths::before { content: "💀 "}
 
 /* hover & selected states */
 #playerList li:hover    { background: var(--card-hov); }