<!--
=====================================================================
META (für andere KIs und Entwickler, bei jeder Änderung aktualisieren)
=====================================================================
Version: v13

ZWECK
Eine Single-File-HTML-Seite für einen Abend zu zweit. Zwei Personen
spielen 30 Aufgaben nacheinander. Ziel: Vertrautheit und Nähe aufbauen,
verspielt, ohne sexuelle Inhalte. Der Spielort ist die Wohnung (Couch,
Wohnzimmer, Küche), nie eine Bar oder draußen. Aufstehen ist erlaubt,
das Verlassen der Wohnung nicht.

REGELN
1. Ablauf: 30 Aufgaben in 10 Zyklen zu je drei Aufgaben.
   Pro Zyklus startet zufällig Person 1 oder Person 2, danach die andere
   Person, danach eine gemeinsame Aufgabe. Ein Zyklus sieht also so aus:
   [Person 1, Person 2, gemeinsam] oder [Person 2, Person 1, gemeinsam].
   Nach einer gemeinsamen Aufgabe darf also wieder Person 1 oder
   Person 2 starten. Es kommt nie dieselbe Person zweimal hintereinander.
   Ergebnis: 10 Aufgaben pro Person, 10 gemeinsame.
2. Pool SEPARATE: Aufgaben für eine Person. Arten: Sprechen, Tun,
   Zuhören, Beobachten. {other} = Name der anderen Person,
   {pron} = er / sie (abhängig vom Geschlecht der anderen Person).
3. Pool SHARED: gemeinsame Aufgaben für beide.
4. Pins: Aufgaben mit dur=N bleiben für N Aufgaben oben angepinnt
   (die Aufgabe selbst mitgerechnet). Sie werden beim Erledigen
   jeweils um 1 heruntergezählt und danach entfernt.
5. Erledigt: nächste Aufgabe. Neue Aufgabe: ersetzt die aktuelle
   Aufgabe durch eine noch nicht verwendete aus dem gleichen Pool.
6. Keine Aufgabe kommt in einem Abend zweimal vor.
7. Geschlecht: nur männlich / weiblich. Person 1 ist standardmäßig
   männlich, Person 2 standardmäßig weiblich vorausgewählt, beides
   änderbar. Das Geschlecht wirkt nur auf die Formulierung ({pron}),
   nicht auf die Rollenverteilung.
8. Kein Lieber-nicht-Button, kein Disclaimer. Die Neue-Aufgabe-Option
   ist der einzige Weg, eine Aufgabe abzulehnen.
9. Aufgabenregeln: Spielort ist die Wohnung, nie eine Bar oder draußen.
   Aufstehen ist erlaubt, aber niemand verlässt die Wohnung (keine
   Tür-Aufgaben). Keine Zubereitung von Tee oder Kochen. Getränke sind
   Softgetränke oder Wasser (Alkohol nur nach Regel 13). Augenbinden und
   Verkleiden sind erlaubt,
   nur mit Zustimmung. Keine Schulterklopfer-Aufgabe mehr (sinnlos).
10. Fotos: Foto-Aufgaben nur mit ausdrücklicher Zustimmung der
   fotografierten Person. Die App teilt nichts. Die Weitergabe an die andere
   Person (z.B. per WhatsApp) ist erlaubt. Es gibt dazu keinen Hinweis oder
   Banner in der App. Zustimmung heißt: Die Aufgabe wird gemacht. Wer nicht
   will, nutzt „Neue Aufgabe“ (Regel 12).
11. Timer: Steht in einer Aufgabe eine Zeitangabe (z.B. „15 Sekunden“),
   erscheint automatisch ein Timer-Button mit Countdown.
12. Aufgabentexte schreiben keine Zustimmung aus („wenn du möchtest“ o.ä.).
   Wer nicht möchte, nutzt „Neue Aufgabe“.
13. Alkohol: Alkohol-Aufgaben sind freiwillig gemeint, ohne Trinkzwang,
   ohne Mengenvorgabe und ohne Trinkspiel. Jede Alkohol-Aufgabe nennt
   ein Softgetränk als Alternative. Keine Aufgabe verlangt Alkoholkonsum.
   Schluck-Aufgaben sind freiwillig und nennen ein Softgetränk.
14. Kitzeln: nur kurz und zeitlich begrenzt (Timer), wie in der Aufgabe angegeben.
15. Timer: Ist die Zeit um, ertönt ein Signal (drei kurze Töne, Web Audio,
   keine Datei nötig) und wenn möglich eine Vibration. Der Ton wird beim
   Klick auf „Timer starten“ freigeschaltet, weil Browser Töne sonst blockieren.
16. Offline: Die Datei enthält alles selbst (CSS, Skript, Aufgaben). Es gibt
   keine externen Bilder, Schriften oder Skripte. Sie läuft offline.
17. Platzhalter {tier} wird pro Aufgabe zufällig aus 20 Tieren gezogen
   (siehe ANIMALS im Skript).
18. Timer erkennt Zeitangaben mit Ziffern oder Wörtern (z.B. „3 Minuten“,
   „eine Minute“, „drei Sekunden“) und zeigt dafür automatisch den Timer.
19. Name merken: Der Name von Person 1 wird im Browser gespeichert
   (localStorage, Schlüssel „userName“) und beim nächsten Öffnen als
   Vorschlag eingetragen. Nur lokal, nichts wird übertragen. Ist der
   Speicher nicht verfügbar (z.B. privater Modus), läuft die App normal weiter.

ZUSAMMENFASSUNG
Ein einzelnes HTML-File ohne externe Abhängigkeiten. Setup mit
Namen und Geschlecht, dann 30 Aufgaben in Zyklen, Pins oben,
Endscreen. Pool: 181 Personen-Aufgaben (inkl. Pins), 94 gemeinsame.

CHANGELOG
- v13: Name von Person 1 wird im Browser gemerkt (localStorage „userName“)
       und beim Öffnen vorausgefüllt. Meta-Regel 19 ergänzt.
- v12: Timer erkennt jetzt auch Minuten und Zahlwörter wie „drei“ (vorher
       fehlten sie). Timer stoppt am Ende des Abends. Doppelte Aufgaben
       entfernt (Lachen/Lächeln, zwei Foto-Aufgaben). Grammatik bei zwei
       Aufgaben korrigiert. 13 Personen- und 7 gemeinsame Aufgaben ergänzt.
       Meta-Regeln 9, 10, 13 präzisiert, Regel 18 ergänzt.
- v11: Timer spielt am Ende drei Töne (und vibriert, wenn möglich).
       Tiergeräusch-Aufgabe mit zufälligem Tier aus 20. Sudoku-Aufgabe.
       Drei-Fakten-Aufgabe (Idee 10). Gute-Nachricht-Zettel (Idee 16).
       Obst-Aufgabe entfernt. Meta-Regeln 15 bis 17 ergänzt.
