<script lang="ts">
  // No script needed currently, just static markup mostly
</script>

<!-- Background Image - Using gradient fallback -->
<div
  class="absolute inset-0 z-0 opacity-60 bg-gradient-to-br from-emerald-900 via-zinc-900 to-indigo-950 transition-transform duration-[10s] ease-linear group-hover:scale-105"
></div>
<div
  class="absolute inset-0 z-0 bg-gradient-to-t from-zinc-900 via-transparent to-black/50"
></div>

<div class="absolute bottom-24 left-8 z-10 p-4">
  <h1
    class="text-6xl font-black mb-2 tracking-tight text-white drop-shadow-lg"
  >
    MINECRAFT
  </h1>
  <div class="flex items-center gap-2 text-zinc-300">
    <span
      class="bg-zinc-800 text-xs px-2 py-1 rounded border border-zinc-600"
      >JAVA EDITION</span
    >
    <span class="text-lg">Release 1.20.4</span>
  </div>
</div>
