Add help modal, changelog, map visits, Dockerfile, CI

- Help modal (? button or keyboard shortcut): how-to-play in Swedish,
  flavor text, full changelog sourced from src/data/version.ts
- src/data/version.ts: versioned changelog entries, in-universe Malmö voice
- Map zone clicks: each location on the Leaflet map is now clickable.
  Unlocked cult areas give resources + log entries. Locked locations show
  lore hints. 30s cooldown per location so it's a decision, not a spam button.
- Dockerfile + nginx.conf + docker-compose.yml (port 5684)
- Gitea CI workflow (identical to 2048 — derives image from repo path, needs
  TKNTKN secret, pushes :latest and :sha tags)
- README.md with mechanics summary and docker instructions

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/ui.ts

@@ -1,11 +1,53 @@
 import type { State } from './engine.ts';
 import { UPGRADES } from './upgrades.ts';
+import { VERSION, CHANGELOG } from './data/version.ts';
 
 export function initUI(app: HTMLElement, onUpgrade: (id: string) => void, onRestart: () => void): void {
   app.innerHTML = `
     <div id="header">
       <div class="brand">DJUPET</div>
       <div class="brand-sub">Malmö, Sverige · <span id="phase-tag" class="phase-tag early">Tidigt skede</span></div>
+      <button id="help-btn" class="help-btn" title="Hjälp &amp; Ändringslogg">? v${VERSION}</button>
+    </div>
+
+    <div id="help-modal" class="help-modal">
+      <div class="help-modal-inner" id="help-modal-inner">
+        <div class="help-modal-header">
+          <span class="help-modal-title">DJUPET — Hjälp &amp; Ändringslogg</span>
+          <button id="help-close" class="help-close">✕</button>
+        </div>
+        <div class="help-modal-body">
+          <section class="help-section">
+            <div class="help-section-title">Hur man spelar</div>
+            <ul class="help-list">
+              <li><strong>Andakt</strong> ackumuleras passivt. Använd den för att köpa åtgärder i vänsterpanelen.</li>
+              <li><strong>Dread</strong> ökar när ritualen fördjupas. Hög dread låser upp nya platser och händelser.</li>
+              <li><strong>Hemlighet</strong> sjunker när ni blir för uppenbara. Når den noll är det slut.</li>
+              <li><strong>Kaos</strong> byggs upp naturligt och utlöser kaotiska händelser när det når 100.</li>
+              <li><strong>Ritual</strong> låses upp via Skriften. Nå 100 för att fullborda ceremonin.</li>
+              <li>Klicka på <em>platser på kartan</em> för att besöka dem. Varje besök lämnar spår.</li>
+              <li>Händelser inträffar automatiskt. De flesta är dåliga. En del är värre.</li>
+            </ul>
+          </section>
+          <section class="help-section">
+            <div class="help-section-title">Om spelet</div>
+            <p class="help-flavor">
+              Djupet är ett idle-spel om en kult i Malmö, Sverige.<br>
+              Inspirerat av Anders Fager, Kult och Call of Cthulhu.<br>
+              Den Sovande är inte vaken ännu. Jobba på det.
+            </p>
+          </section>
+          <section class="help-section">
+            <div class="help-section-title">Ändringslogg</div>
+            ${CHANGELOG.map(e => `
+              <div class="help-changelog-entry">
+                <div class="help-changelog-version">v${e.version} <span class="help-changelog-date">${e.date}</span></div>
+                <ul class="help-list">${e.changes.map(c => `<li>${c}</li>`).join('')}</ul>
+              </div>
+            `).join('')}
+          </section>
+        </div>
+      </div>
     </div>
 
     <div class="panel" id="panel-left">
@@ -77,6 +119,13 @@ export function initUI(app: HTMLElement, onUpgrade: (id: string) => void, onRest
 
   document.getElementById('overlay-btn')!.addEventListener('click', onRestart);
 
+  const helpModal = document.getElementById('help-modal')!;
+  const helpInner = document.getElementById('help-modal-inner')!;
+  document.getElementById('help-btn')!.addEventListener('click', () => helpModal.classList.toggle('visible'));
+  document.getElementById('help-close')!.addEventListener('click', () => helpModal.classList.remove('visible'));
+  helpModal.addEventListener('click', (e) => { if (!helpInner.contains(e.target as Node)) helpModal.classList.remove('visible'); });
+  document.addEventListener('keydown', (e) => { if (e.key === '?' || (e.key === 'Escape' && helpModal.classList.contains('visible'))) helpModal.classList.toggle('visible'); });
+
   // Split the map container: map on top, log below
   const mapContainer = document.getElementById('map-container')!;
   mapContainer.style.cssText = 'display:flex;flex-direction:column;overflow:hidden;height:100%;';