{
"version": 3,
"sources": ["daily-story.jsx"],
"sourcesContent": ["/* Geschichte des Tages. Spec: 06_Planung/specs/2026-10-24-stickiness-screening.md §8–11.\n *\n * Einstiege (nie ein Pop-up, E77):\n * dailyBalloonSync – goldener Tagesballon neben der eigenen Figur (DOM-Marker auf der Karte)\n * DailyStoryCard – Karte unten, nur wenn kein Fakt in Reichweite ist (steuert screen-map.jsx)\n * DailyTodayRow – Zeile „Heute“ oben im Reisebuch\n * DailyStorySheet – Vollbild: Ratefrage → Stempel → kurze Geschichte → Woche + Statistik,\n * danach „Nächste Geschichte“ (Feed quer durch alle Städte, E117).\n *\n * Keine Coins (E61 gilt wieder, Testrunde 24.10.). Wer den Fakt später vor Ort sammelt, sieht „kennst du schon“.\n * Testen: ?daily=1 zeigt Ballon und Karte immer, ?daily=open öffnet direkt die Geschichte.\n */\n\nconst DAILY_KEY_ANSWERS = 'fact_daily_answers';\nconst DAILY_KEY_HIDDEN = 'fact_daily_hidden';\nconst DAILY_KEY_WISH = 'fact_trip_wishlist';\nconst DAILY_KEY_SESSIONS = 'fact_daily_sessions';\nconst DAILY_KEY_BALLOON = 'fact_daily_balloon';\nconst DAILY_KEY_INTRO = 'fact_daily_intro_seen';\nconst DAILY_KEY_BUBBLE = 'fact_daily_bubble_day';\nconst DAILY_KEY_BONUS = 'fact_daily_bonus_paid';\nconst DAILY_DAY_START_H = 4; // neue Geschichte ab 4 Uhr Ortszeit (E77)\nconst DAILY_ANCHOR_MOVE_M = 250; // Ballon bleibt an seinem Punkt, bis man sich so weit entfernt hat (E118)\n// Ziel für geteilte Bilder und Links. TODO vor Launch: auf die FACT-Webseite umstellen (Memory: PWA ist Prototyp).\nconst DAILY_SHARE_HOST = 'fact-cityguide.netlify.app';\n\nfunction dailyRead(key, fallback) {\n try { const v = localStorage.getItem(key); return v ? JSON.parse(v) : fallback; } catch (e) { return fallback; }\n}\nfunction dailyWrite(key, val) {\n try { localStorage.setItem(key, JSON.stringify(val)); } catch (e) {}\n}\nfunction dailyDayNo(ts) {\n const d = ts ? new Date(ts) : new Date();\n return Math.floor((d.getTime() - d.getTimezoneOffset() * 60000 - DAILY_DAY_START_H * 3600000) / 86400000);\n}\n// Tag 0 (1.1.1970) war ein Donnerstag: 0 = Montag … 6 = Sonntag\nfunction dailyWeekday(day) { return ((day + 3) % 7 + 7) % 7; }\nfunction dailyParam() {\n try { return new URLSearchParams(location.search).get('daily'); } catch (e) { return null; }\n}\n\n// App-Starts zählen (einmal pro Laden der Seite), für „erst ab dem zweiten Start“ (E96)\n(function () {\n try { dailyWrite(DAILY_KEY_SESSIONS, (dailyRead(DAILY_KEY_SESSIONS, 0) || 0) + 1); } catch (e) {}\n})();\n\n/* Heute + die letzten sechs Tage, rotierend über den Bestand. */\nwindow.dailyStoryLineup = function dailyStoryLineup() {\n const all = window.DAILY_STORIES || [];\n if (!all.length) return { today: null, past: [] };\n const n = all.length, d = dailyDayNo();\n const answers = dailyRead(DAILY_KEY_ANSWERS, {});\n // Mit Tagesplan aus der Pipeline (date gesetzt): Geschichte des Datums, sonst Reserve-Rotation.\n const iso = (day) => new Date(day * 86400000).toISOString().slice(0, 10);\n if (all.some(s => s.date)) {\n const byDate = (day) => all.find(s => s.date === iso(day));\n const reserve = all.filter(s => !s.date);\n const pool = reserve.length ? reserve : all;\n // Schon vorher im Feed gelesen? Dann eine ungelesene, damit der Ballon morgens nicht gleich abgehakt ist.\n const planned = byDate(d);\n const fresh = (s) => !answers[s.id] || answers[s.id].day === d;\n const today = (planned && fresh(planned) ? planned : null)\n || pool.find(fresh) || all.find(s => fresh(s) && (!s.date || s.date > iso(d)))\n || planned || pool[((d % pool.length) + pool.length) % pool.length];\n const past = [];\n for (let k = 1; k < 7; k++) { const s = byDate(d - k); if (s && s !== today) past.push(s); }\n return { today, past };\n }\n // Ohne Plan (Mockup): Rotation. Ist die Geschichte des Tages schon an einem früheren Tag gelesen,\n // kommt die nächste ungelesene (Audit: sonst war ab Tag 8 alles erledigt).\n let off = 0;\n while (off < n) { const s = all[(((d + off) % n) + n) % n]; const a = answers[s.id]; if (!a || a.day === d) break; off++; }\n const today = all[(((d + off) % n) + n) % n];\n const past = [];\n for (let k = 1; k < Math.min(7, n); k++) { const s = all[(((d + off - k) % n) + n) % n]; if (s !== today) past.push(s); }\n return { today, past };\n};\n\nwindow.dailyStoryForced = () => { const p = dailyParam(); return p === '1' || p === 'open'; };\nwindow.dailyStoryHiddenToday = () => !window.dailyStoryForced() && dailyRead(DAILY_KEY_HIDDEN, null) === dailyDayNo();\nwindow.dailyStoryHideToday = () => dailyWrite(DAILY_KEY_HIDDEN, dailyDayNo());\nwindow.dailyStoryAnswered = (id) => !!dailyRead(DAILY_KEY_ANSWERS, {})[id];\n\n/* Schalter im Profil (E99) und wer den Ballon überhaupt sieht (E96). */\nwindow.dailyBalloonEnabled = () => dailyRead(DAILY_KEY_BALLOON, true) !== false;\nwindow.setDailyBalloonEnabled = (v) => { dailyWrite(DAILY_KEY_BALLOON, !!v); try { window.dispatchEvent(new CustomEvent('fact-daily-changed')); } catch (e) {} };\nwindow.dailyBalloonEligible = (collectedCount) => {\n if (window.dailyStoryForced()) return true;\n if (!window.dailyBalloonEnabled()) return false;\n try { if (localStorage.getItem('fact_tour_shown') !== 'true' && (dailyRead(DAILY_KEY_SESSIONS, 0) || 0) < 3) return false; } catch (e) {}\n return (dailyRead(DAILY_KEY_SESSIONS, 0) || 0) >= 2 || (collectedCount || 0) > 0;\n};\n\n/* Reiseliste: Städte, die man sich für später merkt (auch vom Stadt-Intro genutzt). */\nwindow.factTripWish = {\n list: () => dailyRead(DAILY_KEY_WISH, []),\n has: (city) => dailyRead(DAILY_KEY_WISH, []).includes(city),\n toggle: (city) => {\n const l = dailyRead(DAILY_KEY_WISH, []);\n const next = l.includes(city) ? l.filter(c => c !== city) : l.concat(city);\n dailyWrite(DAILY_KEY_WISH, next);\n return next.includes(city);\n },\n};\n\nfunction dailyPick(field, lang) {\n if (!field) return '';\n return field[lang] || field.de || '';\n}\nfunction dailyCityName(city, lang) {\n const w = ((window.CITY_INTROS || {})[city] || {}).cards;\n const c = w && w[0];\n if (!c) return city;\n return (lang === 'en' ? (c.titleEn || c.title) : c.title) || city;\n}\nconst DAILY_MYSTERY_GRAD = ['#3B2A1E', '#8A6A4A'];\nfunction dailyCityVisual(city) {\n const w = ((window.CITY_INTROS || {})[city] || {}).cards;\n const c = w && w[0];\n const grad = c && c.gradient && c.gradient.length === 2 ? c.gradient : ['#5C4A30', '#A08860'];\n return { img: c && c.image && c.image.url, grad };\n}\nfunction dailyBg(v) {\n const g = `linear-gradient(140deg, ${v.grad[0]}, ${v.grad[1]})`;\n return v.img ? `url(${v.img}) center/cover, ${g}` : g;\n}\nfunction dailyFmtNum(n, lang) {\n try { return Number(n).toLocaleString(lang === 'en' ? 'en-GB' : 'de-DE'); } catch (e) { return String(n); }\n}\n// Bei „Welche Stadt?“ bleibt die Stadt bis zur Antwort verborgen (E88).\nfunction dailyHidesCity(story, answered) { return story && story.format === 'city' && !answered; }\n\n/* Der echte Fakt hinter der Geschichte (E76). */\nfunction dailyFactFor(story) {\n if (!story || (!story.factNr && !story.factId)) return null;\n return (window.FACTS || []).find(f => (story.factId && String(f.id) === String(story.factId)) || String(f.nr) === String(story.factNr)) || null;\n}\n\n/* Gelesene Geschichten gehören zum Konto (E127, Tabelle daily_answers). Lokal ist die sofortige Wahrheit,\n app.jsx speichert jede neue Antwort zusätzlich auf dem Server (Event fact-daily-answered). */\nfunction dailyAnnounce(id, rec) {\n try {\n window.dispatchEvent(new CustomEvent('fact-daily-answered', { detail: { id, rec } }));\n window.dispatchEvent(new CustomEvent('fact-daily-changed'));\n } catch (e) {}\n}\n/* Beim Anmelden: Server-Liste mit dem Gerät zusammenführen. Gibt die Einträge zurück, die nur auf dem Gerät\n liegen (Gastzeit), damit app.jsx sie hochlädt. */\nwindow.dailyMergeAnswers = function dailyMergeAnswers(rows) {\n const local = dailyRead(DAILY_KEY_ANSWERS, {});\n const onServer = new Set();\n (rows || []).forEach(r => {\n onServer.add(r.story_id);\n if (local[r.story_id]) return;\n const ch = r.choice == null ? null : (/^-?\\d+(\\.\\d+)?$/.test(r.choice) ? Number(r.choice) : r.choice);\n local[r.story_id] = { choice: ch, correct: r.correct, read: !!r.read_only, day: r.day, at: Date.parse(r.answered_at) || Date.now() };\n });\n dailyWrite(DAILY_KEY_ANSWERS, local);\n try { window.dispatchEvent(new CustomEvent('fact-daily-changed')); } catch (e) {}\n return Object.entries(local).filter(([id]) => !onServer.has(id));\n};\n\n/* Feed (E117): alle ungelesenen Geschichten außer der von heute. Die stärksten (REIZ) zuerst,\n innerhalb gleicher Stärke pro Tag gemischt, und nie zweimal dieselbe Stadt hintereinander. */\nfunction dailyFeedOrder(answers, todayId, lastCity) {\n const day = dailyDayNo();\n const mix = (id) => { let h = day; for (let i = 0; i < id.length; i++) h = (h * 31 + id.charCodeAt(i)) >>> 0; return h; };\n const pool = (window.DAILY_STORIES || []).filter(s => s.id !== todayId && !answers[s.id])\n .sort((a, b) => (b.appeal || 3) - (a.appeal || 3) || mix(a.id) - mix(b.id));\n const out = [];\n let last = lastCity;\n while (pool.length) {\n let i = pool.findIndex(s => s.city !== last);\n if (i < 0) i = 0;\n const s = pool.splice(i, 1)[0];\n out.push(s); last = s.city;\n }\n return out;\n}\n\n/* „Kennst du schon“: wer die Tagesgeschichte geraten hat und den Fakt später vor Ort sammelt.\n Gibt true genau einmal pro Fakt zurück, app.jsx zeigt dann einen Hinweis. */\nwindow.dailyKnownFactBonus = function dailyKnownFactBonus(fact) {\n if (!fact) return false;\n const answers = dailyRead(DAILY_KEY_ANSWERS, {});\n const story = (window.DAILY_STORIES || []).find(s =>\n ((s.factId && String(s.factId) === String(fact.id)) || (s.factNr && String(s.factNr) === String(fact.nr)))\n && answers[s.id] && answers[s.id].correct !== null);\n if (!story) return false;\n const paid = dailyRead(DAILY_KEY_BONUS, []);\n if (paid.includes(story.id)) return false;\n dailyWrite(DAILY_KEY_BONUS, paid.concat(story.id));\n return true;\n};\n\n/* Woche (Mo–So) und Statistik aus den gespeicherten Antworten (E70). */\nfunction dailyStats(answers) {\n const list = Object.values(answers || {});\n const days = new Set(list.map(a => a.day).filter(d => d != null));\n const today = dailyDayNo();\n const monday = today - dailyWeekday(today);\n const week = [0, 1, 2, 3, 4, 5, 6].map(i => days.has(monday + i));\n const guessed = list.filter(a => a.correct !== null);\n const right = guessed.filter(a => a.correct === true).length;\n return {\n week, todayIdx: dailyWeekday(today),\n played: list.length,\n rate: guessed.length ? Math.round(right / guessed.length * 100) : null,\n cities: new Set(Object.keys(answers || {}).map(id => ((window.DAILY_STORIES || []).find(s => s.id === id) || {}).city).filter(Boolean)).size,\n };\n}\n\n/* ── Teilbild 1080×1350 ─────────────────────────────────────────────────\n Ohne Stadtfoto: fremde Bilder würden das Canvas sperren (CORS). */\nfunction dailyWrap(ctx, text, maxW) {\n const words = String(text).split(/\\s+/), lines = [];\n let cur = '';\n words.forEach(w => {\n const test = cur ? cur + ' ' + w : w;\n if (ctx.measureText(test).width > maxW && cur) { lines.push(cur); cur = w; } else cur = test;\n });\n if (cur) lines.push(cur);\n return lines;\n}\nasync function dailyShareImage({ story, lang, cityName, line, url }) {\n try { if (document.fonts && document.fonts.ready) await document.fonts.ready; } catch (e) {}\n const W = 1080, H = 1350, P = 96;\n const cv = document.createElement('canvas'); cv.width = W; cv.height = H;\n const ctx = cv.getContext('2d');\n const grad = story.format === 'city' ? DAILY_MYSTERY_GRAD : dailyCityVisual(story.city).grad;\n const g = ctx.createLinearGradient(0, 0, W, H);\n g.addColorStop(0, grad[0]); g.addColorStop(1, grad[1]);\n ctx.fillStyle = g; ctx.fillRect(0, 0, W, H);\n ctx.fillStyle = 'rgba(14,11,9,0.38)'; ctx.fillRect(0, 0, W, H);\n ctx.fillStyle = '#E8380D';\n ctx.beginPath(); if (ctx.roundRect) ctx.roundRect(P, P, 92, 92, 22); else ctx.rect(P, P, 92, 92); ctx.fill();\n ctx.fillStyle = '#fff'; ctx.font = '900 64px Nunito, sans-serif'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle';\n ctx.fillText('!', P + 46, P + 50);\n ctx.textAlign = 'left'; ctx.font = '900 56px Nunito, sans-serif'; ctx.fillText('FACT', P + 116, P + 50);\n ctx.textBaseline = 'alphabetic';\n ctx.font = '600 30px \"JetBrains Mono\", monospace'; ctx.fillStyle = 'rgba(255,255,255,0.85)';\n ctx.fillText(t('daily.kicker', lang).toUpperCase(), P, 360);\n ctx.font = '900 92px Nunito, sans-serif'; ctx.fillStyle = '#fff';\n ctx.fillText(cityName, P, 460);\n ctx.font = '800 54px Nunito, sans-serif';\n const qs = dailyWrap(ctx, dailyPick(story.question, lang), W - 2 * P).slice(0, 7);\n qs.forEach((l, i) => ctx.fillText(l, P, 600 + i * 70));\n ctx.fillStyle = '#F5C518'; ctx.font = '900 46px Nunito, sans-serif';\n dailyWrap(ctx, line, W - 2 * P).slice(0, 2).forEach((l, i) => ctx.fillText(l, P, H - 230 + i * 58));\n ctx.fillStyle = 'rgba(255,255,255,0.8)'; ctx.font = '500 30px \"JetBrains Mono\", monospace';\n ctx.fillText(url, P, H - P);\n return await new Promise(r => cv.toBlob(r, 'image/png'));\n}\n\n/* ── Tagesballon neben der Figur (E77, E97) ─────────────────────────────\n Eigener DOM-Marker auf der MapLibre-Karte. screen-map.jsx ruft dailyBalloonSync bei jeder\n Änderung von Position oder Sichtbarkeit. Ohne GPS steht er in der Kartenmitte. */\nlet dailyBalloonState = { marker: null, el: null, bubbleTimer: null, onOpen: null, placedNoGps: false, popped: false };\n// Aufploppen: beim ersten Sichtbarwerden und jedes Mal, wenn die App wieder nach vorne kommt (Handy rausgezogen)\nfunction dailyBalloonPop() {\n const el = dailyBalloonState.el;\n if (!el || el.style.display === 'none') return;\n const p = el.querySelector('.db-pop');\n p.classList.remove('db-popping'); void p.offsetWidth; p.classList.add('db-popping');\n}\n/* Wann der Ballon da ist (E131): nur beim Zurückkommen nach einer Pause (3 Stunden oder neuer Tag),\n nicht dauerhaft auf Tour. Wer losläuft und sich gut 150 m entfernt, ist unterwegs: dann verschwindet er\n bis zur nächsten Pause. Die Geschichten bleiben jederzeit über das Reisebuch erreichbar. */\nconst DAILY_KEY_LASTSEEN = 'fact_daily_last_active';\nconst DAILY_BREAK_MS = 3 * 3600 * 1000;\nconst DAILY_WALKAWAY_M = 150;\nlet dailyMoment = null; // { start, from: {lat,lng} | null }\nfunction dailyCheckReturn() {\n const last = dailyRead(DAILY_KEY_LASTSEEN, 0), now = Date.now();\n if (!last || now - last > DAILY_BREAK_MS || dailyDayNo(last) !== dailyDayNo(now)) dailyMoment = { start: now, from: null };\n dailyWrite(DAILY_KEY_LASTSEEN, now);\n}\ndailyCheckReturn();\ndocument.addEventListener('visibilitychange', () => {\n if (document.visibilityState === 'visible') { dailyCheckReturn(); setTimeout(dailyBalloonPop, 350); }\n else dailyWrite(DAILY_KEY_LASTSEEN, Date.now());\n});\nfunction dailyBalloonBuild() {\n const el = document.createElement('button');\n el.type = 'button';\n el.className = 'daily-balloon';\n // Testrunde 24.10.: ein Pulsring, „HEUTE“-Schild und alle paar Sekunden ein Münzdreher, sonst erkennt man ihn nicht als antippbar\n el.innerHTML = '!';\n el.addEventListener('click', (ev) => { ev.stopPropagation(); dailyBalloonState.onOpen && dailyBalloonState.onOpen(); });\n return el;\n}\nfunction dailyBalloonBubble(text, ms) {\n const el = dailyBalloonState.el;\n if (!el) return;\n const b = el.querySelector('.db-bubble');\n b.textContent = text;\n el.classList.add('db-talk');\n clearTimeout(dailyBalloonState.bubbleTimer);\n dailyBalloonState.bubbleTimer = setTimeout(() => el.classList.remove('db-talk'), ms);\n}\nwindow.dailyBalloonSync = function dailyBalloonSync({ map, pos, visible, lang, onOpen }) {\n const st = dailyBalloonState;\n st.onOpen = onOpen;\n const ML = window.maplibregl || window.mapboxgl;\n if (!map || !ML) return;\n const { today } = window.dailyStoryLineup();\n if (!today) return;\n // Karte neu gebaut (Remount von MapScreen): alten Marker abhängen, auf der neuen Karte neu setzen\n if (st.marker && st.map !== map) { try { st.marker.remove(); } catch (e) {} st.marker = null; st.popped = false; }\n st.map = map;\n if (!st.marker) {\n st.el = dailyBalloonBuild();\n st.marker = new ML.Marker({ element: st.el, anchor: 'bottom' });\n const c = pos ? [pos.lng, pos.lat] : (() => { const m = map.getCenter(); return [m.lng, m.lat]; })();\n st.marker.setLngLat(c).addTo(map);\n st.placedNoGps = !pos;\n st.anchor = null;\n }\n // Fest in der Umgebung verankert (E118): ein Punkt rund 25 m neben dir, der beim Drehen der Karte und bei\n // kleinen Schritten stehen bleibt. Erst wer sich weit entfernt, findet ihn an der neuen Stelle wieder.\n if (pos) {\n const far = !st.anchor || Math.hypot((pos.lat - st.anchor.from.lat) * 111320, (pos.lng - st.anchor.from.lng) * 111320 * Math.cos(pos.lat * Math.PI / 180)) > DAILY_ANCHOR_MOVE_M;\n if (far) {\n const at = { lat: pos.lat + 18 / 111320, lng: pos.lng + 18 / (111320 * Math.cos(pos.lat * Math.PI / 180)) };\n st.anchor = { from: { lat: pos.lat, lng: pos.lng }, at };\n st.marker.setLngLat([at.lng, at.lat]);\n }\n st.placedNoGps = false;\n } else if (st.placedNoGps) { const c = map.getCenter(); st.marker.setLngLat([c.lng, c.lat]); }\n // Tagesgeschichte gelesen, aber noch Geschichten im Feed: Ballon bleibt golden und dreht sich, Schild „MEHR“.\n // Der kleine Haken kommt erst, wenn wirklich alles gelesen ist (Testrunde 24.10.: sonst übersieht man ihn).\n const answers = dailyRead(DAILY_KEY_ANSWERS, {});\n const done = !!answers[today.id];\n const allRead = done && !(window.DAILY_STORIES || []).some(s => !answers[s.id]);\n st.el.classList.toggle('db-done', allRead);\n st.el.querySelector('.db-tag').textContent = t(done ? 'daily.balloon.more' : 'daily.today', lang);\n const wasHidden = st.el.style.display === 'none' || !st.popped;\n // Pause-Moment: Startpunkt merken, beim Weglaufen beenden; währenddessen gilt die App als „aktiv“\n dailyWrite(DAILY_KEY_LASTSEEN, Date.now());\n if (dailyMoment && pos) {\n if (!dailyMoment.from) dailyMoment.from = { lat: pos.lat, lng: pos.lng };\n else if (Math.hypot((pos.lat - dailyMoment.from.lat) * 111320, (pos.lng - dailyMoment.from.lng) * 111320 * Math.cos(pos.lat * Math.PI / 180)) > DAILY_WALKAWAY_M) dailyMoment = null;\n }\n visible = visible && (!!dailyMoment || window.dailyStoryForced());\n st.el.style.display = visible ? '' : 'none';\n if (visible && wasHidden) { st.popped = true; if (!allRead) setTimeout(dailyBalloonPop, 500); }\n st.el.setAttribute('aria-label', t(allRead ? 'daily.balloon.ariaDone' : done ? 'daily.balloon.ariaMore' : 'daily.balloon.aria', lang));\n if (!visible || done) return;\n // Einmalige Erklärung beim allerersten Mal, danach einmal am Tag „Heute: Stadt“ (E77, E96)\n const day = dailyDayNo();\n if (!dailyRead(DAILY_KEY_INTRO, false)) {\n dailyWrite(DAILY_KEY_INTRO, true);\n dailyWrite(DAILY_KEY_BUBBLE, day);\n setTimeout(() => dailyBalloonBubble(t('daily.balloon.intro', lang), 6500), 1200);\n } else if (dailyRead(DAILY_KEY_BUBBLE, null) !== day) {\n dailyWrite(DAILY_KEY_BUBBLE, day);\n const name = today.format === 'city' ? t('daily.mystery', lang) : dailyCityName(today.city, lang);\n setTimeout(() => dailyBalloonBubble(t('daily.balloon.today', lang).replace('{city}', name), 3500), 1200);\n }\n};\n\n/* ── Karte unten auf der Map ───────────────────────────────────────────── */\nwindow.DailyStoryCard = function DailyStoryCard({ lang, dark, onOpen, onHide }) {\n const { today } = window.dailyStoryLineup();\n if (!today) return null;\n const answered = window.dailyStoryAnswered(today.id);\n const hide = dailyHidesCity(today, answered);\n const v = hide ? { img: null, grad: DAILY_MYSTERY_GRAD } : dailyCityVisual(today.city);\n const kicker = hide ? t('daily.card.kickerCity', lang) : t('daily.card.kicker', lang).replace('{city}', dailyCityName(today.city, lang));\n const ink = dark ? '#F5F0E8' : '#1A1208';\n const ink3 = dark ? '#B0A898' : '#5C4A30';\n\n return (\n
\n
\n \n \n
\n
\n );\n};\n\n/* ── Zeile „Heute“ oben im Reisebuch (E77) ─────────────────────────────── */\n/* ── „Schon gelesen“ im Reisebuch pro Stadt (E130) ─────────────────────────\n Bewusst schlicht und getrennt von den goldenen, vor Ort gesammelten Fakten: gelesen ist nicht gesammelt.\n Antippen öffnet die Geschichte noch einmal zum Lesen (ohne Rätsel). */\nwindow.DailyReadList = function DailyReadList({ lang, city, onOpen }) {\n const [open, setOpen] = React.useState(false);\n const answers = dailyRead(DAILY_KEY_ANSWERS, {});\n const list = (window.DAILY_STORIES || []).filter(s => s.city === city && answers[s.id])\n .sort((a, b) => (answers[b.id].at || 0) - (answers[a.id].at || 0));\n if (!list.length) return null;\n const shown = open ? list : list.slice(0, 3);\n return (\n
\n {/* Statt „Die letzten Tage“: gezielt eine Stadt wählen (Testrunde 24.10.), danach läuft „Weiter“ in dieser Stadt */}\n {cityChoices.length > 0 && (\n