<template>
  <div class="particle-field" aria-hidden="true">
    <span v-for="n in 54" :key="n" :style="particleStyle(n)"></span>
  </div>
</template>

<script setup>
function particleStyle(index) {
  const left = (index * 37) % 100;
  const top = (index * 53) % 100;
  const delay = (index % 13) * -0.65;
  const scale = 0.65 + ((index % 5) * 0.16);
  return { left: `${left}%`, top: `${top}%`, animationDelay: `${delay}s`, transform: `scale(${scale})` };
}
</script>
