/* =========================================================
   Killfeed (NUI)
   - Bottom-left (above minimap)
   - Stacks UP
   - Bigger, bold, white text
   - FULLY TRANSPARENT (no background)
   ========================================================= */

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  overflow: hidden;
}

/* Killfeed container */
#killfeed {
  position: absolute;
  left: 18px;
  bottom: 250px;          /* tweak if needed */

  z-index: 50;
  pointer-events: none;

  display: flex;
  flex-direction: column-reverse; /* stack upward */

  gap: 8px;
  max-width: 460px;
}

/* Each line */
.kf-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 0;            /* no box feel */
  border-radius: 0;

  /* ❌ NO BACKGROUND */
  background: none;
  backdrop-filter: none;
  box-shadow: none;

  font-family: "ChaletLondonNineteenSixty",
               "Chalet Comprime Cologne",
               "ChaletComprime Cologne",
               Arial, Helvetica, sans-serif;

  font-size: 16px;       /* bigger */
  font-weight: 800;      /* bold */
  line-height: 1.25;

  color: #ffffff;        /* white text */

  /* Strong GTA-style shadow for readability */
  text-shadow:
    0 1px 2px rgba(0,0,0,0.95),
    0 0 8px rgba(0,0,0,0.85);

  opacity: 0;
  transform: translateX(-6px);
  animation: kfIn 140ms ease forwards;
}

/* Force all spans to white unless overridden inline */
.kf-line span {
  color: #ffffff;
}

/* Killer & victim names (still gang-colored inline) */
.kf-killer,
.kf-victim {
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;

  text-shadow:
    0 1px 2px rgba(0,0,0,0.98),
    0 0 8px rgba(0,0,0,0.90);
}

/* Weapon + extras */
.kf-weapon,
.kf-extra {
  font-size: 14px;
  font-weight: 800;
  opacity: 0.98;
  white-space: nowrap;
}

/* Fade out */
.kf-out {
  animation: kfOut 260ms ease forwards;
}

@keyframes kfIn {
  to { opacity: 1; transform: translateX(0); }
}

@keyframes kfOut {
  to { opacity: 0; transform: translateX(-8px); }
}