#+TITLE: Rescue Princess Lima
#+OPTIONS: num:nil title:nil toc:nil html-preamble:nil html-postamble:nil
#+NO_SIDENOTES: t
#+DATE: <2026-07-30 Thu>

#+BEGIN_EXPORT html
<!-- RPG-STANDALONE-START -->
<main class="lima-rpg" data-princess-lima-rpg aria-label="Rescue Princess Lima role-playing game">
  <a class="lima-exit" href="/">Exit to Website</a>

  <div id="princess-lima-game" class="lima-rpg__game" data-lima-game tabindex="0" role="application"
       aria-label="Rescue Princess Lima. Move with WASD or arrow keys. Attack with Space. Interact with E or Enter. Use a healing tonic with Q. Pause with Escape.">
  </div>

  <section class="lima-rpg__loading" data-lima-loading aria-live="polite">
    <strong>Preparing the road to Lima…</strong>
    <span>Loading local maps, characters, and sounds.</span>
  </section>

  <section class="lima-main-menu" data-lima-menu hidden aria-labelledby="lima-game-title">
    <p class="lima-main-menu__eyebrow">A four-chapter fantasy adventure</p>
    <h1 id="lima-game-title">Rescue<br />Princess Lima</h1>
    <p class="lima-main-menu__tagline">The princess has been taken beyond the mountains. Help a wounded village, cross the wild roads, and enter the Fortress of Shadows.</p>
    <div class="lima-menu-stack">
      <button type="button" class="lima-primary" data-lima-new>New Game</button>
      <button type="button" data-lima-continue disabled>Continue</button>
      <button type="button" data-lima-credits>Credits</button>
      <a class="lima-button-link" href="/">Exit to Website</a>
    </div>
  </section>

  <section class="lima-setup" data-lima-setup hidden aria-labelledby="lima-setup-title">
    <form data-lima-setup-form>
      <p class="lima-main-menu__eyebrow">New Game</p>
      <h2 id="lima-setup-title">Name the traveller</h2>
      <label>Traveller name <input type="text" name="name" minlength="1" maxlength="20" autocomplete="nickname" required /></label>
      <fieldset>
        <legend>Travel cloak</legend>
        <label><input type="radio" name="appearance" value="azure" checked /> Azure</label>
        <label><input type="radio" name="appearance" value="ember" /> Ember</label>
        <label><input type="radio" name="appearance" value="pine" /> Pine</label>
      </fieldset>
      <p class="lima-setup__error" data-lima-setup-error aria-live="polite"></p>
      <button type="submit" class="lima-primary">Begin Chapter One</button>
      <button type="button" data-lima-setup-cancel>Back</button>
    </form>
  </section>

  <section class="lima-hud" data-lima-hud hidden aria-label="Game status">
    <div><span>Traveller</span><strong data-lima-player>Traveller</strong><span data-lima-chapter>Chapter 1</span></div>
    <div><span>Health</span><strong data-lima-health>100 / 100</strong><div class="lima-hud__healthbar" aria-hidden="true"><i></i></div></div>
    <div class="lima-hud__objective"><span data-lima-region>Broken Village</span><strong data-lima-objective>Speak with Elder Corin.</strong></div>
    <div class="lima-hud__actions">
      <button type="button" data-lima-quests aria-label="Quest log">Quests</button>
      <button type="button" data-lima-inventory aria-label="Inventory" data-lima-tonics>Tonic ×2</button>
      <button type="button" data-lima-sound>Sound Muted</button>
      <button type="button" data-lima-fullscreen aria-pressed="false">Fullscreen</button>
      <button type="button" data-lima-pause>Menu</button>
    </div>
  </section>

  <section class="lima-boss" data-lima-boss hidden aria-live="polite">
    <strong data-lima-boss-name>Guardian</strong>
    <div class="lima-boss__bar" aria-hidden="true"><i></i></div>
  </section>

  <div class="lima-status-stack" data-lima-status-stack hidden>
    <p class="lima-prompt" data-lima-prompt>Move with WASD or arrow keys.</p>
    <p class="lima-status" data-lima-status aria-live="polite">Audio begins muted. Press Sound to enable it.</p>
  </div>

  <div class="lima-touch" data-lima-touch hidden aria-label="Touch controls">
    <div class="lima-dpad">
      <button type="button" data-lima-move="up" aria-label="Move up">↑</button>
      <button type="button" data-lima-move="left" aria-label="Move left">←</button>
      <button type="button" data-lima-move="down" aria-label="Move down">↓</button>
      <button type="button" data-lima-move="right" aria-label="Move right">→</button>
    </div>
    <div class="lima-actions">
      <button type="button" data-lima-attack>Attack</button>
      <button type="button" data-lima-interact>Interact</button>
      <button type="button" data-lima-item>Item</button>
      <button type="button" data-lima-pause>Menu</button>
    </div>
  </div>

  <div class="lima-overlay" data-lima-overlay hidden>
    <section class="lima-panel" data-lima-panel role="dialog" aria-modal="true" aria-labelledby="lima-panel-title">
      <header>
        <div><p class="lima-panel__eyebrow">Rescue Princess Lima</p><h2 id="lima-panel-title" data-lima-panel-title>Menu</h2></div>
        <button type="button" data-lima-panel-close aria-label="Close">×</button>
      </header>
      <div class="lima-panel__body" data-lima-panel-body></div>
    </section>
  </div>

  <noscript>
    <section class="lima-rpg__loading"><strong>JavaScript is required for this game.</strong><a href="/">Exit to Website</a></section>
  </noscript>
</main>

<link rel="stylesheet" href="/assets/styles/pages/princess-lima-rpg.css?v=princess-lima-1.0.1" />
<script src="/assets/scripts/vendor/phaser-4.1.0.min.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-data.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-state.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-systems.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-audio.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-ui.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-scenes.js?v=princess-lima-1.0.1" defer></script>
<script src="/assets/scripts/pages/princess-lima-game.js?v=princess-lima-1.0.1" defer></script>
<!-- RPG-STANDALONE-END -->
#+END_EXPORT