Made of little things.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Murder Mice</title>
  </head>
  <body>
    <main id="app" class="app">
      <canvas id="table" tabindex="0" aria-label="The tabletop. Turn the rifle with the arrow keys and shoot with Space or Shift."></canvas>
      <button id="pause" class="pause" type="button" aria-label="Pause">❚❚</button>
      <div id="menu" class="menu">
        <div class="menu-panel">
          <div id="menuTitle" class="menu-title">Murder Mice</div>
          <ul class="how">
            <li><b>← →</b> turn your gun</li>
            <li><b>Space</b> or <b>Shift</b> shoot</li>
            <li>Shoot the mice before they hide in their holes</li>
            <li>Beat levels to unlock new guns</li>
            <li><b>P</b> or <b>Esc</b> pause</li>
          </ul>
          <div class="menu-buttons">
            <button id="playButton" type="button">Play</button>
            <button id="restartButton" type="button" hidden>Restart</button>
          </div>
        </div>
      </div>
      <div class="controls">
        <div class="group">
          <button id="turnLeft" type="button" aria-label="Turn left">⟲</button>
          <button id="turnRight" type="button" aria-label="Turn right">⟳</button>
        </div>
        <div class="group">
          <button id="shoot" type="button" aria-label="Shoot">●</button>
        </div>
      </div>
    </main>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>