AIreadme.txt
=================

Ziel
----
Dieser Ordner ist eine fertige, statische Mini-Webapp mit 2 Spielmodi rund um Fortnite:
1) Guess the Collab (Ja/Nein + Enzyklopädie)
2) Guess the Price (Skin-Preisraten)

Die App ist dafür vorbereitet, als abgegrenzte Unterseite auf einem Server zu laufen.


Wichtige Laufzeitdateien (MUSS bleiben)
---------------------------------------
- index.html
- collab_game.html
- price_game.html
- app.js
- style.css
- skins.js
- images/  (kompletter Ordner mit Collab-Bildern)

Ohne diese Dateien funktioniert die App nicht vollständig.


Startpunkte / Routing
---------------------
- Hauptmenü: index.html
- Direkt ins Collab-Spiel: collab_game.html#game
- Direkt in die Enzyklopädie: collab_game.html#encyclopedia
- Direkt ins Preis-Spiel: price_game.html

Hinweis:
`collab_game.html` hat KEINEN alten Startscreen mehr. Es startet direkt per Hash-Route.


Wie die Spiele funktionieren
----------------------------
A) Guess the Collab (collab_game.html + app.js + style.css + images/)
- Frageformat: "Ist das in Fortnite?" mit Realbild.
- Antwort-Flow: Ja/Nein -> Feedback mit Fortnite-Bild und Infos.
- Ergebnisseite mit Statistik.
- Enzyklopädie-Ansicht mit Kategorien/Filter und Detail-Modal.
- Enzyklopädie-Header hat keinen zusätzlichen Zurück-Button (bewusst entfernt).

B) Guess the Price (price_game.html + skins.js)
- Zeigt zufällige Skins aus SKINS (in skins.js).
- Antwortbuttons für 500 / 800 / 1200 / 1500 / 2000 V-Bucks.
- Nach Antwort: Auflösung inkl. Europreis (1000 VB = 8,99 €).
- Zufall mit Gewichtung:
  - 500 VB: 16%
  - 800/1200/1500/2000 VB: jeweils 21%
- No-repeat Fenster: Ein bereits gezeigter Skin darf erst nach 50 weiteren wieder auftauchen.
- "Nächster Skin" ist als fixer Top-Button erreichbar (ohne Scrollen).


Deployment-Hinweis für die "rote Button Unterseite"
---------------------------------------------------
Falls diese App in eine bestehende Website eingebaut wird:
- Lege diesen Ordner als eigenen Unterpfad ab, z. B.:
  /fortnite-experience/
- Der rote Button der Hauptwebsite soll auf diesen Einstieg zeigen:
  /fortnite-experience/index.html

WICHTIG (Relative Pfade):
- Alle internen Links sind relativ (z. B. collab_game.html, price_game.html, images/...).
- Deshalb muss die App als kompletter zusammenhängender Ordner deployed werden.
- Nicht einzelne Dateien aus dem Kontext reißen.


Schnelle Server-Checks nach Upload
----------------------------------
Mindestens diese URLs auf HTTP 200 prüfen:
- /fortnite-experience/index.html
- /fortnite-experience/collab_game.html#game
- /fortnite-experience/collab_game.html#encyclopedia
- /fortnite-experience/price_game.html

Manuelle Smoke-Checks:
1) Von index -> Guess the Collab klickbar
2) Von index -> Guess the Price klickbar
3) Enzyklopädie öffnet direkt über #encyclopedia
4) Bilder in collab_game laden (images/*)
5) skins.js lädt in price_game
6) Top-Button "Nächster Skin" erscheint nach jeder Antwort


Nicht anfassen / typische Fehler
--------------------------------
- Dateinamen nicht ändern, sonst brechen relative Links.
- images/ nicht teilweise löschen.
- skins.js nicht umbenennen.
- Keine Basis-URL erzwingen, wenn die App im Unterpfad läuft.


Kurzfazit
---------
Wenn dieser Ordner 1:1 auf den Server kopiert und über index.html aufgerufen wird,
ist die App direkt lauffähig.
