#+TITLE: Ash Below the Lake
#+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 ash-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>Ash Below the Lake</h1>
    <p>A 2D story RPG set beside a black lake that remembers names, grief, and everyone the world tries to forget.</p>
  </header>

  <section class="play-tool rpg-shell ash-rpg-shell" aria-label="Ash Below the Lake game">
    <div class="rpg-stage">
      <canvas class="rpg-canvas ash-rpg-canvas" width="960" height="540" data-rpg-canvas></canvas>
      <div class="rpg-dialogue" data-rpg-dialogue aria-live="polite">
        <strong data-rpg-speaker>The Letter</strong>
        <p data-rpg-line>Don't let the lake remember your name.</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>New Game</button>
        <button type="button" data-rpg-sound>Sound</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>District</dt><dd data-rpg-room>Harbor Row</dd></div>
        <div><dt>Route</dt><dd data-rpg-route>Undecided</dd></div>
        <div><dt>Resolve</dt><dd data-rpg-hearts>20</dd></div>
      </dl>

      <section class="rpg-list">
        <h2>Memory Journal</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>Move with arrows or WASD. Act with Space or Enter. Sound starts after your first input.</p>
    </aside>
  </section>
</main>
#+END_EXPORT
