Siemens Energy - UNO

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Erstelle ein browserbasiertes, interaktives Kartenspiel namens „Energy Colors“, eine deutschsprachige UNO-inspirierte Variante für einen menschlichen Spieler gegen zwei Computergegner namens Alex und Mina. Verwende eine dunkle, moderne Siemens-Energy-inspirierte Oberfläche: voller Viewport mit dunkelblauem radialem Verlauf (oben etwas heller), weißer Text, gedämpfte blau-graue Sekundärtexte, gelbe Hervorhebung und türkisfarbene Akzente. Oben links steht ein runder türkisgrüner „SE“-Markenbutton mit Leuchtrand, daneben der Titel „Energy Colors“ und die Unterzeile „Siemens Energy × #edu4energy“. Oben rechts stehen pillenförmige Statusfelder „Runde“ mit Rundennummer und „Karten im Stapel“ mit der verbleibenden Kartenanzahl.

Baue den Spieltisch als responsive Layout. Oben im Tisch können die beiden Gegner als kompakte Karten mit rundem Farbverlauf-Avatar (A für Alex, M für Mina), Namen und Kartenanzahl angezeigt werden; der aktive Gegner erhält einen gelben Umriss und einen dezenten gelben Glow. In der Mitte befinden sich drei Bereiche: links der beschriftete „NACHZIEHSTAPEL“ mit einer leicht nach rechts gedrehten schwarzen Kartenrückseite, mittig der Zugstatus („Dein Zug“ in kräftigem Gelb, bei Bots etwa „Alex denkt nach…“ oder „Mina denkt nach…“) und darunter „Aktuelle Farbe:“ mit farbigem Punkt und Farbnamen, rechts der beschriftete „ABLAGESTAPEL“ mit der obersten Karte. Karten sind hochkant mit abgerundeten Ecken, weißem Rand, Schatten, innerem Rahmen und einer stilisierten weißen elliptischen Liniengrafik. Jede Karte trägt oben „SIEMENS ENERGY“, in der Mitte ihren Wert beziehungsweise ihr Symbol und unten „#edu4energy“.

Das Kartenspiel verwendet die vier Farben Lila, Hellblau, Grün und Rosa sowie Schwarz für Wild-Karten. Erzeuge ein Deck mit je Farbe einer 0, zwei Exemplaren jeder Zahl 1 bis 9, zwei Exemplaren von „skip“ (⛔), „reverse“ (↔) und „draw2“ (+2), plus vier schwarze Farbwahlkarten (★) und vier schwarze +4-Karten. Mische das Deck zufällig. Starte mit drei Spielern (Du, Alex, Mina), teile jedem sieben Karten aus, lege anschließend eine Startkarte auf den Ablagestapel und setze deren Farbe als aktuelle Farbe. Eine +4 darf nicht als Startkarte dienen; bei einer Wild-Startkarte wird weitergezogen, bis eine normale Startkarte verwendet werden kann. Wende die Startwirkung von +2, ⛔ und bei zwei Spielern ↔ entsprechend an (in diesem Spiel sind es drei Spieler).

Zeige die Hand des menschlichen Spielers in einem großen, abgerundeten, transparent dunkelblauen Panel am unteren Bildschirmrand. Die Überschrift lautet „Deine Hand“ mit der Kartenanzahl daneben. Rechts davon stehen die Buttons „Regeln“, „Neues Spiel“ und der gelbe Primärbutton „Karte ziehen“. Die Karten liegen horizontal mit möglichem seitlichem Scrollen; sie sind kompakt, klickbar, schweben beim Hover beziehungsweise bei Auswahl nach oben und werden leicht heller. Nicht spielbare Karten erscheinen abgedunkelt und entsättigt. Auf kleinen Bildschirmen soll die Oberfläche ohne horizontales Seitenüberlaufen funktionieren, die Hand scrollen können und einige Statusinformationen kompakter werden.

Regeln und Interaktion: Eine Karte darf gespielt werden, wenn sie dieselbe Farbe wie die aktuelle Farbe, dieselbe Zahl wie die oberste Ablagekarte oder dasselbe Aktionssymbol wie die oberste Karte hat. Schwarze Wild-Karten sind immer spielbar. Eine +4 ist nur spielbar, wenn der Spieler keine andere natürliche Karte besitzt, die auf Farbe, Zahl oder Symbol passt. Beim Anklicken einer illegalen Karte zeige einen kurzen Toast „Diese Karte ist hier nicht spielbar.“. Beim Ausspielen wird die Karte aus der Hand genommen und auf den Ablagestapel gelegt; die Farbe wird bei normalen Karten aktualisiert. Nach dem Ausspielen einer ★ oder +4 öffnet sich ein zentriertes Modal „Wähle eine Farbe“ mit dem Hinweis „Die gewählte Farbe gilt für den nächsten Zug.“ und vier großen Farbauswahlbuttons für Lila, Hellblau, Grün und Rosa. Nach der Auswahl wird das Modal geschlossen und der nächste Zug beginnt.

⛔ überspringt den nächsten Spieler. ↔ kehrt die Spielrichtung um; bei zwei Spielern überspringt es zusätzlich. +2 setzt eine Ziehstrafe von zwei Karten und überspringt den nächsten Spieler. +4 setzt die Farbe, lässt den nächsten Spieler vier Karten ziehen und überspringt ihn. Eine ★ setzt nur die gewählte Farbe. Wenn der Spieler keine passende Karte hat, zieht er über „Karte ziehen“ eine Karte; bei einer normalen Ziehung darf er sie sofort spielen, falls sie spielbar ist, andernfalls wechselt der Zug. Bei einer angesammelten Ziehstrafe zieht er die entsprechende Anzahl und der Zug wechselt. Der Nachziehstapel-Button soll ebenfalls das Ziehen auslösen.

Lass die Bots automatisch mit kurzer Verzögerung spielen, wenn sie an der Reihe sind. Sie ziehen bei einer Ziehstrafe die geforderte Anzahl; ansonsten wählen sie bevorzugt eine passende Zahlenkarte, andernfalls eine beliebige spielbare Aktions- oder Wild-Karte, und ziehen eine Karte, falls sie nichts spielen können. Bots wählen bei Wild-Karten zufällig eine der vier Farben. Aktualisiere nach jedem Zug Runde, aktuelle Farbe, Ablagekarte, Kartenanzahlen und aktiven Spieler; zeige kurze Toasts wie „Karte gezogen.“, „2 Karten gezogen.“, „Alex spielt +2.“ oder „Mina zieht Karten.“.

Sobald ein Spieler keine Karten mehr hat, beende das Spiel, zeige „Spiel beendet“ im Zugstatus und einen Toast „Du hast gewonnen!“, falls der menschliche Spieler gewinnt. Der Button zum Ziehen und weitere Spielzüge sind dann deaktiviert. „Neues Spiel“ setzt alles zurück und startet eine neue zufällige Partie. Der Button „Regeln“ öffnet ein Modal mit den genannten Grundregeln und einem Button „Schließen“. Nutze eine klare, hochwertige, minimalistische Karten-/Dashboard-Ästhetik mit großzügigen Abständen, abgerundeten Panels, subtilen Rahmenlinien und Schatten; keine zusätzliche Spielwelt, Animationen oder Funktionen außerhalb dieses Kartentischs erfinden.