"use strict"; (() => { // assets/generated/manifest.json var manifest_default = { generatedAt: "2026-07-14T19:57:08.699Z", visualDirection: { palette: { cream: "#F5EFE4", forest: "#183F35", terracotta: "#C87350", sage: "#DDE6DA", text: "#29332E", white: "#FFFFFF" }, photography: "warm, natural, premium editorial pet photography; adult, calm, trustworthy; no stock-photo gloss", animalPortrait: "front-facing, friendly, breed-accurate, head/neck/upper chest, no collar or props, transparent PNG" }, counts: { breedOptions: 215, searchOptions: 224, uniqueAnimalFiles: 221, memories: 27, scenes: 9, website: 10, icons: 21 }, animals: [ { id: "dog_mischling", species: "dog", speciesLabel: "Hund", displayName: "Mischling", role: "neutral-mix", output: "assets/generated/animals/dog/dog-neutral-mix.png", status: "generated" }, { id: "dog_affenpinscher", species: "dog", speciesLabel: "Hund", displayName: "Affenpinscher", role: "breed", output: "assets/generated/animals/dog/affenpinscher.png", status: "generated" }, { id: "dog_afghanischer-windhund", species: "dog", speciesLabel: "Hund", displayName: "Afghanischer Windhund", role: "breed", output: "assets/generated/animals/dog/afghanischer-windhund.png", status: "generated" }, { id: "dog_airedale-terrier", species: "dog", speciesLabel: "Hund", displayName: "Airedale Terrier", role: "breed", output: "assets/generated/animals/dog/airedale-terrier.png", status: "generated" }, { id: "dog_akita", species: "dog", speciesLabel: "Hund", displayName: "Akita", role: "breed", output: "assets/generated/animals/dog/akita.png", status: "generated" }, { id: "dog_alaskan-malamute", species: "dog", speciesLabel: "Hund", displayName: "Alaskan Malamute", role: "breed", output: "assets/generated/animals/dog/alaskan-malamute.png", status: "generated" }, { id: "dog_american-akita", species: "dog", speciesLabel: "Hund", displayName: "American Akita", role: "breed", output: "assets/generated/animals/dog/american-akita.png", status: "generated" }, { id: "dog_american-staffordshire-terrier", species: "dog", speciesLabel: "Hund", displayName: "American Staffordshire Terrier", role: "breed", output: "assets/generated/animals/dog/american-staffordshire-terrier.png", status: "generated" }, { id: "dog_appenzeller-sennenhund", species: "dog", speciesLabel: "Hund", displayName: "Appenzeller Sennenhund", role: "breed", output: "assets/generated/animals/dog/appenzeller-sennenhund.png", status: "generated" }, { id: "dog_australian-cattle-dog", species: "dog", speciesLabel: "Hund", displayName: "Australian Cattle Dog", role: "breed", output: "assets/generated/animals/dog/australian-cattle-dog.png", status: "generated" }, { id: "dog_australian-shepherd", species: "dog", speciesLabel: "Hund", displayName: "Australian Shepherd", role: "breed", output: "assets/generated/animals/dog/australian-shepherd.png", status: "generated" }, { id: "dog_australian-terrier", species: "dog", speciesLabel: "Hund", displayName: "Australian Terrier", role: "breed", output: "assets/generated/animals/dog/australian-terrier.png", status: "generated" }, { id: "dog_barsoi", species: "dog", speciesLabel: "Hund", displayName: "Barsoi", role: "breed", output: "assets/generated/animals/dog/barsoi.png", status: "generated" }, { id: "dog_basenji", species: "dog", speciesLabel: "Hund", displayName: "Basenji", role: "breed", output: "assets/generated/animals/dog/basenji.png", status: "generated" }, { id: "dog_basset-hound", species: "dog", speciesLabel: "Hund", displayName: "Basset Hound", role: "breed", output: "assets/generated/animals/dog/basset-hound.png", status: "generated" }, { id: "dog_beagle", species: "dog", speciesLabel: "Hund", displayName: "Beagle", role: "breed", output: "assets/generated/animals/dog/beagle.png", status: "generated" }, { id: "dog_bearded-collie", species: "dog", speciesLabel: "Hund", displayName: "Bearded Collie", role: "breed", output: "assets/generated/animals/dog/bearded-collie.png", status: "generated" }, { id: "dog_beauceron", species: "dog", speciesLabel: "Hund", displayName: "Beauceron", role: "breed", output: "assets/generated/animals/dog/beauceron.png", status: "generated" }, { id: "dog_belgischer-schaferhund", species: "dog", speciesLabel: "Hund", displayName: "Belgischer Sch\xE4ferhund", role: "breed", output: "assets/generated/animals/dog/belgischer-schaferhund.png", status: "generated" }, { id: "dog_berner-sennenhund", species: "dog", speciesLabel: "Hund", displayName: "Berner Sennenhund", role: "breed", output: "assets/generated/animals/dog/berner-sennenhund.png", status: "generated" }, { id: "dog_bernhardiner", species: "dog", speciesLabel: "Hund", displayName: "Bernhardiner", role: "breed", output: "assets/generated/animals/dog/bernhardiner.png", status: "generated" }, { id: "dog_bichon-frise", species: "dog", speciesLabel: "Hund", displayName: "Bichon Fris\xE9", role: "breed", output: "assets/generated/animals/dog/bichon-frise.png", status: "generated" }, { id: "dog_bloodhound", species: "dog", speciesLabel: "Hund", displayName: "Bloodhound", role: "breed", output: "assets/generated/animals/dog/bloodhound.png", status: "generated" }, { id: "dog_bobtail", species: "dog", speciesLabel: "Hund", displayName: "Bobtail", role: "breed", output: "assets/generated/animals/dog/bobtail.png", status: "generated" }, { id: "dog_border-collie", species: "dog", speciesLabel: "Hund", displayName: "Border Collie", role: "breed", output: "assets/generated/animals/dog/border-collie.png", status: "generated" }, { id: "dog_border-terrier", species: "dog", speciesLabel: "Hund", displayName: "Border Terrier", role: "breed", output: "assets/generated/animals/dog/border-terrier.png", status: "generated" }, { id: "dog_boston-terrier", species: "dog", speciesLabel: "Hund", displayName: "Boston Terrier", role: "breed", output: "assets/generated/animals/dog/boston-terrier.png", status: "generated" }, { id: "dog_boxer", species: "dog", speciesLabel: "Hund", displayName: "Boxer", role: "breed", output: "assets/generated/animals/dog/boxer.png", status: "generated" }, { id: "dog_briard", species: "dog", speciesLabel: "Hund", displayName: "Briard", role: "breed", output: "assets/generated/animals/dog/briard.png", status: "generated" }, { id: "dog_bull-terrier", species: "dog", speciesLabel: "Hund", displayName: "Bull Terrier", role: "breed", output: "assets/generated/animals/dog/bull-terrier.png", status: "generated" }, { id: "dog_bulldog", species: "dog", speciesLabel: "Hund", displayName: "Bulldog", role: "breed", output: "assets/generated/animals/dog/bulldog.png", status: "generated" }, { id: "dog_bullmastiff", species: "dog", speciesLabel: "Hund", displayName: "Bullmastiff", role: "breed", output: "assets/generated/animals/dog/bullmastiff.png", status: "generated" }, { id: "dog_cairn-terrier", species: "dog", speciesLabel: "Hund", displayName: "Cairn Terrier", role: "breed", output: "assets/generated/animals/dog/cairn-terrier.png", status: "generated" }, { id: "dog_cane-corso", species: "dog", speciesLabel: "Hund", displayName: "Cane Corso", role: "breed", output: "assets/generated/animals/dog/cane-corso.png", status: "generated" }, { id: "dog_cavalier-king-charles-spaniel", species: "dog", speciesLabel: "Hund", displayName: "Cavalier King Charles Spaniel", role: "breed", output: "assets/generated/animals/dog/cavalier-king-charles-spaniel.png", status: "generated" }, { id: "dog_chihuahua", species: "dog", speciesLabel: "Hund", displayName: "Chihuahua", role: "breed", output: "assets/generated/animals/dog/chihuahua.png", status: "generated" }, { id: "dog_chow-chow", species: "dog", speciesLabel: "Hund", displayName: "Chow-Chow", role: "breed", output: "assets/generated/animals/dog/chow-chow.png", status: "generated" }, { id: "dog_cocker-spaniel", species: "dog", speciesLabel: "Hund", displayName: "Cocker Spaniel", role: "breed", output: "assets/generated/animals/dog/cocker-spaniel.png", status: "generated" }, { id: "dog_collie", species: "dog", speciesLabel: "Hund", displayName: "Collie", role: "breed", output: "assets/generated/animals/dog/collie.png", status: "generated" }, { id: "dog_dackel", species: "dog", speciesLabel: "Hund", displayName: "Dackel", role: "breed", output: "assets/generated/animals/dog/dackel.png", status: "generated" }, { id: "dog_dalmatiner", species: "dog", speciesLabel: "Hund", displayName: "Dalmatiner", role: "breed", output: "assets/generated/animals/dog/dalmatiner.png", status: "generated" }, { id: "dog_deutsche-dogge", species: "dog", speciesLabel: "Hund", displayName: "Deutsche Dogge", role: "breed", output: "assets/generated/animals/dog/deutsche-dogge.png", status: "generated" }, { id: "dog_deutscher-pinscher", species: "dog", speciesLabel: "Hund", displayName: "Deutscher Pinscher", role: "breed", output: "assets/generated/animals/dog/deutscher-pinscher.png", status: "generated" }, { id: "dog_deutscher-schaferhund", species: "dog", speciesLabel: "Hund", displayName: "Deutscher Sch\xE4ferhund", role: "breed", output: "assets/generated/animals/dog/deutscher-schaferhund.png", status: "generated" }, { id: "dog_dobermann", species: "dog", speciesLabel: "Hund", displayName: "Dobermann", role: "breed", output: "assets/generated/animals/dog/dobermann.png", status: "generated" }, { id: "dog_dogo-argentino", species: "dog", speciesLabel: "Hund", displayName: "Dogo Argentino", role: "breed", output: "assets/generated/animals/dog/dogo-argentino.png", status: "generated" }, { id: "dog_english-setter", species: "dog", speciesLabel: "Hund", displayName: "English Setter", role: "breed", output: "assets/generated/animals/dog/english-setter.png", status: "generated" }, { id: "dog_english-springer-spaniel", species: "dog", speciesLabel: "Hund", displayName: "English Springer Spaniel", role: "breed", output: "assets/generated/animals/dog/english-springer-spaniel.png", status: "generated" }, { id: "dog_eurasier", species: "dog", speciesLabel: "Hund", displayName: "Eurasier", role: "breed", output: "assets/generated/animals/dog/eurasier.png", status: "generated" }, { id: "dog_flat-coated-retriever", species: "dog", speciesLabel: "Hund", displayName: "Flat Coated Retriever", role: "breed", output: "assets/generated/animals/dog/flat-coated-retriever.png", status: "generated" }, { id: "dog_franzosische-bulldogge", species: "dog", speciesLabel: "Hund", displayName: "Franz\xF6sische Bulldogge", role: "breed", output: "assets/generated/animals/dog/franzosische-bulldogge.png", status: "generated" }, { id: "dog_golden-retriever", species: "dog", speciesLabel: "Hund", displayName: "Golden Retriever", role: "breed", output: "assets/generated/animals/dog/golden-retriever.png", status: "generated" }, { id: "dog_gordon-setter", species: "dog", speciesLabel: "Hund", displayName: "Gordon Setter", role: "breed", output: "assets/generated/animals/dog/gordon-setter.png", status: "generated" }, { id: "dog_greyhound", species: "dog", speciesLabel: "Hund", displayName: "Greyhound", role: "breed", output: "assets/generated/animals/dog/greyhound.png", status: "generated" }, { id: "dog_havaneser", species: "dog", speciesLabel: "Hund", displayName: "Havaneser", role: "breed", output: "assets/generated/animals/dog/havaneser.png", status: "generated" }, { id: "dog_hovawart", species: "dog", speciesLabel: "Hund", displayName: "Hovawart", role: "breed", output: "assets/generated/animals/dog/hovawart.png", status: "generated" }, { id: "dog_irish-setter", species: "dog", speciesLabel: "Hund", displayName: "Irish Setter", role: "breed", output: "assets/generated/animals/dog/irish-setter.png", status: "generated" }, { id: "dog_irish-terrier", species: "dog", speciesLabel: "Hund", displayName: "Irish Terrier", role: "breed", output: "assets/generated/animals/dog/irish-terrier.png", status: "generated" }, { id: "dog_jack-russell-terrier", species: "dog", speciesLabel: "Hund", displayName: "Jack Russell Terrier", role: "breed", output: "assets/generated/animals/dog/jack-russell-terrier.png", status: "generated" }, { id: "dog_japan-chin", species: "dog", speciesLabel: "Hund", displayName: "Japan Chin", role: "breed", output: "assets/generated/animals/dog/japan-chin.png", status: "generated" }, { id: "dog_kangal", species: "dog", speciesLabel: "Hund", displayName: "Kangal", role: "breed", output: "assets/generated/animals/dog/kangal.png", status: "generated" }, { id: "dog_labrador-retriever", species: "dog", speciesLabel: "Hund", displayName: "Labrador Retriever", role: "breed", output: "assets/generated/animals/dog/labrador-retriever.png", status: "generated" }, { id: "dog_lagotto-romagnolo", species: "dog", speciesLabel: "Hund", displayName: "Lagotto Romagnolo", role: "breed", output: "assets/generated/animals/dog/lagotto-romagnolo.png", status: "generated" }, { id: "dog_leonberger", species: "dog", speciesLabel: "Hund", displayName: "Leonberger", role: "breed", output: "assets/generated/animals/dog/leonberger.png", status: "generated" }, { id: "dog_lhasa-apso", species: "dog", speciesLabel: "Hund", displayName: "Lhasa Apso", role: "breed", output: "assets/generated/animals/dog/lhasa-apso.png", status: "generated" }, { id: "dog_malteser", species: "dog", speciesLabel: "Hund", displayName: "Malteser", role: "breed", output: "assets/generated/animals/dog/malteser.png", status: "generated" }, { id: "dog_malinois", species: "dog", speciesLabel: "Hund", displayName: "Malinois", role: "breed", output: "assets/generated/animals/dog/malinois.png", status: "generated" }, { id: "dog_mastiff", species: "dog", speciesLabel: "Hund", displayName: "Mastiff", role: "breed", output: "assets/generated/animals/dog/mastiff.png", status: "generated" }, { id: "dog_miniature-american-shepherd", species: "dog", speciesLabel: "Hund", displayName: "Miniature American Shepherd", role: "breed", output: "assets/generated/animals/dog/miniature-american-shepherd.png", status: "generated" }, { id: "dog_miniature-bull-terrier", species: "dog", speciesLabel: "Hund", displayName: "Miniature Bull Terrier", role: "breed", output: "assets/generated/animals/dog/miniature-bull-terrier.png", status: "generated" }, { id: "dog_mops", species: "dog", speciesLabel: "Hund", displayName: "Mops", role: "breed", output: "assets/generated/animals/dog/mops.png", status: "generated" }, { id: "dog_neufundlander", species: "dog", speciesLabel: "Hund", displayName: "Neufundl\xE4nder", role: "breed", output: "assets/generated/animals/dog/neufundlander.png", status: "generated" }, { id: "dog_norfolk-terrier", species: "dog", speciesLabel: "Hund", displayName: "Norfolk Terrier", role: "breed", output: "assets/generated/animals/dog/norfolk-terrier.png", status: "generated" }, { id: "dog_norwich-terrier", species: "dog", speciesLabel: "Hund", displayName: "Norwich Terrier", role: "breed", output: "assets/generated/animals/dog/norwich-terrier.png", status: "generated" }, { id: "dog_papillon", species: "dog", speciesLabel: "Hund", displayName: "Papillon", role: "breed", output: "assets/generated/animals/dog/papillon.png", status: "generated" }, { id: "dog_parson-russell-terrier", species: "dog", speciesLabel: "Hund", displayName: "Parson Russell Terrier", role: "breed", output: "assets/generated/animals/dog/parson-russell-terrier.png", status: "generated" }, { id: "dog_pekinese", species: "dog", speciesLabel: "Hund", displayName: "Pekinese", role: "breed", output: "assets/generated/animals/dog/pekinese.png", status: "generated" }, { id: "dog_pudel", species: "dog", speciesLabel: "Hund", displayName: "Pudel", role: "breed", output: "assets/generated/animals/dog/pudel.png", status: "generated" }, { id: "dog_rhodesian-ridgeback", species: "dog", speciesLabel: "Hund", displayName: "Rhodesian Ridgeback", role: "breed", output: "assets/generated/animals/dog/rhodesian-ridgeback.png", status: "generated" }, { id: "dog_rottweiler", species: "dog", speciesLabel: "Hund", displayName: "Rottweiler", role: "breed", output: "assets/generated/animals/dog/rottweiler.png", status: "generated" }, { id: "dog_samojede", species: "dog", speciesLabel: "Hund", displayName: "Samojede", role: "breed", output: "assets/generated/animals/dog/samojede.png", status: "generated" }, { id: "dog_schipperke", species: "dog", speciesLabel: "Hund", displayName: "Schipperke", role: "breed", output: "assets/generated/animals/dog/schipperke.png", status: "generated" }, { id: "dog_schnauzer", species: "dog", speciesLabel: "Hund", displayName: "Schnauzer", role: "breed", output: "assets/generated/animals/dog/schnauzer.png", status: "generated" }, { id: "dog_scottish-terrier", species: "dog", speciesLabel: "Hund", displayName: "Scottish Terrier", role: "breed", output: "assets/generated/animals/dog/scottish-terrier.png", status: "generated" }, { id: "dog_shetland-sheepdog-sheltie", species: "dog", speciesLabel: "Hund", displayName: "Shetland Sheepdog / Sheltie", role: "breed", output: "assets/generated/animals/dog/shetland-sheepdog-sheltie.png", status: "generated" }, { id: "dog_shiba-inu", species: "dog", speciesLabel: "Hund", displayName: "Shiba Inu", role: "breed", output: "assets/generated/animals/dog/shiba-inu.png", status: "generated" }, { id: "dog_shih-tzu", species: "dog", speciesLabel: "Hund", displayName: "Shih Tzu", role: "breed", output: "assets/generated/animals/dog/shih-tzu.png", status: "generated" }, { id: "dog_siberian-husky", species: "dog", speciesLabel: "Hund", displayName: "Siberian Husky", role: "breed", output: "assets/generated/animals/dog/siberian-husky.png", status: "generated" }, { id: "dog_staffordshire-bull-terrier", species: "dog", speciesLabel: "Hund", displayName: "Staffordshire Bull Terrier", role: "breed", output: "assets/generated/animals/dog/staffordshire-bull-terrier.png", status: "generated" }, { id: "dog_magyar-vizsla", species: "dog", speciesLabel: "Hund", displayName: "Magyar Vizsla", role: "breed", output: "assets/generated/animals/dog/magyar-vizsla.png", status: "generated" }, { id: "dog_weimaraner", species: "dog", speciesLabel: "Hund", displayName: "Weimaraner", role: "breed", output: "assets/generated/animals/dog/weimaraner.png", status: "generated" }, { id: "dog_welsh-corgi-cardigan", species: "dog", speciesLabel: "Hund", displayName: "Welsh Corgi Cardigan", role: "breed", output: "assets/generated/animals/dog/welsh-corgi-cardigan.png", status: "generated" }, { id: "dog_welsh-corgi-pembroke", species: "dog", speciesLabel: "Hund", displayName: "Welsh Corgi Pembroke", role: "breed", output: "assets/generated/animals/dog/welsh-corgi-pembroke.png", status: "generated" }, { id: "dog_west-highland-white-terrier", species: "dog", speciesLabel: "Hund", displayName: "West Highland White Terrier", role: "breed", output: "assets/generated/animals/dog/west-highland-white-terrier.png", status: "generated" }, { id: "dog_whippet", species: "dog", speciesLabel: "Hund", displayName: "Whippet", role: "breed", output: "assets/generated/animals/dog/whippet.png", status: "generated" }, { id: "dog_wolfsspitz", species: "dog", speciesLabel: "Hund", displayName: "Wolfsspitz", role: "breed", output: "assets/generated/animals/dog/wolfsspitz.png", status: "generated" }, { id: "dog_yorkshire-terrier", species: "dog", speciesLabel: "Hund", displayName: "Yorkshire Terrier", role: "breed", output: "assets/generated/animals/dog/yorkshire-terrier.png", status: "generated" }, { id: "dog_zwergpinscher", species: "dog", speciesLabel: "Hund", displayName: "Zwergpinscher", role: "breed", output: "assets/generated/animals/dog/zwergpinscher.png", status: "generated" }, { id: "dog_zwergschnauzer", species: "dog", speciesLabel: "Hund", displayName: "Zwergschnauzer", role: "breed", output: "assets/generated/animals/dog/zwergschnauzer.png", status: "generated" }, { id: "dog_rasse-unbekannt", species: "dog", speciesLabel: "Hund", displayName: "Rasse unbekannt", role: "standard-fallback", output: "assets/generated/animals/dog/dog-standard.png", status: "generated" }, { id: "dog_sonstige-rasse", species: "dog", speciesLabel: "Hund", displayName: "Sonstige Rasse", role: "standard-fallback", output: "assets/generated/animals/dog/dog-standard.png", status: "generated" }, { id: "cat_hauskatze-mischling", species: "cat", speciesLabel: "Katze", displayName: "Hauskatze / Mischling", role: "neutral-mix", output: "assets/generated/animals/cat/cat-neutral-mix.png", status: "generated" }, { id: "cat_abessinier", species: "cat", speciesLabel: "Katze", displayName: "Abessinier", role: "breed", output: "assets/generated/animals/cat/abessinier.png", status: "generated" }, { id: "cat_american-bobtail", species: "cat", speciesLabel: "Katze", displayName: "American Bobtail", role: "breed", output: "assets/generated/animals/cat/american-bobtail.png", status: "generated" }, { id: "cat_american-curl", species: "cat", speciesLabel: "Katze", displayName: "American Curl", role: "breed", output: "assets/generated/animals/cat/american-curl.png", status: "generated" }, { id: "cat_american-shorthair", species: "cat", speciesLabel: "Katze", displayName: "American Shorthair", role: "breed", output: "assets/generated/animals/cat/american-shorthair.png", status: "generated" }, { id: "cat_american-wirehair", species: "cat", speciesLabel: "Katze", displayName: "American Wirehair", role: "breed", output: "assets/generated/animals/cat/american-wirehair.png", status: "generated" }, { id: "cat_australian-mist", species: "cat", speciesLabel: "Katze", displayName: "Australian Mist", role: "breed", output: "assets/generated/animals/cat/australian-mist.png", status: "generated" }, { id: "cat_balinese", species: "cat", speciesLabel: "Katze", displayName: "Balinese", role: "breed", output: "assets/generated/animals/cat/balinese.png", status: "generated" }, { id: "cat_bengal", species: "cat", speciesLabel: "Katze", displayName: "Bengal", role: "breed", output: "assets/generated/animals/cat/bengal.png", status: "generated" }, { id: "cat_bombay", species: "cat", speciesLabel: "Katze", displayName: "Bombay", role: "breed", output: "assets/generated/animals/cat/bombay.png", status: "generated" }, { id: "cat_britisch-kurzhaar", species: "cat", speciesLabel: "Katze", displayName: "Britisch Kurzhaar", role: "breed", output: "assets/generated/animals/cat/britisch-kurzhaar.png", status: "generated" }, { id: "cat_britisch-langhaar", species: "cat", speciesLabel: "Katze", displayName: "Britisch Langhaar", role: "breed", output: "assets/generated/animals/cat/britisch-langhaar.png", status: "generated" }, { id: "cat_burma", species: "cat", speciesLabel: "Katze", displayName: "Burma", role: "breed", output: "assets/generated/animals/cat/burma.png", status: "generated" }, { id: "cat_burmilla", species: "cat", speciesLabel: "Katze", displayName: "Burmilla", role: "breed", output: "assets/generated/animals/cat/burmilla.png", status: "generated" }, { id: "cat_chartreux-kartauser", species: "cat", speciesLabel: "Katze", displayName: "Chartreux / Kart\xE4user", role: "breed", output: "assets/generated/animals/cat/chartreux-kartauser.png", status: "generated" }, { id: "cat_chausie", species: "cat", speciesLabel: "Katze", displayName: "Chausie", role: "breed", output: "assets/generated/animals/cat/chausie.png", status: "generated" }, { id: "cat_cornish-rex", species: "cat", speciesLabel: "Katze", displayName: "Cornish Rex", role: "breed", output: "assets/generated/animals/cat/cornish-rex.png", status: "generated" }, { id: "cat_cymric", species: "cat", speciesLabel: "Katze", displayName: "Cymric", role: "breed", output: "assets/generated/animals/cat/cymric.png", status: "generated" }, { id: "cat_devon-rex", species: "cat", speciesLabel: "Katze", displayName: "Devon Rex", role: "breed", output: "assets/generated/animals/cat/devon-rex.png", status: "generated" }, { id: "cat_donskoy", species: "cat", speciesLabel: "Katze", displayName: "Donskoy", role: "breed", output: "assets/generated/animals/cat/donskoy.png", status: "generated" }, { id: "cat_agyptische-mau", species: "cat", speciesLabel: "Katze", displayName: "\xC4gyptische Mau", role: "breed", output: "assets/generated/animals/cat/agyptische-mau.png", status: "generated" }, { id: "cat_europaisch-kurzhaar", species: "cat", speciesLabel: "Katze", displayName: "Europ\xE4isch Kurzhaar", role: "breed", output: "assets/generated/animals/cat/europaisch-kurzhaar.png", status: "generated" }, { id: "cat_exotic-shorthair", species: "cat", speciesLabel: "Katze", displayName: "Exotic Shorthair", role: "breed", output: "assets/generated/animals/cat/exotic-shorthair.png", status: "generated" }, { id: "cat_german-rex", species: "cat", speciesLabel: "Katze", displayName: "German Rex", role: "breed", output: "assets/generated/animals/cat/german-rex.png", status: "generated" }, { id: "cat_havana-brown", species: "cat", speciesLabel: "Katze", displayName: "Havana Brown", role: "breed", output: "assets/generated/animals/cat/havana-brown.png", status: "generated" }, { id: "cat_heilige-birma", species: "cat", speciesLabel: "Katze", displayName: "Heilige Birma", role: "breed", output: "assets/generated/animals/cat/heilige-birma.png", status: "generated" }, { id: "cat_japanische-bobtail", species: "cat", speciesLabel: "Katze", displayName: "Japanische Bobtail", role: "breed", output: "assets/generated/animals/cat/japanische-bobtail.png", status: "generated" }, { id: "cat_khao-manee", species: "cat", speciesLabel: "Katze", displayName: "Khao Manee", role: "breed", output: "assets/generated/animals/cat/khao-manee.png", status: "generated" }, { id: "cat_korat", species: "cat", speciesLabel: "Katze", displayName: "Korat", role: "breed", output: "assets/generated/animals/cat/korat.png", status: "generated" }, { id: "cat_kurilen-bobtail", species: "cat", speciesLabel: "Katze", displayName: "Kurilen Bobtail", role: "breed", output: "assets/generated/animals/cat/kurilen-bobtail.png", status: "generated" }, { id: "cat_laperm", species: "cat", speciesLabel: "Katze", displayName: "LaPerm", role: "breed", output: "assets/generated/animals/cat/laperm.png", status: "generated" }, { id: "cat_lykoi", species: "cat", speciesLabel: "Katze", displayName: "Lykoi", role: "breed", output: "assets/generated/animals/cat/lykoi.png", status: "generated" }, { id: "cat_maine-coon", species: "cat", speciesLabel: "Katze", displayName: "Maine Coon", role: "breed", output: "assets/generated/animals/cat/maine-coon.png", status: "generated" }, { id: "cat_manx", species: "cat", speciesLabel: "Katze", displayName: "Manx", role: "breed", output: "assets/generated/animals/cat/manx.png", status: "generated" }, { id: "cat_minuet", species: "cat", speciesLabel: "Katze", displayName: "Minuet", role: "breed", output: "assets/generated/animals/cat/minuet.png", status: "generated" }, { id: "cat_munchkin", species: "cat", speciesLabel: "Katze", displayName: "Munchkin", role: "breed", output: "assets/generated/animals/cat/munchkin.png", status: "generated" }, { id: "cat_nebelung", species: "cat", speciesLabel: "Katze", displayName: "Nebelung", role: "breed", output: "assets/generated/animals/cat/nebelung.png", status: "generated" }, { id: "cat_neva-masquerade", species: "cat", speciesLabel: "Katze", displayName: "Neva Masquerade", role: "breed", output: "assets/generated/animals/cat/neva-masquerade.png", status: "generated" }, { id: "cat_norwegische-waldkatze", species: "cat", speciesLabel: "Katze", displayName: "Norwegische Waldkatze", role: "breed", output: "assets/generated/animals/cat/norwegische-waldkatze.png", status: "generated" }, { id: "cat_ocicat", species: "cat", speciesLabel: "Katze", displayName: "Ocicat", role: "breed", output: "assets/generated/animals/cat/ocicat.png", status: "generated" }, { id: "cat_orientalisch-kurzhaar", species: "cat", speciesLabel: "Katze", displayName: "Orientalisch Kurzhaar", role: "breed", output: "assets/generated/animals/cat/orientalisch-kurzhaar.png", status: "generated" }, { id: "cat_orientalisch-langhaar", species: "cat", speciesLabel: "Katze", displayName: "Orientalisch Langhaar", role: "breed", output: "assets/generated/animals/cat/orientalisch-langhaar.png", status: "generated" }, { id: "cat_perser", species: "cat", speciesLabel: "Katze", displayName: "Perser", role: "breed", output: "assets/generated/animals/cat/perser.png", status: "generated" }, { id: "cat_peterbald", species: "cat", speciesLabel: "Katze", displayName: "Peterbald", role: "breed", output: "assets/generated/animals/cat/peterbald.png", status: "generated" }, { id: "cat_pixiebob", species: "cat", speciesLabel: "Katze", displayName: "Pixiebob", role: "breed", output: "assets/generated/animals/cat/pixiebob.png", status: "generated" }, { id: "cat_ragdoll", species: "cat", speciesLabel: "Katze", displayName: "Ragdoll", role: "breed", output: "assets/generated/animals/cat/ragdoll.png", status: "generated" }, { id: "cat_russisch-blau", species: "cat", speciesLabel: "Katze", displayName: "Russisch Blau", role: "breed", output: "assets/generated/animals/cat/russisch-blau.png", status: "generated" }, { id: "cat_savannah", species: "cat", speciesLabel: "Katze", displayName: "Savannah", role: "breed", output: "assets/generated/animals/cat/savannah.png", status: "generated" }, { id: "cat_scottish-fold", species: "cat", speciesLabel: "Katze", displayName: "Scottish Fold", role: "breed", output: "assets/generated/animals/cat/scottish-fold.png", status: "generated" }, { id: "cat_scottish-straight", species: "cat", speciesLabel: "Katze", displayName: "Scottish Straight", role: "breed", output: "assets/generated/animals/cat/scottish-straight.png", status: "generated" }, { id: "cat_selkirk-rex", species: "cat", speciesLabel: "Katze", displayName: "Selkirk Rex", role: "breed", output: "assets/generated/animals/cat/selkirk-rex.png", status: "generated" }, { id: "cat_siam", species: "cat", speciesLabel: "Katze", displayName: "Siam", role: "breed", output: "assets/generated/animals/cat/siam.png", status: "generated" }, { id: "cat_sibirische-katze", species: "cat", speciesLabel: "Katze", displayName: "Sibirische Katze", role: "breed", output: "assets/generated/animals/cat/sibirische-katze.png", status: "generated" }, { id: "cat_singapura", species: "cat", speciesLabel: "Katze", displayName: "Singapura", role: "breed", output: "assets/generated/animals/cat/singapura.png", status: "generated" }, { id: "cat_snowshoe", species: "cat", speciesLabel: "Katze", displayName: "Snowshoe", role: "breed", output: "assets/generated/animals/cat/snowshoe.png", status: "generated" }, { id: "cat_sokoke", species: "cat", speciesLabel: "Katze", displayName: "Sokoke", role: "breed", output: "assets/generated/animals/cat/sokoke.png", status: "generated" }, { id: "cat_somali", species: "cat", speciesLabel: "Katze", displayName: "Somali", role: "breed", output: "assets/generated/animals/cat/somali.png", status: "generated" }, { id: "cat_sphynx", species: "cat", speciesLabel: "Katze", displayName: "Sphynx", role: "breed", output: "assets/generated/animals/cat/sphynx.png", status: "generated" }, { id: "cat_thai", species: "cat", speciesLabel: "Katze", displayName: "Thai", role: "breed", output: "assets/generated/animals/cat/thai.png", status: "generated" }, { id: "cat_tonkanese", species: "cat", speciesLabel: "Katze", displayName: "Tonkanese", role: "breed", output: "assets/generated/animals/cat/tonkanese.png", status: "generated" }, { id: "cat_toyger", species: "cat", speciesLabel: "Katze", displayName: "Toyger", role: "breed", output: "assets/generated/animals/cat/toyger.png", status: "generated" }, { id: "cat_turkisch-angora", species: "cat", speciesLabel: "Katze", displayName: "T\xFCrkisch Angora", role: "breed", output: "assets/generated/animals/cat/turkisch-angora.png", status: "generated" }, { id: "cat_turkisch-van", species: "cat", speciesLabel: "Katze", displayName: "T\xFCrkisch Van", role: "breed", output: "assets/generated/animals/cat/turkisch-van.png", status: "generated" }, { id: "cat_rasse-unbekannt", species: "cat", speciesLabel: "Katze", displayName: "Rasse unbekannt", role: "standard-fallback", output: "assets/generated/animals/cat/cat-standard.png", status: "generated" }, { id: "cat_sonstige-rasse", species: "cat", speciesLabel: "Katze", displayName: "Sonstige Rasse", role: "standard-fallback", output: "assets/generated/animals/cat/cat-standard.png", status: "generated" }, { id: "horse_mischling-kreuzung", species: "horse", speciesLabel: "Pferd", displayName: "Mischling / Kreuzung", role: "neutral-mix", output: "assets/generated/animals/horse/horse-neutral-mix.png", status: "generated" }, { id: "horse_achal-tekkiner", species: "horse", speciesLabel: "Pferd", displayName: "Achal-Tekkiner", role: "breed", output: "assets/generated/animals/horse/achal-tekkiner.png", status: "generated" }, { id: "horse_american-paint-horse", species: "horse", speciesLabel: "Pferd", displayName: "American Paint Horse", role: "breed", output: "assets/generated/animals/horse/american-paint-horse.png", status: "generated" }, { id: "horse_american-quarter-horse", species: "horse", speciesLabel: "Pferd", displayName: "American Quarter Horse", role: "breed", output: "assets/generated/animals/horse/american-quarter-horse.png", status: "generated" }, { id: "horse_andalusier-pre", species: "horse", speciesLabel: "Pferd", displayName: "Andalusier / PRE", role: "breed", output: "assets/generated/animals/horse/andalusier-pre.png", status: "generated" }, { id: "horse_appaloosa", species: "horse", speciesLabel: "Pferd", displayName: "Appaloosa", role: "breed", output: "assets/generated/animals/horse/appaloosa.png", status: "generated" }, { id: "horse_arabisches-vollblut", species: "horse", speciesLabel: "Pferd", displayName: "Arabisches Vollblut", role: "breed", output: "assets/generated/animals/horse/arabisches-vollblut.png", status: "generated" }, { id: "horse_ardenner", species: "horse", speciesLabel: "Pferd", displayName: "Ardenner", role: "breed", output: "assets/generated/animals/horse/ardenner.png", status: "generated" }, { id: "horse_barockpinto", species: "horse", speciesLabel: "Pferd", displayName: "Barockpinto", role: "breed", output: "assets/generated/animals/horse/barockpinto.png", status: "generated" }, { id: "horse_belgisches-kaltblut", species: "horse", speciesLabel: "Pferd", displayName: "Belgisches Kaltblut", role: "breed", output: "assets/generated/animals/horse/belgisches-kaltblut.png", status: "generated" }, { id: "horse_camargue-pferd", species: "horse", speciesLabel: "Pferd", displayName: "Camargue-Pferd", role: "breed", output: "assets/generated/animals/horse/camargue-pferd.png", status: "generated" }, { id: "horse_cleveland-bay", species: "horse", speciesLabel: "Pferd", displayName: "Cleveland Bay", role: "breed", output: "assets/generated/animals/horse/cleveland-bay.png", status: "generated" }, { id: "horse_clydesdale", species: "horse", speciesLabel: "Pferd", displayName: "Clydesdale", role: "breed", output: "assets/generated/animals/horse/clydesdale.png", status: "generated" }, { id: "horse_connemara-pony", species: "horse", speciesLabel: "Pferd", displayName: "Connemara-Pony", role: "breed", output: "assets/generated/animals/horse/connemara-pony.png", status: "generated" }, { id: "horse_criollo", species: "horse", speciesLabel: "Pferd", displayName: "Criollo", role: "breed", output: "assets/generated/animals/horse/criollo.png", status: "generated" }, { id: "horse_curly-horse", species: "horse", speciesLabel: "Pferd", displayName: "Curly Horse", role: "breed", output: "assets/generated/animals/horse/curly-horse.png", status: "generated" }, { id: "horse_dartmoor-pony", species: "horse", speciesLabel: "Pferd", displayName: "Dartmoor-Pony", role: "breed", output: "assets/generated/animals/horse/dartmoor-pony.png", status: "generated" }, { id: "horse_deutsches-reitpony", species: "horse", speciesLabel: "Pferd", displayName: "Deutsches Reitpony", role: "breed", output: "assets/generated/animals/horse/deutsches-reitpony.png", status: "generated" }, { id: "horse_deutsches-sportpferd", species: "horse", speciesLabel: "Pferd", displayName: "Deutsches Sportpferd", role: "breed", output: "assets/generated/animals/horse/deutsches-sportpferd.png", status: "generated" }, { id: "horse_dulmener", species: "horse", speciesLabel: "Pferd", displayName: "D\xFClmener", role: "breed", output: "assets/generated/animals/horse/dulmener.png", status: "generated" }, { id: "horse_englisches-vollblut", species: "horse", speciesLabel: "Pferd", displayName: "Englisches Vollblut", role: "breed", output: "assets/generated/animals/horse/englisches-vollblut.png", status: "generated" }, { id: "horse_exmoor-pony", species: "horse", speciesLabel: "Pferd", displayName: "Exmoor-Pony", role: "breed", output: "assets/generated/animals/horse/exmoor-pony.png", status: "generated" }, { id: "horse_falabella", species: "horse", speciesLabel: "Pferd", displayName: "Falabella", role: "breed", output: "assets/generated/animals/horse/falabella.png", status: "generated" }, { id: "horse_fjordpferd", species: "horse", speciesLabel: "Pferd", displayName: "Fjordpferd", role: "breed", output: "assets/generated/animals/horse/fjordpferd.png", status: "generated" }, { id: "horse_friese", species: "horse", speciesLabel: "Pferd", displayName: "Friese", role: "breed", output: "assets/generated/animals/horse/friese.png", status: "generated" }, { id: "horse_haflinger", species: "horse", speciesLabel: "Pferd", displayName: "Haflinger", role: "breed", output: "assets/generated/animals/horse/haflinger.png", status: "generated" }, { id: "horse_hannoveraner", species: "horse", speciesLabel: "Pferd", displayName: "Hannoveraner", role: "breed", output: "assets/generated/animals/horse/hannoveraner.png", status: "generated" }, { id: "horse_highland-pony", species: "horse", speciesLabel: "Pferd", displayName: "Highland-Pony", role: "breed", output: "assets/generated/animals/horse/highland-pony.png", status: "generated" }, { id: "horse_holsteiner", species: "horse", speciesLabel: "Pferd", displayName: "Holsteiner", role: "breed", output: "assets/generated/animals/horse/holsteiner.png", status: "generated" }, { id: "horse_islandpferd", species: "horse", speciesLabel: "Pferd", displayName: "Islandpferd", role: "breed", output: "assets/generated/animals/horse/islandpferd.png", status: "generated" }, { id: "horse_irish-cob-tinker", species: "horse", speciesLabel: "Pferd", displayName: "Irish Cob / Tinker", role: "breed", output: "assets/generated/animals/horse/irish-cob-tinker.png", status: "generated" }, { id: "horse_knabstrupper", species: "horse", speciesLabel: "Pferd", displayName: "Knabstrupper", role: "breed", output: "assets/generated/animals/horse/knabstrupper.png", status: "generated" }, { id: "horse_lipizzaner", species: "horse", speciesLabel: "Pferd", displayName: "Lipizzaner", role: "breed", output: "assets/generated/animals/horse/lipizzaner.png", status: "generated" }, { id: "horse_lusitano", species: "horse", speciesLabel: "Pferd", displayName: "Lusitano", role: "breed", output: "assets/generated/animals/horse/lusitano.png", status: "generated" }, { id: "horse_menorquiner", species: "horse", speciesLabel: "Pferd", displayName: "Menorquiner", role: "breed", output: "assets/generated/animals/horse/menorquiner.png", status: "generated" }, { id: "horse_missouri-fox-trotter", species: "horse", speciesLabel: "Pferd", displayName: "Missouri Fox Trotter", role: "breed", output: "assets/generated/animals/horse/missouri-fox-trotter.png", status: "generated" }, { id: "horse_morgan-horse", species: "horse", speciesLabel: "Pferd", displayName: "Morgan Horse", role: "breed", output: "assets/generated/animals/horse/morgan-horse.png", status: "generated" }, { id: "horse_mustang", species: "horse", speciesLabel: "Pferd", displayName: "Mustang", role: "breed", output: "assets/generated/animals/horse/mustang.png", status: "generated" }, { id: "horse_new-forest-pony", species: "horse", speciesLabel: "Pferd", displayName: "New-Forest-Pony", role: "breed", output: "assets/generated/animals/horse/new-forest-pony.png", status: "generated" }, { id: "horse_noriker", species: "horse", speciesLabel: "Pferd", displayName: "Noriker", role: "breed", output: "assets/generated/animals/horse/noriker.png", status: "generated" }, { id: "horse_oldenburger", species: "horse", speciesLabel: "Pferd", displayName: "Oldenburger", role: "breed", output: "assets/generated/animals/horse/oldenburger.png", status: "generated" }, { id: "horse_paso-fino", species: "horse", speciesLabel: "Pferd", displayName: "Paso Fino", role: "breed", output: "assets/generated/animals/horse/paso-fino.png", status: "generated" }, { id: "horse_percheron", species: "horse", speciesLabel: "Pferd", displayName: "Percheron", role: "breed", output: "assets/generated/animals/horse/percheron.png", status: "generated" }, { id: "horse_pinto", species: "horse", speciesLabel: "Pferd", displayName: "Pinto", role: "breed", output: "assets/generated/animals/horse/pinto.png", status: "generated" }, { id: "horse_pony-of-the-americas", species: "horse", speciesLabel: "Pferd", displayName: "Pony of the Americas", role: "breed", output: "assets/generated/animals/horse/pony-of-the-americas.png", status: "generated" }, { id: "horse_rocky-mountain-horse", species: "horse", speciesLabel: "Pferd", displayName: "Rocky Mountain Horse", role: "breed", output: "assets/generated/animals/horse/rocky-mountain-horse.png", status: "generated" }, { id: "horse_schwarzwalder-kaltblut", species: "horse", speciesLabel: "Pferd", displayName: "Schwarzw\xE4lder Kaltblut", role: "breed", output: "assets/generated/animals/horse/schwarzwalder-kaltblut.png", status: "generated" }, { id: "horse_shetlandpony", species: "horse", speciesLabel: "Pferd", displayName: "Shetlandpony", role: "breed", output: "assets/generated/animals/horse/shetlandpony.png", status: "generated" }, { id: "horse_shire-horse", species: "horse", speciesLabel: "Pferd", displayName: "Shire Horse", role: "breed", output: "assets/generated/animals/horse/shire-horse.png", status: "generated" }, { id: "horse_suddeutsches-kaltblut", species: "horse", speciesLabel: "Pferd", displayName: "S\xFCddeutsches Kaltblut", role: "breed", output: "assets/generated/animals/horse/suddeutsches-kaltblut.png", status: "generated" }, { id: "horse_tennessee-walking-horse", species: "horse", speciesLabel: "Pferd", displayName: "Tennessee Walking Horse", role: "breed", output: "assets/generated/animals/horse/tennessee-walking-horse.png", status: "generated" }, { id: "horse_trakehner", species: "horse", speciesLabel: "Pferd", displayName: "Trakehner", role: "breed", output: "assets/generated/animals/horse/trakehner.png", status: "generated" }, { id: "horse_welsh-cob", species: "horse", speciesLabel: "Pferd", displayName: "Welsh Cob", role: "breed", output: "assets/generated/animals/horse/welsh-cob.png", status: "generated" }, { id: "horse_welsh-pony", species: "horse", speciesLabel: "Pferd", displayName: "Welsh Pony", role: "breed", output: "assets/generated/animals/horse/welsh-pony.png", status: "generated" }, { id: "horse_westfale", species: "horse", speciesLabel: "Pferd", displayName: "Westfale", role: "breed", output: "assets/generated/animals/horse/westfale.png", status: "generated" }, { id: "horse_warmblut-deutsches-reitpferd", species: "horse", speciesLabel: "Pferd", displayName: "Warmblut / Deutsches Reitpferd", role: "breed", output: "assets/generated/animals/horse/warmblut-deutsches-reitpferd.png", status: "generated" }, { id: "horse_rasse-unbekannt", species: "horse", speciesLabel: "Pferd", displayName: "Rasse unbekannt", role: "standard-fallback", output: "assets/generated/animals/horse/horse-standard.png", status: "generated" }, { id: "horse_sonstige-rasse", species: "horse", speciesLabel: "Pferd", displayName: "Sonstige Rasse", role: "standard-fallback", output: "assets/generated/animals/horse/horse-standard.png", status: "generated" } ], memories: [ { id: "dog_lieblingsball", species: "dog", displayName: "Lieblingsball", output: "assets/generated/memories/dog/lieblingsball.png", status: "generated" }, { id: "dog_schuhbox", species: "dog", displayName: "Schuhbox", output: "assets/generated/memories/dog/schuhbox.png", status: "generated" }, { id: "dog_erinnerungsfoto", species: "dog", displayName: "Erinnerungsfoto", output: "assets/generated/memories/dog/erinnerungsfoto.png", status: "generated" }, { id: "dog_schleppleine", species: "dog", displayName: "Schleppleine", output: "assets/generated/memories/dog/schleppleine.png", status: "generated" }, { id: "dog_lieblingsstock", species: "dog", displayName: "Lieblingsstock", output: "assets/generated/memories/dog/lieblingsstock.png", status: "generated" }, { id: "dog_pfotenhandtuch", species: "dog", displayName: "Pfotenhandtuch", output: "assets/generated/memories/dog/pfotenhandtuch.png", status: "generated" }, { id: "dog_hundepfeife", species: "dog", displayName: "Hundepfeife", output: "assets/generated/memories/dog/hundepfeife.png", status: "generated" }, { id: "dog_reflektoranhanger", species: "dog", displayName: "Reflektoranh\xE4nger", output: "assets/generated/memories/dog/reflektoranhanger.png", status: "generated" }, { id: "dog_kurzleine", species: "dog", displayName: "Kurzleine", output: "assets/generated/memories/dog/kurzleine.png", status: "generated" }, { id: "cat_fensterkissen", species: "cat", displayName: "Fensterkissen", output: "assets/generated/memories/cat/fensterkissen.png", status: "generated" }, { id: "cat_lieblingsdecke", species: "cat", displayName: "Lieblingsdecke", output: "assets/generated/memories/cat/lieblingsdecke.png", status: "generated" }, { id: "cat_lieblingskarton", species: "cat", displayName: "Lieblingskarton", output: "assets/generated/memories/cat/lieblingskarton.png", status: "generated" }, { id: "cat_aufbewahrungsdose", species: "cat", displayName: "Aufbewahrungsdose", output: "assets/generated/memories/cat/aufbewahrungsdose.png", status: "generated" }, { id: "cat_spielmaus", species: "cat", displayName: "Spielmaus", output: "assets/generated/memories/cat/spielmaus.png", status: "generated" }, { id: "cat_erinnerungsfoto", species: "cat", displayName: "Erinnerungsfoto", output: "assets/generated/memories/cat/erinnerungsfoto.png", status: "generated" }, { id: "cat_notizkarte", species: "cat", displayName: "Notizkarte", output: "assets/generated/memories/cat/notizkarte.png", status: "generated" }, { id: "cat_sofakissen", species: "cat", displayName: "Sofakissen", output: "assets/generated/memories/cat/sofakissen.png", status: "generated" }, { id: "cat_transportbox", species: "cat", displayName: "Transportbox", output: "assets/generated/memories/cat/transportbox.png", status: "generated" }, { id: "horse_wurzelburste", species: "horse", displayName: "Wurzelb\xFCrste", output: "assets/generated/memories/horse/wurzelburste.png", status: "generated" }, { id: "horse_putzhandschuh", species: "horse", displayName: "Putzhandschuh", output: "assets/generated/memories/horse/putzhandschuh.png", status: "generated" }, { id: "horse_kardatsche", species: "horse", displayName: "Kard\xE4tsche", output: "assets/generated/memories/horse/kardatsche.png", status: "generated" }, { id: "horse_leckerlibeutel", species: "horse", displayName: "Leckerlibeutel", output: "assets/generated/memories/horse/leckerlibeutel.png", status: "generated" }, { id: "horse_trainingspylone", species: "horse", displayName: "Trainingspylone", output: "assets/generated/memories/horse/trainingspylone.png", status: "generated" }, { id: "horse_buntes-tuch", species: "horse", displayName: "Buntes Tuch", output: "assets/generated/memories/horse/buntes-tuch.png", status: "generated" }, { id: "horse_stallhalfter", species: "horse", displayName: "Stallhalfter", output: "assets/generated/memories/horse/stallhalfter.png", status: "generated" }, { id: "horse_torriegel", species: "horse", displayName: "Torriegel", output: "assets/generated/memories/horse/torriegel.png", status: "generated" }, { id: "horse_fuhrstrick", species: "horse", displayName: "F\xFChrstrick", output: "assets/generated/memories/horse/fuhrstrick.png", status: "generated" } ], scenes: [ { id: "dog_home-sneaker", species: "dog", displayName: "home-sneaker", description: "Wohnraum mit Hundek\xF6rbchen, Napf, Spielsachen und einem einzelnen Turnschuh", output: "assets/generated/scenes/dog/home-sneaker.png", status: "generated" }, { id: "dog_park-discovery", species: "dog", displayName: "park-discovery", description: "Park mit gro\xDFer Wiese, Geb\xFCsch und kleiner Pf\xFCtze", output: "assets/generated/scenes/dog/park-discovery.png", status: "generated" }, { id: "dog_bike-path", species: "dog", displayName: "bike-path", description: "Ruhiger Parkweg mit angrenzendem Fahrradweg", output: "assets/generated/scenes/dog/bike-path.png", status: "generated" }, { id: "cat_new-home", species: "cat", displayName: "new-home", description: "Heller Wohnraum mit Kratzbaum, Spielzeug, Fenster und ge\xF6ffnetem Karton", output: "assets/generated/scenes/cat/new-home.png", status: "generated" }, { id: "cat_red-ribbon", species: "cat", displayName: "red-ribbon", description: "Warmer Wohnraum mit Tisch, Geschenkpapier und freier Bodenfl\xE4che", output: "assets/generated/scenes/cat/red-ribbon.png", status: "generated" }, { id: "cat_vet-practice", species: "cat", displayName: "vet-practice", description: "Ruhiger, freundlicher Behandlungsraum einer Tierarztpraxis", output: "assets/generated/scenes/cat/vet-practice.png", status: "generated" }, { id: "horse_grooming-area", species: "horse", displayName: "grooming-area", description: "Putzplatz mit Putzkasten, Heuhaufen und Pflegeutensilien", output: "assets/generated/scenes/horse/grooming-area.png", status: "generated" }, { id: "horse_fluttering-cloth", species: "horse", displayName: "fluttering-cloth", description: "Weg neben einer Koppel mit Trainingspylone und Platz f\xFCr ein flatterndes Tuch", output: "assets/generated/scenes/horse/fluttering-cloth.png", status: "generated" }, { id: "horse_stable-gate", species: "horse", displayName: "stable-gate", description: "Stalltor und ruhiger Parkplatz mit Platz f\xFCr ein Auto", output: "assets/generated/scenes/horse/stable-gate.png", status: "generated" } ], website: [ { id: "hero-dog-cat-horse", displayName: "Hero-Komposition Hund, Katze und Pferd", output: "assets/generated/website/hero-dog-cat-horse.png", status: "generated" }, { id: "card-dog", displayName: "Tierkarte Hund", output: "assets/generated/website/card-dog.png", status: "generated" }, { id: "card-cat", displayName: "Tierkarte Katze", output: "assets/generated/website/card-cat.png", status: "generated" }, { id: "card-horse", displayName: "Tierkarte Pferd", output: "assets/generated/website/card-horse.png", status: "generated" }, { id: "story-dog", displayName: "Geschichtenkarte Hund", output: "assets/generated/website/story-dog.png", status: "generated" }, { id: "story-cat", displayName: "Geschichtenkarte Katze", output: "assets/generated/website/story-cat.png", status: "generated" }, { id: "story-horse", displayName: "Geschichtenkarte Pferd", output: "assets/generated/website/story-horse.png", status: "generated" }, { id: "result-base-dog", displayName: "Textfreie Ergebnisvorlage Hund 1080x1920", output: "assets/generated/social/result-base-dog.png", status: "generated" }, { id: "result-base-cat", displayName: "Textfreie Ergebnisvorlage Katze 1080x1920", output: "assets/generated/social/result-base-cat.png", status: "generated" }, { id: "result-base-horse", displayName: "Textfreie Ergebnisvorlage Pferd 1080x1920", output: "assets/generated/social/result-base-horse.png", status: "generated" } ], icons: [ { id: "paw", output: "assets/generated/icons/paw.svg", status: "generated" }, { id: "heart", output: "assets/generated/icons/heart.svg", status: "generated" }, { id: "shield", output: "assets/generated/icons/shield.svg", status: "generated" }, { id: "medical-cross", output: "assets/generated/icons/medical-cross.svg", status: "generated" }, { id: "bandage", output: "assets/generated/icons/bandage.svg", status: "generated" }, { id: "wallet", output: "assets/generated/icons/wallet.svg", status: "generated" }, { id: "phone", output: "assets/generated/icons/phone.svg", status: "generated" }, { id: "mail", output: "assets/generated/icons/mail.svg", status: "generated" }, { id: "whatsapp", output: "assets/generated/icons/whatsapp.svg", status: "generated" }, { id: "instagram", output: "assets/generated/icons/instagram.svg", status: "generated" }, { id: "share", output: "assets/generated/icons/share.svg", status: "generated" }, { id: "download", output: "assets/generated/icons/download.svg", status: "generated" }, { id: "link", output: "assets/generated/icons/link.svg", status: "generated" }, { id: "search", output: "assets/generated/icons/search.svg", status: "generated" }, { id: "star-empty", output: "assets/generated/icons/star-empty.svg", status: "generated" }, { id: "star-filled", output: "assets/generated/icons/star-filled.svg", status: "generated" }, { id: "chevron-down", output: "assets/generated/icons/chevron-down.svg", status: "generated" }, { id: "arrow-right", output: "assets/generated/icons/arrow-right.svg", status: "generated" }, { id: "dog", output: "assets/generated/icons/dog.svg", status: "generated" }, { id: "cat", output: "assets/generated/icons/cat.svg", status: "generated" }, { id: "horse", output: "assets/generated/icons/horse.svg", status: "generated" } ] }; // src/lib/game/normalization.ts var COMBINING_MARKS = /[\u0300-\u036f]/g; var SIMPLE_PUNCTUATION = /[\p{P}\p{S}]+/gu; function normalizeSearchText(value) { return value.trim().toLocaleLowerCase("de-DE").replaceAll("\xE4", "ae").replaceAll("\xF6", "oe").replaceAll("\xFC", "ue").replaceAll("\xDF", "ss").normalize("NFKD").replace(COMBINING_MARKS, "").replace(SIMPLE_PUNCTUATION, " ").replace(/\s+/g, " ").trim(); } // src/lib/game/types.ts var SPECIES = ["dog", "cat", "horse"]; var SCORE_CATEGORIES = ["care", "discovery", "calm"]; var RESULT_TYPES = [...SCORE_CATEGORIES, "balanced"]; // src/data/game/breeds.ts var aliasesById = {}; function isSpecies(value) { return SPECIES.includes(value); } function fallbackKind(id, role) { if (role === "breed") return "breed"; if (role === "neutral-mix") return "mix"; if (role === "standard-fallback" && id.endsWith("_rasse-unbekannt")) { return "unknown"; } if (role === "standard-fallback" && id.endsWith("_sonstige-rasse")) { return "other"; } throw new Error(`Unbekannte Fallbackrolle f\xFCr ${id}: ${role}`); } var BREED_OPTIONS = manifest_default.animals.map( (entry) => { if (!isSpecies(entry.species)) { throw new Error(`Unbekannte Tierart im Manifest: ${entry.species}`); } const aliases = aliasesById[entry.id] ?? []; const normalizedSearchTerms = [entry.displayName, ...aliases].map(normalizeSearchText).filter( (term, index, terms) => term.length > 0 && terms.indexOf(term) === index ); return { id: entry.id, species: entry.species, displayName: entry.displayName, normalizedSearchTerms, aliases, assetId: entry.id, assetPath: entry.output, fallbackKind: fallbackKind(entry.id, entry.role) }; } ); var breedById = new Map(BREED_OPTIONS.map((option) => [option.id, option])); function getBreedOption(species, breedId) { const option = breedById.get(breedId); return option?.species === species ? option : void 0; } // src/data/game/stories.ts var sharedGreeting = { heading: "HI, ICH BIN KEVIN.", text: "Ich begleite euch heute durch eure Geschichte und w\xFCnsche euch viel Spa\xDF bei eurem Abenteuer.", instruction: "Sammelt gemeinsam drei Freundschaftssterne." }; var DOG_STORY = { id: "dog-pfotenchaos", species: "dog", title: "EIN TAG VOLLER PFOTENCHAOS", intro: "Am ersten Morgen fehlt pl\xF6tzlich ein Turnschuh.", characterChoices: [ { id: "dog-curious-active", label: "neugierig und aktiv", scoreCategory: "discovery" }, { id: "dog-calm-attached", label: "ruhig und anh\xE4nglich", scoreCategory: "care" }, { id: "dog-confident-spontaneous", label: "selbstbewusst und spontan", scoreCategory: "calm" } ], greeting: sharedGreeting, scenes: [ { id: "dog-scene-1", number: 1, title: "DER VERSCHWUNDENE TURNSCHUH", backgroundAssetId: "dog_home-sneaker", situation: [ "Am ersten Morgen fehlt pl\xF6tzlich ein Turnschuh.", "{Tiername} sitzt neben dem zweiten Schuh und schaut auff\xE4llig unschuldig." ], question: "Was machst du?", answers: [ { id: "dog-scene-1-a", label: "DEN SCHUH GEGEN EINEN BALL TAUSCHEN", reaction: [ "Du h\xE4ltst {Tiername} einen Ball hin.", "Der Turnschuh wird sofort fallengelassen. Der Ball ist offenbar die deutlich bessere Beute." ], animationKind: "nudge", animationSteps: [ "Der Turnschuh f\xE4llt auf den Boden.", "Der Ball h\xFCpft leicht.", "{Tiername} wedelt begeistert." ], memoryAssetId: "dog_lieblingsball", scoreCategory: "care" }, { id: "dog-scene-1-b", label: "DEN ZWEITEN SCHUH SCHNELL RETTEN", reaction: [ "Du bringst den zweiten Schuh in Sicherheit und stellst beide Schuhe anschlie\xDFend in eine geschlossene Box.", "Den vermissten Turnschuh findest du kurz darauf im K\xF6rbchen. {Tiername} scheint eine eigene Schuhsammlung zu planen." ], animationKind: "reveal", animationSteps: [ "Der zweite Schuh verschwindet aus dem Bild.", "Im K\xF6rbchen erscheint der vermisste Turnschuh.", "Die beiden Schuhe landen in einer Box." ], memoryAssetId: "dog_schuhbox", scoreCategory: "discovery" }, { id: "dog-scene-1-c", label: "ERST EINMAL EIN BEWEISFOTO MACHEN", reaction: [ "{Tiername} setzt den unschuldigsten Blick der Welt auf.", "Auf dem Foto sieht es tats\xE4chlich so aus, als h\xE4ttest du den Schuh selbst versteckt." ], animationKind: "highlight", animationSteps: [ "Ein kurzer Kamerablitz erscheint.", "Ein kleines Foto von {Tiername} wird eingeblendet.", "Danach rollt der Ball ins Bild." ], memoryAssetId: "dog_erinnerungsfoto", scoreCategory: "calm" } ], completionCopy: "Der Turnschuh ist wieder da. Das erste Pfotenchaos ist \xFCberstanden.", continueLabel: "Weiter in den Park" }, { id: "dog-scene-2", number: 2, title: "DAS ABENTEUER BEGINNT", backgroundAssetId: "dog_park-discovery", situation: [ "Im Park gibt es \xFCberall etwas zu entdecken.", "{Tiername} m\xF6chte am liebsten alles gleichzeitig untersuchen." ], question: "Wo beginnt euer Abenteuer?", answers: [ { id: "dog-scene-2-a", label: "AUF DER GROSSEN WIESE", reaction: [ "{Tiername} rennt begeistert durch das Gras und springt dem Ball hinterher.", "Die lange Schleppleine zieht eine Spur \xFCber die Wiese. Nach drei Runden wird kurz verschnauft \u2013 ungef\xE4hr zwei Sekunden lang." ], animationKind: "move-along-path", animationSteps: [ "Der Ball fliegt \xFCber die Wiese.", "{Tiername} rennt hinterher.", "Die Schleppleine bewegt sich durch das Gras." ], memoryAssetId: "dog_schleppleine", scoreCategory: "discovery" }, { id: "dog-scene-2-b", label: "AM SPANNENDEN GEB\xDCSCH", reaction: [ "{Tiername} steckt die Nase tief ins Geb\xFCsch und kommt mit einem riesigen Stock zur\xFCck.", "Der Stock ist ungef\xE4hr doppelt so gro\xDF wie n\xF6tig und wird trotzdem stolz mitgenommen." ], animationKind: "reveal", animationSteps: [ "Das Geb\xFCsch raschelt.", "Ein gro\xDFer Stock erscheint.", "{Tiername} versucht, sich damit umzudrehen." ], memoryAssetId: "dog_lieblingsstock", scoreCategory: "calm" }, { id: "dog-scene-2-c", label: "AN DER KLEINEN PF\xDCTZE", reaction: [ "Zuerst landet nur eine Pfote im Wasser.", "Eine Sekunde sp\xE4ter sind vier Pfoten, dein Schuh und ein Teil deiner Hose nass. Das Pfotenhandtuch kommt fr\xFCher zum Einsatz als geplant." ], animationKind: "gentle-shake", animationSteps: [ "Wasser spritzt hoch.", "Nasse Pfotenabdr\xFCcke erscheinen.", "{Tiername} sch\xFCttelt sich." ], memoryAssetId: "dog_pfotenhandtuch", scoreCategory: "care" } ], completionCopy: "Nach dem Spielen geht es langsam zur\xFCck nach Hause.", continueLabel: "Heimweg starten" }, { id: "dog-scene-3", number: 3, title: "PL\xD6TZLICH WIRD ES ERNST", backgroundAssetId: "dog_bike-path", situation: [ "Auf dem R\xFCckweg f\xE4llt dir der Ball aus der Hand.", "Er rollt direkt in Richtung Fahrradweg und {Tiername} l\xE4uft sofort hinterher.", "Ein Fahrradfahrer muss stark bremsen." ], question: "Wie reagierst du?", answers: [ { id: "dog-scene-3-a", label: "{Tiername} SOFORT ZUR\xDCCKRUFEN", reaction: [ "Du rufst laut den Namen von {Tiername}.", "{Tiername} bleibt kurz vor dem Fahrradweg stehen. Der Fahrradfahrer kann ausweichen, verliert beim Absteigen aber das Gleichgewicht.", "F\xFCr zuk\xFCnftige R\xFCckruf\xFCbungen kommt eine Hundepfeife zu eurer Ausr\xFCstung." ], animationKind: "highlight", animationSteps: [ "Der Name von {Tiername} erscheint in einer Rufblase.", "{Tiername} bleibt stehen.", "Das Fahrrad kippt langsam ins Gras." ], memoryAssetId: "dog_hundepfeife", consequence: { heading: "Der R\xFCckruf verhindert Schlimmeres, nicht die Rechnung", summary: "Der Fahrradfahrer bleibt unverletzt, doch Vorderlicht und Smartphone sind besch\xE4digt.", costItems: [ { label: "Fahrradlicht und Montage", minimumEuro: 40, maximumEuro: 150 }, { label: "Smartphone-Display", minimumEuro: 150, maximumEuro: 500 } ], totalMinimumEuro: 190, totalMaximumEuro: 650, sourceIds: [ "canyon-bike-2026", "apple-repair-2026", "samsung-repair-2026", "vzbv-tierhaftpflicht-2025" ] }, scoreCategory: "discovery" }, { id: "dog-scene-3-b", label: "DEN FAHRRADFAHRER WARNEN", reaction: [ "Du rufst sofort eine Warnung.", "Der Fahrradfahrer bremst rechtzeitig. Beim Ausweichen f\xE4llt das Fahrrad jedoch auf die Seite.", "Ein Reflektoranh\xE4nger f\xFCr die Leine wird sp\xE4ter Teil eurer Ausr\xFCstung." ], animationKind: "nudge", animationSteps: [ "Eine Warnblase erscheint.", "Der Fahrradfahrer bremst.", "Das Fahrrad kippt auf die Seite." ], memoryAssetId: "dog_reflektoranhanger", consequence: { heading: "Ein Ausweichman\xF6ver wird zum Sachschaden", summary: "Das Fahrrad f\xE4llt auf die Seite und muss auf Sch\xE4den an Licht, Bremse und Lenker gepr\xFCft werden.", costItems: [ { label: "Werkstattpr\xFCfung", minimumEuro: 40, maximumEuro: 100 }, { label: "M\xF6gliche Fahrradreparatur", minimumEuro: 60, maximumEuro: 500 } ], totalMinimumEuro: 100, totalMaximumEuro: 600, sourceIds: [ "canyon-bike-2026", "liny-bike-2026", "vzbv-tierhaftpflicht-2025" ] }, scoreCategory: "care" }, { id: "dog-scene-3-c", label: "DIE LEINE SCHNELL FESTHALTEN", reaction: [ "Du greifst nach der Leine und h\xE4ltst {Tiername} zur\xFCck.", "Der Fahrradfahrer kann bremsen, doch das Fahrrad f\xE4llt dabei ins Gras.", "F\xFCr Wege am Stra\xDFenverkehr wird k\xFCnftig eine kurze Leine bereitgelegt." ], animationKind: "nudge", animationSteps: [ "Die Leine spannt sich.", "{Tiername} bleibt vor dem Fahrradweg stehen.", "Das Fahrrad kippt zur Seite." ], memoryAssetId: "dog_kurzleine", consequence: { heading: "Festgehalten, trotzdem ist ein Schaden entstanden", summary: "Das Fahrrad kippt beim Bremsen um; Pr\xFCfung und Reparatur k\xF6nnen schnell mehrere hundert Euro kosten.", costItems: [ { label: "Werkstattpr\xFCfung", minimumEuro: 40, maximumEuro: 100 }, { label: "M\xF6gliche Fahrradreparatur", minimumEuro: 60, maximumEuro: 500 } ], totalMinimumEuro: 100, totalMaximumEuro: 600, sourceIds: [ "canyon-bike-2026", "liny-bike-2026", "vzbv-tierhaftpflicht-2025" ] }, scoreCategory: "calm" } ], completionCopy: "", continueLabel: null } ], insuranceImpulse: { heading: "EIN KURZER MOMENT KANN REICHEN", text: "Aus einem Spaziergang wird pl\xF6tzlich eine Rechnung. Eine Hundehalterhaftpflicht kann berechtigte Schadenersatzforderungen \xFCbernehmen und unberechtigte abwehren. Entscheidend ist immer der konkrete Tarif.", buttonLabel: "Kostenlos pr\xFCfen, was zu euch passt" }, resultMessage: "Ein kurzer Moment kann fremdes Eigentum besch\xE4digen. Teilt eure Geschichte, damit auch andere Hundehalter rechtzeitig \xFCber passenden Haftpflichtschutz nachdenken.", resultCopy: { care: { teamPhrase: "ein verl\xE4ssliches Team", description: [ "Ihr achtet aufeinander und reagiert auch in unerwarteten Situationen verantwortungsvoll." ], strength: "F\xFCreinander da sein, wenn es darauf ankommt." }, discovery: { teamPhrase: "aktive Wegbegleiter", description: [ "Ihr entdeckt gemeinsam Neues und reagiert schnell, wenn ein Abenteuer pl\xF6tzlich eine andere Richtung nimmt." ], strength: "Mit Energie und Aufmerksamkeit gemeinsam handeln." }, calm: { teamPhrase: "ein souver\xE4nes Team", description: [ "Auch wenn etwas nicht nach Plan l\xE4uft, bewahrt ihr Ruhe und findet gemeinsam einen guten Weg." ], strength: "Ruhe bewahren, ohne Wichtiges zu \xFCbersehen." }, balanced: { teamPhrase: "ein eingespieltes Team", description: [ "Ihr verbindet Aufmerksamkeit, Unternehmungslust und eine entspannte Haltung.", "Genau diese Mischung macht euch gemeinsam stark." ], strength: "Vertrauen, das bei jedem gemeinsamen Abenteuer w\xE4chst." } } }; var CAT_STORY = { id: "cat-red-ribbon", species: "cat", title: "DAS GEHEIMNIS DES ROTEN BANDES", intro: "F\xFCr {Tiername} stehen ein gem\xFCtliches K\xF6rbchen, ein Kratzbaum und mehrere Spielsachen bereit.", characterChoices: [ { id: "cat-curious-active", label: "neugierig und aktiv", scoreCategory: "discovery" }, { id: "cat-calm-cuddly", label: "ruhig und verschmust", scoreCategory: "care" }, { id: "cat-confident-independent", label: "selbstbewusst und eigenst\xE4ndig", scoreCategory: "calm" } ], greeting: sharedGreeting, scenes: [ { id: "cat-scene-1", number: 1, title: "DAS NEUE ZUHAUSE", backgroundAssetId: "cat_new-home", situation: [ "F\xFCr {Tiername} stehen ein gem\xFCtliches K\xF6rbchen, ein Kratzbaum und mehrere Spielsachen bereit.", "Doch viel interessanter ist der leere Karton daneben." ], question: "Was machst du?", answers: [ { id: "cat-scene-1-a", label: "DEN KARTON ANS FENSTER STELLEN", reaction: [ "Du stellst den Karton ans Fenster und legst ein kleines Kissen hinein.", "{Tiername} beobachtet zwei V\xF6gel, ein flatterndes Blatt und einen Nachbarn, der offenbar sehr verd\xE4chtig aussieht." ], animationKind: "move-along-path", animationSteps: [ "Der Karton bewegt sich zum Fenster.", "Ein kleines Kissen erscheint darin.", "Drau\xDFen fliegt ein Vogel vorbei." ], memoryAssetId: "cat_fensterkissen", scoreCategory: "discovery" }, { id: "cat-scene-1-b", label: "EINE WEICHE DECKE HINEINLEGEN", reaction: [ "Du legst eine weiche Decke in den Karton.", "{Tiername} dreht sich dreimal im Kreis und macht es sich gem\xFCtlich. Der neue Lieblingsplatz ist offiziell angenommen." ], animationKind: "sway", animationSteps: [ "Die Decke wird in den Karton gelegt.", "{Tiername} dreht sich im Kreis.", "Die Augen schlie\xDFen sich kurz." ], memoryAssetId: "cat_lieblingsdecke", scoreCategory: "care" }, { id: "cat-scene-1-c", label: "AKZEPTIEREN, DASS DER KARTON JETZT DAZUGEH\xD6RT", reaction: [ "Du l\xE4sst den Karton genau dort stehen.", "Eine gute Entscheidung. Der teure Kratzbaum muss lernen, mit der Entt\xE4uschung zu leben." ], animationKind: "highlight", animationSteps: [ "{Tiername} setzt sich zufrieden in den Karton.", "Der Kratzbaum bleibt unbeachtet.", "{Tiername} schaut aus dem Karton." ], memoryAssetId: "cat_lieblingskarton", scoreCategory: "calm" } ], completionCopy: "Der erste Lieblingsplatz ist gefunden.", continueLabel: "Weiter" }, { id: "cat-scene-2", number: 2, title: "DAS ROTE BAND", backgroundAssetId: "cat_red-ribbon", situation: [ "Beim Auspacken eines Geschenks f\xE4llt ein rotes Band auf den Boden.", "{Tiername} entdeckt es sofort.", "Die Augen werden gro\xDF. Der Katzenpo wackelt. Der Sprung steht kurz bevor." ], question: "Was machst du?", answers: [ { id: "cat-scene-2-a", label: "DAS BAND SCHNELL WEGR\xC4UMEN", reaction: [ "Du greifst nach dem Band. {Tiername} ist schneller und tr\xE4gt es stolz zwei Schritte davon.", "Schlie\xDFlich bekommst du es zu fassen und verstaust es sicher in einer kleinen Dose." ], animationKind: "reveal", animationSteps: [ "{Tiername} schnappt sich kurz das Band.", "Das Band verschwindet in einer Dose.", "Der Deckel schlie\xDFt sich." ], memoryAssetId: "cat_aufbewahrungsdose", scoreCategory: "care" }, { id: "cat-scene-2-b", label: "EIN SICHERES SPIELZEUG ANBIETEN", reaction: [ "Du lenkst {Tiername} mit einer Spielmaus ab.", "Die Maus gewinnt schnell die Aufmerksamkeit. Das rote Band bleibt trotzdem unter genauer Beobachtung." ], animationKind: "move-along-path", animationSteps: [ "Die Spielmaus bewegt sich \xFCber den Boden.", "{Tiername} folgt ihr.", "Das Band wird wegger\xE4umt." ], memoryAssetId: "cat_spielmaus", scoreCategory: "discovery" }, { id: "cat-scene-2-c", label: "DAS ANSCHLEICHEN NOCH KURZ BEOBACHTEN", reaction: [ "{Tiername} springt los, rutscht \xFCber den Teppich und landet mitten in einer weichen Decke.", "Der Blick danach sagt eindeutig: \u201EDas war genau so geplant.\u201C", "Du h\xE4ltst den Moment mit einem Foto fest und r\xE4umst das Band anschlie\xDFend weg." ], animationKind: "move-along-path", animationSteps: [ "{Tiername} springt und rutscht.", "Ein Kamerablitz erscheint.", "Das Foto wird kurz eingeblendet." ], memoryAssetId: "cat_erinnerungsfoto", scoreCategory: "calm" } ], completionCopy: "Das rote Band ist sicher verstaut.", continueLabel: "Weiter" }, { id: "cat-scene-3", number: 3, title: "PL\xD6TZLICH GANZ STILL", backgroundAssetId: "cat_vet-practice", situation: [ "Am Abend ist {Tiername} ungew\xF6hnlich ruhig.", "Das Lieblingsspielzeug bleibt unbeachtet. Au\xDFerdem bemerkst du, dass von dem roten Band ein kleines St\xFCck fehlt." ], question: "Was machst du?", answers: [ { id: "cat-scene-3-a", label: "GENAU BEOBACHTEN", reaction: [ "Du setzt dich in die N\xE4he und achtest auf jede Bewegung.", "{Tiername} steht kurz auf, legt sich aber direkt wieder hin. Jetzt bist du sicher: Heute ist wirklich etwas anders." ], animationKind: "none", animationSteps: [], memoryAssetId: "cat_notizkarte", consequence: { heading: "Deine Beobachtung f\xFChrt in die Praxis", summary: "Der Fremdk\xF6rperverdacht muss untersucht werden; je nach Befund kommen Bildgebung, Sedierung und eine Entfernung hinzu.", costItems: [ { label: "Untersuchung und Diagnostik", minimumEuro: 100, maximumEuro: 500 }, { label: "Sedierung und Entfernung", minimumEuro: 400, maximumEuro: 1500 } ], totalMinimumEuro: 500, totalMaximumEuro: 2e3, sourceIds: ["got-2022", "btk-got-2022"] }, scoreCategory: "discovery" }, { id: "cat-scene-3-b", label: "RUHIG DABLEIBEN", reaction: [ "Du setzt dich ruhig neben {Tiername}.", "Selbst das Lieblingsspielzeug und ein kleiner Snack bleiben unbeachtet. Kurz darauf steht {Tiername} auf, legt sich aber direkt wieder hin.", "Jetzt ist klar: Heute ist wirklich etwas anders." ], animationKind: "none", animationSteps: [], memoryAssetId: "cat_sofakissen", consequence: { heading: "Die Ruhe zeigt: Etwas stimmt nicht", summary: "Der Fremdk\xF6rperverdacht muss tier\xE4rztlich abgekl\xE4rt werden; Behandlung und Entfernung h\xE4ngen vom Befund ab.", costItems: [ { label: "Untersuchung und Diagnostik", minimumEuro: 100, maximumEuro: 500 }, { label: "Sedierung und Entfernung", minimumEuro: 400, maximumEuro: 1500 } ], totalMinimumEuro: 500, totalMaximumEuro: 2e3, sourceIds: ["got-2022", "btk-got-2022"] }, scoreCategory: "care" }, { id: "cat-scene-3-c", label: "DIREKT IN DER TIERARZTPRAXIS ANRUFEN", reaction: [ "Du beschreibst, was passiert ist.", "Die Praxis empfiehlt, {Tiername} vorsichtshalber untersuchen zu lassen. Du bereitest alles f\xFCr den Weg vor." ], animationKind: "reveal", animationSteps: [ "Ein Telefonsymbol erscheint.", "Die Transportbox wird vorbereitet.", "{Tiername} schaut die Box skeptisch an." ], memoryAssetId: "cat_transportbox", consequence: { heading: "Der fr\xFChe Anruf bringt Klarheit", summary: "In der Praxis wird gepr\xFCft, wo das Bandst\xFCck liegt und ob es sediert, endoskopisch oder operativ entfernt werden muss.", costItems: [ { label: "Untersuchung und Diagnostik", minimumEuro: 100, maximumEuro: 500 }, { label: "Sedierung und Entfernung", minimumEuro: 400, maximumEuro: 1500 } ], totalMinimumEuro: 500, totalMaximumEuro: 2e3, sourceIds: ["got-2022", "btk-got-2022"] }, scoreCategory: "care" } ], completionCopy: "", continueLabel: null } ], insuranceImpulse: { heading: "DAMIT ZUERST {Tiername} Z\xC4HLT UND NICHT DIE RECHNUNG", text: "Katzenkranken- oder OP-Schutz kann Behandlungskosten abfedern, wenn pl\xF6tzlich Diagnostik oder ein Eingriff n\xF6tig wird. Welche Leistungen \xFCbernommen werden, h\xE4ngt immer vom Tarif ab.", buttonLabel: "Kostenlos pr\xFCfen, was zu euch passt" }, resultMessage: "Aufmerksamkeit kann entscheidend sein, wenn sich ein Tier pl\xF6tzlich anders verh\xE4lt. Teilt eure Geschichte, damit auch andere Katzenhalter fr\xFCh \xFCber Vorsorge und passenden Schutz nachdenken.", resultCopy: { care: { teamPhrase: "ein verl\xE4ssliches Team", description: [ "Ihr kennt euch gut und merkt schnell, wenn etwas nicht stimmt.", "Ruhe, Aufmerksamkeit und Vertrauen zeichnen euch aus." ], strength: "F\xFCreinander da sein, wenn es darauf ankommt." }, discovery: { teamPhrase: "neugierige Wegbegleiter", description: [ "Ihr entdeckt gemeinsam Neues und bleibt auch in unerwarteten Situationen aufmerksam." ], strength: "Neugier mit einem guten Gesp\xFCr f\xFCr den richtigen Moment." }, calm: { teamPhrase: "ein souver\xE4nes Team", description: [ "Auch wenn etwas nicht nach Plan l\xE4uft, bewahrt ihr Ruhe und findet gemeinsam einen guten Weg." ], strength: "Ruhe bewahren, ohne Wichtiges zu \xFCbersehen." }, balanced: { teamPhrase: "ein eingespieltes Team", description: [ "Ihr verbindet Aufmerksamkeit, Neugier und eine entspannte Haltung.", "Genau diese Mischung macht euch gemeinsam stark." ], strength: "Vertrauen, das im Alltag gewachsen ist." } } }; var HORSE_STORY = { id: "horse-hufchaos", species: "horse", title: "EIN TAG VOLLER HUFCHAOS", intro: "Heute m\xF6chtest du {Tiername} gr\xFCndlich putzen.", characterChoices: [ { id: "horse-attentive-curious", label: "aufmerksam und neugierig", scoreCategory: "discovery" }, { id: "horse-calm-people", label: "ruhig und menschenbezogen", scoreCategory: "care" }, { id: "horse-confident-calm", label: "selbstbewusst und gelassen", scoreCategory: "calm" } ], greeting: sharedGreeting, scenes: [ { id: "horse-scene-1", number: 1, title: "DIE VERSCHWUNDENE B\xDCRSTE", backgroundAssetId: "horse_grooming-area", situation: [ "Heute m\xF6chtest du {Tiername} gr\xFCndlich putzen.", "Doch pl\xF6tzlich ist die B\xFCrste verschwunden.", "{Tiername} schaut auff\xE4llig interessiert in Richtung Heuhaufen." ], question: "Wo suchst du zuerst?", answers: [ { id: "horse-scene-1-a", label: "IM HEUHAUFEN", reaction: [ "Zwischen dem Heu findest du die B\xFCrste.", "{Tiername} nimmt schnell noch einen Happen und tut so, als w\xE4re nichts passiert." ], animationKind: "reveal", animationSteps: [ "Der Heuhaufen bewegt sich leicht.", "Die B\xFCrste kommt zum Vorschein.", "{Tiername} nimmt einen kleinen Happen Heu." ], memoryAssetId: "horse_wurzelburste", scoreCategory: "discovery" }, { id: "horse-scene-1-b", label: "HINTER DEM PUTZKASTEN", reaction: [ "Hinter dem Putzkasten liegt ein Putzhandschuh.", "Als du dich wieder umdrehst, schiebt {Tiername} die vermisste B\xFCrste mit der Nase unter dem Heu hervor.", "Sehr hilfreich." ], animationKind: "reveal", animationSteps: [ "Der Putzkasten r\xFCckt ein St\xFCck zur Seite.", "Der Putzhandschuh wird sichtbar.", "{Tiername} schiebt die B\xFCrste mit der Nase hervor." ], memoryAssetId: "horse_putzhandschuh", scoreCategory: "care" }, { id: "horse-scene-1-c", label: "DIREKT BEI {Tiername}", reaction: [ "Du schaust genauer hin.", "Die Kard\xE4tsche liegt direkt neben einem Vorderhuf. {Tiername} hat offenbar die ganze Zeit darauf aufgepasst." ], animationKind: "highlight", animationSteps: [ "Die Kard\xE4tsche wird neben dem Vorderhuf sichtbar.", "{Tiername} hebt den Huf kurz an.", "Die B\xFCrste wird aufgehoben." ], memoryAssetId: "horse_kardatsche", scoreCategory: "calm" } ], completionCopy: "Die B\xFCrste ist wieder da und das Putzen kann beginnen.", continueLabel: "Weiter zur Wiese" }, { id: "horse-scene-2", number: 2, title: "DAS FLATTERNDE UNGEHEUER", backgroundAssetId: "horse_fluttering-cloth", situation: [ "Auf dem Weg zur Wiese entdeckt {Tiername} etwas sehr Verd\xE4chtiges.", "Ein buntes Tuch flattert im Wind. F\xFCr {Tiername} sieht es offenbar deutlich gef\xE4hrlicher aus, als es ist." ], question: "Wie geht ihr daran vorbei?", answers: [ { id: "horse-scene-2-a", label: "RUHIG STEHEN BLEIBEN", reaction: [ "Du gibst {Tiername} einen Moment Zeit.", "Als die Anspannung nachl\xE4sst, gibt es eine kleine Belohnung aus dem Leckerlibeutel.", "Das flatternde Ungeheuer wirkt pl\xF6tzlich deutlich weniger beeindruckend." ], animationKind: "sway", animationSteps: [ "Das Tuch flattert leicht.", "{Tiername} bleibt stehen und entspannt sich.", "Ein Leckerli wird aus dem Beutel genommen." ], memoryAssetId: "horse_leckerlibeutel", scoreCategory: "care" }, { id: "horse-scene-2-b", label: "EINEN KLEINEN BOGEN MACHEN", reaction: [ "Ihr geht mit etwas Abstand in einem ruhigen Bogen um die Trainingspylone.", "{Tiername} beobachtet das Tuch genau und wird mit jedem Schritt entspannter." ], animationKind: "move-along-path", animationSteps: [ "Eine geschwungene Weglinie erscheint.", "{Tiername} geht im Bogen um die Pylone.", "Die Haltung wird sichtbar entspannter." ], memoryAssetId: "horse_trainingspylone", scoreCategory: "calm" }, { id: "horse-scene-2-c", label: "DAS TUCH GEMEINSAM ANSEHEN", reaction: [ "Du gehst langsam n\xE4her und l\xE4sst {Tiername} selbst entscheiden, wie weit es gehen soll.", "Nach einem vorsichtigen Schnuppern verliert das bunte Tuch seinen gesamten Schrecken." ], animationKind: "move-along-path", animationSteps: [ "{Tiername} n\xE4hert sich schrittweise.", "Die Nase ber\xFChrt vorsichtig das Tuch.", "Das Tuch flattert danach nur noch leicht." ], memoryAssetId: "horse_buntes-tuch", scoreCategory: "discovery" } ], completionCopy: "Ihr erreicht gemeinsam die Wiese. Das flatternde Ungeheuer ist erfolgreich enttarnt.", continueLabel: "Zur\xFCck zum Stall" }, { id: "horse-scene-3", number: 3, title: "DAS OFFENE TOR", backgroundAssetId: "horse_stable-gate", situation: [ "Als ihr zur\xFCckkommt, \xF6ffnet ein Windsto\xDF das Stalltor.", "Das bunte Tuch flattert noch einmal laut hinter euch.", "{Tiername} erschrickt, zieht kurz an und l\xE4uft durch das offene Tor auf den Parkplatz.", "Ein Autofahrer bremst sofort." ], question: "Wie reagierst du?", answers: [ { id: "horse-scene-3-a", label: "{Tiername} RUHIG ANSPRECHEN", reaction: [ "Du rufst den Namen von {Tiername} und bleibst ruhig.", "{Tiername} wird langsamer. Beim Umdrehen st\xF6\xDFt die Hinterhand jedoch gegen den Au\xDFenspiegel des Autos.", "Das Stallhalfter bleibt nach diesem Tag als fester Teil eurer Ausr\xFCstung griffbereit." ], animationKind: "nudge", animationSteps: [ "Der Name von {Tiername} erscheint in einer ruhigen Sprechblase.", "{Tiername} wird langsamer.", "Der Au\xDFenspiegel klappt ein." ], memoryAssetId: "horse_stallhalfter", consequence: { heading: "Niemand verletzt, der Au\xDFenspiegel ist es trotzdem", summary: "Der besch\xE4digte Spiegel muss je nach Technik, Lackierung und Fahrzeugmodell repariert oder ersetzt werden.", costItems: [ { label: "Au\xDFenspiegel und Einbau", minimumEuro: 350, maximumEuro: 1500 } ], totalMinimumEuro: 350, totalMaximumEuro: 1500, sourceIds: ["adac-repair-2026", "vzbv-tierhaftpflicht-2025"] }, scoreCategory: "care" }, { id: "horse-scene-3-b", label: "SCHNELL DAS TOR SCHLIESSEN", reaction: [ "Du gehst sofort zum Tor, damit {Tiername} nicht weiterlaufen kann.", "{Tiername} bleibt stehen, dr\xFCckt das Tor dabei aber gegen die Seite des Autos.", "Nach dem Vorfall wird ein stabiler Torriegel angebracht." ], animationKind: "nudge", animationSteps: [ "Das Tor bewegt sich in Richtung Auto.", "{Tiername} bleibt stehen.", "Ein Torriegel wird anschlie\xDFend am Tor eingeblendet." ], memoryAssetId: "horse_torriegel", consequence: { heading: "Das Tor stoppt {Tiername} und trifft das Auto", summary: "Aus der Delle und dem Lackschaden kann je nach Fahrzeug und Reparaturweg eine vierstellige Werkstattrechnung werden.", costItems: [ { label: "Karosserie- und Lackreparatur", minimumEuro: 800, maximumEuro: 3500 } ], totalMinimumEuro: 800, totalMaximumEuro: 3500, sourceIds: ["adac-repair-2026", "vzbv-tierhaftpflicht-2025"] }, scoreCategory: "discovery" }, { id: "horse-scene-3-c", label: "{Tiername} VORSICHTIG ZUR\xDCCKF\xDCHREN", reaction: [ "Du erreichst {Tiername} und f\xFChrst langsam zur\xFCck.", "Beim Vorbeigehen streift ein Steigb\xFCgel den Lack des Autos.", "Der F\xFChrstrick wird danach wieder ordentlich am Putzplatz aufgeh\xE4ngt." ], animationKind: "move-along-path", animationSteps: [ "Du \xFCbernimmst den F\xFChrstrick.", "{Tiername} geht langsam zur\xFCck.", "Am Autolack erscheint ein kleiner Kratzer." ], memoryAssetId: "horse_fuhrstrick", consequence: { heading: "Ein kurzer Kontakt hinterl\xE4sst einen Lackschaden", summary: "Ob Smart Repair gen\xFCgt oder ein Bauteil lackiert werden muss, entscheidet \xFCber die tats\xE4chliche Rechnung.", costItems: [ { label: "Lackpr\xFCfung und Reparatur", minimumEuro: 200, maximumEuro: 1200 } ], totalMinimumEuro: 200, totalMaximumEuro: 1200, sourceIds: ["adac-repair-2026", "vzbv-tierhaftpflicht-2025"] }, scoreCategory: "calm" } ], completionCopy: "", continueLabel: null } ], insuranceImpulse: { heading: "AUCH EIN RUHIGES PFERD BLEIBT EIN LEBEWESEN", text: "Eine Pferdehalterhaftpflicht kann sch\xFCtzen, wenn aus einem Schreckmoment ein teurer Fremdschaden entsteht. Ob und in welchem Umfang sie leistet, entscheidet der konkrete Tarif.", buttonLabel: "Kostenlos pr\xFCfen, was zu euch passt" }, resultMessage: "Auch ein vertrautes Pferd kann in Sekunden einen teuren Fremdschaden verursachen. Teilt eure Geschichte, damit andere Pferdehalter rechtzeitig \xFCber passenden Haftpflichtschutz nachdenken.", resultCopy: { care: { teamPhrase: "ein verl\xE4ssliches Team", description: [ "Ihr achtet aufeinander und gebt euch auch in unerwarteten Situationen Sicherheit." ], strength: "F\xFCreinander da sein, wenn es darauf ankommt." }, discovery: { teamPhrase: "mutige Wegbegleiter", description: [ "Ihr stellt euch neuen Situationen gemeinsam und geht aufmerksam den n\xE4chsten Schritt." ], strength: "Neues gemeinsam angehen, ohne das Vertrauen zu verlieren." }, calm: { teamPhrase: "ein souver\xE4nes Team", description: [ "Auch wenn etwas nicht nach Plan l\xE4uft, bewahrt ihr Ruhe und findet gemeinsam einen guten Weg." ], strength: "Ruhe bewahren, ohne Wichtiges zu \xFCbersehen." }, balanced: { teamPhrase: "ein eingespieltes Team", description: [ "Ihr verbindet Aufmerksamkeit, Vertrauen und eine ruhige Haltung.", "Genau diese Mischung macht euch gemeinsam stark." ], strength: "Vertrauen, das mit jedem gemeinsamen Schritt w\xE4chst." } } }; var STORIES = { dog: DOG_STORY, cat: CAT_STORY, horse: HORSE_STORY }; function getStory(species) { return STORIES[species]; } // src/lib/game/scoring.ts var EMPTY_SCORES = { care: 0, discovery: 0, calm: 0 }; function addScore(scores, category, points = 1) { if (!Number.isInteger(points) || points < 0) { throw new Error("Punkte m\xFCssen eine nicht negative ganze Zahl sein"); } return { ...scores, [category]: scores[category] + points }; } function calculateResult(scores, initialCategory) { const values = SCORE_CATEGORIES.map((category) => scores[category]); if (values.some((value) => !Number.isInteger(value) || value < 0)) { throw new Error("Scores m\xFCssen nicht negative ganze Zahlen sein"); } const highest = Math.max(...values); const leaders = SCORE_CATEGORIES.filter( (category) => scores[category] === highest ); if (leaders.length === 1) return leaders[0]; if (leaders.includes(initialCategory)) return initialCategory; return "balanced"; } // src/lib/game/state.ts var GameTransitionError = class extends Error { constructor(message) { super(message); this.name = "GameTransitionError"; } }; function petNameLength(value) { return [ ...new Intl.Segmenter("de", { granularity: "grapheme" }).segment(value) ].length; } function validatePetName(value) { const trimmed = value.trim(); const length = petNameLength(trimmed); if (length < 1 || length > 30) { throw new GameTransitionError( "Der Tiername muss 1 bis 30 Zeichen lang sein" ); } return trimmed; } function createInitialState() { return { version: 2, screen: "onboarding", species: null, petName: "", breedId: null, characterId: null, view: "species", sceneIndex: 0, mode: "intro", beatIndex: 0, answerIds: [], memories: [], scores: { ...EMPTY_SCORES }, result: null }; } function createPlayState() { return { ...createInitialState(), screen: "play" }; } function selectedCharacter(state) { if (!state.species || !state.characterId) return null; return getStory(state.species).characterChoices.find( ({ id }) => id === state.characterId ) ?? null; } function sceneAt(state) { if (!state.species) return null; return getStory(state.species).scenes[state.sceneIndex] ?? null; } function selectedAnswer(species, sceneIndex, answerId) { return getStory(species).scenes[sceneIndex]?.answers.find( ({ id }) => id === answerId ) ?? null; } function isTypingMode(mode) { return mode === "intro" || mode === "typing" || mode === "reaction"; } function unlockCurrentMemory(state, answer) { if (state.memories.includes(answer.memoryAssetId)) return state; return { ...state, mode: "completion", beatIndex: 0, memories: [...state.memories, answer.memoryAssetId] }; } function advanceStory(state) { const scene = sceneAt(state); if (!scene) return state; if (state.mode === "completion") { if (state.memories.length !== state.sceneIndex + 1) return state; if (state.sceneIndex < 2) { return { ...state, sceneIndex: state.sceneIndex + 1, mode: "intro", beatIndex: 0 }; } if (new Set(state.memories).size !== 3) return state; return { ...state, view: "resolution" }; } if (state.mode !== "await-advance") return state; const isReaction = state.answerIds.length === state.sceneIndex + 1; if (!isReaction) { if (state.answerIds.length !== state.sceneIndex) return state; if (state.beatIndex + 1 < scene.situation.length) { return { ...state, mode: "typing", beatIndex: state.beatIndex + 1 }; } return { ...state, mode: "await-choice", beatIndex: 0 }; } if (!state.species) return state; const answerId = state.answerIds[state.sceneIndex]; const answer = selectedAnswer(state.species, state.sceneIndex, answerId); if (!answer) return state; if (state.beatIndex + 1 < answer.reaction.length) { return { ...state, mode: "typing", beatIndex: state.beatIndex + 1 }; } return unlockCurrentMemory(state, answer); } function removeScore(scores, category) { return { ...scores, [category]: Math.max(0, scores[category] - 1) }; } function goBack(state) { if (state.screen === "onboarding") return state; if (state.view === "species") return createInitialState(); if (state.view === "profile") return createPlayState(); if (state.view === "character") { if (!state.species) return state; return { ...createPlayState(), species: state.species, view: "profile" }; } if (state.view === "greeting") { return { ...state, view: "character", characterId: null, scores: { ...EMPTY_SCORES } }; } if (state.view === "resolution") { return { ...state, view: "story", sceneIndex: 2, mode: "completion" }; } if (state.view === "insurance") return { ...state, view: "resolution" }; if (state.view === "result") { return { ...state, view: "insurance", result: null }; } if (state.view !== "story") return state; const scene = sceneAt(state); if (!scene) return state; const afterAnswer = state.answerIds.length === state.sceneIndex + 1; if (afterAnswer) { if (!state.species) return state; const answerId = state.answerIds[state.sceneIndex]; const answer = selectedAnswer(state.species, state.sceneIndex, answerId); if (!answer) return state; if (state.mode === "completion") { return { ...state, mode: "await-advance", beatIndex: answer.reaction.length - 1, memories: state.memories.slice(0, -1) }; } if (state.beatIndex > 0) { return { ...state, mode: "await-advance", beatIndex: state.beatIndex - 1 }; } return { ...state, mode: "await-choice", beatIndex: 0, answerIds: state.answerIds.slice(0, -1), scores: removeScore(state.scores, answer.scoreCategory) }; } if (state.mode === "await-choice") { return { ...state, mode: "await-advance", beatIndex: scene.situation.length - 1 }; } if (state.beatIndex > 0) { return { ...state, mode: "await-advance", beatIndex: state.beatIndex - 1 }; } if (state.sceneIndex > 0) { return { ...state, sceneIndex: state.sceneIndex - 1, mode: "completion", beatIndex: 0 }; } return { ...state, view: "greeting", mode: "intro", beatIndex: 0 }; } function transition(state, action) { if (action.type === "restart") return createPlayState(); if (!isValidGameState(state)) return state; if (action.type === "go-back") return goBack(state); if (action.type === "start-game") { if (state.screen !== "onboarding" || state.view !== "species") return state; return { ...state, screen: "play" }; } if (state.screen !== "play") return state; if (action.type === "select-species") { if (state.view !== "species" || !SPECIES.includes(action.species)) { return state; } return { ...state, species: action.species, view: "profile" }; } if (action.type === "submit-profile") { if (state.view !== "profile" || !state.species) return state; const breed = getBreedOption(state.species, action.breedId); if (!breed) return state; try { return { ...state, petName: validatePetName(action.petName), breedId: breed.id, view: "character" }; } catch { return state; } } if (action.type === "choose-character") { if (state.view !== "character" || !state.species) return state; const choice = getStory(state.species).characterChoices.find( ({ id }) => id === action.characterId ); if (!choice) return state; return { ...state, characterId: choice.id, view: "greeting", scores: addScore(state.scores, choice.scoreCategory) }; } if (action.type === "start-story") { if (state.view !== "greeting") return state; return { ...state, view: "story", mode: "intro", beatIndex: 0 }; } if (action.type === "finish-typing") { if (state.view !== "story" || !isTypingMode(state.mode)) return state; return { ...state, mode: "await-advance" }; } if (action.type === "choose-answer") { if (state.view !== "story" || state.mode !== "await-choice" || !state.species || state.answerIds.length !== state.sceneIndex) { return state; } const answer = selectedAnswer( state.species, state.sceneIndex, action.answerId ); if (!answer) return state; return { ...state, mode: "reaction", beatIndex: 0, answerIds: [...state.answerIds, answer.id], scores: addScore(state.scores, answer.scoreCategory) }; } if (action.type !== "advance") return state; if (state.view === "story") return advanceStory(state); if (state.view === "resolution") { if (state.answerIds.length !== 3 || state.memories.length !== 3) { return state; } return { ...state, view: "insurance" }; } if (state.view === "insurance") { const character = selectedCharacter(state); if (!character || state.memories.length !== 3) return state; return { ...state, view: "result", result: calculateResult(state.scores, character.scoreCategory) }; } return state; } function equalScores(left, right) { return SCORE_CATEGORIES.every( (category) => left[category] === right[category] ); } function scoresAreSafe(scores) { return SCORE_CATEGORIES.every( (category) => Number.isInteger(scores[category]) && scores[category] >= 0 && scores[category] <= 4 ); } function expectedScores(state) { if (!state.species) return { ...EMPTY_SCORES }; let scores = { ...EMPTY_SCORES }; if (state.characterId) { const character = selectedCharacter(state); if (!character) return null; scores = addScore(scores, character.scoreCategory); } for (let index = 0; index < state.answerIds.length; index += 1) { const answer = selectedAnswer(state.species, index, state.answerIds[index]); if (!answer) return null; scores = addScore(scores, answer.scoreCategory); } return scores; } function setupStateIsValid(state) { const emptyProgress = state.petName === "" && state.breedId === null && state.characterId === null && state.answerIds.length === 0 && state.memories.length === 0 && state.sceneIndex === 0 && state.mode === "intro" && state.beatIndex === 0 && state.result === null && equalScores(state.scores, EMPTY_SCORES); if (!emptyProgress) return false; if (state.view === "species") return state.species === null; if (state.view === "profile") { return state.screen === "play" && state.species !== null; } return false; } function completedProfileIsValid(state) { if (!state.species || !state.breedId) return false; if (!getBreedOption(state.species, state.breedId)) return false; try { if (validatePetName(state.petName) !== state.petName) return false; } catch { return false; } return true; } function characterStateIsValid(state) { return state.view === "character" && completedProfileIsValid(state) && state.characterId === null && state.sceneIndex === 0 && state.mode === "intro" && state.beatIndex === 0 && state.answerIds.length === 0 && state.memories.length === 0 && state.result === null && equalScores(state.scores, EMPTY_SCORES); } function completedMemoriesMatch(state, completedScenes) { if (!state.species || state.memories.length !== completedScenes) return false; if (new Set(state.memories).size !== completedScenes) return false; for (let index = 0; index < completedScenes; index += 1) { const answer = selectedAnswer(state.species, index, state.answerIds[index]); if (!answer || answer.memoryAssetId !== state.memories[index]) return false; } return true; } function storyProgressIsValid(state) { if (!state.species || state.view !== "story") return false; const scene = sceneAt(state); if (!scene) return false; const beforeAnswer = state.answerIds.length === state.sceneIndex; const afterAnswer = state.answerIds.length === state.sceneIndex + 1; if (!beforeAnswer && !afterAnswer) return false; if (beforeAnswer) { if (!completedMemoriesMatch(state, state.sceneIndex)) return false; if (state.mode === "intro") return state.beatIndex === 0; if (state.mode === "typing" || state.mode === "await-advance") { return state.beatIndex >= 0 && state.beatIndex < scene.situation.length; } return state.mode === "await-choice" && state.beatIndex === 0; } const answer = selectedAnswer( state.species, state.sceneIndex, state.answerIds[state.sceneIndex] ); if (!answer) return false; if (state.mode === "completion") { return state.beatIndex === 0 && completedMemoriesMatch(state, state.sceneIndex + 1) && state.memories[state.sceneIndex] === answer.memoryAssetId; } if (!completedMemoriesMatch(state, state.sceneIndex)) return false; if (state.mode === "reaction") return state.beatIndex === 0; if (state.mode === "typing" || state.mode === "await-advance") { return state.beatIndex >= 0 && state.beatIndex < answer.reaction.length; } return false; } function completedStoryIsValid(state) { if (!state.species || state.sceneIndex !== 2 || state.mode !== "completion") { return false; } if (state.answerIds.length !== 3 || state.memories.length !== 3) return false; return completedMemoriesMatch(state, 3); } function isValidGameState(state) { if (state.version !== 2 || !scoresAreSafe(state.scores)) return false; if (state.view === "species" || state.view === "profile") { return setupStateIsValid(state); } if (state.screen !== "play") return false; if (state.view === "character") return characterStateIsValid(state); if (!completedProfileIsValid(state) || !selectedCharacter(state)) return false; const expected = expectedScores(state); if (!expected || !equalScores(state.scores, expected)) return false; if (state.view === "greeting") { return state.sceneIndex === 0 && state.mode === "intro" && state.beatIndex === 0 && state.answerIds.length === 0 && state.memories.length === 0 && state.result === null; } if (state.view === "story") { return storyProgressIsValid(state) && state.result === null; } if (!completedStoryIsValid(state)) return false; if (state.view === "resolution" || state.view === "insurance") { return state.result === null; } if (state.view !== "result") return false; const character = selectedCharacter(state); return character !== null && state.result === calculateResult(state.scores, character.scoreCategory); } // src/lib/game/story-director.ts var TYPE_SPEED_MS = 22; var MOTION_TIMEOUT_MS = 880; function motionStepIndices(stepCount, reactionBeatCount, reactionBeatIndex) { if (stepCount <= 0 || reactionBeatCount <= 0 || reactionBeatIndex < 0 || reactionBeatIndex >= reactionBeatCount) { return []; } const start = Math.floor(reactionBeatIndex * stepCount / reactionBeatCount); const end = Math.floor( (reactionBeatIndex + 1) * stepCount / reactionBeatCount ); return Array.from({ length: end - start }, (_, offset) => start + offset); } function graphemes(copy) { return [ ...new Intl.Segmenter("de", { granularity: "grapheme" }).segment(copy) ].map(({ segment }) => segment); } function prefersReducedMotion() { return window.matchMedia("(prefers-reduced-motion: reduce)").matches; } function createStoryDirector(elements) { let destroyed = false; let textTimer = null; let textKey = ""; let fullText = ""; let shownCharacters = 0; let textRunning = false; let onTextFinished = null; let motionKey = ""; let motionComplete = true; let motionTimer = null; let removeMotionListener = null; function clearTextTimer() { if (textTimer !== null) window.clearInterval(textTimer); textTimer = null; } function renderText(copy, typing) { elements.text.textContent = copy; elements.text.setAttribute("aria-label", fullText || copy); elements.text.dataset.typing = String(typing); } function completeText(notify) { if (!textRunning && !notify) return; clearTextTimer(); textRunning = false; shownCharacters = graphemes(fullText).length; renderText(fullText, false); const callback = onTextFinished; onTextFinished = null; if (notify && callback && !destroyed) callback(); } function showText({ key, copy, animate, onFinished }) { elements.next.hidden = true; if (key === textKey) { if (!animate) completeText(false); return; } clearTextTimer(); textKey = key; fullText = copy; shownCharacters = 0; onTextFinished = onFinished ?? null; textRunning = animate; if (!animate) { renderText(fullText, false); return; } if (prefersReducedMotion() || fullText.length === 0) { renderText(fullText, false); textRunning = false; const callback = onTextFinished; onTextFinished = null; if (callback) window.queueMicrotask(callback); return; } const characters = graphemes(fullText); renderText("", true); textTimer = window.setInterval(() => { shownCharacters += 1; const done = shownCharacters >= characters.length; renderText(characters.slice(0, shownCharacters).join(""), !done); if (done) completeText(true); }, TYPE_SPEED_MS); } function finishText() { if (!textRunning) return false; completeText(true); return true; } function setStaticText(copy) { clearTextTimer(); textKey = ""; fullText = copy; textRunning = false; onTextFinished = null; renderText(copy, false); elements.next.hidden = true; } function clearMotionTimer() { if (motionTimer !== null) window.clearTimeout(motionTimer); motionTimer = null; removeMotionListener?.(); removeMotionListener = null; } function clearMotionData() { for (const element of [elements.animal, elements.fx]) { delete element.dataset.motion; delete element.dataset.motionStep; delete element.dataset.motionCue; } } function playMotionPlan({ key, kind, steps, reactionBeatIndex, reactionBeatCount, onFinished }) { if (key === motionKey) return motionComplete; clearMotionTimer(); clearMotionData(); motionKey = key; motionComplete = false; const indices = motionStepIndices( steps.length, reactionBeatCount, reactionBeatIndex ); if (prefersReducedMotion() || indices.length === 0 || kind === "none") { motionComplete = true; window.queueMicrotask(onFinished); return true; } let cursor = 0; const runNext = () => { if (destroyed) return; if (cursor >= indices.length) { clearMotionData(); motionComplete = true; onFinished(); return; } const stepIndex = indices[cursor]; cursor += 1; clearMotionData(); void elements.animal.offsetWidth; for (const element of [elements.animal, elements.fx]) { element.dataset.motion = kind; element.dataset.motionStep = String(stepIndex); element.dataset.motionCue = steps[stepIndex] ?? ""; } let settled = false; const settle = () => { if (settled) return; settled = true; clearMotionTimer(); window.setTimeout(runNext, 0); }; const onAnimationEnd = (event) => { if (event.target === elements.animal) settle(); }; elements.animal.addEventListener("animationend", onAnimationEnd); removeMotionListener = () => { elements.animal.removeEventListener("animationend", onAnimationEnd); }; motionTimer = window.setTimeout(settle, MOTION_TIMEOUT_MS); }; runNext(); return false; } function resetVisualState() { clearTextTimer(); clearMotionTimer(); clearMotionData(); textKey = ""; fullText = ""; textRunning = false; onTextFinished = null; motionKey = ""; motionComplete = true; elements.next.hidden = true; } return { showText, finishText, setStaticText, playMotionPlan, resetVisualState, destroy: () => { destroyed = true; resetVisualState(); } }; } // src/lib/game/personalization.ts function personalizeStoryText(value, petName) { return value.replaceAll("{Tiername}", petName || "dein Tier"); } // src/lib/game/controller.ts var STORAGE_KEY = "tierisch-geregelt-game-v2"; var RETIRED_STORAGE_KEY = "tierisch-geregelt-game-v1"; var SOUND_KEY = "tierisch-game-sound"; var MUSIC_VOLUME = 0.3; var WEBSITE_URL = "https://tierisch-geregelt.de"; function requireElement(root2, selector, constructor) { const element = root2.querySelector(selector); if (!(element instanceof constructor)) { throw new Error(`Spiel-DOM fehlt: ${selector}`); } return element; } function normalize(value) { return value.trim().toLocaleLowerCase("de-DE").replaceAll("\xE4", "ae").replaceAll("\xF6", "oe").replaceAll("\xFC", "ue").replaceAll("\xDF", "ss").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[\p{P}\p{S}]+/gu, " ").replace(/\s+/g, " ").trim(); } function rank(term, query) { if (term === query) return 0; if (term.startsWith(query)) return 1; if (term.split(" ").some((word) => word.startsWith(query))) return 2; if (term.includes(query)) return 3; return null; } function setHidden(element, hidden) { element.hidden = hidden; element.setAttribute("aria-hidden", String(hidden)); } function safeFocus(element) { if (!element) return; window.requestAnimationFrame(() => { try { element.focus({ preventScroll: true }); } catch { element.focus(); } }); } function findSpeciesData(gameData, species) { return gameData.find((entry) => entry.species === species) ?? null; } function findBreed(data, breedId) { if (!data || !breedId) return null; return data.breeds.find(({ id }) => id === breedId) ?? (data.unknownBreed.id === breedId ? data.unknownBreed : null); } function sentenceCase(value) { const lower = value.toLocaleLowerCase("de-DE"); return lower.replace( /^\p{L}/u, (letter) => letter.toLocaleUpperCase("de-DE") ); } function formatEuro(value) { return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR", maximumFractionDigits: 0 }).format(value); } function bootstrapGame(root2, gameData) { const onboarding = requireElement( root2, '[data-game-screen="onboarding"]', HTMLElement ); const play = requireElement(root2, '[data-game-screen="play"]', HTMLElement); const startButton = requireElement( root2, "[data-game-start]", HTMLButtonElement ); const dialog = requireElement(root2, "[data-game-dialog]", HTMLElement); const speaker = requireElement(root2, "[data-game-speaker]", HTMLElement); const heading = requireElement(root2, "[data-game-heading]", HTMLElement); const text = requireElement(root2, "[data-game-text]", HTMLElement); const choices = requireElement(root2, "[data-game-choices]", HTMLElement); const actions = requireElement(root2, "[data-game-actions]", HTMLElement); const profilePanel = requireElement( root2, "[data-profile-panel]", HTMLElement ); const nameInput = requireElement(root2, "#game-pet-name", HTMLInputElement); const breedInput = requireElement(root2, "#game-breed", HTMLInputElement); const popup = requireElement(root2, "[data-breed-options]", HTMLElement); const nameError = requireElement(root2, "[data-name-error]", HTMLElement); const breedError = requireElement(root2, "[data-breed-error]", HTMLElement); const breedStatus = requireElement(root2, "[data-breed-status]", HTMLElement); const unknownBreedInput = requireElement( root2, "[data-unknown-breed]", HTMLInputElement ); const nameLabel = requireElement(root2, "[data-name-label]", HTMLElement); const breedLabel = requireElement(root2, "[data-breed-label]", HTMLElement); const profileNext = requireElement( root2, "[data-profile-next]", HTMLButtonElement ); const sceneImage = requireElement( root2, "[data-scene-image]", HTMLImageElement ); const sceneFallback = requireElement( root2, "[data-scene-fallback]", HTMLElement ); const animalActor = requireElement(root2, "[data-animal-actor]", HTMLElement); const animalImage = requireElement( root2, "[data-animal-image]", HTMLImageElement ); const kevinActor = requireElement(root2, "[data-kevin-actor]", HTMLElement); const memoryProp = requireElement(root2, "[data-memory-prop]", HTMLElement); const memoryImage = requireElement( root2, "[data-memory-image]", HTMLImageElement ); const nextIndicator = requireElement(root2, "[data-game-next]", HTMLElement); const toast = requireElement(root2, "[data-game-toast]", HTMLElement); const sceneFx = requireElement(root2, "[data-scene-fx]", HTMLElement); const hudProgress = requireElement(root2, "[data-hud-progress]", HTMLElement); const hudProgressbar = requireElement( root2, "[data-hud-progressbar]", HTMLElement ); const hudProgressFill = requireElement( root2, "[data-hud-progress-fill]", HTMLElement ); const hudMemories = requireElement(root2, "[data-hud-memories]", HTMLElement); const live = requireElement(root2, "[data-game-live]", HTMLElement); const audio = requireElement(root2, "[data-game-audio]", HTMLAudioElement); const soundButtons = [ ...root2.querySelectorAll("[data-sound-toggle]") ]; if (soundButtons.length !== 2) { throw new Error("Spiel-DOM ben\xF6tigt genau zwei Tonsteuerungen"); } clearSavedGame(); let state = createInitialState(); let selectedBreedDraft = null; let draftSpecies = null; let visibleBreeds = []; let activeBreedIndex = -1; let destroyed = false; let soundEnabled = readSoundPreference(); let motionReadyKey = ""; let lastCompletionKey = ""; let lastChoiceAt = 0; let lastAdvanceAt = 0; let renderedMemoryCount = state.memories.length; let toastTimer = null; let hudBumpTimer = null; let audioFadeFrame = null; const actorHideTimers = /* @__PURE__ */ new Map(); const storyDirector = createStoryDirector({ text, next: nextIndicator, animal: animalActor, fx: sceneFx }); audio.volume = 0; function clearSavedGame() { try { window.localStorage.removeItem(STORAGE_KEY); window.localStorage.removeItem(RETIRED_STORAGE_KEY); } catch { } } function readSoundPreference() { try { return window.sessionStorage.getItem(SOUND_KEY) === "on"; } catch { return false; } } function writeSoundPreference() { try { window.sessionStorage.setItem(SOUND_KEY, soundEnabled ? "on" : "off"); } catch { } } function updateSoundUi() { soundButtons.forEach((button) => { button.setAttribute("aria-pressed", String(soundEnabled)); button.setAttribute( "aria-label", soundEnabled ? "Ton ausschalten" : "Ton einschalten" ); const icon = button.querySelector("[data-sound-icon]"); if (icon) icon.textContent = soundEnabled ? "\u{1F50A}" : "\u{1F507}"; const label = button.querySelector("[data-sound-label]"); if (label) label.textContent = soundEnabled ? "Ton an" : "Ton aus"; }); } function playAudio() { if (!soundEnabled || document.hidden) return; audio.muted = false; audio.defaultMuted = false; if (!audio.paused) { audio.volume = MUSIC_VOLUME; return; } audio.volume = 0; audio.play().then(() => { const startedAt = performance.now(); const fade = (now) => { const progress = Math.min(1, (now - startedAt) / 900); audio.volume = MUSIC_VOLUME * progress; audioFadeFrame = progress < 1 ? window.requestAnimationFrame(fade) : null; }; audioFadeFrame = window.requestAnimationFrame(fade); }).catch(() => { }); } function toggleSound() { soundEnabled = !soundEnabled; writeSoundPreference(); updateSoundUi(); if (soundEnabled) playAudio(); else { if (audioFadeFrame !== null) window.cancelAnimationFrame(audioFadeFrame); audioFadeFrame = null; audio.pause(); audio.volume = 0; } } function retrySound() { if (soundEnabled && audio.paused) playAudio(); } function personalize(value) { return personalizeStoryText(value, state.petName); } function createChoiceButton(label, onSelect, meta) { const button = document.createElement("button"); button.type = "button"; button.className = "game-choice"; button.append(document.createTextNode(personalize(label))); if (meta) { const detail = document.createElement("span"); detail.className = "game-choice__meta"; detail.textContent = personalize(meta); button.append(detail); } button.addEventListener("click", onSelect); return button; } function createActionButton(label, action) { const button = createChoiceButton(label, () => dispatch(action)); button.classList.add("game-choice--primary"); return button; } function createActionLink(label, href) { const link = document.createElement("a"); link.className = "game-choice"; link.href = href; link.textContent = personalize(label); return link; } function setDialog(speakerName, title, copy) { speaker.textContent = speakerName; heading.textContent = personalize(title); storyDirector.setStaticText(personalize(copy)); } function resetInteraction() { dialog.scrollTop = 0; choices.replaceChildren(); actions.replaceChildren(); profilePanel.hidden = true; } function renderSpecies() { setDialog( "Erz\xE4hler", "Mit wem beginnt euer Abenteuer?", "W\xE4hle dein Tier. Name, Rasse und Charakter folgen direkt hier in der B\xFChne." ); gameData.forEach((entry) => { choices.append( createChoiceButton( entry.label, () => { selectedBreedDraft = null; draftSpecies = entry.species; dispatch({ type: "select-species", species: entry.species }); }, entry.storyTitle ) ); }); } function renderProfile(data) { setDialog( "Kevin", "Erz\xE4hl mir von deinem Tier", "Name und Rasse bleiben kompakt in unserer gemeinsamen Spielzone." ); profilePanel.hidden = false; nameLabel.textContent = data.nameQuestion; breedLabel.textContent = data.breedQuestion; if (draftSpecies !== data.species) { draftSpecies = data.species; selectedBreedDraft = null; nameInput.value = ""; breedInput.value = ""; breedInput.disabled = false; unknownBreedInput.checked = false; } } function renderCharacter(data) { setDialog( "Kevin", `Was passt am besten zu ${state.petName}?`, "W\xE4hle die Beschreibung, die euren Charakter am besten trifft." ); data.characters.forEach((choice) => { choices.append( createChoiceButton( choice.label, () => dispatch({ type: "choose-character", characterId: choice.id }) ) ); }); } function renderGreeting(data) { const breed = findBreed(data, state.breedId); setDialog( "Kevin", data.story.greeting.heading, `${data.story.greeting.text} ${data.story.greeting.instruction}` ); const summary = document.createElement("p"); summary.className = "game-hint"; summary.textContent = `${state.petName} \xB7 ${breed?.displayName ?? "gew\xE4hlte Rasse"}`; actions.append(summary); actions.append( createActionButton("Geschichte starten", { type: "start-story" }) ); } function storyBeatKey() { const answered = state.answerIds.length === state.sceneIndex + 1; return `${state.species}:${state.sceneIndex}:${answered ? "reaction" : "intro"}:${state.beatIndex}`; } function selectedSceneAnswer(scene) { const answerId = state.answerIds[state.sceneIndex]; return scene.answers.find(({ id }) => id === answerId) ?? null; } function showToast(copy) { if (toastTimer !== null) window.clearTimeout(toastTimer); toast.textContent = copy; toast.dataset.visible = "true"; toastTimer = window.setTimeout(() => { delete toast.dataset.visible; toastTimer = null; }, 2600); } function loadImage(src) { return new Promise((resolve, reject) => { const image = new Image(); image.onload = () => resolve(image); image.onerror = () => reject(new Error("Ergebnisbild fehlt")); image.src = src; }); } function drawContained(context, image, x, y, width, height) { const scale = Math.min( width / image.naturalWidth, height / image.naturalHeight ); const renderedWidth = image.naturalWidth * scale; const renderedHeight = image.naturalHeight * scale; context.drawImage( image, x + (width - renderedWidth) / 2, y + (height - renderedHeight) / 2, renderedWidth, renderedHeight ); } function drawWrappedText(context, copy, x, y, maxWidth, lineHeight, maxLines) { const lines = []; let line = ""; copy.split(/\s+/).forEach((word) => { const candidate = line ? `${line} ${word}` : word; if (!line || context.measureText(candidate).width <= maxWidth) line = candidate; else { lines.push(line); line = word; } }); if (line) lines.push(line); lines.slice(0, maxLines).forEach((entry, index) => { context.fillText(entry, x, y + index * lineHeight); }); return y + Math.min(lines.length, maxLines) * lineHeight; } async function createResultBlob(data, format) { const breed = findBreed(data, state.breedId); const copy = state.result ? data.story.resultCopy[state.result] : null; const answers = state.answerIds.map( (answerId, sceneIndex) => data.story.scenes[sceneIndex]?.answers.find(({ id }) => id === answerId) ); if (!breed || !copy || answers.some((answer) => !answer)) { throw new Error("Ergebnisdaten fehlen"); } const resolvedAnswers = answers.filter( (answer) => answer !== void 0 ); const [animal, ...memoryImages] = await Promise.all([ loadImage(breed.assetUrl), ...resolvedAnswers.map(({ memoryUrl }) => loadImage(memoryUrl)) ]); const canvas = document.createElement("canvas"); canvas.width = 1080; canvas.height = format === "story" ? 1920 : 1080; const context = canvas.getContext("2d"); if (!context) throw new Error("Canvas ist nicht verf\xFCgbar"); if (format === "post") { drawResultPost( context, canvas, animal, memoryImages, resolvedAnswers, breed.displayName, copy ); return canvasToBlob(canvas); } drawResultStory( context, canvas, animal, memoryImages, resolvedAnswers, breed.displayName, copy ); return canvasToBlob(canvas); } function drawResultStory(context, canvas, animal, memoryImages, answers, breedName, copy) { context.fillStyle = "#f5efe4"; context.fillRect(0, 0, canvas.width, canvas.height); context.textAlign = "center"; context.fillStyle = "#183f35"; context.font = '700 42px Georgia, "Times New Roman", serif'; context.fillText("\u2661 Tierisch geregelt", 540, 92); context.fillStyle = "#c87350"; context.font = '700 29px system-ui, "Segoe UI", sans-serif'; context.fillText("EIN MOMENT. EINE ECHTE KONSEQUENZ.", 540, 190, 930); context.fillStyle = "#183f35"; context.font = '700 70px Georgia, "Times New Roman", serif'; drawWrappedText( context, `${state.petName} und du seid ${copy.teamPhrase}`, 540, 285, 940, 78, 3 ); context.fillStyle = "#dde6da"; context.beginPath(); context.ellipse(540, 820, 430, 370, 0, 0, Math.PI * 2); context.fill(); drawContained(context, animal, 170, 495, 740, 650); context.fillStyle = "#c87350"; context.beginPath(); context.roundRect(235, 1115, 610, 76, 38); context.fill(); context.fillStyle = "#fffaf2"; context.font = '800 28px system-ui, "Segoe UI", sans-serif'; context.fillText("UNSERE BESONDERE ST\xC4RKE", 540, 1164); context.fillStyle = "#fffaf2"; context.beginPath(); context.roundRect(95, 1218, 890, 190, 38); context.fill(); context.fillStyle = "#183f35"; context.font = '700 42px Georgia, "Times New Roman", serif'; drawWrappedText(context, copy.strength, 540, 1280, 790, 50, 3); answers.forEach((answer, index) => { const centerX = 235 + index * 305; context.fillStyle = index === 1 ? "#dde6da" : "#f1d0bd"; context.beginPath(); context.arc(centerX, 1535, 116, 0, Math.PI * 2); context.fill(); drawContained(context, memoryImages[index], centerX - 76, 1458, 152, 152); context.fillStyle = "#183f35"; context.font = '700 25px system-ui, "Segoe UI", sans-serif'; drawWrappedText(context, answer.memoryName, centerX, 1685, 260, 30, 2); }); context.fillStyle = "#c87350"; context.font = '700 25px system-ui, "Segoe UI", sans-serif'; context.fillText(`${state.petName} \xB7 ${breedName}`, 540, 1790); context.fillStyle = "#183f35"; context.font = '700 30px system-ui, "Segoe UI", sans-serif'; context.fillText( "Damit andere Tiermenschen rechtzeitig vorsorgen.", 540, 1840 ); context.font = '700 25px system-ui, "Segoe UI", sans-serif'; context.fillText("tierisch-geregelt.de", 540, 1890); context.textAlign = "left"; } function canvasToBlob(canvas) { return new Promise((resolve, reject) => { canvas.toBlob( (blob) => blob ? resolve(blob) : reject(new Error("Bildexport fehlgeschlagen")), "image/png" ); }); } function drawResultPost(context, canvas, animal, memoryImages, answers, breedName, copy) { context.fillStyle = "#f5efe4"; context.fillRect(0, 0, canvas.width, canvas.height); context.textAlign = "center"; context.fillStyle = "#c87350"; context.font = '700 28px system-ui, "Segoe UI", sans-serif'; context.fillText("EIN MOMENT. EINE ECHTE KONSEQUENZ.", 540, 64, 940); context.fillStyle = "#183f35"; context.font = '700 60px Georgia, "Times New Roman", serif'; drawWrappedText( context, `${state.petName} und du seid ${copy.teamPhrase}`, 540, 135, 930, 66, 2 ); context.font = '700 27px system-ui, "Segoe UI", sans-serif'; context.fillText(`${state.petName} \xB7 ${breedName}`, 540, 265); drawContained(context, animal, 260, 280, 560, 410); context.fillStyle = "#fffaf2"; context.beginPath(); context.roundRect(105, 685, 870, 125, 32); context.fill(); context.fillStyle = "#c87350"; context.font = '800 22px system-ui, "Segoe UI", sans-serif'; context.fillText("UNSERE BESONDERE ST\xC4RKE", 540, 725); context.fillStyle = "#183f35"; context.font = '700 30px Georgia, "Times New Roman", serif'; drawWrappedText(context, copy.strength, 540, 768, 760, 34, 2); answers.forEach((answer, index) => { const x = 270 + index * 270; drawContained(context, memoryImages[index], x - 58, 825, 116, 105); context.fillStyle = "#183f35"; context.font = '700 20px system-ui, "Segoe UI", sans-serif'; drawWrappedText(context, answer.memoryName, x, 955, 220, 24, 2); }); context.fillStyle = "#183f35"; context.font = '700 24px system-ui, "Segoe UI", sans-serif'; context.fillText("tierisch-geregelt.de", 540, 1045); context.textAlign = "left"; } function resultFilename(format) { const safeName = (state.petName || "tiergeschichte").toLocaleLowerCase("de-DE").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""); return `tierisch-geregelt-${safeName || "tiergeschichte"}-${format === "story" ? "story" : "beitrag"}.png`; } async function saveResult(data, format) { live.textContent = "Ergebnisbild wird vorbereitet."; try { const blob = await createResultBlob(data, format); const url = URL.createObjectURL(blob); const link = document.createElement("a"); link.href = url; link.download = resultFilename(format); link.click(); window.setTimeout(() => URL.revokeObjectURL(url), 0); live.textContent = "Dein Ergebnisbild wurde gespeichert."; } catch { live.textContent = "Das Ergebnisbild konnte nicht erstellt werden."; } } async function shareResult(data) { const format = "story"; live.textContent = "Teilen wird vorbereitet."; try { const blob = await createResultBlob(data, format); const file = new File([blob], resultFilename(format), { type: "image/png" }); const shareText = `${data.story.resultMessage} Spiel eure eigene Tiergeschichte: ${WEBSITE_URL}`; const shareData = { title: `${state.petName}s Tierisch-geregelt-Ergebnis`, text: shareText, files: [file] }; const supportsFileShare = typeof navigator.share === "function" && (typeof navigator.canShare !== "function" || navigator.canShare({ files: [file] })); if (supportsFileShare) { await navigator.share(shareData); live.textContent = "Teilen ge\xF6ffnet. W\xE4hle jetzt die gew\xFCnschte App."; } else { await saveResult(data, format); live.textContent = "Dein Browser kann das Bild nicht direkt teilen. Das Ergebnis wurde deshalb gespeichert."; } } catch (error) { if (error instanceof DOMException && error.name === "AbortError") { live.textContent = "Teilen wurde abgebrochen."; return; } await saveResult(data, format); live.textContent = "Dein Ergebnisbild wurde gespeichert."; } } function renderCompletion(scene) { storyDirector.resetVisualState(); setDialog("Kevin", scene.title, scene.completionCopy); const answer = selectedSceneAnswer(scene); if (!answer) return; memoryImage.src = answer.memoryUrl; memoryImage.alt = ""; memoryProp.hidden = false; memoryProp.dataset.revealed = "true"; const nextLabel = state.sceneIndex < 2 ? `Weiter zu Szene ${state.sceneIndex + 2}` : "Weiter zur Aufl\xF6sung"; actions.append(createActionButton(nextLabel, { type: "advance" })); const completionKey = `${scene.id}:${answer.id}`; if (completionKey !== lastCompletionKey) { lastCompletionKey = completionKey; showToast(`Erinnerung gesammelt: ${answer.memoryName}`); live.textContent = `${answer.memoryName} gesammelt. ${state.memories.length} von drei Erinnerungen. ${nextLabel}.`; } } function renderStoryChoices(scene) { storyDirector.resetVisualState(); setDialog("Erz\xE4hler", scene.title, scene.question); scene.answers.forEach((answer, index) => { const button = createChoiceButton( sentenceCase(personalize(answer.label)), () => { const now = Date.now(); if (now - lastChoiceAt < 220) return; lastChoiceAt = now; choices.querySelectorAll("button").forEach((choice) => { choice.disabled = true; }); dispatch({ type: "choose-answer", answerId: answer.id }); } ); button.dataset.choiceIndex = String(index); button.style.setProperty("--choice-index", String(index)); choices.append(button); }); live.textContent = `${scene.question} Drei Antworten stehen zur Auswahl.`; } function renderStoryBeat(scene, answer) { const key = storyBeatKey(); const isReaction = answer !== null; const copy = isReaction ? answer.reaction[state.beatIndex] ?? "" : scene.situation[state.beatIndex] ?? ""; speaker.textContent = "Erz\xE4hler"; heading.textContent = scene.title; const animate = state.mode === "intro" || state.mode === "typing" || state.mode === "reaction"; storyDirector.showText({ key, copy: personalize(copy), animate, onFinished: () => { if (storyBeatKey() === key) { dispatch({ type: "finish-typing" }, false); } } }); if (isReaction) { const ready = storyDirector.playMotionPlan({ key, kind: answer.animationKind, steps: answer.animationSteps.map(personalize), reactionBeatIndex: state.beatIndex, reactionBeatCount: answer.reaction.length, onFinished: () => { if (storyBeatKey() !== key) return; motionReadyKey = key; render(false); } }); if (ready) motionReadyKey = key; } else { motionReadyKey = key; } nextIndicator.hidden = !(state.mode === "await-advance" && motionReadyKey === key); live.textContent = isReaction ? `Reaktion auf deine Entscheidung, Abschnitt ${state.beatIndex + 1} von ${answer.reaction.length}.` : `Szene ${state.sceneIndex + 1}, Abschnitt ${state.beatIndex + 1} von ${scene.situation.length}.`; } function renderStory(data) { memoryProp.hidden = true; delete memoryProp.dataset.revealed; const scene = data.story.scenes[state.sceneIndex]; if (!scene) return; if (state.mode === "completion") { renderCompletion(scene); return; } if (state.mode === "await-choice") { renderStoryChoices(scene); return; } renderStoryBeat(scene, selectedSceneAnswer(scene)); } function renderLaterView(data) { if (state.view === "resolution") { const finalScene = data.story.scenes[2]; const answer = finalScene ? selectedSceneAnswer(finalScene) : null; const consequence = answer?.consequence; if (!consequence) throw new Error("Kostenfolge der Geschichte fehlt"); setDialog( "Geschafft!", personalize(consequence.heading), consequence.summary ); const card = document.createElement("section"); card.className = "game-consequence"; card.setAttribute("aria-label", "Beispielhafte Kostenfolge"); const total = document.createElement("p"); total.className = "game-consequence__total"; total.textContent = `${formatEuro(consequence.totalMinimumEuro)} bis ${formatEuro(consequence.totalMaximumEuro)}`; const totalLabel = document.createElement("span"); totalLabel.textContent = "M\xF6gliche Gesamtkosten"; total.prepend(totalLabel); const items = document.createElement("ul"); consequence.costItems.forEach((item) => { const row = document.createElement("li"); const label = document.createElement("span"); label.textContent = item.label; const value = document.createElement("strong"); value.textContent = `${formatEuro(item.minimumEuro)} bis ${formatEuro(item.maximumEuro)}`; row.append(label, value); items.append(row); }); const note = document.createElement("p"); note.className = "game-consequence__note"; note.textContent = "Beispielhafte Spanne. Tats\xE4chliche Kosten h\xE4ngen von Schaden, Behandlung, Region, Geb\xFChrensatz und Tarif ab."; card.append(total, items, note); actions.append( card, createActionButton("Was h\xE4tte dich gesch\xFCtzt?", { type: "advance" }) ); return; } if (state.view === "insurance") { setDialog( "Kevin", data.story.insuranceImpulse.heading, data.story.insuranceImpulse.text ); const contact = createActionLink( data.story.insuranceImpulse.buttonLabel, "index.html#kontakt" ); contact.classList.add("game-choice--primary"); actions.append( contact, createChoiceButton( "Euer Fazit ansehen", () => dispatch({ type: "advance" }) ) ); return; } const copy = state.result ? data.story.resultCopy[state.result] : null; const breed = findBreed(data, state.breedId); setDialog( "Euer Fazit", copy ? `${state.petName} und du seid ${copy.teamPhrase}` : "Euer Ergebnis", copy ? data.story.resultMessage : "" ); if (copy) { const portrait = document.createElement("figure"); portrait.className = "game-result-portrait"; const portraitImage = document.createElement("img"); portraitImage.src = breed?.assetUrl ?? ""; portraitImage.alt = `${state.petName}, ${breed?.displayName ?? data.label}`; portrait.append(portraitImage); const breedLine = document.createElement("p"); breedLine.className = "game-result-breed"; breedLine.textContent = `${state.petName} \xB7 ${breed?.displayName ?? data.label}`; const memoryList = document.createElement("ul"); memoryList.className = "game-result-memories"; memoryList.setAttribute("aria-label", "Eure drei Erinnerungen"); state.answerIds.forEach((answerId, sceneIndex) => { const answer = data.story.scenes[sceneIndex]?.answers.find( ({ id }) => id === answerId ); if (!answer) return; const item = document.createElement("li"); const image = document.createElement("img"); image.src = answer.memoryUrl; image.alt = ""; const label = document.createElement("span"); label.textContent = answer.memoryName; item.append(image, label); memoryList.append(item); }); const strength = document.createElement("p"); strength.className = "game-result-strength"; strength.textContent = `Eure besondere St\xE4rke: ${copy.strength}`; const share = createChoiceButton("Geschichte teilen", () => { void shareResult(data); }); actions.append(portrait, breedLine, memoryList); actions.append(strength); const contact = createActionLink( "Kostenlos pr\xFCfen, was zu euch passt", "index.html#kontakt" ); contact.classList.add("game-choice--primary"); actions.append( contact, share, createChoiceButton("Neu spielen", () => dispatch({ type: "restart" })) ); } } function renderActors(data) { const breed = findBreed(data, state.breedId); root2.dataset.species = state.species ?? "none"; if (breed) { animalImage.src = breed.assetUrl; animalImage.alt = ""; } else { animalImage.removeAttribute("src"); } const showKevin = state.view === "species" || state.view === "profile" || state.view === "character" || state.view === "greeting" || state.view === "resolution" || state.view === "insurance" || state.view === "story" && state.mode === "completion"; const showAnimal = Boolean(breed) && state.view === "story" && state.mode !== "completion"; setActorVisibility(kevinActor, showKevin); setActorVisibility(animalActor, showAnimal); const scene = state.view === "story" ? data?.story.scenes[state.sceneIndex] : null; if (scene?.backgroundUrl) { sceneImage.src = scene.backgroundUrl; sceneImage.hidden = false; sceneFallback.hidden = true; } else { sceneImage.hidden = true; sceneImage.removeAttribute("src"); sceneFallback.hidden = false; } const narrator = state.view === "species" || state.view === "story"; kevinActor.dataset.dim = String(narrator); animalActor.dataset.dim = String(state.view !== "story"); kevinActor.dataset.stage = state.view === "story" ? "story" : "setup"; animalActor.dataset.stage = state.view === "story" ? "story" : "setup"; } function setActorVisibility(actor, visible) { const hideTimer = actorHideTimers.get(actor); if (hideTimer !== void 0) { window.clearTimeout(hideTimer); actorHideTimers.delete(actor); } if (visible) { const becomesVisible = actor.hidden || actor.dataset.presence === "exit"; actor.hidden = false; delete actor.dataset.presence; if (!becomesVisible) return; void actor.offsetWidth; actor.dataset.presence = "enter"; window.setTimeout(() => { if (actor.dataset.presence === "enter") { delete actor.dataset.presence; } }, 520); return; } if (actor.hidden) return; actor.dataset.presence = "exit"; const timer = window.setTimeout(() => { if (actor.dataset.presence === "exit") { actor.hidden = true; delete actor.dataset.presence; } actorHideTimers.delete(actor); }, 320); actorHideTimers.set(actor, timer); } function renderHud() { const sceneNumber = state.view === "story" ? state.sceneIndex + 1 : 0; const labels = { species: "Tier ausw\xE4hlen", profile: "Name und Rasse", character: "Charakter", greeting: "Bereit zum Start", story: `Szene ${sceneNumber} von 3`, resolution: "Geschichte geschafft", insurance: "Kurz eingeordnet", result: "Euer Ergebnis" }; hudProgress.textContent = labels[state.view]; hudProgressbar.setAttribute("aria-valuenow", String(sceneNumber)); hudProgressFill.style.width = `${sceneNumber / 3 * 100}%`; const memoryCount = state.memories.length; hudMemories.querySelector("span").textContent = `${"\u2605 ".repeat(memoryCount)}${"\u2606 ".repeat(3 - memoryCount)}`.trim(); hudMemories.setAttribute( "aria-label", memoryCount === 0 ? "Noch null von drei Erinnerungen gesammelt" : `${memoryCount} von drei Erinnerungen gesammelt` ); if (memoryCount > renderedMemoryCount) { if (hudBumpTimer !== null) window.clearTimeout(hudBumpTimer); hudMemories.dataset.bump = "true"; hudBumpTimer = window.setTimeout(() => { delete hudMemories.dataset.bump; hudBumpTimer = null; }, 700); } renderedMemoryCount = memoryCount; } function render(focus = true) { const showOnboarding = state.screen === "onboarding"; setHidden(onboarding, !showOnboarding); setHidden(play, showOnboarding); root2.dataset.screen = state.screen; root2.dataset.view = state.view; root2.dataset.mode = state.mode; if (showOnboarding) { storyDirector.resetVisualState(); if (focus) safeFocus(startButton); return; } resetInteraction(); const data = findSpeciesData(gameData, state.species); renderActors(data); renderHud(); if (state.view !== "story") { storyDirector.resetVisualState(); memoryProp.hidden = true; delete memoryProp.dataset.revealed; } if (state.view === "species") renderSpecies(); else if (state.view === "profile" && data) renderProfile(data); else if (state.view === "character" && data) renderCharacter(data); else if (state.view === "greeting" && data) renderGreeting(data); else if (state.view === "story" && data) renderStory(data); else if (data) renderLaterView(data); if (!focus) return; if (state.view === "profile") safeFocus(nameInput); else { const firstControl = choices.querySelector("button") ?? actions.querySelector("button"); safeFocus(firstControl ?? dialog); } } function dispatch(action, focus = true) { if (destroyed) return false; const next = transition(state, action); if (next === state) return false; state = next; if (action.type === "restart") { selectedBreedDraft = null; draftSpecies = null; motionReadyKey = ""; lastCompletionKey = ""; lastChoiceAt = 0; lastAdvanceAt = 0; renderedMemoryCount = 0; if (toastTimer !== null) window.clearTimeout(toastTimer); toastTimer = null; delete toast.dataset.visible; toast.textContent = ""; live.textContent = ""; if (hudBumpTimer !== null) window.clearTimeout(hudBumpTimer); hudBumpTimer = null; delete hudMemories.dataset.bump; nameInput.value = ""; breedInput.value = ""; } render(focus); return true; } function closePopup() { popup.hidden = true; breedInput.setAttribute("aria-expanded", "false"); breedInput.removeAttribute("aria-activedescendant"); activeBreedIndex = -1; } function selectBreed(option) { selectedBreedDraft = option; breedInput.value = option.displayName; breedError.textContent = ""; breedStatus.textContent = `${option.displayName} ausgew\xE4hlt.`; closePopup(); } function renderBreedPopup() { const data = findSpeciesData(gameData, state.species); if (!data || state.view !== "profile") { closePopup(); return; } const query = normalize(breedInput.value); if (selectedBreedDraft && breedInput.value.trim() === selectedBreedDraft.displayName) { closePopup(); return; } if (!query) { visibleBreeds = []; closePopup(); breedStatus.textContent = "Tippe mindestens einen Buchstaben."; return; } visibleBreeds = data.breeds.map((option) => { const ranks = option.normalizedSearchTerms.map((term) => rank(term, query)).filter((value) => value !== null); return ranks.length ? { option, rank: Math.min(...ranks) } : null; }).filter( (entry) => entry !== null ).sort( (left, right) => left.rank - right.rank || left.option.displayName.localeCompare( right.option.displayName, "de-DE" ) || left.option.id.localeCompare(right.option.id) ).slice(0, 12).map(({ option }) => option); popup.replaceChildren(); if (visibleBreeds.length) { const popupHeading = document.createElement("p"); popupHeading.className = "game-combobox__heading"; popupHeading.textContent = "Passende Rassen"; popup.append(popupHeading); visibleBreeds.forEach((option, index) => { const button = document.createElement("button"); button.type = "button"; button.id = `breed-option-${index}`; button.className = "game-combobox__option"; button.setAttribute("role", "option"); button.setAttribute( "aria-selected", String(selectedBreedDraft?.id === option.id) ); button.dataset.optionIndex = String(index); button.textContent = option.displayName; button.addEventListener( "pointerdown", (event) => event.preventDefault() ); button.addEventListener("click", () => selectBreed(option)); popup.append(button); }); } else { const empty = document.createElement("p"); empty.className = "game-combobox__empty"; empty.textContent = "Keine passende Rasse gefunden. Du kannst unten \u201ARasse nicht aufgef\xFChrt oder unbekannt\u2018 ausw\xE4hlen."; popup.append(empty); } popup.hidden = false; breedInput.setAttribute("aria-expanded", "true"); breedStatus.textContent = `${visibleBreeds.length} passende Rassen gefunden.`; } function updateActiveBreed() { const options = [ ...popup.querySelectorAll("[data-option-index]") ]; options.forEach((option, index) => { option.dataset.active = String(index === activeBreedIndex); }); const active = options[activeBreedIndex]; if (!active) return; breedInput.setAttribute("aria-activedescendant", active.id); active.scrollIntoView({ block: "nearest" }); breedStatus.textContent = `${active.textContent}, Option ${activeBreedIndex + 1} von ${options.length}.`; } function submitProfile() { let validName = true; try { validatePetName(nameInput.value); nameError.textContent = ""; } catch { validName = false; nameError.textContent = "Bitte gib einen Namen mit 1 bis 30 Zeichen ein."; } breedError.textContent = selectedBreedDraft ? "" : "Bitte w\xE4hle eine vorhandene Rasse oder setze den Haken darunter."; if (!validName || !selectedBreedDraft) { safeFocus(validName ? breedInput : nameInput); return; } dispatch({ type: "submit-profile", petName: nameInput.value, breedId: selectedBreedDraft.id }); } function onBreedKeydown(event) { if (event.key === "Escape" || event.key === "Tab") { closePopup(); return; } if (event.key === "ArrowDown" || event.key === "ArrowUp") { if (popup.hidden) renderBreedPopup(); if (!visibleBreeds.length) return; event.preventDefault(); const direction = event.key === "ArrowDown" ? 1 : -1; activeBreedIndex = activeBreedIndex < 0 ? direction > 0 ? 0 : visibleBreeds.length - 1 : (activeBreedIndex + direction + visibleBreeds.length) % visibleBreeds.length; updateActiveBreed(); return; } if (event.key === "Enter" && activeBreedIndex >= 0) { event.preventDefault(); selectBreed(visibleBreeds[activeBreedIndex]); } } function advanceStoryInput() { if (state.view !== "story" || state.mode === "await-choice") { return; } const now = Date.now(); if (now - lastAdvanceAt < 220) return; lastAdvanceAt = now; if (state.mode === "completion") { dispatch({ type: "advance" }); return; } if (storyDirector.finishText()) return; if (state.mode === "await-advance" && motionReadyKey === storyBeatKey()) { dispatch({ type: "advance" }); } } function eventComesFromControl(event) { return event.target instanceof Element && event.target.closest("button, a, input, select, textarea") !== null; } function onPlayClick(event) { if (eventComesFromControl(event)) return; advanceStoryInput(); } function onDocumentKeydown(event) { if (event.key === "Escape") { if (!popup.hidden) { event.preventDefault(); closePopup(); return; } if (state.screen !== "play") return; event.preventDefault(); if (window.confirm( "M\xF6chtest du das Spiel verlassen und zur Website zur\xFCckkehren?" )) { window.location.href = "index.html"; } return; } if (!["Enter", " ", "ArrowRight", "ArrowDown"].includes(event.key) || eventComesFromControl(event)) { return; } if (state.view !== "story") return; event.preventDefault(); advanceStoryInput(); } function onVisibilityChange() { if (document.hidden) { if (audioFadeFrame !== null) window.cancelAnimationFrame(audioFadeFrame); audioFadeFrame = null; audio.pause(); audio.volume = 0; } else playAudio(); } startButton.addEventListener("click", () => { dispatch({ type: "start-game" }); playAudio(); }); soundButtons.forEach( (button) => button.addEventListener("click", toggleSound) ); root2.querySelectorAll("[data-game-back]").forEach( (button) => button.addEventListener("click", () => dispatch({ type: "go-back" })) ); root2.querySelectorAll("[data-game-restart]").forEach( (button) => button.addEventListener("click", () => dispatch({ type: "restart" })) ); profileNext.addEventListener("click", submitProfile); breedInput.addEventListener("focus", renderBreedPopup); breedInput.addEventListener("input", () => { selectedBreedDraft = null; renderBreedPopup(); }); breedInput.addEventListener("keydown", onBreedKeydown); breedInput.addEventListener("blur", closePopup); unknownBreedInput.addEventListener("change", () => { closePopup(); breedError.textContent = ""; breedInput.disabled = unknownBreedInput.checked; breedInput.value = ""; selectedBreedDraft = unknownBreedInput.checked ? findSpeciesData(gameData, state.species)?.unknownBreed ?? null : null; breedStatus.textContent = unknownBreedInput.checked ? "Rasse nicht aufgef\xFChrt oder unbekannt ausgew\xE4hlt." : "Rassenauswahl wieder aktiviert."; if (!unknownBreedInput.checked) safeFocus(breedInput); }); play.addEventListener("click", onPlayClick); root2.addEventListener("pointerdown", retrySound, true); document.addEventListener("keydown", onDocumentKeydown, true); document.addEventListener("visibilitychange", onVisibilityChange); updateSoundUi(); render(true); return { dispatch, getState: () => state, destroy: () => { destroyed = true; audio.pause(); if (audioFadeFrame !== null) window.cancelAnimationFrame(audioFadeFrame); storyDirector.destroy(); if (toastTimer !== null) window.clearTimeout(toastTimer); if (hudBumpTimer !== null) window.clearTimeout(hudBumpTimer); actorHideTimers.forEach((timer) => window.clearTimeout(timer)); actorHideTimers.clear(); play.removeEventListener("click", onPlayClick); root2.removeEventListener("pointerdown", retrySound, true); document.removeEventListener("keydown", onDocumentKeydown, true); document.removeEventListener("visibilitychange", onVisibilityChange); } }; } // src/lib/game/browser-entry.ts var root = document.querySelector("[data-game-entry]"); var dataElement = document.querySelector("#game-entry-data"); if (root && dataElement?.dataset.gameEntryData) { try { const gameData = JSON.parse( dataElement.dataset.gameEntryData ); bootstrapGame(root, gameData); } catch (error) { root.dataset.gameError = "true"; const live = root.querySelector("[data-game-live]"); if (live) { live.textContent = "Das Spiel konnte nicht gestartet werden. Bitte lade die Seite neu."; } console.error("[Tierisch geregelt] Spielstart fehlgeschlagen", error); } } })();

Ein kleines Abenteuer für euch beide.

Optionale Dienste selbst bestimmen