#lt-truck-root {
  position: fixed;
  left: 0;
  right: 0;
  pointer-events: none;
  width: 100%;
  height: 0;
  z-index: 999999;
}

.lt-truck {
  position: fixed;
  will-change: transform;
  pointer-events: none;
  user-select: none;
}

.lt-truck img {
  display: block;
  height: auto;
  width: min(440px, 62vw); /* kleiner truckje */
}

.lt-board {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1;
  pointer-events: none;
  transform: translateZ(0);
}

.lt-board.lt-shadow {
  text-shadow: 0 2px 6px rgba(0,0,0,.75);
}

/* HARD op de grond, geen zweeftruck */
.lt-truck{
  bottom: -18px !important; /* lager = negatiever */
  margin-bottom: 0 !important;
}

.lt-board{
  font-weight: 900;
  -webkit-text-stroke: 2px rgba(0,0,0,.55);
  text-shadow: 0 3px 10px rgba(0,0,0,.85);
}

/* ===== Mobile fix – veilig voor animatie ===== */
@media (max-width: 768px) {

  /* Truck iets omhoog zonder transform (dus animatie blijft werken) */
  .lt-truck{
    bottom: 7px !important;   /* hoger = groter getal */
  }

  /* Cijfer iets kleiner maar goed leesbaar */
  .lt-board{
    font-size: 1.1em !important;   /* ±10% kleiner */
  }
}