- v10: Aufgaben aus den Ideen 1, 7, 12, 18 (Kopf an Kopf ohne Reden),
       Arme verhaken, Händchenhalten über 2 Aufgaben (Pin), Kitzeln,
       Lächel-Erzählung, Alkohol-Aufgaben mit Softgetränk-Alternative.
       Meta-Regeln 13 und 14 ergänzt.
- v9: Automatischer Timer bei Zeitangaben. Zustimmungsformulierungen aus
      den Aufgaben entfernt (Neue Aufgabe reicht). 15-Sekunden-Blickkontakt
      als gemeinsames Durchhalten. Lächel-Aufgaben. Aufgaben aus den
      Ideen 5, 10, 11, 13 und 19. Hinweis zur Foto-Weitergabe in der Meta.
- v8: Neue Aufgaben: Foto-Aufgaben (allgemein und Fotostrecke), Brief
      schreiben, Versteckspiel warm/kalt, Gegenteil-Lachspiel, Kissenkampf,
      gemeinsam unter einer Decke, gemeinsam Augen verbinden und ertasten.
      Meta-Regel zu Fotos ergänzt. Dateiname passend zur Version.
- v7: Tanzen, Wasser, im Kreis drehen, Augen verbinden und Verkleiden
      wieder drin. Aufstehen erlaubt, Verlassen nicht. Schulterklopfer
      entfernt. Wohnungs-Kontext statt Bar.
- v6: Person 2 standardmäßig weiblich. Startreihenfolge pro Zyklus
      zufällig (Person 1 oder 2). Aufgaben mit Aufstehen, Holen,
      Tee-Zubereitung, Tür oder Glas-aus-der-Hand entfernt.
      Softgetränk statt Wasser. Neue Aufgaben (Augenkontakt, High-Five).
- v5: Fester Zyklus Person 1, Person 2, gemeinsam. Pins (dur) eingeführt.
      Standard-Geschlecht Person 1 = männlich. Pool erweitert.
