#+TITLE: Two Rivers at Moonrise
#+OPTIONS: num:nil title:nil toc:nil html-preamble:nil html-postamble:nil
#+NO_SIDENOTES: t
#+DATE: <2026-07-30 Thu>

#+BEGIN_EXPORT html
<!-- TWO-RIVERS-STANDALONE-START -->
<main id="two-rivers-app" class="tr-app" data-two-rivers aria-label="Two Rivers at Moonrise romantic adventure">
  <div id="two-rivers-game" class="tr-canvas" tabindex="0" role="application"
       aria-label="Explore with arrow keys or WASD. Interact with E or Enter. Open the journal with J."></div>

  <div class="tr-atmosphere" aria-hidden="true"><i></i><i></i><i></i></div>
  <p class="tr-live" data-tr-live aria-live="polite" aria-atomic="true"></p>

  <section class="tr-screen tr-age" data-tr-age aria-labelledby="tr-age-title">
    <div class="tr-card tr-card--narrow">
      <p class="tr-kicker">An adult romantic adventure</p>
      <h1 id="tr-age-title">Two Rivers<br><em>at Moonrise</em></h1>
      <p>Z and Lima are fictional adults. This story contains strong flirting, innuendo, kissing, and fade-to-black intimacy.</p>
      <button type="button" class="tr-primary" data-tr-age-confirm>I am 18 or older</button>
      <a href="/play/play.html" class="tr-secondary">Return to the playroom</a>
    </div>
  </section>

  <section class="tr-screen tr-menu" data-tr-menu hidden aria-labelledby="tr-title">
    <div class="tr-menu__copy">
      <p class="tr-kicker">A Festival of Two Rivers story</p>
      <h1 id="tr-title">Two Rivers<br><em>at Moonrise</em></h1>
      <p class="tr-lede">A missing folio. A city full of clues. One very distracting princess.</p>
      <div class="tr-actions">
        <button type="button" class="tr-primary" data-tr-new>Begin the story</button>
        <button type="button" data-tr-continue disabled>Continue</button>
        <button type="button" data-tr-slots>Save slots</button>
        <button type="button" data-tr-gallery>Gallery</button>
        <button type="button" data-tr-achievements>Achievements</button>
        <button type="button" data-tr-settings>Settings</button>
        <button type="button" data-tr-credits>Credits</button>
        <a href="/play/play.html" class="tr-secondary">Exit to playroom</a>
      </div>
    </div>
  </section>

  <section class="tr-loading" data-tr-loading hidden aria-live="polite">
    <div><span data-tr-loading-copy>Preparing the festival…</span><progress data-tr-progress max="100" value="0"></progress></div>
  </section>

  <header class="tr-hud" data-tr-hud hidden>
    <div><p data-tr-chapter>Act I</p><strong data-tr-location>Palace Courtyard</strong></div>
    <p class="tr-objective" data-tr-objective>Meet Princess Lima.</p>
    <nav aria-label="Game controls">
      <button type="button" data-tr-journal>Journal <kbd>J</kbd></button>
      <button type="button" data-tr-save>Save</button>
      <button type="button" data-tr-pause>Menu <kbd>Esc</kbd></button>
    </nav>
  </header>

  <div class="tr-interact" data-tr-interact hidden>
    <button type="button" data-tr-interact-button><kbd>E</kbd> <span>Interact</span></button>
  </div>

  <nav class="tr-touch" data-tr-touch hidden aria-label="Touch movement">
    <button type="button" data-tr-left aria-label="Walk left">←</button>
    <button type="button" data-tr-right aria-label="Walk right">→</button>
    <button type="button" data-tr-touch-interact aria-label="Interact">✦</button>
  </nav>

  <div class="tr-overlay" data-tr-overlay hidden>
    <section class="tr-panel" data-tr-panel role="dialog" aria-modal="true" aria-labelledby="tr-panel-title">
      <header><p class="tr-kicker" data-tr-panel-kicker>Two Rivers at Moonrise</p><h2 id="tr-panel-title" data-tr-panel-title>Journal</h2>
        <button type="button" data-tr-close aria-label="Close">×</button></header>
      <div class="tr-panel__body" data-tr-panel-body></div>
    </section>
  </div>

  <section class="tr-dialogue" data-tr-dialogue hidden aria-labelledby="tr-speaker">
    <div class="tr-portrait" data-tr-portrait role="img"></div>
    <div class="tr-dialogue__copy">
      <p class="tr-speaker" id="tr-speaker" data-tr-speaker></p>
      <p class="tr-line" data-tr-line></p>
      <div class="tr-choices" data-tr-choices></div>
      <nav class="tr-dialogue__controls">
        <button type="button" data-tr-advance>Continue</button>
        <button type="button" data-tr-auto aria-pressed="false">Auto</button>
        <button type="button" data-tr-history>History</button>
        <button type="button" data-tr-skip>Skip read</button>
      </nav>
    </div>
  </section>

  <div class="tr-toast-stack" data-tr-toasts aria-live="polite"></div>
  <div class="tr-rotate" data-tr-rotate hidden>For the best view, turn your device sideways.</div>

  <noscript><section class="tr-screen"><div class="tr-card"><h1>JavaScript is required</h1><a href="/play/play.html">Return to the playroom</a></div></section></noscript>
</main>

<link rel="stylesheet" href="/assets/styles/pages/two-rivers.css?v=1.0.1">
<script src="/assets/scripts/games/two-rivers/gate.js?v=1.0.1"></script>
<script src="/assets/scripts/vendor/two-rivers/phaser-3.90.0.min.js?v=1.0.0"></script>
<script src="/assets/scripts/vendor/two-rivers/gsap-3.13.0.min.js?v=1.0.0"></script>
<script src="/assets/scripts/vendor/two-rivers/howler-2.2.4.min.js?v=1.0.0"></script>
<script type="module" src="/assets/scripts/games/two-rivers/main.js?v=1.0.1"></script>
<!-- TWO-RIVERS-STANDALONE-END -->
#+END_EXPORT