#+TITLE: Play
#+OPTIONS: num:nil title:nil toc:nil
#+NO_SIDENOTES: t
#+DATE: <2026-05-09 Sat>

#+BEGIN_EXPORT html
<main class="play-root play-hub" data-play-page="hub">
  <section class="play-hero" aria-labelledby="play-title">
    <div>
      <p class="play-kicker">Interactive wing</p>
      <h1 id="play-title">Play</h1>
      <p class="play-lede">A small cabinet of browser toys, puzzles, sketch surfaces, and quiet experiments.</p>
    </div>
    <div class="play-orbit" aria-hidden="true">
      <button class="play-orbit__node is-active" type="button" data-index="0">1</button>
      <button class="play-orbit__node" type="button" data-index="1">2</button>
      <button class="play-orbit__node" type="button" data-index="2">3</button>
      <button class="play-orbit__node" type="button" data-index="3">4</button>
      <button class="play-orbit__node" type="button" data-index="4">5</button>
      <button class="play-orbit__node" type="button" data-index="5">6</button>
      <button class="play-orbit__node" type="button" data-index="6">7</button>
      <button class="play-orbit__node" type="button" data-index="7">8</button>
      <button class="play-orbit__node" type="button" data-index="8">9</button>
      <button class="play-orbit__node" type="button" data-index="9">10</button>
      <button class="play-orbit__node" type="button" data-index="10">11</button>
      <button class="play-orbit__node" type="button" data-index="11">12</button>
    </div>
  </section>

  <section class="play-console" aria-label="Play chooser">
    <div class="play-console__screen">
      <p class="play-console__eyebrow" id="play-hub-kind">Game</p>
      <h2 id="play-hub-title">Memory Cabinet</h2>
      <p id="play-hub-desc">Turn over cards and match small fragments from the family archive.</p>
      <a class="play-primary" id="play-hub-link" href="/play/memory.html">Enter</a>
    </div>
    <div class="play-console__controls">
      <button type="button" data-play-prev>Previous</button>
      <button type="button" data-play-random>Random</button>
      <button type="button" data-play-next>Next</button>
    </div>
  </section>

  <nav class="play-grid" id="play-grid" aria-label="Play pages">
    <a href="/play/memory.html" data-kind="Game" data-desc="Turn over cards and match small fragments from the family archive."><span>01</span><strong>Memory Cabinet</strong></a>
    <a href="/play/constellation.html" data-kind="Sketch" data-desc="Draw a star map by connecting points, then name the constellation."><span>02</span><strong>Constellation Desk</strong></a>
    <a href="/play/poem.html" data-kind="Generator" data-desc="Compose tiny academic marginalia with a hand-cranked phrase machine."><span>03</span><strong>Marginalia Machine</strong></a>
    <a href="/play/bookshelf.html" data-kind="Puzzle" data-desc="Sort a shelf of invented books into a pleasing order before the bell."><span>04</span><strong>Bookshelf Sort</strong></a>
    <a href="/play/ink.html" data-kind="Canvas" data-desc="Make a living ink pond with ripples, trails, and quiet motion."><span>05</span><strong>Ink Pond</strong></a>
    <a href="/play/terminal.html" data-kind="Story" data-desc="Explore a tiny command-line adventure hidden in the archive."><span>06</span><strong>Archive Terminal</strong></a>
    <a href="/play/study.html" data-kind="Timer" data-desc="Run a focus timer that grows a little desk scene as time passes."><span>07</span><strong>Study Lamp</strong></a>
    <a href="/play/sigil.html" data-kind="Maker" data-desc="Generate a small personal sigil from initials, colors, and motto."><span>08</span><strong>Sigil Press</strong></a>
  </nav>
</main>
#+END_EXPORT