- v4: Pool 100 separat + 50 gemeinsam, 30 Aufgaben, Neue-Aufgabe-Button.
- v3: Geschlechtsauswahl, unterschiedliche Aufgaben pro Person.
- v2: Keine Texteingabe mehr, mündlich / Zettel.
- v1: Textantworten.
=====================================================================
-->
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="../crescent_moon_3d.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Unser kleiner Abend</title>
<style>
  :root {
    --bg1: #2a1b2e;
    --bg2: #4a2c3f;
    --card: rgba(255, 245, 240, 0.07);
    --line: rgba(255, 220, 210, 0.18);
    --text: #fbeee9;
    --muted: #d8b8b0;
    --accent: #f08a7e;
    --accent2: #f6c27a;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    min-height: 100vh;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: var(--text);
    background: radial-gradient(circle at top, var(--bg2), var(--bg1)) fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 14px;
  }
  .wrap { width: 100%; max-width: 560px; }
  .screen { display: none; animation: fade .5s ease; }
  .screen.active { display: block; }
  @keyframes fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

  h1 { font-weight: 600; font-size: 1.9rem; margin: 0 0 6px; text-align: center; }
  .sub { color: var(--muted); text-align: center; margin: 0 0 28px; font-size: .98rem; }

  .card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 24px;
    backdrop-filter: blur(6px);
  }
  label { display: block; font-size: .85rem; color: var(--muted); margin: 14px 0 6px; }
  input, select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: rgba(0, 0, 0, 0.2);
    color: var(--text);
    font: inherit;
  }
  select option { color: #2a1b2e; }
  input:focus, select:focus { outline: 2px solid var(--accent); border-color: transparent; }

  .btn {
    margin-top: 14px;
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color: #2a1b2e;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: transform .15s ease, opacity .2s;
  }
  .btn:hover:not(:disabled) { transform: translateY(-1px); }
  .btn:disabled { opacity: .4; cursor: default; }
  .btn.ghost {
    background: transparent;
    color: var(--muted);
    border: 1px solid var(--line);
    font-weight: 400;
  }

  .progress { height: 6px; border-radius: 6px; background: var(--line); overflow: hidden; margin-bottom: 10px; }
  .progress > div { height: 100%; width: 0; background: linear-gradient(90deg, var(--accent), var(--accent2)); transition: width .4s ease; }
  .counter { color: var(--muted); font-size: .85rem; text-align: right; margin-bottom: 18px; }

  .pins { margin-bottom: 14px; display: grid; gap: 8px; }
  .pin {
    font-size: .9rem;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(246, 194, 122, 0.12);
    border: 1px solid rgba(246, 194, 122, 0.3);
    color: var(--text);
    line-height: 1.4;
  }
  .pin small { color: var(--accent2); display: block; margin-bottom: 2px; }

  .who { font-size: 1.1rem; margin: 0 0 4px; color: var(--accent2); }
  .kind { display: inline-block; font-size: .78rem; padding: 3px 10px; border-radius: 999px; background: rgba(0,0,0,.25); color: var(--accent2); margin-bottom: 10px; }
  .task { font-size: 1.2rem; line-height: 1.45; margin: 4px 0 0; }
  .end-title { text-align: center; font-size: 1.5rem; margin: 0 0 6px; }
  .end-note { text-align: center; color: var(--muted); margin: 0 0 16px; }
  .row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .timer { text-align: center; margin-top: 16px; }
  .timer-num { font-size: 2.6rem; font-weight: 600; color: var(--accent2); margin-bottom: 4px; min-height: 3rem; }
</style>
</head>
<body>
<div class="wrap">

  <!-- Setup -->
  <section id="setup" class="screen active">
    <h1>Unser kleiner Abend</h1>
    <p class="sub">30 Aufgaben. Keine Eile.</p>
    <div class="card">
      <div class="row">
        <div>
          <label for="nameA">Name Person 1</label>
          <input id="nameA" maxlength="30" autocomplete="off" placeholder="Name">
        </div>
        <div>
          <label for="genderA">Geschlecht</label>
          <select id="genderA">
            <option value="">Bitte wählen</option>
            <option value="m" selected>männlich</option>
            <option value="w">weiblich</option>
          </select>
        </div>
      </div>
      <div class="row">
        <div>
          <label for="nameB">Name Person 2</label>
          <input id="nameB" maxlength="30" autocomplete="off" placeholder="Name">
        </div>
        <div>
          <label for="genderB">Geschlecht</label>
          <select id="genderB">
            <option value="">Bitte wählen</option>
            <option value="m">männlich</option>
            <option value="w" selected>weiblich</option>
          </select>
        </div>
      </div>
      <button id="start" class="btn" disabled>Los geht's</button>
    </div>
  </section>

  <!-- Game -->
  <section id="game" class="screen">
    <div class="progress"><div id="bar"></div></div>
    <div class="counter" id="counter"></div>
    <div class="card">
      <div class="pins" id="pins"></div>
      <div id="slot"></div>
    </div>
  </section>

  <!-- End -->
  <section id="end" class="screen">
    <h2 class="end-title">Das war's für heute</h2>
    <p class="end-note" id="endText"></p>
    <div class="card">
      <button id="restart" class="btn">Nochmal von vorn</button>
    </div>
  </section>

</div>

<script>
  // Platzhalter: {other} = Name der anderen Person, {pron} = er / sie
  const P = (k, t, dur) => ({ k, t, dur: dur || 0 });          // Personen-Aufgabe
  const S = (t, dur) => ({ k: 'Zusammen', t, dur: dur || 0 }); // gemeinsame Aufgabe

  const SEPARATE = [
    // Sprechen
    P('Sprechen', 'Sag {other} etwas, das du heute an {pron} bemerkt hast.'),
    P('Sprechen', 'Erzähl {other} von einem Ort, an dem du dich ganz wohl gefühlt hast.'),
    P('Sprechen', 'Sag {other} drei Dinge, die du an einem guten Tag machst.'),
    P('Sprechen', 'Beschreib {other}, wie dein Lieblingsgeruch riecht.'),
    P('Sprechen', 'Sag {other}, welches Lied dich gerade nicht loslässt.'),
    P('Sprechen', 'Erzähl {other}, welche Stadt du gern einmal besuchen würdest und warum.'),
    P('Sprechen', 'Sag {other}, was du als Kind werden wolltest.'),
    P('Sprechen', 'Erzähl {other} von einem kleinen Glück aus dieser Woche.'),
    P('Sprechen', 'Sag {other}, was dir an einem Menschen sofort auffällt.'),
    P('Sprechen', 'Beschreib {other} deinen Lieblingsmoment des Tages.'),
    P('Sprechen', 'Erzähl {other}, welcher Film dich am meisten berührt hat.'),
    P('Sprechen', 'Sag {other}, welche Eigenschaft du an dir selbst magst.'),
    P('Sprechen', 'Erzähl {other} von etwas, das du dir gern einmal gönnen würdest.'),
    P('Sprechen', 'Sag {other} ein Wort, das dich heute glücklich gemacht hat.'),
    P('Sprechen', 'Erzähl {other}, was du an einem Sonntag am liebsten machst.'),
    P('Sprechen', 'Sag {other}, welches Essen dich sofort an deine Kindheit erinnert.'),
    P('Sprechen', 'Erzähl {other} von einem Tier, das dich fasziniert.'),
    P('Sprechen', 'Sag {other}, wann du dich zuletzt richtig mutig gefühlt hast.'),
    P('Sprechen', 'Erzähl {other}, welche Musik du beim Kochen hörst.'),
    P('Sprechen', 'Sag {other}, was du gern einmal ausprobieren würdest.'),
    P('Sprechen', 'Erzähl {other}, welche Gewohnheit du gern loswerden würdest.'),
    P('Sprechen', 'Sag {other} einen Satz, den dir jemand früher mal gesagt hat und der noch wirkt.'),
    P('Sprechen', 'Erzähl {other}, was dein Lieblingsort in deiner Wohnung ist.'),
    P('Sprechen', 'Sag {other}, worüber du heute gelacht hast.'),
    P('Sprechen', 'Erzähl {other}, welche Jahreszeit du am liebsten magst und warum.'),
    P('Sprechen', 'Sag {other}, was dein erster Gedanke heute Morgen war.'),
    P('Sprechen', 'Erzähl {other} von einer Person, die dir viel bedeutet hat.'),
    P('Sprechen', 'Sag {other}, welchen Ort auf der Welt du noch sehen willst.'),
    P('Sprechen', 'Erzähl {other}, wie du dir einen ruhigen Abend vorstellst.'),
    P('Sprechen', 'Sag {other}, woran dich dieser Abend erinnert.'),
    P('Sprechen', 'Erzähl {other} von einem Hobby, das du seit Jahren hast.'),
    P('Sprechen', 'Sag {other}, was dich am Herbst besonders freut.'),
    P('Sprechen', 'Erzähl {other} von einem Lied, das du unbewusst immer mitsingst.'),
    P('Sprechen', 'Sag {other}, was du gern bei einer Freundin oder einem Freund tust.'),
    P('Sprechen', 'Erzähl {other}, was dich heute zum Schmunzeln gebracht hat.'),
    P('Sprechen', 'Sag {other}, welche Serie du gern noch einmal von vorne schauen würdest.'),
    P('Sprechen', 'Erzähl {other} von deinem liebsten Spielzeug aus der Kindheit.'),
    P('Sprechen', 'Sag {other}, wie für dich ein perfekter Sonntagmorgen aussieht.'),
    // Tun
    P('Tun', 'Streich {other} einmal sanft durch die Haare.'),
    P('Tun', 'Halte {other} für fünf Sekunden die Hand.'),
    P('Tun', 'Tipp {other} zweimal leicht auf die Schulter.'),
    P('Tun', 'Trink einen Schluck mit verschränkten Armen und reich das Glas {other} weiter.'),
    P('Tun', 'Schreib {other} ein kleines Kompliment auf einen Zettel und gib ihn {pron}.'),
    P('Tun', 'Leg {other} eine Decke über die Schultern.'),
    P('Tun', 'Mal mit dem Finger ein Herz auf den Handrücken von {other}.'),
    P('Tun', 'Reich {other} ein Kissen zum Anlehnen.'),
    P('Tun', 'Massier {other} eine Minute lang die Hände.'),
    P('Tun', 'Mach {other} ein Zeichen mit der Hand, das nur ihr beide versteht.'),
    P('Tun', 'Leg deine Hand auf die Hand von {other}, ohne sie zu drücken.'),
    P('Tun', 'Schenk {other} ein Softgetränk ein.'),
    P('Tun', 'Zeig {other} ein Foto von deinem Lieblingsort auf deinem Handy.'),
    P('Tun', 'Richte die Decke von {other}, wenn {pron} eine hat.'),
    P('Tun', 'Reich {other} einen Apfel oder ein Stück Schokolade.'),
    P('Tun', 'Mach {other} ein Lied an, das {pron} gern hört.'),
    P('Tun', 'Lege {other} eine Hand auf den Rücken, nur für drei Sekunden.'),
    P('Tun', 'Mal {other} mit dem Finger ein Bild in die Luft. {other} rät, was es ist.'),
    P('Tun', 'Falte aus einem Zettel einen kleinen Vogel und schenk ihn {other}.'),
    P('Tun', 'Lass {other} für einen Moment deine Hand halten.'),
    P('Tun', 'Mach ein Foto von {other} mit dem Handy.'),
    P('Tun', 'Halte {other} die Hand und streiche einmal mit dem Daumen über den Handrücken.'),
    P('Tun', 'Stupse {other} sanft mit dem Knie an.'),
    P('Tun', 'Zeig {other} eine Sache auf deinem Handy, die dich heute zum Lachen gebracht hat.'),
    P('Tun', 'Reich {other} das Softgetränk rüber, ohne etwas dazu zu sagen.'),
    P('Tun', 'Tanz zwei Minuten mit {other} zu einem Lied in eurem Wohnzimmer.'),
    P('Tun', 'Dreh dich mit {other} einmal im Kreis, Hand in Hand.'),
    P('Tun', 'Hol {other} ein Glas Wasser aus der Küche.'),
    P('Tun', 'Verbinde {other} die Augen mit einem Schal und leg {pron} einen Gegenstand aus dem Raum in die Hand, den {pron} erraten muss.'),
    P('Tun', 'Zieh dir etwas Lustiges an, zum Beispiel eine Mütze oder eine Brille, und lass {other} raten, was es ist.'),
    // Zuhören
    P('Zuhören', '{other} erzählt dir jetzt etwas. Hör zu, ohne zu unterbrechen, und stell danach eine Frage.'),
    P('Zuhören', 'Hör {other} 30 Sekunden zu, ohne Zwischenfragen.'),
    P('Zuhören', '{other} beschreibt einen Traum. Hör zu und sag, welches Bild dir am besten gefällt.'),
    P('Zuhören', 'Lass {other} eine Minute lang reden. Du sagst nur „Erzähl weiter“.'),
    P('Zuhören', '{other} erzählt von einem Lieblingsessen. Hör zu und frag nach dem Rezept.'),
    P('Zuhören', '{other} nennt dir drei Dinge, die {pron} heute gut fand. Wiederhol sie.'),
    P('Zuhören', 'Hör {other} zu und finde heraus, welches Gefühl dahintersteckt.'),
    P('Zuhören', '{other} erzählt von einem Ort. Hör zu und stell dir vor, wie er riecht.'),
    P('Zuhören', 'Frag {other} nach einer Erinnerung und hör zu, ohne zu bewerten.'),
    P('Zuhören', 'Hör {other} zu, während {pron} eine Geschichte aus der Kindheit erzählt.'),
    P('Zuhören', '{other} sagt dir einen Satz über sich. Wiederhole ihn mit deinen Worten.'),
    P('Zuhören', 'Hör {other} zu, wie {pron} von einem Lied erzählt, und sag, was dich daran erinnert.'),
    P('Zuhören', '{other} erzählt, was {pron} morgen vorhat. Hör zu und wünsch viel Glück.'),
    P('Zuhören', 'Bitte {other} um einen Tipp und hör zu, bis {pron} fertig ist.'),
    P('Zuhören', 'Hör {other} zu und sag danach, was du am meisten mitnimmst.'),
    P('Zuhören', '{other} beschreibt einen Ort, den {pron} liebt. Hör zu und frag, warum.'),
    P('Zuhören', 'Hör {other} zu, wie {pron} über einen schönen Moment spricht, und nick dabei.'),
    P('Zuhören', '{other} erzählt von etwas, das {pron} stolz macht. Hör zu und gratuliere.'),
    P('Zuhören', 'Hör {other} 60 Sekunden zu, ohne auf das Handy zu schauen.'),
    P('Zuhören', 'Frag {other}, was {pron} beim Einschlafen denkt, und hör zu.'),
    P('Zuhören', '{other} erzählt von einem kleinen Missgeschick. Lach nicht, hör zu und tröste.'),
    P('Zuhören', 'Lass {other} das nächste Lied wählen und hör zu, warum {pron} es gewählt hat.'),
    P('Zuhören', '{other} erzählt, was {pron} an einem Samstag am liebsten macht. Finde etwas Gemeinsames.'),
    P('Zuhören', 'Hör {other} zu und fass danach in einem Satz zusammen, was {pron} gesagt hat.'),
    P('Zuhören', '{other} beschreibt einen Menschen, den {pron} bewundert. Hör zu und frag weiter.'),
    P('Zuhören', 'Hör {other} zu, wie {pron} einen Tag beschreibt, der schwer war, und sag, was {pron} gut getan hat.'),
    P('Zuhören', '{other} erzählt dir einen Witz. Lach, wenn er gut ist, und frag nach einem zweiten.'),
    P('Zuhören', 'Hör {other} zu, während {pron} sich eine Stadt vorstellt, in der {pron} leben würde.'),
    P('Zuhören', '{other} erzählt, wofür {pron} dankbar ist. Hör zu und sag, was du davon teilst.'),
    P('Zuhören', 'Hör {other} zu, während {pron} einen Lieblingsort aus der Kindheit beschreibt.'),
    P('Zuhören', '{other} erzählt von einer Reise. Frag nach dem schönsten Moment.'),
    P('Zuhören', 'Hör {other} zu, wie {pron} ein Rezept erklärt, und stell eine Frage dazu.'),
    P('Zuhören', '{other} erzählt, was {pron} gerade beschäftigt. Hör zu, ohne Lösungen zu geben.'),
    P('Zuhören', 'Hör {other} 45 Sekunden zu, während {pron} über einen Film spricht.'),
    P('Zuhören', '{other} erzählt eine Geschichte in drei Sätzen. Wiederhole den mittleren Satz.'),
    P('Zuhören', '{other} erzählt dir etwas, auf das {pron} stolz ist. Hör zu, ohne zu unterbrechen.'),
    P('Zuhören', 'Hör {other} zu, wie {pron} über einen Traum spricht, den {pron} noch hat.'),
    P('Zuhören', '{other} erzählt von einem Ort, an dem {pron} nie war, aber gern wäre. Frag warum.'),
    P('Zuhören', 'Hör {other} zu und sag danach, welches Wort {pron} am häufigsten benutzt hat.'),
    // Beobachten
    P('Beobachten', 'Schau {other} zehn Sekunden an, ohne etwas zu sagen.'),
    P('Beobachten', 'Schau {other} an und sag, welche Farbe dich an {pron} erinnert.'),
    P('Beobachten', 'Schau dir die Hände von {other} an und sag, was dir an ihnen auffällt.'),
    P('Beobachten', 'Schau {other} an und finde eine Sache, die {pron} heute gut macht.'),
    P('Beobachten', 'Schau auf die Augen von {other} und sag, welche Farbe sie haben.'),
    P('Beobachten', 'Schau {other} an und lächle, bis eine von euch lacht.'),
    P('Beobachten', 'Schau dich im Raum um und finde etwas, das {other} gefallen könnte.'),
    P('Beobachten', 'Schau {other} an und sag, wie {pron} gerade gelaunt wirkt.'),
    P('Beobachten', 'Schau {other} an und sag, welches Kleidungsstück {pron} sehr gut steht.'),
    P('Beobachten', 'Beobachte {other} eine Minute lang, wie {pron} sitzt, und sag, was dir gefällt.'),
    P('Beobachten', 'Schau aus dem Fenster und beschreib {other}, was du gerade siehst.'),
    P('Beobachten', 'Schau {other} an und sag, welchen Gesichtsausdruck {pron} gerade hat.'),
    P('Beobachten', 'Schau dir das Glas von {other} an und rate, was darin ist.'),
    P('Beobachten', 'Schau {other} an und sag, was dir an {pron} zuerst aufgefallen ist.'),
    P('Beobachten', 'Betrachte den Raum und finde drei Dinge, die euch beiden gefallen.'),
    P('Beobachten', 'Schau {other} an und zähl bis zehn, ohne zu sprechen.'),
    P('Beobachten', 'Schau {other} an und sag, welcher Ort dieser Abend für dich gerade ist.'),
    P('Beobachten', 'Schau {other} an und rate, was {pron} gerade denkt.'),
    P('Beobachten', 'Schau dir ein Bild auf dem Handy von {other} an und sag, was dir auffällt.'),
    P('Beobachten', 'Schau dir den Hintergrund von {other} an und frag nach der Geschichte dahinter.'),
    P('Beobachten', 'Schau {other} an und sag, welche Stimmung ihr beide gerade habt.'),
    P('Beobachten', 'Beobachte, wie {other} atmet, und atme einmal im gleichen Rhythmus.'),
    P('Beobachten', 'Schau {other} an und nenne eine Kleinigkeit, die {pron} gut kann.'),
    P('Beobachten', 'Schau {other} an, bis du ein Wort findest, das zu {pron} passt.'),
    P('Beobachten', 'Finde einen Gegenstand in der Farbe, die {other} am liebsten mag.'),
    P('Beobachten', 'Schau {other} an und sag, welche Geste {pron} oft macht.'),
    P('Beobachten', 'Schau {other} an und sag, welches Wort {pron} gerade beschreibt.'),
    P('Beobachten', 'Schau {other} zehn Sekunden lang an, lächle dabei aber nicht.'),
    P('Beobachten', 'Schau {other} an und sag, welchen Klang {pron} am liebsten mag.'),
    P('Beobachten', 'Schau {other} an und sag, welche Pflanze {pron} am ehesten wäre.'),
    P('Beobachten', 'Schau dich im Raum um und finde einen Gegenstand, den {other} bestimmt schön findet.'),
    P('Beobachten', 'Schau {other} an und sag, welcher Moment des Tages {pron} wohl am meisten Freude macht.'),
    P('Beobachten', 'Schau {other} an und sag, welchen Schmuck oder welche Uhr {pron} trägt, die du magst.'),
    P('Beobachten', 'Schau {other} an und sag, wie {pron} am liebsten lacht.'),
    P('Beobachten', 'Schau {other} an, zähl bis drei und sag, was dir an {pron} auffällt.'),
    P('Beobachten', 'Schau {other} an und sag, welches Lächeln dich am meisten freut.'),
    // Neu in v8
    P('Tun', 'Mach ein lustiges Foto von {other} und zeig {pron} das Bild sofort.'),
    P('Tun', 'Zeig {other} das letzte Foto, das du gemacht hast, und erzähl dazu eine Sache.'),
    P('Tun', 'Versteck einen kleinen Gegenstand in der Wohnung. {other} sucht ihn mit „warm“ und „kalt“.'),
    P('Tun', 'Schreib {other} einen kurzen Brief auf einen Zettel und lies ihn {other} vor.'),
    P('Beobachten', 'Schau {other} an und versuch, {pron} zum Lachen zu bringen, ohne {pron} zu berühren.'),
    // Neu in v9
    P('Sprechen', 'Stell {other} drei Quizfragen über {pron}, zum Beispiel nach dem Lieblingsessen oder der ersten Reise. {other} antwortet, du sagst, ob es stimmt.'),
    P('Tun', 'Massier {other} 30 Sekunden lang die Schultern, im Sitzen.'),
    P('Beobachten', 'Zeig {other} ohne Worte ein Gefühl mit deinem Gesicht. {other} rät es innerhalb von 10 Sekunden.'),
    P('Sprechen', 'Sag {other} ein Kompliment, das konkret ist: nicht „du bist nett“, sondern ein Detail.'),
    P('Beobachten', 'Lächle {other} an und halte den Blickkontakt 10 Sekunden.'),
    // Neu in v10
    P('Sprechen', 'Erzähl {other}, was dich zuletzt zum Lächeln gebracht hat.'),
    P('Tun', 'Kitzel {other} 10 Sekunden lang sanft an der Seite.'),
    P('Sprechen', 'Zeig {other} ein altes Foto von dir auf dem Handy und erzähl die Geschichte dazu.'),
    P('Sprechen', 'Sag ein Wort, das mit dem ersten Buchstaben des Vornamens von {other} beginnt. {other} antwortet mit einem neuen Wort.'),
    P('Tun', 'Schenk {other} ein kleines Glas Wein oder Sekt ein. Ein Softgetränk geht auch.'),
    P('Sprechen', 'Beschreib {other} den Geschmack deines Getränks in drei Wörtern.'),
    // Neu in v11
    P('Tun', 'Schreib {other} eine gute Nachricht für morgen auf einen Zettel und steck ihn {pron} unauffällig zu.'),
    P('Tun', 'Mach das Geräusch vom Tier „{tier}“. {other} errät es.'),
    P('Sprechen', 'Erzähl {other} drei Fakten über dich, einer davon ist erfunden. {other} rät, welcher.'),
    // Neu in v12
    P('Sprechen', 'Erzähl {other} von einem Moment in den letzten zwei Wochen, in dem du gestaunt hast.'),
    P('Sprechen', 'Sag {other}, welches Geräusch in deiner Wohnung dich beruhigt.'),
    P('Tun', 'Zeig {other} eine Bewegung, die du als Kind gemacht hast. {other} macht sie nach.'),
    P('Tun', 'Mach {other} eine Grimasse vor und halte sie 5 Sekunden. {other} macht sie nach.'),
    P('Tun', 'Such in der Wohnung einen Gegenstand, der {other} an etwas Schönes erinnert, und zeig ihn {pron}.'),
    P('Zuhören', 'Hör {other} zu, während {pron} einen Song beschreibt, den {pron} als Kind geliebt hat.'),
    P('Zuhören', '{other} erzählt dir, wie {pron} sich einen perfekten Feierabend vorstellt. Hör zu und frag nach einem Detail.'),
    P('Beobachten', 'Schau {other} an und nenne einen Moment dieses Abends, in dem {pron} besonders aufmerksam war.'),
    P('Beobachten', 'Schau {other} 20 Sekunden lang an und sag danach, welche Augenfarbe {pron} hat und was {pron} heute trägt.'),
    P('Sprechen', 'Erzähl {other} eine kleine Geschichte, die dir bei einem Spaziergang passiert ist.'),
    P('Tun', 'Mach {other} ein Kompliment mit einer Geste, zum Beispiel einer Verbeugung oder einem Daumen.'),
    P('Sprechen', 'Sag {other}, worauf du dich in den nächsten zwei Wochen freust.'),
    P('Sprechen', 'Erzähl {other} von einem Ort in der Stadt, den nur du kennst.'),
    // Pins
    P('Sprechen', 'Sag nach jedem deiner Sätze „hasimausi“.', 3),
    P('Sprechen', 'Nenn {other} in den nächsten Aufgaben beim Reden einmal beim Namen.', 3),
    P('Sprechen', 'Sprich in den nächsten Aufgaben nur in ganzen Sätzen, keine Ein-Wort-Antworten.', 3),
    P('Beobachten', 'Schau {other} beim Sprechen in den nächsten Aufgaben immer kurz in die Augen.', 3),
    P('Tun', 'Gib {other} in den nächsten Aufgaben jedes Mal einen Daumen hoch, wenn {pron} etwas sagt.', 3),
    P('Zuhören', 'Wiederhole in den nächsten Aufgaben jeden Satz von {other} mit einem Wort.', 3)
  ];

  const SHARED = [
    S('Schaut euch 15 Sekunden in die Augen. Beide müssen durchhalten, ohne zu lachen oder wegzuschauen.'),
    S('Atmet gemeinsam dreimal tief ein und aus.'),
    S('Setzt euch Rücken an Rücken und lehnt euch leicht zurück.'),
    S('Lehnt eure Stirnen für fünf Sekunden aneinander.'),
    S('Haltet euch gegenseitig für zehn Sekunden die Hände.'),
    S('Sagt gleichzeitig: „Ich mag an dir …“ und vollendet den Satz.'),
    S('Summt euch gemeinsam ein Lied vor.'),
    S('Erratet gegenseitig, welche Hand die andere zuerst bewegt.'),
    S('Lacht gemeinsam zehn Sekunden, ohne Grund.'),
    S('Schließt beide die Augen und zählt bis zwanzig.'),
    S('Sagt euch je ein Wort, das euch zum anderen einfällt.'),
    S('Stoßt an und sagt: „Auf heute Abend.“'),
    S('Malt euch gegenseitig je ein Herz in die Luft.'),
    S('Legt eure Hände flach aufeinander, ohne sie zu bewegen, und zählt bis zehn.'),
    S('Sagt euch gleichzeitig eine Farbe, die euch an diesen Abend erinnert.'),
    S('Erzählt euch gemeinsam einen Witz, egal wie gut er ist.'),
    S('Schätzt gemeinsam, wie viele Lieder ihr heute schon gehört habt.'),
    S('Macht gemeinsam ein Foto mit dem Handy, nur von euch beiden.'),
    S('Sagt euch gegenseitig Danke für etwas, das heute gut war.'),
    S('Setzt euch nebeneinander und schaut 30 Sekunden gemeinsam aus dem Fenster.'),
    S('Erfindet zusammen einen Namen für euren Abend.'),
    S('Zählt gemeinsam rückwärts von zehn und lacht, wenn ihr euch verhaspelt.'),
    S('Haltet die Hände wie Schalen. Einer legt einen Gegenstand hinein, der an den Abend erinnert.'),
    S('Schreibt euch gegenseitig je einen Satz auf einen Zettel und tauscht die Zettel.'),
    S('Lest euch gegenseitig denselben kurzen Spruch vor.'),
    S('Schaut euch 20 Sekunden in die Augen, ohne zu lächeln.'),
    S('Sagt euch gleichzeitig, worauf ihr euch morgen freut.'),
    S('Stellt euch gemeinsam eine Frage, die ihr beide euch noch nie gestellt habt.'),
    S('Trinkt gemeinsam aus zwei Gläsern, jede Person einen Schluck.'),
    S('Legt euch gegenseitig 20 Sekunden lang eine Hand auf die Schulter.'),
    S('Erzählt euch gemeinsam eine Sache, die ihr beide mögt.'),
    S('Schaut zusammen auf ein Bild auf dem Handy und sagt, was ihr seht.'),
    S('Sagt euch gegenseitig in einem Wort, wie ihr euch jetzt fühlt.'),
    S('Zählt gemeinsam die Dinge im Raum, die rot sind.'),
    S('Setzt euch so hin, dass sich eure Knie berühren, und bleibt fünf Sekunden so.'),
    S('Denkt euch gemeinsam einen Toast aus und sagt ihn.'),
    S('Erzählt euch zusammen einen Moment aus diesem Abend, der euch gefallen hat.'),
    S('Macht gemeinsam eine Minute lang Atemübungen im selben Rhythmus.'),
    S('Nennt euch gegenseitig je ein Ziel für dieses Jahr.'),
    S('Sagt euch gleichzeitig eine Sache, die ihr am anderen spannend findet.'),
    S('Schaut euch an und sagt im Chor: „Ich freue mich, dass du da bist.“'),
    S('Legt beide eine Hand auf die eigene Brust und sagt euch einen Satz, der euch gut tut.'),
    S('Macht gemeinsam ein Geräusch, das ihr beide lustig findet.'),
    S('Sagt euch gegenseitig je eine Sache, die ihr heute gelernt habt.'),
    S('Schließt die Augen und sagt im Wechsel ein Wort, bis einer von euch lacht.'),
    S('Erzählt euch abwechselnd je einen Satz über euren Tag, bis einer keine Idee mehr hat.'),
    S('Summt abwechselnd einen Takt eines Liedes, die andere errät es.'),
    S('Schaut euch an, zählt laut bis drei und sagt gleichzeitig euren Lieblingsort.'),
    S('Schreibt jeweils ein Wort auf einen Zettel und zeigt es euch gleichzeitig.'),
    S('Macht gemeinsam drei Atemzüge und sagt danach je einen Satz, wie es euch jetzt geht.'),
    S('Haltet euch an den Händen und schaut auf die Uhr, bis 30 Sekunden um sind.'),
    S('Sagt euch gleichzeitig, welchen Ort ihr heute zusammen gern besuchen würdet.'),
    S('Erfindet gemeinsam eine kurze Geschichte, Satz für Satz, abwechselnd.'),
    S('Zeichnet euch gegenseitig ein Symbol in die Luft, das die andere erraten muss.'),
    S('Sagt euch gleichzeitig eine Sache, die euch heute überrascht hat.'),
    S('Lehnt euch aneinander und schweigt 20 Sekunden.'),
    S('Sagt euch gleichzeitig, welches Geräusch ihr gern mögt.'),
    S('Schaut euch in die Augen und gebt euch dabei ein High-Five, ohne wegzuschauen.'),
    S('Schaut euch in die Augen und tippt euch gegenseitig die Fingerspitzen an, ohne zu lachen.'),
    S('Schaut euch 20 Sekunden an und sagt, was ihr am anderen besonders mögt.'),
    S('Schaut euch an und sagt im Chor, was ihr euch für den Rest des Abends wünscht.'),
    S('Schreibt jeweils ein Wort auf die Handfläche der anderen und ratet es.'),
    S('Haltet euch an den Händen und sagt abwechselnd ein Wort, das euch zu diesem Abend einfällt.'),
    S('Schaut euch in die Augen, ohne zu blinzeln, bis eine von euch lacht.'),
    S('Tauscht eure Getränke und probiert gegenseitig einen Schluck.'),
    S('Tanzt zusammen eine Minute zu einem Lied eurer Wahl.'),
    S('Dreht euch gemeinsam einmal im Kreis, Hand in Hand.'),
    S('Zieht euch gegenseitig etwas Lustiges an und macht ein Foto.'),
    S('Erzählt euch gemeinsam von einem Abend aus eurer Vergangenheit, an den ihr gern zurückdenkt.'),
    // Neu in v8
    S('Macht eine Fotostrecke mit drei lustigen Posen, jede Person sucht eine davon aus.'),
    S('Verbindet euch gegenseitig die Augen und ertastet abwechselnd einen Gegenstand aus dem Raum.'),
    S('Schreibt euch je einen kurzen Brief und lest ihn euch gegenseitig vor.'),
    S('Schaut euch in die Augen und versucht gegenseitig, euch zum Lachen zu bringen, ohne euch zu berühren.'),
    S('Kissenkampf: Jede Person bekommt ein Kissen, ihr schlagt euch 20 Sekunden sanft damit.'),
    S('Setzt euch zusammen unter eine Decke und bleibt eine Minute so sitzen.'),
    // Neu in v9
    S('Zeigt euch abwechselnd ohne Worte ein Gefühl mit Gesicht und Händen. Die andere rät es.'),
    S('Nennt euch gegenseitig je einen Wunsch für die nächsten Monate, den ihr gemeinsam erfüllen könntet.'),
    S('Sagt euch gegenseitig je drei Dinge, für die ihr dankbar seid und die mit der anderen Person zu tun haben.'),
    S('Lächelt euch gegenseitig an und haltet das Lächeln 15 Sekunden.'),
    // Neu in v10
    S('Schreibt je drei Dinge auf, die ihr im nächsten Urlaub machen wollt, und vergleicht die Listen.'),
    S('Sitzt Kopf an Kopf und bleibt 60 Sekunden so, ohne reden zu müssen.'),
    S('Verhakt die Arme und sitzt 60 Sekunden so nebeneinander.'),
    S('Haltet 2 Aufgaben lang Händchen, außer eine Aufgabe verlangt, dass ihr loslasst.', 2),
    S('Stoßt mit einem Glas Wein, Sekt oder Softgetränk an und sagt euch, auf welchen Moment ihr anstoßt.'),
    S('Probiert gemeinsam einen Schluck von einem Getränk, das ihr beide noch nicht kennt. Alkohol oder Softgetränk, je nachdem, was da ist.'),
    // Neu in v11
    S('Löst zusammen 300 Sekunden lang ein Sudoku, zum Beispiel aus einer Zeitung oder einer App.'),
    // Neu in v12
    S('Spielt drei Runden Schere, Stein, Papier. Wer verliert, sagt der anderen einen Satz, der ihr gefällt.'),
    S('Macht zusammen 30 Sekunden lang Kniebeugen und zählt dabei laut mit.'),
    S('Findet einen Ort, an dem ihr beide schon wart, und erzählt euch abwechselnd, was dort passiert ist.'),
    S('Legt eure Handflächen aufeinander und zählt gemeinsam bis zehn, ohne zu reden.'),
    S('Schreibt je so viele Eigenschaften der anderen Person auf, wie ihr in 60 Sekunden schafft, und lest sie euch vor.'),
    S('Stellt euch gegenüber und macht 30 Sekunden lang abwechselnd eine Bewegung, die die andere genau nachmacht.'),
    S('Unterhaltet euch 3 Minuten lang nur über Dinge, die euch zum Lachen bringen.'),
    // Pin
    S('Sagt in den nächsten Aufgaben jedes Mal „hasimausi“, wenn ihr euch anseht.', 3)
  ];

  const TOTAL = 30;

  const $ = id => document.getElementById(id);
  const screens = { setup: $('setup'), game: $('game'), end: $('end') };
  const slotEl = $('slot');

  let people = { a: null, b: null };
  let slots = [];   // { who: 'a'|'b'|'S', item }
  let pins = [];    // { slot, owner, k, text, left }
  let used = new Set();
  let idx = 0;

  function show(name) {
    Object.values(screens).forEach(s => s.classList.remove('active'));
    screens[name].classList.add('active');
    window.scrollTo(0, 0);
  }

  function el(tag, attrs = {}, text) {
    const e = document.createElement(tag);
    Object.entries(attrs).forEach(([k, v]) => e.setAttribute(k, v));
    if (text !== undefined) e.textContent = text;
    return e;
  }

  function fill(text, owner) {
    if (owner === 'S') return text;
    const other = people[owner === 'a' ? 'b' : 'a'];
    const pron = other.gender === 'm' ? 'er' : 'sie';
    return text.replaceAll('{other}', other.name).replaceAll('{pron}', pron);
  }

  // Timer: erkennt Zeitangaben wie „15 Sekunden“ im Aufgabentext
  const NUM_WORDS = { eine: 1, ein: 1, zwei: 2, drei: 3, vier: 4, fünf: 5, sechs: 6, sieben: 7, acht: 8, neun: 9, zehn: 10, elf: 11, zwölf: 12, fünfzehn: 15, zwanzig: 20, dreißig: 30 };
  let timerId = null;
  let audioCtx = null;

  // Tiere für die Platzhalter-Aufgabe {tier} (20 Stück)
  const ANIMALS = [
    'Hund', 'Katze', 'Kuh', 'Esel', 'Schaf', 'Ente', 'Frosch', 'Löwe', 'Elefant', 'Affe',
    'Hahn', 'Schwein', 'Pferd', 'Eule', 'Wolf', 'Bär', 'Grille', 'Biene', 'Ziege', 'Pinguin'
  ];
  function randomAnimal() {
    return ANIMALS[Math.floor(Math.random() * ANIMALS.length)];
  }

  // Drei kurze Töne am Ende des Timers, plus Vibration wenn möglich
  function beep() {
    if (!audioCtx) return;
    for (let i = 0; i < 3; i++) {
      const t0 = audioCtx.currentTime + i * 0.35;
      const o = audioCtx.createOscillator();
      const g = audioCtx.createGain();
      o.frequency.value = 880;
      g.gain.setValueAtTime(0.2, t0);
      g.gain.exponentialRampToValueAtTime(0.001, t0 + 0.25);
      o.connect(g);
      g.connect(audioCtx.destination);
      o.start(t0);
      o.stop(t0 + 0.25);
    }
    if (navigator.vibrate) navigator.vibrate([200, 100, 200]);
  }

  // Erkennt „15 Sekunden“, „eine Minute“, „3 Minuten“ usw. und gibt Sekunden zurück
  function secondsOf(text) {
    const m = text.match(/\b(\d+|eine?|zwei|drei|vier|fünf|sechs|sieben|acht|neun|zehn|elf|zwölf|fünfzehn|zwanzig|dreißig)\s+(Sekunden|Minuten?)\b/i);
    if (!m) return 0;
    const n = /^\d+$/.test(m[1]) ? parseInt(m[1], 10) : NUM_WORDS[m[1].toLowerCase()];
    return n * (/^Minute/i.test(m[2]) ? 60 : 1);
  }

  function timerUI(sec) {
    const wrap = el('div', { class: 'timer' });
    const display = el('div', { class: 'timer-num' }, String(sec));
    const start = el('button', { class: 'btn ghost', type: 'button' }, `Timer starten (${sec} Sekunden)`);
    start.addEventListener('click', () => {
      try {
        if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
        audioCtx.resume();
      } catch (e) { audioCtx = null; }
      clearInterval(timerId);
      let left = sec;
      display.textContent = String(left);
      start.disabled = true;
      timerId = setInterval(() => {
        left--;
        display.textContent = left > 0 ? String(left) : 'Zeit!';
        if (left <= 0) {
          clearInterval(timerId);
          beep();
          start.disabled = false;
          start.textContent = 'Nochmal';
        }
      }, 1000);
    });
    wrap.append(display, start);
    return wrap;
  }

  // Zieht eine noch nicht verwendete Aufgabe aus einem Pool
  function draw(pool) {
    const avail = pool.filter(x => !used.has(x));
    if (!avail.length) return null;
    const pick = avail[Math.floor(Math.random() * avail.length)];
    used.add(pick);
    return pick;
  }

  function poolFor(who) {
    return who === 'S' ? SHARED : SEPARATE;
  }

  // Setup
  const nameA = $('nameA'), nameB = $('nameB');
  const genderA = $('genderA'), genderB = $('genderB');
  const startBtn = $('start');
  function checkSetup() {
    startBtn.disabled = !(nameA.value.trim() && nameB.value.trim() && genderA.value && genderB.value);
  }
  // Name von Person 1 merken: lokal im Browser, nichts wird übertragen
  try {
    const saved = localStorage.getItem('userName');
    if (saved) nameA.value = saved;
  } catch (e) { /* Speicher nicht verfügbar: App läuft ohne Merken weiter */ }
  nameA.addEventListener('input', (e) => {
    try { localStorage.setItem('userName', e.target.value.trim()); } catch (err) { /* ignorieren */ }
  });

  [nameA, nameB, genderA, genderB].forEach(f => f.addEventListener('input', checkSetup));
  checkSetup();

  startBtn.addEventListener('click', () => {
    people = {
      a: { name: nameA.value.trim(), gender: genderA.value },
      b: { name: nameB.value.trim(), gender: genderB.value }
    };
    used = new Set();
    pins = [];
    idx = 0;

    // 10 Zyklen: zufällig Person 1 oder 2 zuerst, dann die andere, dann gemeinsam
    slots = [];
    for (let c = 0; c < TOTAL / 3; c++) {
      const first = Math.random() < 0.5 ? 'a' : 'b';
      const second = first === 'a' ? 'b' : 'a';
      slots.push({ who: first }, { who: second }, { who: 'S' });
    }
    slots.forEach(s => { s.item = draw(poolFor(s.who)); s.tier = randomAnimal(); });

    show('game');
    render();
  });

  function ensurePin() {
    const s = slots[idx];
    if (!s.item || !s.item.dur) return;
    if (pins.some(p => p.slot === idx)) return;
    pins.push({
      slot: idx,
      owner: s.who,
      text: fill(s.item.t, s.who),
      left: s.item.dur
    });
  }

  function renderPins() {
    const box = $('pins');
    box.replaceChildren();
    pins.forEach(p => {
      const owner = p.owner === 'S' ? 'Gemeinsam' : people[p.owner].name;
      const label = `${owner} · noch ${p.left} ${p.left === 1 ? 'Aufgabe' : 'Aufgaben'}`;
      const node = el('div', { class: 'pin' });
      node.append(el('small', {}, label));
      node.append(document.createTextNode(p.text));
      box.append(node);
    });
  }

  function render() {
    const s = slots[idx];
    $('bar').style.width = (idx / TOTAL * 100) + '%';
    $('counter').textContent = `Aufgabe ${idx + 1} von ${TOTAL}`;

    clearInterval(timerId);
    ensurePin();
    renderPins();

    slotEl.replaceChildren();
    const item = s.item;
    if (s.who === 'S') {
      slotEl.append(
        el('p', { class: 'who' }, 'Gemeinsam'),
        el('span', { class: 'kind' }, 'Zusammen'),
        el('p', { class: 'task' }, fill(item.t, 'S').replaceAll('{tier}', s.tier))
      );
    } else {
      slotEl.append(
        el('p', { class: 'who' }, people[s.who].name),
        el('span', { class: 'kind' }, item.k),
        el('p', { class: 'task' }, fill(item.t, s.who).replaceAll('{tier}', s.tier))
      );
    }

    const sec = secondsOf(slotEl.querySelector('.task').textContent);
    if (sec) slotEl.append(timerUI(sec));

    const done = el('button', { class: 'btn', type: 'button' }, 'Erledigt');
    const reroll = el('button', { class: 'btn ghost', type: 'button' }, 'Neue Aufgabe');
    done.addEventListener('click', next);
    reroll.addEventListener('click', newTask);
    slotEl.append(done, reroll);
  }

  // Ersetzt die aktuelle Aufgabe durch eine noch nicht verwendete aus demselben Pool
  function newTask() {
    const s = slots[idx];
    const item = draw(poolFor(s.who));
    if (!item) return;
    s.item = item;
    s.tier = randomAnimal();
    pins = pins.filter(p => p.slot !== idx);
    render();
  }

  function next() {
    pins.forEach(p => p.left--);
    pins = pins.filter(p => p.left > 0);

    idx++;
    if (idx < TOTAL) {
      render();
    } else {
      clearInterval(timerId);
      $('bar').style.width = '100%';
      $('endText').textContent = `${people.a.name} und ${people.b.name}, ihr habt alle ${TOTAL} Aufgaben geschafft.`;
      show('end');
    }
  }

  $('restart').addEventListener('click', () => {
    nameA.value = '';
    nameB.value = '';
    genderA.value = 'm';
    genderB.value = 'w';
    checkSetup();
    show('setup');
  });
</script>
</body>
</html>