src/world_simulator/ui/hero.html

<div class="cube grass gs-float" style="--s:58px; top:160px; left:-26px; animation-delay:.2s;"><i class="top"></i><i class="left"></i><i class="right"></i></div>
<div class="cube brick gs-float" style="--s:46px; top:116px; right:-18px; animation-delay:1.1s;"><i class="top"></i><i class="left"></i><i class="right"></i></div>
<div class="cube dirt  gs-float" style="--s:38px; top:450px; left:-30px; animation-delay:.7s;"><i class="top"></i><i class="left"></i><i class="right"></i></div>
<div class="cube grass gs-float" style="--s:42px; top:490px; right:-24px; animation-delay:1.6s;"><i class="top"></i><i class="left"></i><i class="right"></i></div>

<div class="gs-hero">
  <div class="gs-badge"><span class="dot"></span> LIVE SIMULATION</div>
  <h1 class="gs-title"><span class="orb"></span><span class="g">World</span> Simulator</h1>
  <p class="gs-sub">Watch an AI civilization fight to survive — or drop <b>your own agent</b> into the world as a living character.</p>
</div>