@rangl_david: ## Odkaz pro stažení HTML verz...

Odkaz pro stažení HTML verze‼️👇
https://drive.google.com/file/d/1IsoqVwgQdmO4kFfbWpvIimItJ93P61mb/view?usp=drivesdk

# SUPERPROMPT: Vzdělávací kvízová hra „Cesta českou historií"

Vytvoř kompletní funkční hru v **jednom HTML souboru** (HTML + CSS + JavaScript, bez externích knihoven, frameworků a bez připojení k internetu). Hra musí běžet po dvojkliku v běžném prohlížeči (Chrome, Edge, Firefox) bez jakékoli instalace.

Cílová skupina a téma

- Děti **8–10 let**, jazyk **čeština**, jednoduché a srozumitelné formulace.

- Téma: **česká historie** přístupně a zábavně, formou kvízu.

- Tón **laskavý, dobrodružný, nestresující**. Vyhýbej se traumatickým a násilným detailům (žádné popisy poprav, válečných hrůz apod.). U 20. století zůstaň u pozitivních, srozumitelných momentů.

Struktura obsahu – výpravy po historických etapách

Hra je rozdělená na **10 výprav (úrovní), chronologicky** od nejstarších dob po dnešek:

Každá výprava má **banku 6–7 otázek** (celkem zhruba 55+). Otázka má: text, 3–4 odpovědi, označení správné, krátké vysvětlení a navíc samostatnou **bonusovou historickou zajímavost („Věděl jsi, že…")**. Data otázek drž v přehledném JS poli/objektu, ať se snadno doplňují, a kód komentuj česky.

Herní mechanika (nestresová)

- **Žádný časový limit, žádné životy, žádné „prohrál jsi".**

- Výběr odpovědi ze 3–4 možností. Po odpovědi okamžitá zpětná vazba:

- U **správné** odpovědi: pochvala + vysvětlení + zvlášť zvýrazněný „svitek" s **historickou zajímavostí**.

- U **špatné**: povzbuzení, ukázání správné odpovědi s vysvětlením a možnost **zkusit znovu** nebo **pokračovat**.

- **Sbírání hvězdiček** za správné odpovědi, **odznaky** za dokončené výpravy, **ukazatel postupu** (progress bar) a počítadlo odznaků v horní liště.

- **Postupné odemykání** výprav (další se zpřístupní po dokončení předchozí), prezentované jako **časová osa**.

- **Míchání pořadí odpovědí** u každé otázky (správná není stále na stejné pozici).

- **Banka otázek + losování**: z každé etapy se losuje jen část otázek, takže opakované hraní nabízí jiné otázky.

- **Obtížnostní režimy**: „Začátečník" (3 odpovědi, méně otázek) a „Malý historik" (4 odpovědi, více otázek), volitelné a kdykoli přepnutelné.

Funkce navíc

- **Uložení postupu** do `localStorage` (dokončené výpravy, hvězdičky, jméno, nastavení zvuku) + tlačítko pro úplný restart s potvrzením.

- **Ovládání klávesnicí**: výběr odpovědi klávesami 1–4, potvrzení/pokračování Enterem; nenápadná nápověda u otázky.

- **Shrnutí „Co sis zapamatoval"** na konci výpravy – seznam zajímavostí z právě odehraných otázek.

- **Sběratelské kartičky**: po dokončení výpravy se odemkne ozdobná kartička s ilustrací a faktem; samostatná obrazovka s celou sbírkou (zamčené kartičky zašedlé).

- **Diplom k vytištění**: na konci dítě napíše jméno a vytiskne si „Diplom malého historika" (tisk přes `window.print()`, s tiskovým CSS, které skryje ovládací prvky).

Vzhled a UX

- Vizuální téma **„iluminovaný rukopis / starý pergamen"**: tmavě modré pozadí jako noční obloha staré knihy s jemnými zlatými hvězdami, pergamenové panely, zlaté akcenty, pečetní červeň, dvojitý zlatý rámeček.

- Barevné, přátelské, velká čitelná tlačítka a písmo. Plně **responzivní** (PC i tablet).

- **Vlastní jednoduché SVG ilustrace** pro každou etapu (mamut, hradiště, hora Říp, koruna, husitský vůz, hvězdář, trůn, kniha, vlajka, zvon) místo emoji. Odznaky jako medaile na stuze (také SVG).

- Žádné obrázky z internetu.

Animace a zvuk

- **Oslavné animace po dokončení levelu**: příchod obrazovky zvětšením, nadpis padající shora, odznak s efektem „doskoku" a jemným houpáním, otáčející se zlatý paprskový rozblesk za odznakem, postupné objevení souhrnu, pulzující skóre, dvě vlny **konfet** a vyletující **hvězdičky/jiskry**. Bohatší finále po dokončení všech výprav.

- **Základní zvuky** přes Web Audio API: cinknutí při výběru odpovědi, tón pro správně/špatně, jemný „swoosh" při přechodech a **slavnostní fanfára** se závěrečným akordem při dokončení levelu i celé hry. Zvuk jde **vypnout** tlačítkem.

- Respektuj `prefers-reduced-motion` (utlum animace a vypni konfety/jiskry, pokud to má uživatel nastavené).

Technické požadavky

- Vše v **jednom `.html` souboru**, žádné externí závislosti, funguje offline.

- Žádné `localStorage` chyby, pokud není dostupné (ošetři `try/catch`).

- Otázky a data výprav přehledně v jednom poli, komentáře v češtině, ať se obsah snadno rozšiřuje.

- Výstupem jediný kompletní soubor `historie-kviz.html` připravený ke spuštění.