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

#+BEGIN_EXPORT html
<main class="play-root play-page rpg-root" data-play-page="rpg">
  <a class="play-back" href="/play.html">Back to Play</a>
  <header class="play-page-head">
    <p class="play-kicker">11 / Role Playing Game</p>
    <h1>Hollow Archive</h1>
    <p>A tiny 2D RPG base: move through rooms, speak with characters, collect items, complete quests, save progress, and steer the ending.</p>
  </header>

  <section class="play-tool rpg-shell" aria-label="Hollow Archive game">
    <div class="rpg-stage">
      <canvas class="rpg-canvas" width="768" height="512" data-rpg-canvas></canvas>
      <div class="rpg-dialogue" data-rpg-dialogue aria-live="polite">
        <strong data-rpg-speaker>Archivist</strong>
        <p data-rpg-line>Press Start to enter the archive.</p>
      </div>
    </div>

    <aside class="rpg-panel" aria-label="Game controls and progress">
      <div class="rpg-actions">
        <button type="button" data-rpg-start>Start</button>
        <button type="button" data-rpg-save>Save</button>
        <button type="button" data-rpg-load>Load</button>
        <button type="button" data-rpg-reset>Reset</button>
      </div>

      <div class="rpg-mobile-pad" aria-label="Movement controls">
        <button type="button" data-rpg-move="up">Up</button>
        <button type="button" data-rpg-move="left">Left</button>
        <button type="button" data-rpg-act>Act</button>
        <button type="button" data-rpg-move="right">Right</button>
        <button type="button" data-rpg-move="down">Down</button>
      </div>

      <dl class="rpg-stats">
        <div><dt>Room</dt><dd data-rpg-room>Entrance</dd></div>
        <div><dt>Route</dt><dd data-rpg-route>Undecided</dd></div>
        <div><dt>Hearts</dt><dd data-rpg-hearts>3</dd></div>
      </dl>

      <section class="rpg-list">
        <h2>Quests</h2>
        <ul data-rpg-quests></ul>
      </section>

      <section class="rpg-list">
        <h2>Inventory</h2>
        <ul data-rpg-inventory></ul>
      </section>

      <p class="rpg-status" data-rpg-status>Keyboard: arrows or WASD to move, Space or Enter to act.</p>
    </aside>
  </section>
</main>
#+END_EXPORT