/* ===== Global ===== */
body {
  background: #000;
  color: #fff;
  font-family: Arial, sans-serif;
  /* İmleç görselini değiştir: dosya yolunu düzenle ve hotspot (16 16) gerekirse ayarla */
  cursor: url('CURSOR_URL.png') 16 16, auto;
}

/* ===== Stamp koleksiyonu ===== */
.stamp-collection {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px; /* stamp’lar arası boşluk */
  margin-top: 24px; /* kutuların altına boşluk */
}

.stamp-collection img {
  width: 100px;
  height: auto;
  display: block;
  border: 2px solid #444;
  border-radius: 6px;
  image-rendering: pixelated; /* piksel art ise güzel durur; değilse silebilirsin */
}

/* ===== Cursor trail ===== */
.cursor-trail {
  position: fixed; /* sayfa kayarken yerinde kalsın */
  width: 10px;
  height: 10px;
  background: pink;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.75;
  transform: translate(-50%, -50%);
  animation: trail-fade 0.5s forwards;
}

@keyframes trail-fade {
  to {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

Gerekli HTML ve JS (özet)

Stamp’leri kutuların altına ekle:

<div class="stamp-collection">
  <img src="STAMP1.gif" alt="">
  <img src="STAMP2.gif" alt="">
  <img src="STAMP3.gif" alt="">
</div>

</body> kapanışından hemen önce trail için şu JS’yi ekle:

<script>
  document.addEventListener('mousemove', (e) => {
    const dot = document.createElement('div');
    dot.className = 'cursor-trail';
    dot.style.left = e.clientX + 'px';
    dot.style.top = e.clientY + 'px';
    document.body.appendChild(dot);
    setTimeout(() => dot.remove(), 500);
  });
</script>