From 268cf283bd3917f9e797736ea1fbf3fac60d842d Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:18:18 +0100
Subject: [PATCH 01/23] chore(launcher): start Casinogameui for development

---
 .../dmi/dbis/cs108/casono/client/ui/Launcher.java   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java
index 5096144..12fe6ef 100644
--- a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java
@@ -2,9 +2,20 @@ package ch.unibas.dmi.dbis.cs108.casono.client.ui;
 
 import javafx.application.Application;
 
+/**
+ * Launcher-Klasse für die Casino-Anwendung.
+ *
+ * Startet die JavaFX-Anwendung. Während der Entwicklung kann hier direkt
+ * `Casinogameui` für Tests aufgerufen werden. Im fertigen Spiel erfolgt
+ * der Aufruf von `Casinogameui` über die `Casinomainui`.
+ *
+ * Aufgaben:
+ * - Dient als Einstiegspunkt für die JVM.
+ */
 public class Launcher {
     public static void main(String[] args) {
-        Application.launch(ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinomainui.class, args);
+        // Application.launch(ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinomainui.class, args);
+        Application.launch(ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinogameui.class, args);
     }
 }
     
\ No newline at end of file

From 23faf0f371c694ddc46f2f54f8ed7cdba61372b9 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:21:16 +0100
Subject: [PATCH 02/23] feat(game-ui): add Casinogameui base class

---
 .../client/ui/lobbyui/Casinogameui.java       | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java
new file mode 100644
index 0000000..4ef1dc3
--- /dev/null
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java
@@ -0,0 +1,37 @@
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui;
+
+import javafx.application.Application;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Scene;
+import javafx.stage.Stage;
+
+import java.io.IOException;
+
+/**
+ * Hauptklasse für das Casino-Spiel-UI.
+ *
+ * Startet die JavaFX-Anwendung, lädt die grafische Oberfläche aus der FXML-Datei
+ * und initialisiert die Haupt-Stage für das Spiel.
+ *
+ * Aufgaben:
+ * - Lädt die FXML-Oberfläche "/ui-structure/Casinogameui.fxml".
+ * - Lädt das Anwendungs-Icon aus "/images/logoinverted.png".
+ * - Startet die Anwendung im Vollbildmodus.
+ */
+public class Casinogameui extends Application {
+    @Override
+    public void start(Stage stage) throws IOException {
+        FXMLLoader fxmlLoader = new FXMLLoader(Casinogameui.class.getResource("/ui-structure/Casinogameui.fxml"));
+        Scene scene = new Scene(fxmlLoader.load(), 1200, 800);
+        stage.setTitle("Casono (GAME)");
+
+        stage.getIcons().add(new javafx.scene.image.Image(getClass().getResource("/images/logoinverted.png").toExternalForm()));
+        stage.setScene(scene);
+        stage.setFullScreen(true);
+        stage.show();
+    }
+
+    public static void main(String[] args) {
+        launch();
+    }
+}

From c87e6f14633773eb393c1fa32c94b8e34fcceba5 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:22:50 +0100
Subject: [PATCH 03/23] feat(game-ui): add Casinogamecontroller

---
 .../ui/lobbyui/Casinogamecontroller.java      | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java
new file mode 100644
index 0000000..92feb7b
--- /dev/null
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java
@@ -0,0 +1,48 @@
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui;
+
+// import javafx.application.Platform;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+// import javafx.scene.control.TextField;
+// import javafx.scene.input.KeyCode;
+// import javafx.scene.input.KeyEvent;
+// import javafx.scene.input.MouseEvent;
+// import javafx.scene.layout.HBox;
+// import javafx.scene.layout.AnchorPane;
+import javafx.scene.layout.VBox;
+// import javafx.stage.Stage;
+// import javafx.scene.Scene;
+// import javafx.scene.web.WebView;
+
+/**
+ * Controller für die Casino-Spielfläche.
+ *
+ * Verantwortlich für:
+ * - die Darstellung des Pokertisches und der Spieleroberfläche,
+ * - die Verarbeitung von Benutzereingaben,
+ * - die Schnittstelle zur GameEngine und zum Netzwerkprotokoll.
+ *
+ * Hinweise:
+ * - Die Methode `onTableClick()` dient aktuell als Test-Logik und wird später
+ *   durch echte Spielinteraktionen ersetzt.
+ * - Die Browserfunktion (`onBrowserButtonClick()`) ist geplant, um ein
+ *   integriertes Hilfetool für Regeln oder Support bereitzustellen.
+ */
+public class Casinogamecontroller {
+
+    @FXML private Label welcomeText;
+    @FXML private VBox casinoTable;
+
+    // TODO: Test-Logik: wird durch echte Spielinteraktionen ersetzt, sobald die GameEngine fertig ist
+    @FXML
+    public void onTableClick() {
+        welcomeText.setText("Einsatz akzeptiert!");
+    }
+
+    // TODO: Implementierung des Casono-Browsers.
+    // Dient als integriertes Hilfe-Tool bei technischen Problemen oder Regelfragen
+    // und wird vervollständigt, sobald die Support-Inhalte bereitstehen.
+    // @FXML
+    // private void onBrowserButtonClick() {
+    // }
+}
\ No newline at end of file

From d47084d6f54d477990b57f857261dbb978b53ac3 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:24:28 +0100
Subject: [PATCH 04/23] feat(game-ui): add TaskbarController

---
 .../gameuicomponents/TaskbarController.java   | 84 +++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java
new file mode 100644
index 0000000..995d4c9
--- /dev/null
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java
@@ -0,0 +1,84 @@
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.gameuicomponents;
+
+import javafx.application.Platform;
+import javafx.fxml.FXML;
+import javafx.scene.control.TextField;
+import javafx.scene.input.KeyCode;
+import javafx.scene.input.KeyEvent;
+import javafx.scene.input.MouseEvent;
+import javafx.scene.layout.HBox;
+
+/**
+ * Controller für die interaktive Taskleiste innerhalb der Poker-UI.
+ *
+ * Verantwortlich für:
+ * - Drag-and-Drop-Verschieben der Taskleiste,
+ * - Eingabe und Verwaltung von Spieleinsätzen,
+ * - Steuerung allgemeiner Menüfunktionen wie Exit.
+ *
+ * Dient als Schnittstelle zwischen Benutzerinteraktionen und der Spiellogik.
+ */
+public class TaskbarController {
+
+    @FXML private HBox taskbar;
+    @FXML private TextField taskbarInput;
+
+    private double xOffset = 0;
+    private double yOffset = 0;
+
+    // Logik für das Verschieben der Taskleiste: Maus gedrückt
+    @FXML
+    private void onTaskbarPressed(MouseEvent event) {
+        xOffset = event.getSceneX() - taskbar.getLayoutX();
+        yOffset = event.getSceneY() - taskbar.getLayoutY();
+    }
+
+    // Logik für das Verschieben der Taskleiste: Maus ziehen
+    @FXML
+    private void onTaskbarDragged(MouseEvent event) {
+        taskbar.setLayoutX(event.getSceneX() - xOffset);
+        taskbar.setLayoutY(event.getSceneY() - yOffset);
+
+        taskbar.setScaleX(0.9);
+        taskbar.setScaleY(0.9);
+    }
+
+    // Logik für das Verschieben der Taskleiste: Maus loslassen
+    @FXML
+    private void onTaskbarReleased(MouseEvent event) {
+        taskbar.setScaleX(1.0);
+        taskbar.setScaleY(1.0);
+    }
+
+    // Enter-Taste im Textfeld (in der Taskleiste)
+    @FXML
+    private void onInputSubmitted(KeyEvent event) {
+        if (event.getCode() == KeyCode.ENTER) {
+            processBet();
+        }
+    }
+
+    // Submit-Button (in der Taskleiste)
+    @FXML
+    private void onInputSubmittedAction() {
+        processBet();
+    }
+
+    // Exit-Button (in der Taskleiste)
+    // TODO: Logik implementieren, um zur Lobby zurückzukehren,
+    // ohne die gesamte Anwendung zu schließen (kein System.exit/Platform.exit).
+    @FXML
+    private void onExitButtonClick() {
+        Platform.exit();
+    }
+
+    // Logik zum Verarbeiten des Einsatzes
+    private void processBet() {
+        String input = taskbarInput.getText();
+        if (input != null && !input.isEmpty()) {
+            // TODO: System.out durch echte Kommunikation mit der GameEngine ersetzen, sobald die Logik steht
+            System.out.println("Einsatz gesetzt: " + input + " Credits");
+            taskbarInput.clear();
+        }
+    }
+}
\ No newline at end of file

From 25d145cffdcfd76a1ba48c7195ca569d9c581fb9 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:25:09 +0100
Subject: [PATCH 05/23] feat(game-ui): add Casinogameui FXML layout

---
 .../resources/ui-structure/Casinogameui.fxml  | 135 ++++++++++++++++++
 1 file changed, 135 insertions(+)
 create mode 100644 src/main/resources/ui-structure/Casinogameui.fxml

diff --git a/src/main/resources/ui-structure/Casinogameui.fxml b/src/main/resources/ui-structure/Casinogameui.fxml
new file mode 100644
index 0000000..9e98e9c
--- /dev/null
+++ b/src/main/resources/ui-structure/Casinogameui.fxml
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.image.*?>
+
+<!-- Hauptcontainer: Verknüpft die UI mit dem Java-Controller und lädt das CSS-Design -->
+<AnchorPane xmlns="http://javafx.com/javafx/21"
+            xmlns:fx="http://javafx.com/fxml/1"
+            fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinogamecontroller"
+            styleClass="background"
+            stylesheets="@Casinogameui.css">
+
+    <GridPane prefWidth="1200" prefHeight="800" AnchorPane.topAnchor="0" AnchorPane.bottomAnchor="0" AnchorPane.leftAnchor="0" AnchorPane.rightAnchor="0">
+        <columnConstraints>
+            <!-- Tisch-Box: 70% -->
+            <ColumnConstraints percentWidth="70.0" hgrow="ALWAYS" />
+            <!-- Leere-Box: 5% -->
+            <ColumnConstraints percentWidth="5.0" hgrow="ALWAYS" />
+            <!-- Chat-Box: 20% -->
+            <ColumnConstraints percentWidth="25.0" hgrow="ALWAYS" />
+        </columnConstraints>
+
+        <!-- Sorgt dafür, dass diese Zeile den gesamten verfügbaren vertikalen Platz nutzt -->
+        <rowConstraints>
+            <RowConstraints vgrow="ALWAYS" />
+        </rowConstraints>
+
+        <children>
+            <!-- Tisch-Box in Spalte 0 -->
+            <StackPane GridPane.columnIndex="0">
+                <!-- Innenabstand: Hält den Inhalt 10 Pixel von oben/unten und 20 Pixel von den Seiten fern -->
+                <padding>
+                    <Insets top="20" right="10" bottom="120" left="20"/>
+                </padding>
+
+                <!-- Zentraler Casinotisch: Zentriert den Inhalt und nutzt durch die maximale Größe (1.7976931348623157E308) das gesamte Fenster -->
+                <VBox fx:id="casinoTable"
+                      alignment="CENTER"
+                      styleClass="casino-table"
+                      spacing="20"
+                      onMouseClicked="#onTableClick"
+                      maxWidth="Infinity"
+                      maxHeight="Infinity">
+
+                    <!-- TODO: Platzhalter für die Poker-Spielfläche: Hier werden später dynamisch Karten, Chips und Einsätze der Gegner angezeigt -->
+                    <HBox alignment="CENTER" spacing="15">
+                        <VBox styleClass="dealer-box" prefWidth="80" prefHeight="120" />
+                        <VBox styleClass="dealer-box" prefWidth="80" prefHeight="120" />
+                        <VBox styleClass="dealer-box" prefWidth="80" prefHeight="120" />
+                    </HBox>
+
+                    <VBox alignment="CENTER" spacing="10">
+                        <!-- Label mit Logo -->
+                        <Label text="CAS0NO" styleClass="table-title">
+                            <graphic>
+                                <ImageView fitHeight="30.0" preserveRatio="true">
+                                    <image>
+                                        <Image url="@/images/logo.png" />
+                                    </image>
+                                </ImageView>
+                            </graphic>
+                        </Label>
+
+                        <!-- TODO: Platzhalter: Wird ersetzt, sobald die GameEngine fertig ist und echte Einsätze verarbeiten kann -->
+                        <Label fx:id="welcomeText" text="Setzen Sie Ihren Einsatz" styleClass="table-title" />
+                    </VBox>
+                </VBox>
+            </StackPane>
+
+            <!-- Leere-Box in Spalte 1: Schafft Platz zwischen dem Tisch-Box und der Chat-Box -->
+            <VBox GridPane.columnIndex="1"
+                  alignment="CENTER"
+                  minWidth="100"
+                  minHeight="100">
+                <!-- Bleibt leer -->
+            </VBox>
+
+            <!-- TODO: Platzhalter: Chat-Box in Spalte 2: -->
+            <fx:include source="gameuicomponents/chatbox.fxml" GridPane.columnIndex="2"/>
+
+        </children>
+    </GridPane>
+
+    <!-- verschiebbare Taskbar -->
+    <AnchorPane>
+        <fx:include fx:id="taskbarInclude" source="gameuicomponents/taskbar.fxml"/>
+    </AnchorPane>
+
+    <!-- Gegner-Status 1: Eines von drei Panels, das Icon, Name und Kontostand des Mitspielers anzeigt -->
+    <GridPane AnchorPane.leftAnchor="0.0"
+              AnchorPane.rightAnchor="0.0"
+              AnchorPane.topAnchor="50">
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="5"/>
+            <ColumnConstraints percentWidth="16"/>
+        </columnConstraints>
+
+        <children>
+            <fx:include source="gameuicomponents/playerstatus.fxml" GridPane.columnIndex="1"/>
+        </children>
+    </GridPane>
+
+    <!-- Gegner-Status 2: Eines von drei Panels, das Icon, Name und Kontostand des Mitspielers anzeigt -->
+    <GridPane AnchorPane.leftAnchor="0.0"
+              AnchorPane.rightAnchor="0.0"
+              AnchorPane.topAnchor="20">
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="30"/>
+            <ColumnConstraints percentWidth="16"/>
+        </columnConstraints>
+
+        <children>
+            <fx:include source="gameuicomponents/playerstatus.fxml" GridPane.columnIndex="1"/>
+        </children>
+    </GridPane>
+
+    <!-- Gegner-Status 3: Eines von drei Panels, das Icon, Name und Kontostand des Mitspielers anzeigt -->
+    <GridPane AnchorPane.leftAnchor="0.0"
+              AnchorPane.rightAnchor="0.0"
+              AnchorPane.topAnchor="50">
+
+        <columnConstraints>
+            <ColumnConstraints percentWidth="55"/>
+            <ColumnConstraints percentWidth="16"/>
+        </columnConstraints>
+
+        <children>
+            <fx:include source="gameuicomponents/playerstatus.fxml" GridPane.columnIndex="1"/>
+        </children>
+    </GridPane>
+</AnchorPane>

From f9b32bc97984f6cfe06de29075d50a607d7bbe60 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:26:39 +0100
Subject: [PATCH 06/23] feat(game-ui): add Chatbox FXML layout

---
 .../gameuicomponents/chatbox.fxml             | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/main/resources/ui-structure/gameuicomponents/chatbox.fxml

diff --git a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml b/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
new file mode 100644
index 0000000..d5970de
--- /dev/null
+++ b/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+
+<!--
+    TODO: Chat-system (platzhalter).
+    Dieses Fenster wird später mit den Serveranfragen verknüpft,
+    um Nachrichten von Mitspielern und Systemmeldungen in Echtzeit anzuzeigen.
+    Der Chat unterscheidet intern zwischen:
+    - Player-to-Player (Privater 2-Personen-Chat)
+    - Lobby-Chat (Aktueller Raum)
+    - Globaler Chat (Gesamter Server)
+-->
+
+<VBox xmlns="http://javafx.com/javafx/21"
+      xmlns:fx="http://javafx.com/fxml/1"
+      alignment="CENTER">
+
+    <!-- Innenabstand: Schafft oben, rechts und unten 30 Pixel Platz, links nur 10 Pixel (asymmetrisch) -->
+    <padding>
+        <Insets top="30" right="30" bottom="30" left="10"/>
+    </padding>
+
+    <children>
+        <VBox VBox.vgrow="ALWAYS"
+              styleClass="chat-box"
+              spacing="10"
+              maxWidth="Infinity">
+
+            <children>
+                <Label text="== Chat =="
+                       styleClass="chat-header"
+                       alignment="CENTER"
+                       maxWidth="Infinity"/>
+
+                <Region minHeight="4" styleClass="chat-separator"/>
+
+                <VBox spacing="15"
+                      VBox.vgrow="ALWAYS"
+                      styleClass="info-content">
+
+                    <children>
+                        <Label text="> Spieler 1: Hey" styleClass="info-text"/>
+                        <Label text="> Spieler 2: Jo" styleClass="info-text"/>
+                        <Label text="> Spieler 3: hm" styleClass="info-text"/>
+                    </children>
+                </VBox>
+            </children>
+        </VBox>
+    </children>
+</VBox>
\ No newline at end of file

From c0b6a5424a9ec3167a194453fd3109dbe9685a9b Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:28:27 +0100
Subject: [PATCH 07/23] feat(game-ui): add PlayerStatus FXML layout

---
 .../gameuicomponents/playerstatus.fxml        | 72 +++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 src/main/resources/ui-structure/gameuicomponents/playerstatus.fxml

diff --git a/src/main/resources/ui-structure/gameuicomponents/playerstatus.fxml b/src/main/resources/ui-structure/gameuicomponents/playerstatus.fxml
new file mode 100644
index 0000000..fc111eb
--- /dev/null
+++ b/src/main/resources/ui-structure/gameuicomponents/playerstatus.fxml
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+
+<!--
+    TODO: Haupt-platzhalter für spieler-status & eingabe.
+    Dieses Layout dient aktuell der visuellen Struktur. Sobald die GameEngine und
+    Serveranfragen (API/Requests) durchgeführt werden können, werden Name, Kontostand
+    und Status-Anzeigen dynamisch mit Echtzeit-Daten vom Server befüllt.
+-->
+
+<VBox fx:id="playerStatusBox"
+      xmlns="http://javafx.com/javafx/21"
+      xmlns:fx="http://javafx.com/fxml/1"
+      styleClass="player-status-pane"
+      prefWidth="200"
+      prefHeight="100"
+      spacing="0">
+
+    <children>
+        <!-- Bereich für den Spielernamen -->
+        <HBox styleClass="status-inner-box-top"
+              alignment="CENTER_LEFT"
+              maxWidth="Infinity"
+              prefHeight="60">
+
+            <padding>
+                <Insets left="15"/>
+            </padding>
+
+            <Label text="NAME: " styleClass="status-label-small"/>
+            <!-- TODO: fx:id="playerName": Wird später durch den User-Namen aus der Server-Abfrage ersetzt -->
+            <Label fx:id="playerName" text="SPIELER" styleClass="status-value-text"/>
+        </HBox>
+
+        <!-- Schaft platz zwischen den Boxen -->
+        <HBox styleClass="status-inner-box-midle"
+              alignment="CENTER_LEFT"
+              maxWidth="Infinity"
+              prefHeight="10">
+
+            <padding>
+                <Insets left="15"/>
+            </padding>
+        </HBox>
+
+        <!-- Anzeige des Kapitals/Geldstands -->
+        <HBox styleClass="status-inner-box-bottom"
+              alignment="CENTER_LEFT"
+              maxWidth="Infinity"
+              prefHeight="30">
+
+            <padding>
+                <Insets left="15"/>
+            </padding>
+
+            <Label text="GELD: " styleClass="status-label-small"/>
+            <Label fx:id="playerMoney" text="0 $" styleClass="status-value-money"/>
+        </HBox>
+
+        <!-- TODO: User-Logo oder Icon: Platzhalter für das Profilbild oder das individuelle Logo des Spielers -->
+        <Pane prefHeight="0" maxWidth="Infinity">
+            <Region styleClass="status-circle"
+                    layoutX="-10"
+                    layoutY="-105"
+                    prefWidth="30"
+                    prefHeight="30"/>
+        </Pane>
+    </children>
+</VBox>
\ No newline at end of file

From 89d4cad3364bef6f60ef81adbcefec6fff64d8e7 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:30:35 +0100
Subject: [PATCH 08/23] feat(game-ui): add Tastbar FXML layout

---
 .../gameuicomponents/taskbar.fxml             | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/main/resources/ui-structure/gameuicomponents/taskbar.fxml

diff --git a/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml b/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml
new file mode 100644
index 0000000..d08402d
--- /dev/null
+++ b/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+
+<!-- verschiebbare Taskbar -->
+<HBox xmlns="http://javafx.com/javafx/21"
+      xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.gameuicomponents.TaskbarController"
+      fx:id="taskbar"
+      styleClass="taskbar"
+      spacing="15"
+      alignment="CENTER"
+      onMousePressed="#onTaskbarPressed"
+      onMouseDragged="#onTaskbarDragged"
+      onMouseReleased="#onTaskbarReleased"
+      layoutX="50.0" layoutY="710.0">
+
+    <!-- Platzhalter-Buttons -->
+    <Button text="SETTING" styleClass="taskbar-button" />
+    <Button text="INFO" styleClass="taskbar-button" />
+    <!-- TODO: Buten für den Casono Browser -->
+    <!-- <Button text="Hilfe" onAction="#onBrowserButtonClick" styleClass="taskbar-button" />-->
+
+    <!-- Vertikale-Trennlinie: Erzeugt eine optische Abgrenzung zwischen zwei Butten-Bereichen -->
+    <Separator orientation="VERTICAL" prefHeight="20" opacity="0.3" />
+
+    <!-- Eingabefeld: Reagiert auf die Enter-Taste, um den Einsatz zu bestätigen -->
+    <TextField fx:id="taskbarInput"
+               promptText="Betrag setzen..."
+               onKeyPressed="#onInputSubmitted"
+               styleClass="input-field"
+               prefWidth="150" />
+
+    <!-- Bestätigungs-Button: Alternative zum Enter-Key, um den Einsatz abzusenden -->
+    <Button text="SUBMIT"
+            onAction="#onInputSubmittedAction"
+            styleClass="taskbar-button-primary"/>
+
+    <!-- Vertikale-Trennlinie: Erzeugt eine optische Abgrenzung zwischen zwei Butten-Bereichen -->
+    <Separator orientation="VERTICAL" prefHeight="20" opacity="0.3" />
+
+    <!-- Menü-Button: Bricht das aktuelle Spiel ab und kehrt zum Hauptmenü zurück -->
+    <Button text="EXIT"
+            onAction="#onExitButtonClick"
+            styleClass="taskbar-button-exit"/>
+
+    <!-- Innenabstand: Hält den Inhalt 10 Pixel von oben/unten und 20 Pixel von den Seiten fern -->
+    <padding>
+        <Insets top="10" right="20" bottom="10" left="20"/>
+    </padding>
+</HBox>

From 4989e26ac6dd7ee396f477f47f42932397b1b1f9 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Thu, 12 Mar 2026 07:31:15 +0100
Subject: [PATCH 09/23] style(game-ui): add Casinogameui stylesheet

---
 .../resources/ui-structure/Casinogameui.css   | 223 ++++++++++++++++++
 1 file changed, 223 insertions(+)
 create mode 100644 src/main/resources/ui-structure/Casinogameui.css

diff --git a/src/main/resources/ui-structure/Casinogameui.css b/src/main/resources/ui-structure/Casinogameui.css
new file mode 100644
index 0000000..fa96dc1
--- /dev/null
+++ b/src/main/resources/ui-structure/Casinogameui.css
@@ -0,0 +1,223 @@
+.root {
+    -fx-background-color: #000000;
+    -fx-font-family: "Monospaced", "Courier New"; /* Schriftart */
+}
+
+.background {
+    -fx-background-image: url("/images/background.png");
+    -fx-background-size: cover; /* Bild füllt das ganze Fenster aus */
+    /* Zentriert das Bild und verhindert, dass es sich kachelartig wiederholt */
+    -fx-background-position: center center;
+    -fx-background-repeat: no-repeat;
+}
+
+.chat-box {
+    -fx-background-color: #0d9e3b;
+    -fx-background-radius: 58;
+    -fx-border-radius: 50;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 12;
+    -fx-padding: 20;
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);
+}
+
+.chat-header {
+    -fx-text-fill: #ffffff;
+    -fx-font-size: 22px;
+    -fx-font-weight: bold;
+    -fx-padding: 0 0 10 0;
+}
+
+.info-text {
+    -fx-text-fill: #ffffff;
+    -fx-font-size: 16px;
+}
+
+.casino-table {
+    -fx-background-color: #0d9e3b;
+    -fx-background-radius: 210;
+    -fx-border-radius: 200;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 12;
+    /*-fx-min-height: 60vh;*/
+    /*-fx-max-height: 60vh;*/
+    /*-fx-min-width: 90vh;*/
+    /*-fx-max-width: 90vh;*/
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 15, 15);
+}
+
+.dealer-box {
+    -fx-background-color: #ffffff;
+    -fx-border-color: #000000;
+    -fx-border-width: 3;
+    -fx-background-radius: 0;
+    -fx-border-radius: 0;
+    -fx-min-width: 70;
+    -fx-min-height: 100;
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 4, 4);
+}
+
+.table-title {
+    -fx-text-fill: #ffffff;
+    -fx-font-size: 28px;
+    -fx-font-weight: bold;
+    -fx-effect: dropshadow(one-pass-box, #000, 0, 0, 3, 3);
+}
+
+.chat-separator {
+    -fx-background-color: #ffffff;
+    -fx-min-height: 4px;
+}
+
+.taskbar {
+    -fx-background-color: rgba(13, 158, 59);
+    -fx-background-radius: 23;
+    -fx-border-radius: 20;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
+    -fx-padding: 10 25;
+    -fx-cursor: move;
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 5, 5);
+    transition: all 0.2s ease-in-out;
+}
+
+.taskbar:hover {
+    -fx-border-color: #ffffff;
+}
+
+.input-field {
+    -fx-background-color: #1a1a1a;
+    -fx-text-fill: #ffffff;
+    -fx-font-family: "Courier New";
+    -fx-font-weight: bold;
+    -fx-background-radius: 8;
+    -fx-border-radius: 8;
+    -fx-border-color: #444444;
+    -fx-border-width: 2;
+    -fx-padding: 5 12;
+}
+
+.input-field:hover {
+    -fx-translate-y: -3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+
+.input-field:focused {
+    -fx-border-color: #ffffff;
+    -fx-background-color: #000000;
+}
+
+.taskbar-button, .taskbar-button-primary, .taskbar-button-exit {
+    -fx-background-radius: 12;
+    -fx-border-radius: 12;
+    -fx-font-family: "Courier New";
+    -fx-font-weight: bold;
+    -fx-border-width: 2;
+    -fx-padding: 6 15;
+    -fx-cursor: hand;
+}
+
+.taskbar-button:hover, .taskbar-button-primary:hover, .taskbar-button-exit:hover {
+    -fx-translate-y: -3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+.taskbar-button-primary {
+    -fx-background-color: #b8860b;
+    -fx-border-color: #ffd700;
+    -fx-text-fill: white;
+}
+
+.taskbar-button-exit {
+    -fx-background-color: #8b0000;
+    -fx-border-color: #ff4444;
+    -fx-text-fill: white;
+}
+
+.taskbar-button {
+    -fx-background-color: #333333;
+    -fx-border-color: #666666;
+    -fx-text-fill: #cccccc;
+}
+
+.player-status-pane {
+    -fx-background-color: rgba(13, 158, 59, 0);
+    -fx-background-radius: 15;
+    -fx-border-radius: 15;
+    /* -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 2;
+    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 10, 0, 0, 4);*/
+}
+
+.player-status-pane:hover {
+    -fx-translate-y: -3;
+}
+
+.status-inner-box-top {
+    -fx-background-color: rgba(13, 158, 59);
+    -fx-background-radius: 19;
+    -fx-border-radius: 15;
+    -fx-padding: 5 10;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+.status-inner-box-midle {
+    -fx-background-color: rgba(13, 158, 59, 0);
+}
+
+.status-inner-box-bottom {
+    -fx-background-color: rgba(13, 158, 59);
+    -fx-background-radius: 19;
+    -fx-border-radius: 15;
+    -fx-padding: 5 10;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+.status-label-small {
+    -fx-text-fill: #ffffff;
+    -fx-font-family: "Monospaced"; /* Schriftart */
+    -fx-font-size: 15px;
+}
+
+.status-value-text {
+    -fx-text-fill: white;
+    -fx-font-family: "Monospaced"; /* Schriftart */
+    -fx-font-size: 15px;
+    -fx-font-weight: bold;
+}
+
+.status-value-money {
+    -fx-text-fill: #ffffff;
+    -fx-font-family: "Monospaced"; /* Schriftart */
+    -fx-font-size: 15px;
+    -fx-font-weight: bold;
+}
+
+.status-circle {
+    -fx-background-color: #000000;
+    -fx-background-radius: 50;
+    -fx-border-color: #ffffff;
+    -fx-border-width: 3;
+    -fx-border-radius: 50;
+}
+
+/* Style-Definition für den Casono-Browser. Aktuell auskommentiert, bis die Browser-Komponente bereit ist. */
+/*.taskbar-browser {*/
+/*    -fx-background-color: rgb(13, 158, 59);*/
+/*    -fx-background-radius: 23;*/
+/*    -fx-border-radius: 20;*/
+/*    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;*/
+/*    -fx-border-width: 3;*/
+/*    -fx-padding: 10 25;*/
+/*    -fx-cursor: default;*/
+/*    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 5, 5);*/
+/*}*/
+
+/*.taskbar-browser:hover {*/
+/*    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;*/
+/*}*/

From b810b2187bb7be9eb62067a2e7f15893d5ee136e Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:20:59 +0100
Subject: [PATCH 10/23] build: add javafx.graphics and javafx.web dependencies

---
 build.gradle | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/build.gradle b/build.gradle
index ca3f72c..99a402a 100644
--- a/build.gradle
+++ b/build.gradle
@@ -23,7 +23,7 @@ repositories {
 
 javafx {
     version = "25.0.2"
-    modules = ['javafx.controls', 'javafx.fxml', 'javafx.base']
+    modules = ['javafx.controls', 'javafx.fxml', 'javafx.base', 'javafx.graphics', 'javafx.web']
 }
 
 dependencies {

From e718083010e830a310485b49f860a7025d7e931b Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:24:14 +0100
Subject: [PATCH 11/23] fix: update and rename casino controller logic

---
 .../CasinoGameController.java}                 | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)
 rename src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/{lobbyui/Casinogamecontroller.java => gameui/CasinoGameController.java} (61%)

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/CasinoGameController.java
similarity index 61%
rename from src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java
rename to src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/CasinoGameController.java
index 92feb7b..2862c99 100644
--- a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogamecontroller.java
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/CasinoGameController.java
@@ -1,4 +1,4 @@
-package ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui;
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui;
 
 // import javafx.application.Platform;
 import javafx.fxml.FXML;
@@ -23,12 +23,11 @@ import javafx.scene.layout.VBox;
  * - die Schnittstelle zur GameEngine und zum Netzwerkprotokoll.
  *
  * Hinweise:
- * - Die Methode `onTableClick()` dient aktuell als Test-Logik und wird später
- *   durch echte Spielinteraktionen ersetzt.
- * - Die Browserfunktion (`onBrowserButtonClick()`) ist geplant, um ein
- *   integriertes Hilfetool für Regeln oder Support bereitzustellen.
+ * - Die Methode `onTableClick()` dient aktuell nur als Test-Logik.
+ *   Sie ist ggf. nicht mehr funktionsfähig und wird zukünftig
+ *   durch die finale Spielinteraktion ersetzt.
  */
-public class Casinogamecontroller {
+public class CasinoGameController {
 
     @FXML private Label welcomeText;
     @FXML private VBox casinoTable;
@@ -38,11 +37,4 @@ public class Casinogamecontroller {
     public void onTableClick() {
         welcomeText.setText("Einsatz akzeptiert!");
     }
-
-    // TODO: Implementierung des Casono-Browsers.
-    // Dient als integriertes Hilfe-Tool bei technischen Problemen oder Regelfragen
-    // und wird vervollständigt, sobald die Support-Inhalte bereitstehen.
-    // @FXML
-    // private void onBrowserButtonClick() {
-    // }
 }
\ No newline at end of file

From 4ecbe216021bac0d9c7a9fe793025e511608bd7d Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:26:30 +0100
Subject: [PATCH 12/23] fix: update and rename casino game ui logic

---
 .../CasinoGameUI.java}                        | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)
 rename src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/{lobbyui/Casinogameui.java => gameui/CasinoGameUI.java} (64%)

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/CasinoGameUI.java
similarity index 64%
rename from src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java
rename to src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/CasinoGameUI.java
index 4ef1dc3..af94daf 100644
--- a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/Casinogameui.java
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/CasinoGameUI.java
@@ -1,4 +1,4 @@
-package ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui;
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui;
 
 import javafx.application.Application;
 import javafx.fxml.FXMLLoader;
@@ -18,10 +18,17 @@ import java.io.IOException;
  * - Lädt das Anwendungs-Icon aus "/images/logoinverted.png".
  * - Startet die Anwendung im Vollbildmodus.
  */
-public class Casinogameui extends Application {
+public class CasinoGameUI extends Application {
+
+    /**
+     * Startet die Haupt-Stage der Anwendung.
+     *
+     * @param stage Die vom System bereitgestellte Haupt-Stage.
+     * @throws IOException Wenn die FXML-Datei oder Ressourcen nicht geladen werden können.
+     */
     @Override
     public void start(Stage stage) throws IOException {
-        FXMLLoader fxmlLoader = new FXMLLoader(Casinogameui.class.getResource("/ui-structure/Casinogameui.fxml"));
+        FXMLLoader fxmlLoader = new FXMLLoader(CasinoGameUI.class.getResource("/ui-structure/casinogameui.fxml"));
         Scene scene = new Scene(fxmlLoader.load(), 1200, 800);
         stage.setTitle("Casono (GAME)");
 
@@ -31,7 +38,11 @@ public class Casinogameui extends Application {
         stage.show();
     }
 
+    /**
+     * Startpunkt der Anwendung.
+     * @param args Befehlszeilenargumente.
+     */
     public static void main(String[] args) {
         launch();
     }
-}
+}
\ No newline at end of file

From 18d8b68fc8843703c90b9d39bef25d4d532b72ea Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:28:02 +0100
Subject: [PATCH 13/23] fix: update and rename taskbar controller logic

---
 .../gameuicomponents/TaskbarController.java   | 133 ++++++++++++++++++
 .../gameuicomponents/TaskbarController.java   |  84 -----------
 2 files changed, 133 insertions(+), 84 deletions(-)
 create mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/TaskbarController.java
 delete mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/TaskbarController.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/TaskbarController.java
new file mode 100644
index 0000000..cb25954
--- /dev/null
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/TaskbarController.java
@@ -0,0 +1,133 @@
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents;
+
+import javafx.application.Platform;
+import javafx.fxml.FXML;
+import javafx.scene.control.TextField;
+import javafx.scene.input.KeyCode;
+import javafx.scene.input.KeyEvent;
+import javafx.scene.input.MouseEvent;
+import javafx.scene.layout.HBox;
+
+/**
+ * Controller für die interaktive Taskleiste innerhalb der Poker-UI.
+ *
+ * Verantwortlich für:
+ * - Drag-and-Drop-Verschieben der Taskleiste,
+ * - Eingabe und Verwaltung von Spieleinsätzen,
+ * - Steuerung allgemeiner Menüfunktionen wie Exit.
+ */
+public class TaskbarController {
+
+    @FXML private HBox taskbar;
+    @FXML private TextField taskbarInput;
+
+    private double xOffset = 0;
+    private double yOffset = 0;
+
+    /**
+     * Wird aufgerufen, wenn die Taskleiste mit der Maus gedrückt wird.
+     * Speichert die relative Position, um später korrekt zu verschieben.
+     *
+     * @param event Das Mausereignis
+     */
+    @FXML
+    private void onTaskbarPressed(MouseEvent event) {
+        xOffset = event.getSceneX() - taskbar.getLayoutX();
+        yOffset = event.getSceneY() - taskbar.getLayoutY();
+    }
+
+    /**
+     * Wird aufgerufen, während die Taskleiste mit der Maus gezogen wird.
+     * Aktualisiert die Position und skaliert die Taskleiste leicht zur visuellen Rückmeldung.
+     *
+     * TODO: Es muss noch gefixt werden, dass die Taskleiste nicht aus dem Fenster verschwinden kann.
+     *
+     * @param event Das Mausereignis
+     */
+    @FXML
+    private void onTaskbarDragged(MouseEvent event) {
+        taskbar.setLayoutX(event.getSceneX() - xOffset);
+        taskbar.setLayoutY(event.getSceneY() - yOffset);
+
+        taskbar.setScaleX(0.9);
+        taskbar.setScaleY(0.9);
+    }
+
+    /**
+     * Wird aufgerufen, wenn die Maus über der Taskleiste losgelassen wird.
+     * Setzt die Skalierung der Taskleiste wieder auf Normalgröße.
+     *
+     * @param event Das Mausereignis
+     */
+    @FXML
+    private void onTaskbarReleased(MouseEvent event) {
+        taskbar.setScaleX(1.0);
+        taskbar.setScaleY(1.0);
+    }
+
+    /**
+     * Wird aufgerufen, wenn im Textfeld die Enter-Taste gedrückt wird.
+     *
+     * @param event Das Tastaturereignis
+     */
+    @FXML
+    private void onInputSubmitted(KeyEvent event) {
+        if (event.getCode() == KeyCode.ENTER) {
+            processBet();
+        }
+    }
+
+    /**
+     * Wird aufgerufen, wenn der Submit-Button in der Taskleiste gedrückt wird.
+     * Löst die Verarbeitung des Einsatzes aus.
+     */
+    @FXML
+    private void onInputSubmittedAction() {
+        processBet();
+    }
+
+    /**
+     * Wird aufgerufen, wenn der Exit-Button in der Taskleiste gedrückt wird.
+     *
+     * TODO: Logik implementieren, um zur Lobby zurückzukehren,
+     * ohne die gesamte Anwendung zu schließen (kein System.exit/Platform.exit).
+     */
+    @FXML
+    private void onExitButtonClick() {
+        Platform.exit();
+    }
+
+    /**
+     * Verarbeitet den im Textfeld eingegebenen Einsatz.
+     * Es werden ausschließlich ganzzahlige Werte im Bereich von 5 bis 100.000
+     * Credits akzeptiert, die einem Vielfachen von 5 entsprechen (5er-Schritte).
+     * Der Einsatz wird aktuell nur auf der Konsole ausgegeben.
+     */
+    private void processBet() {
+        String input = taskbarInput.getText();
+        try {
+            int credits = Integer.parseInt(input.trim());
+
+            if (credits >= 5 && credits <= 100000 && credits % 5 == 0) {
+                // TODO: Credits müssen an die GameEngine gesendet werden
+                System.out.println("Einsatz gesetzt: " + credits + " Casono Credits");
+                taskbarInput.clear();
+            } else {
+                System.out.println("Fehler: Nur 5er-Schritte (5, 10, ... 100.000) erlaubt!");
+            }
+        } catch (NumberFormatException e) {
+            System.out.println("Fehler: Bitte nur eine Zahl eingeben!");
+        }
+    }
+
+    /**
+     * Öffnet den integrierten Casono Webbrowser.
+     *
+     * TODO: Ersetze die Start-URL durch die offizielle Projekt-Website (z.B. Tipps & Tricks Seite),
+     * sobald die Inhalte für Strategien und Support bereitstehen.
+     */
+    @FXML
+    private void onBrowserButtonClick() {
+        CasinoBrowserController.open("wikipedia.org");
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java
deleted file mode 100644
index 995d4c9..0000000
--- a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/lobbyui/gameuicomponents/TaskbarController.java
+++ /dev/null
@@ -1,84 +0,0 @@
-package ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.gameuicomponents;
-
-import javafx.application.Platform;
-import javafx.fxml.FXML;
-import javafx.scene.control.TextField;
-import javafx.scene.input.KeyCode;
-import javafx.scene.input.KeyEvent;
-import javafx.scene.input.MouseEvent;
-import javafx.scene.layout.HBox;
-
-/**
- * Controller für die interaktive Taskleiste innerhalb der Poker-UI.
- *
- * Verantwortlich für:
- * - Drag-and-Drop-Verschieben der Taskleiste,
- * - Eingabe und Verwaltung von Spieleinsätzen,
- * - Steuerung allgemeiner Menüfunktionen wie Exit.
- *
- * Dient als Schnittstelle zwischen Benutzerinteraktionen und der Spiellogik.
- */
-public class TaskbarController {
-
-    @FXML private HBox taskbar;
-    @FXML private TextField taskbarInput;
-
-    private double xOffset = 0;
-    private double yOffset = 0;
-
-    // Logik für das Verschieben der Taskleiste: Maus gedrückt
-    @FXML
-    private void onTaskbarPressed(MouseEvent event) {
-        xOffset = event.getSceneX() - taskbar.getLayoutX();
-        yOffset = event.getSceneY() - taskbar.getLayoutY();
-    }
-
-    // Logik für das Verschieben der Taskleiste: Maus ziehen
-    @FXML
-    private void onTaskbarDragged(MouseEvent event) {
-        taskbar.setLayoutX(event.getSceneX() - xOffset);
-        taskbar.setLayoutY(event.getSceneY() - yOffset);
-
-        taskbar.setScaleX(0.9);
-        taskbar.setScaleY(0.9);
-    }
-
-    // Logik für das Verschieben der Taskleiste: Maus loslassen
-    @FXML
-    private void onTaskbarReleased(MouseEvent event) {
-        taskbar.setScaleX(1.0);
-        taskbar.setScaleY(1.0);
-    }
-
-    // Enter-Taste im Textfeld (in der Taskleiste)
-    @FXML
-    private void onInputSubmitted(KeyEvent event) {
-        if (event.getCode() == KeyCode.ENTER) {
-            processBet();
-        }
-    }
-
-    // Submit-Button (in der Taskleiste)
-    @FXML
-    private void onInputSubmittedAction() {
-        processBet();
-    }
-
-    // Exit-Button (in der Taskleiste)
-    // TODO: Logik implementieren, um zur Lobby zurückzukehren,
-    // ohne die gesamte Anwendung zu schließen (kein System.exit/Platform.exit).
-    @FXML
-    private void onExitButtonClick() {
-        Platform.exit();
-    }
-
-    // Logik zum Verarbeiten des Einsatzes
-    private void processBet() {
-        String input = taskbarInput.getText();
-        if (input != null && !input.isEmpty()) {
-            // TODO: System.out durch echte Kommunikation mit der GameEngine ersetzen, sobald die Logik steht
-            System.out.println("Einsatz gesetzt: " + input + " Credits");
-            taskbarInput.clear();
-        }
-    }
-}
\ No newline at end of file

From 7d2486d3be513d4b995965fe7f8da58d6d29d1fb Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:31:47 +0100
Subject: [PATCH 14/23] fix: update taskbar fxml

---
 .../gameuicomponents/taskbar.fxml             | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml b/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml
index d08402d..8eafb66 100644
--- a/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml
+++ b/src/main/resources/ui-structure/gameuicomponents/taskbar.fxml
@@ -7,7 +7,7 @@
 <!-- verschiebbare Taskbar -->
 <HBox xmlns="http://javafx.com/javafx/21"
       xmlns:fx="http://javafx.com/fxml/1"
-      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.gameuicomponents.TaskbarController"
+      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents.TaskbarController"
       fx:id="taskbar"
       styleClass="taskbar"
       spacing="15"
@@ -18,10 +18,10 @@
       layoutX="50.0" layoutY="710.0">
 
     <!-- Platzhalter-Buttons -->
-    <Button text="SETTING" styleClass="taskbar-button" />
-    <Button text="INFO" styleClass="taskbar-button" />
-    <!-- TODO: Buten für den Casono Browser -->
-    <!-- <Button text="Hilfe" onAction="#onBrowserButtonClick" styleClass="taskbar-button" />-->
+    <Button text="EINSTELLUNGEN" styleClass="gray-button" />
+    <Button text="INFO" styleClass="gray-button" />
+    <!-- Buten für den Casono Browser -->
+    <Button text="HILFE" onAction="#onBrowserButtonClick" styleClass="gray-button" />
 
     <!-- Vertikale-Trennlinie: Erzeugt eine optische Abgrenzung zwischen zwei Butten-Bereichen -->
     <Separator orientation="VERTICAL" prefHeight="20" opacity="0.3" />
@@ -30,21 +30,21 @@
     <TextField fx:id="taskbarInput"
                promptText="Betrag setzen..."
                onKeyPressed="#onInputSubmitted"
-               styleClass="input-field"
+               styleClass="gray-input-field"
                prefWidth="150" />
 
     <!-- Bestätigungs-Button: Alternative zum Enter-Key, um den Einsatz abzusenden -->
-    <Button text="SUBMIT"
+    <Button text="SETZTEN"
             onAction="#onInputSubmittedAction"
-            styleClass="taskbar-button-primary"/>
+            styleClass="yellow-button"/>
 
     <!-- Vertikale-Trennlinie: Erzeugt eine optische Abgrenzung zwischen zwei Butten-Bereichen -->
     <Separator orientation="VERTICAL" prefHeight="20" opacity="0.3" />
 
     <!-- Menü-Button: Bricht das aktuelle Spiel ab und kehrt zum Hauptmenü zurück -->
-    <Button text="EXIT"
+    <Button text="VERLASSEN"
             onAction="#onExitButtonClick"
-            styleClass="taskbar-button-exit"/>
+            styleClass="red-button"/>
 
     <!-- Innenabstand: Hält den Inhalt 10 Pixel von oben/unten und 20 Pixel von den Seiten fern -->
     <padding>

From c441318df913a3d0afdc4be8339bc0ddbec935cb Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:33:50 +0100
Subject: [PATCH 15/23] fix: update launcher logic

---
 .../unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java
index 12fe6ef..2ee2696 100644
--- a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/Launcher.java
@@ -1,5 +1,6 @@
 package ch.unibas.dmi.dbis.cs108.casono.client.ui;
 
+import ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.CasinoGameUI;
 import javafx.application.Application;
 
 /**
@@ -9,13 +10,13 @@ import javafx.application.Application;
  * `Casinogameui` für Tests aufgerufen werden. Im fertigen Spiel erfolgt
  * der Aufruf von `Casinogameui` über die `Casinomainui`.
  *
- * Aufgaben:
- * - Dient als Einstiegspunkt für die JVM.
+ * Starte den Client über das Terminal mit:
+ * {@code ./gradlew run --args="client 0.0.0.0:1234"}
  */
 public class Launcher {
     public static void main(String[] args) {
         // Application.launch(ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinomainui.class, args);
-        Application.launch(ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinogameui.class, args);
+        Application.launch(CasinoGameUI.class, args);
     }
 }
     
\ No newline at end of file

From 815caff372e085e1f423f6a00f47c30261ace99f Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:34:50 +0100
Subject: [PATCH 16/23] add: chat controller

---
 .../gameuicomponents/ChatController.java      | 89 +++++++++++++++++++
 1 file changed, 89 insertions(+)
 create mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java
new file mode 100644
index 0000000..b32f898
--- /dev/null
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java
@@ -0,0 +1,89 @@
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents;
+
+import javafx.fxml.FXML;
+import javafx.scene.control.Button;
+import javafx.scene.control.TextField;
+import javafx.scene.layout.VBox;
+import javafx.scene.control.Label;
+import java.time.LocalTime;
+import java.time.format.DateTimeFormatter;
+import javafx.scene.control.ScrollPane;
+
+/**
+ * Controller-Klasse für das Chat-System innerhalb der Spieloberfläche.
+ *
+ * Verwaltet das Anzeigen von Chatnachrichten, das Eingabefeld für eigene Nachrichten
+ * sowie den Senden-Button. Unterstützt drei Arten von Nachrichten:
+ * - Player-to-Player (Privat)
+ * - Lobby-Chat (Raum)
+ * - Globaler Chat (Serverweit)
+ *
+ * Nachrichten werden in einem {@link VBox}-Container als {@link Label} angezeigt.
+ * Eigene Nachrichten werden über {@link #onSendToNetwork(String)} an das
+ * Netzwerkprotokoll weitergeleitet, während eingehende Nachrichten über
+ * {@link #receiveMessage(String, String)} verarbeitet und angezeigt werden.
+ *
+ * Hinweis: Einige TODOs stehen in der zugehörigen FXML-Datei
+ */
+public class ChatController {
+
+    @FXML
+    private VBox chatVBox;
+
+    @FXML
+    private TextField inputField;
+
+    @FXML
+    private Button sendButton;
+
+    @FXML
+    private ScrollPane chatScrollPane;
+
+    /**
+     * Initialisiert den ChatController nach dem Laden der FXML.
+     */
+    public void initialize() {
+        inputField.setOnAction(event -> sendMessage());
+        chatScrollPane.vvalueProperty().bind(chatVBox.heightProperty());
+    }
+
+    /**
+     * Diese Methode wird vom Senden-Button oder Enter ausgelöst.
+     * Sie gibt die eigene Nachricht an das Netzwerkprotokoll weiter.
+     */
+    @FXML
+    private void sendMessage() {
+        String message = inputField.getText().trim();
+        if (!message.isEmpty()) {
+            inputField.clear();
+
+            // Hier wird die eigene Nachricht ans Netzwerkprotokoll übergeben
+            onSendToNetwork(message);
+        }
+    }
+
+    /**
+     * Diese Funktion muss vom Netzwerkprotokoll aufgerufen werden,
+     * wenn eine neue Nachricht von einem anderen Spieler kommt.
+     * @param player Name des Spielers
+     * @param message Nachricht des Spielers
+     */
+    public void receiveMessage(String player, String message) {
+        String time = LocalTime.now().format(DateTimeFormatter.ofPattern("HH:mm"));
+        Label label = new Label("[" + time + "] " + player + ": " + message);
+        label.getStyleClass().add("info-text");
+        label.setWrapText(true); // Zeilenumbruch aktivieren
+        label.maxWidthProperty().bind(chatVBox.widthProperty().subtract(20));
+        chatVBox.getChildren().add(label);
+    }
+
+    /**
+     * Schnittstelle zum Netzwerkprotokoll.
+     * Diese Funktion wird automatisch aufgerufen, wenn der Benutzer eine eigene Nachricht sendet.
+     * @param message Nachricht, die der Benutzer abgeschickt hat
+     */
+    public void onSendToNetwork(String message) {
+        // TODO: Netzwerkcode einfügen
+        receiveMessage("Du", message);
+    }
+}
\ No newline at end of file

From c38f177a16cadcce9c7f141f8169049181b159d5 Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:37:26 +0100
Subject: [PATCH 17/23] fix: update chatbox fxml

---
 .../gameuicomponents/chatbox.fxml             | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml b/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
index d5970de..9343804 100644
--- a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
+++ b/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
@@ -5,17 +5,21 @@
 <?import javafx.geometry.Insets?>
 
 <!--
-    TODO: Chat-system (platzhalter).
     Dieses Fenster wird später mit den Serveranfragen verknüpft,
     um Nachrichten von Mitspielern und Systemmeldungen in Echtzeit anzuzeigen.
+
     Der Chat unterscheidet intern zwischen:
     - Player-to-Player (Privater 2-Personen-Chat)
     - Lobby-Chat (Aktueller Raum)
     - Globaler Chat (Gesamter Server)
+
+    Features, die später implementiert werden sollen:
+    - Nachrichten-Formatierung (Name, Zeitstempel, Textfarbe nach Typ).
 -->
 
 <VBox xmlns="http://javafx.com/javafx/21"
       xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents.ChatController"
       alignment="CENTER">
 
     <!-- Innenabstand: Schafft oben, rechts und unten 30 Pixel Platz, links nur 10 Pixel (asymmetrisch) -->
@@ -30,23 +34,22 @@
               maxWidth="Infinity">
 
             <children>
-                <Label text="== Chat =="
-                       styleClass="chat-header"
-                       alignment="CENTER"
-                       maxWidth="Infinity"/>
-
+                <Label text="== CHAT ==" styleClass="chat-header" alignment="CENTER" maxWidth="Infinity"/>
                 <Region minHeight="4" styleClass="chat-separator"/>
 
-                <VBox spacing="15"
-                      VBox.vgrow="ALWAYS"
-                      styleClass="info-content">
+                <!-- Chatnachrichten werden hier hinzugefügt -->
+                <ScrollPane fx:id="chatScrollPane" fitToWidth="true" vbarPolicy="AS_NEEDED" hbarPolicy="NEVER" VBox.vgrow="ALWAYS" styleClass="chat-scroll-pane">
+                    <content>
+                        <VBox fx:id="chatVBox" spacing="10" styleClass="chat-VBox"/>
+                    </content>
+                </ScrollPane>
 
-                    <children>
-                        <Label text="> Spieler 1: Hey" styleClass="info-text"/>
-                        <Label text="> Spieler 2: Jo" styleClass="info-text"/>
-                        <Label text="> Spieler 3: hm" styleClass="info-text"/>
-                    </children>
-                </VBox>
+                <!-- Eingabebereich -->
+                <HBox spacing="10">
+                    <!-- TODO: Größe des TextFields dynamisch anpassen -->
+                    <TextField fx:id="inputField" HBox.hgrow="ALWAYS" promptText="Nachricht eingeben..." styleClass="gray-input-field" onAction="#sendMessage"/>
+                    <Button fx:id="sendButton" text="SENDEN" onAction="#sendMessage" styleClass="yellow-button"/>
+                </HBox>
             </children>
         </VBox>
     </children>

From 8610f77386f69762d126c4aa35e784abcb8bb33d Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:38:54 +0100
Subject: [PATCH 18/23] fix: update casino game ui fxml

---
 src/main/resources/ui-structure/Casinogameui.fxml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/ui-structure/Casinogameui.fxml b/src/main/resources/ui-structure/Casinogameui.fxml
index 9e98e9c..40c9b51 100644
--- a/src/main/resources/ui-structure/Casinogameui.fxml
+++ b/src/main/resources/ui-structure/Casinogameui.fxml
@@ -5,12 +5,12 @@
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.image.*?>
 
-<!-- Hauptcontainer: Verknüpft die UI mit dem Java-Controller und lädt das CSS-Design -->
+<!-- Hauptcontainer: Verknüpft die UI mit dem CasinoGameController und lädt casinogameui.css -->
 <AnchorPane xmlns="http://javafx.com/javafx/21"
             xmlns:fx="http://javafx.com/fxml/1"
-            fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.lobbyui.Casinogamecontroller"
+            fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.CasinoGameController"
             styleClass="background"
-            stylesheets="@Casinogameui.css">
+            stylesheets="@casinogameui.css">
 
     <GridPane prefWidth="1200" prefHeight="800" AnchorPane.topAnchor="0" AnchorPane.bottomAnchor="0" AnchorPane.leftAnchor="0" AnchorPane.rightAnchor="0">
         <columnConstraints>

From 8f5d90c538090eb97ede9b41b2f667a57242ab5e Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:41:05 +0100
Subject: [PATCH 19/23] style: update casino game ui

---
 .../{Casinogameui.css => casinogameui.css}    | 179 ++++++++++++++----
 1 file changed, 142 insertions(+), 37 deletions(-)
 rename src/main/resources/ui-structure/{Casinogameui.css => casinogameui.css} (60%)

diff --git a/src/main/resources/ui-structure/Casinogameui.css b/src/main/resources/ui-structure/casinogameui.css
similarity index 60%
rename from src/main/resources/ui-structure/Casinogameui.css
rename to src/main/resources/ui-structure/casinogameui.css
index fa96dc1..1ad76f5 100644
--- a/src/main/resources/ui-structure/Casinogameui.css
+++ b/src/main/resources/ui-structure/casinogameui.css
@@ -26,6 +26,7 @@
     -fx-font-size: 22px;
     -fx-font-weight: bold;
     -fx-padding: 0 0 10 0;
+    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
 }
 
 .info-text {
@@ -61,12 +62,13 @@
     -fx-text-fill: #ffffff;
     -fx-font-size: 28px;
     -fx-font-weight: bold;
-    -fx-effect: dropshadow(one-pass-box, #000, 0, 0, 3, 3);
+    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
 }
 
 .chat-separator {
     -fx-background-color: #ffffff;
     -fx-min-height: 4px;
+    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
 }
 
 .taskbar {
@@ -85,7 +87,7 @@
     -fx-border-color: #ffffff;
 }
 
-.input-field {
+.black-input-field {
     -fx-background-color: #1a1a1a;
     -fx-text-fill: #ffffff;
     -fx-font-family: "Courier New";
@@ -97,18 +99,59 @@
     -fx-padding: 5 12;
 }
 
-.input-field:hover {
+.black-input-field:hover {
     -fx-translate-y: -3;
     -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
 }
 
 
-.input-field:focused {
+.black-input-field:focused {
     -fx-border-color: #ffffff;
     -fx-background-color: #000000;
 }
 
-.taskbar-button, .taskbar-button-primary, .taskbar-button-exit {
+.gray-input-field {
+    -fx-background-color: #333333;
+    -fx-text-fill: #ffffff;
+    -fx-font-family: "Courier New";
+    -fx-font-weight: bold;
+    -fx-background-radius: 8;
+    -fx-border-radius: 8;
+    -fx-border-color: #666666;
+    -fx-color-color: #cccccc;
+    -fx-border-width: 2;
+    -fx-padding: 5 12;
+}
+
+.gray-input-field:hover {
+    -fx-translate-y: -3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+.gray-input-field:focused {
+    -fx-border-color: #ffffff;
+    -fx-background-color: #333333;
+}
+
+.yellow-button {
+    -fx-background-color: #b8860b;
+    -fx-border-color: #ffd700;
+    -fx-text-fill: #ffffff;
+}
+
+.red-button {
+    -fx-background-color: #8b0000;
+    -fx-border-color: #ff4444;
+    -fx-text-fill: #ffffff;
+}
+
+.gray-button {
+    -fx-background-color: #333333;
+    -fx-border-color: #666666;
+    -fx-text-fill: #cccccc;
+}
+
+.gray-button, .yellow-button, .red-button {
     -fx-background-radius: 12;
     -fx-border-radius: 12;
     -fx-font-family: "Courier New";
@@ -118,29 +161,11 @@
     -fx-cursor: hand;
 }
 
-.taskbar-button:hover, .taskbar-button-primary:hover, .taskbar-button-exit:hover {
+.gray-button:hover, .yellow-button:hover, .red-button:hover {
     -fx-translate-y: -3;
     -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
 }
 
-.taskbar-button-primary {
-    -fx-background-color: #b8860b;
-    -fx-border-color: #ffd700;
-    -fx-text-fill: white;
-}
-
-.taskbar-button-exit {
-    -fx-background-color: #8b0000;
-    -fx-border-color: #ff4444;
-    -fx-text-fill: white;
-}
-
-.taskbar-button {
-    -fx-background-color: #333333;
-    -fx-border-color: #666666;
-    -fx-text-fill: #cccccc;
-}
-
 .player-status-pane {
     -fx-background-color: rgba(13, 158, 59, 0);
     -fx-background-radius: 15;
@@ -185,7 +210,7 @@
 }
 
 .status-value-text {
-    -fx-text-fill: white;
+    -fx-text-fill: #ffffff;
     -fx-font-family: "Monospaced"; /* Schriftart */
     -fx-font-size: 15px;
     -fx-font-weight: bold;
@@ -206,18 +231,98 @@
     -fx-border-radius: 50;
 }
 
-/* Style-Definition für den Casono-Browser. Aktuell auskommentiert, bis die Browser-Komponente bereit ist. */
-/*.taskbar-browser {*/
-/*    -fx-background-color: rgb(13, 158, 59);*/
-/*    -fx-background-radius: 23;*/
-/*    -fx-border-radius: 20;*/
-/*    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;*/
-/*    -fx-border-width: 3;*/
-/*    -fx-padding: 10 25;*/
-/*    -fx-cursor: default;*/
-/*    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 5, 5);*/
-/*}*/
+.browser-root {
+    -fx-background-image: url("/images/background.png");
+    -fx-background-size: cover;
+    -fx-background-position: center;
+    -fx-background-color: #0b2d15;
+}
+
+.browser-web-view {
+    -fx-background-color: rgb(13, 158, 59);
+    -fx-background-radius: 23;
+    -fx-border-radius: 20;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
+    -fx-padding: 0;
+    -fx-cursor: default;
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 5, 5);
+}
+
+.web-view {
+    -fx-background-color: transparent;
+}
+
+.taskbar-browser {
+    -fx-background-color: rgb(13, 158, 59);
+    -fx-background-radius: 23;
+    -fx-border-radius: 20;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
+    -fx-padding: 10 25;
+    -fx-cursor: default;
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,0.8), 0, 0, 5, 5);
+}
 
 /*.taskbar-browser:hover {*/
-/*    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;*/
+/*    -fx-border-color: #ffffff;*/
 /*}*/
+
+.security-label {
+    -fx-text-fill: #000000;
+    -fx-font-weight: bold;
+    -fx-font-size: 16px;
+}
+
+.chat-scroll-pane {
+    -fx-background-color: transparent;
+    -fx-background: transparent;
+    -fx-border-color: transparent;
+}
+
+.chat-VBox {
+    -fx-background-color: transparent;
+    -fx-background: transparent;
+}
+.scroll-pane {
+    -fx-background-color: transparent;
+    -fx-border-color: transparent;
+}
+
+.scroll-pane .scroll-bar:vertical {
+    -fx-background-color: transparent;
+}
+
+.scroll-pane .scroll-bar .track {
+    -fx-background-color: #5c3d10;
+    -fx-background-insets: 0;
+    -fx-background-radius: 5;
+}
+
+.scroll-pane .scroll-bar .thumb {
+    -fx-background-color: #3d260a;
+    -fx-background-insets: 0;
+    -fx-background-radius: 5;
+    -fx-pref-width: 6;
+    -fx-pref-height: 6;
+    -fx-padding: 0;
+}
+
+.scroll-pane .scroll-bar:horizontal {
+    -fx-background-color: transparent;
+}
+
+.scroll-pane .scroll-bar:horizontal .track {
+    -fx-background-color: #5c3d10;
+    -fx-background-radius: 5;
+}
+
+.scroll-pane .scroll-bar:horizontal .thumb {
+    -fx-background-color: #3d260a;
+    -fx-background-radius: 5;
+    -fx-pref-height: 6;
+}
+
+.scroll-pane .scroll-bar:horizontal .thumb:hover {
+    -fx-pref-height: 10;
+}

From 1fe6d9ce5d41c134369bbec1876916551520899d Mon Sep 17 00:00:00 2001
From: jk <julian.kropff@icloud.com>
Date: Sat, 14 Mar 2026 11:43:01 +0100
Subject: [PATCH 20/23] add: casino browser controller

---
 .../CasinoBrowserController.java              | 364 ++++++++++++++++++
 1 file changed, 364 insertions(+)
 create mode 100644 src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/CasinoBrowserController.java

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/CasinoBrowserController.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/CasinoBrowserController.java
new file mode 100644
index 0000000..d650221
--- /dev/null
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/CasinoBrowserController.java
@@ -0,0 +1,364 @@
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents;
+
+import javafx.application.Platform;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.Scene;
+import javafx.scene.control.*;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
+import javafx.scene.layout.*;
+import javafx.scene.shape.Rectangle;
+import javafx.scene.web.WebEngine;
+import javafx.scene.web.WebView;
+import javafx.stage.Stage;
+
+import java.net.*;
+import java.util.HashSet;
+import java.util.Optional;
+import java.util.Set;
+
+/**
+ * Experimenteller integrierter Browser für Casono.
+ *
+ * Diese Klasse implementiert einen einfachen eingebetteten Webbrowser
+ * auf Basis von {@link javafx.scene.web.WebView}. Der Browser dient
+ * primär als Hilfswerkzeug innerhalb des Spiels, um externe Inhalte
+ * wie Webseiten oder Videos anzuzeigen.
+ *
+ * Status
+ * Der Browser befindet sich derzeit in einer experimentellen Phase.
+ * Einige Sicherheitsmechanismen basieren auf experimentellen
+ * KI-gestützten Empfehlungen und können sich in zukünftigen
+ * Versionen noch ändern.
+ *
+ * Zweck
+ * Der Browser wird aktuell experimentell genutzt, um:
+ * Pokerregeln direkt im Spiel zu erklären
+ * Hilfeseiten oder Dokumentationen anzuzeigen
+ * Videos (z.B. Tutorials oder Erklärungen) über Plattformen wie YouTube abzuspielen
+ *
+ * Sicherheitsmechanismen
+ * Da externe Webseiten geladen werden können, wurden einige
+ * grundlegende Schutzmaßnahmen integriert:
+ * - HTTPS-Zwang für Webseiten
+ * - Whitelist für bekannte Domains
+ * - Warnung bei unbekannten Webseiten
+ * - JavaScript standardmäßig deaktiviert (man kann es jedoch für Google etc. einschalten)
+ * - Popup-Blocker
+ * - Automatische Cookie-Löschung beim Schließen
+ */
+public class CasinoBrowserController {
+    private static final Set<String> TRUSTED_DOMAINS = new HashSet<>();
+    private static final CookieManager COOKIE_MANAGER =
+            new CookieManager(null, CookiePolicy.ACCEPT_ORIGINAL_SERVER);
+
+    static {
+        CookieHandler.setDefault(COOKIE_MANAGER);
+
+        TRUSTED_DOMAINS.add("wikipedia.org");
+        TRUSTED_DOMAINS.add("github.com");
+        TRUSTED_DOMAINS.add("oracle.com");
+        TRUSTED_DOMAINS.add("stackoverflow.com");
+        TRUSTED_DOMAINS.add("docs.oracle.com");
+        TRUSTED_DOMAINS.add("developer.mozilla.org");
+        TRUSTED_DOMAINS.add("maven.apache.org");
+        TRUSTED_DOMAINS.add("gradle.org");
+        TRUSTED_DOMAINS.add("spring.io");
+        TRUSTED_DOMAINS.add("jetbrains.com");
+        TRUSTED_DOMAINS.add("google.com");
+        TRUSTED_DOMAINS.add("bing.com");
+        TRUSTED_DOMAINS.add("duckduckgo.com");
+        TRUSTED_DOMAINS.add("metager.de");
+        TRUSTED_DOMAINS.add("unibas.ch");
+        TRUSTED_DOMAINS.add("mojeek.com");
+        TRUSTED_DOMAINS.add("searx.be ");
+        TRUSTED_DOMAINS.add("startpage.com");
+    }
+
+    private static boolean javascriptEnabled = false;
+
+    /**
+     * Löscht alle gespeicherten Cookies der aktuellen Browser-Sitzung.
+     */
+    private static void clearCookies() {
+        try {
+            COOKIE_MANAGER.getCookieStore().removeAll();
+        } catch (Exception ignored) {}
+    }
+
+    /**
+     * Öffnet ein neues Browserfenster und lädt eine angegebene Webseite.
+     *
+     * Falls die Webseite nicht zur Liste vertrauenswürdiger Domains gehört,
+     * wird der Benutzer gefragt, ob die Seite dennoch geladen werden soll.
+     *
+     * @param url die Startadresse der Webseite, die geladen werden soll
+     */
+    public static void open(String url) {
+        Platform.runLater(() -> {
+            Stage stage = new Stage();
+
+            WebView webView = new WebView();
+            WebEngine engine = webView.getEngine();
+
+            engine.setJavaScriptEnabled(false);
+
+            // Popup Blocker
+            engine.setCreatePopupHandler(config -> {
+                Alert alert = new Alert(Alert.AlertType.WARNING);
+                alert.setTitle("Popup blockiert");
+                alert.setHeaderText(null);
+                alert.setContentText("Popup wurde aus Sicherheitsgründen blockiert.");
+
+                try {
+                    Image logo =
+                            new Image(CasinoBrowserController.class.getResourceAsStream("/images/logoinverted.png"));
+                    Image logomain =
+                            new Image(CasinoBrowserController.class.getResourceAsStream("/images/logo.png"));
+
+                    if (logo != null) {
+                        Stage alertStage = (Stage) alert.getDialogPane().getScene().getWindow();
+                        if (alertStage != null) {
+                            alertStage.getIcons().add(logo);
+                        }
+                    }
+
+                    if (logomain != null) {
+                        ImageView logoView = new ImageView(logomain);
+                        logoView.setFitHeight(40);
+                        logoView.setPreserveRatio(true);
+                        alert.setGraphic(logoView);
+                    }
+                } catch (Exception e) {
+                    System.err.println("Logo konnte nicht geladen werden");
+                }
+
+                alert.showAndWait();
+                return null;
+            });
+
+            webView.getStyleClass().add("web-view");
+
+            StackPane webContainer = new StackPane(webView);
+            webContainer.getStyleClass().add("browser-web-view");
+            VBox.setVgrow(webContainer, Priority.ALWAYS);
+
+            Rectangle clip = new Rectangle();
+            clip.setArcWidth(40);
+            clip.setArcHeight(40);
+            webView.setClip(clip);
+
+            webView.widthProperty().addListener((o,a,b)->clip.setWidth(b.doubleValue()));
+            webView.heightProperty().addListener((o,a,b)->clip.setHeight(b.doubleValue()));
+
+            ImageView browserLogo = new ImageView();
+
+            try {
+                Image logo =
+                        new Image(CasinoBrowserController.class.getResourceAsStream("/images/logoinverted.png"));
+                Image logomain =
+                        new Image(CasinoBrowserController.class.getResourceAsStream("/images/logo.png"));
+
+                if (logo != null) {
+                    stage.getIcons().add(logo);
+                }
+
+                if (logomain != null) {
+                    browserLogo.setImage(logomain);
+                    browserLogo.setFitHeight(30);
+                    browserLogo.setPreserveRatio(true);
+                }
+            } catch (Exception e) {
+                System.err.println("Logo konnte nicht geladen werden");
+            }
+
+            // URL Feld
+            TextField urlField = new TextField(url);
+            urlField.getStyleClass().add("gray-input-field");
+            HBox.setHgrow(urlField, Priority.ALWAYS);
+
+            Label securityLabel = new Label("SICHER");
+            securityLabel.getStyleClass().add("security-label");
+
+            // JS Toggle
+            Button jsToggle = new Button("JS EINSCHALTEN");
+            jsToggle.getStyleClass().add("red-button");
+
+            jsToggle.setOnAction(e -> {
+                javascriptEnabled = !javascriptEnabled;
+                engine.setJavaScriptEnabled(javascriptEnabled);
+
+                if (javascriptEnabled) {
+                    jsToggle.setText("JS AUSSCHALTEN");
+                    jsToggle.getStyleClass().removeAll("red-button");
+                    jsToggle.getStyleClass().add("yellow-button");
+
+                } else {
+                    jsToggle.setText("JS EINSCHALTEN");
+                    jsToggle.getStyleClass().removeAll("yellow-button");
+                    jsToggle.getStyleClass().add("red-button");
+                }
+            });
+
+            // Navigation
+            Button backBtn = new Button("<");
+            backBtn.getStyleClass().add("gray-button");
+            backBtn.setOnAction(e -> {
+                if(engine.getHistory().getCurrentIndex() > 0){
+                    engine.getHistory().go(-1);
+                }
+            });
+
+            Button fwdBtn = new Button(">");
+            fwdBtn.getStyleClass().add("gray-button");
+            fwdBtn.setOnAction(e -> {
+                if(engine.getHistory().getCurrentIndex() <
+                        engine.getHistory().getEntries().size()-1){
+                    engine.getHistory().go(1);
+                }
+            });
+
+            // Reload Button
+            Button reloadBtn = new Button("⟳");
+            reloadBtn.getStyleClass().add("gray-button");
+            reloadBtn.setOnAction(e -> engine.reload());
+
+            // Close
+            Button closeBtn = new Button("X");
+            closeBtn.getStyleClass().add("red-button");
+            closeBtn.setOnAction(e -> {
+                webView.getEngine().load("about:blank");
+                clearCookies();
+                stage.close();
+
+            });
+
+            // URL Enter
+            urlField.setOnAction(e ->
+                    loadUrlSafely(engine, urlField.getText(), securityLabel));
+            engine.locationProperty().addListener((obs,o,n)->urlField.setText(n));
+
+            // Taskbar
+            HBox taskbar = new HBox(
+                    10,
+                    browserLogo,
+                    backBtn,
+                    fwdBtn,
+                    reloadBtn,
+                    urlField,
+                    jsToggle,
+                    securityLabel,
+                    closeBtn
+            );
+
+            taskbar.getStyleClass().add("taskbar-browser");
+            taskbar.setAlignment(Pos.CENTER_LEFT);
+
+            // Root
+            VBox root = new VBox(10, taskbar, webContainer);
+            root.getStyleClass().add("browser-root");
+            root.setPadding(new Insets(10));
+            Scene scene = new Scene(root,1200,800);
+            var css = CasinoBrowserController.class.getResource("/ui-structure/casinogameui.css");
+
+            if(css != null) {
+                scene.getStylesheets().add(css.toExternalForm());
+            }
+
+            // F5 Reload
+            scene.setOnKeyPressed(event -> {
+                switch (event.getCode()) {
+                    case F5 -> engine.reload();
+                }
+            });
+
+            stage.setScene(scene);
+            stage.setTitle("Casono Browser");
+            loadUrlSafely(engine, url, securityLabel);
+            stage.show();
+        });
+    }
+
+    /**
+     * Lädt eine URL in den Browser, nachdem grundlegende Sicherheitsprüfungen
+     * durchgeführt wurden.
+     *
+     * Vor dem Laden einer Seite werden folgende Prüfungen durchgeführt:
+     * - Überprüfung des Protokolls (nur HTTPS erlaubt)
+     * - Überprüfung der Domain gegen eine Whitelist
+     * - Schutz vor Domain-Spoofing (Domain-Vortäuschung)
+     *
+     * Falls eine Domain nicht als vertrauenswürdig eingestuft wird,
+     * muss der Benutzer bestätigen, dass die Seite dennoch geöffnet
+     * werden darf.
+     *
+     * @param engine der WebEngine-Renderer des Browsers
+     * @param url die zu ladende Webadresse
+     * @param securityLabel Label zur Anzeige des aktuellen Sicherheitsstatus
+     */
+    private static void loadUrlSafely(WebEngine engine, String url, Label securityLabel) {
+        try {
+            if(!url.startsWith("http")) {
+                url = "https://" + url;
+            }
+
+            URI uri = new URI(url);
+
+            // HTTPS Pflicht
+            if(!"https".equalsIgnoreCase(uri.getScheme())) {
+                securityLabel.setText("BLOCKIERT");
+                return;
+            }
+
+            String host = uri.getHost();
+            if(host == null) {
+                securityLabel.setText("ERROR");
+                return;
+            }
+
+            // Sicherer Domain Check
+            boolean trusted = TRUSTED_DOMAINS.stream().anyMatch(domain ->
+                    host.equals(domain) || host.endsWith("." + domain));
+
+            if(!trusted) {
+                Alert alert = new Alert(Alert.AlertType.CONFIRMATION);
+
+                alert.setTitle("Unbekannte Website");
+                alert.setHeaderText("Diese Website ist nicht bekannt");
+                alert.setContentText(
+                        host + "\n\nDiese Seite ist nicht vom Casono Browser verifiziert.\nMöchten Sie sie trotzdem öffnen?"
+                );
+
+                Image logo = new Image(CasinoBrowserController.class.getResourceAsStream("/images/logoinverted.png"));
+                if (logo != null) {
+                    Stage stage = (Stage) alert.getDialogPane().getScene().getWindow();
+                    if(stage != null) {
+                        stage.getIcons().add(logo);
+                    }
+                    ImageView logomain = new ImageView(logo);
+                    logomain.setFitHeight(50);
+                    logomain.setPreserveRatio(true);
+                    alert.setGraphic(logomain);
+                }
+
+                alert.getDialogPane().setPrefSize(600,300);
+                Optional<ButtonType> result = alert.showAndWait();
+
+                if(result.isEmpty() || result.get() != ButtonType.OK) {
+                    securityLabel.setText("BLOCKIERT");
+                    return;
+                }
+
+                securityLabel.setText("UNBEKANNT");
+            } else {
+                securityLabel.setText("SICHER");
+            }
+            engine.load(uri.toString());
+        }
+
+        catch (Exception e) {
+            securityLabel.setText("ERROR");
+        }
+    }
+}
\ No newline at end of file

From ec4d8bfb0752c8416e74bbc46211f89b99e77d69 Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Sat, 14 Mar 2026 11:54:14 +0100
Subject: [PATCH 21/23] fix: update chatbox fxml

---
 src/main/resources/ui-structure/gameuicomponents/chatbox.fxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml b/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
index 9343804..8bc360c 100644
--- a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
+++ b/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
@@ -14,7 +14,7 @@
     - Globaler Chat (Gesamter Server)
 
     Features, die später implementiert werden sollen:
-    - Nachrichten-Formatierung (Name, Zeitstempel, Textfarbe nach Typ).
+    - Schicke Chat-Bubbles mit Namen und Uhrzeit.
 -->
 
 <VBox xmlns="http://javafx.com/javafx/21"

From 59a4648ad6e3dbbd8b31ed09a32aa880377d8aaa Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Sat, 14 Mar 2026 13:01:41 +0100
Subject: [PATCH 22/23] fix: reorganize folder structure for chat components

---
 .../ui/{gameui/gameuicomponents => chatui}/ChatController.java  | 2 +-
 src/main/resources/ui-structure/Casinogameui.fxml               | 2 +-
 .../ui-structure/{gameuicomponents => components}/chatbox.fxml  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
 rename src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/{gameui/gameuicomponents => chatui}/ChatController.java (97%)
 rename src/main/resources/ui-structure/{gameuicomponents => components}/chatbox.fxml (95%)

diff --git a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/chatui/ChatController.java
similarity index 97%
rename from src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java
rename to src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/chatui/ChatController.java
index b32f898..563d912 100644
--- a/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/gameui/gameuicomponents/ChatController.java
+++ b/src/main/java/ch/unibas/dmi/dbis/cs108/casono/client/ui/chatui/ChatController.java
@@ -1,4 +1,4 @@
-package ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents;
+package ch.unibas.dmi.dbis.cs108.casono.client.ui.chatui;
 
 import javafx.fxml.FXML;
 import javafx.scene.control.Button;
diff --git a/src/main/resources/ui-structure/Casinogameui.fxml b/src/main/resources/ui-structure/Casinogameui.fxml
index 40c9b51..91bbe26 100644
--- a/src/main/resources/ui-structure/Casinogameui.fxml
+++ b/src/main/resources/ui-structure/Casinogameui.fxml
@@ -78,7 +78,7 @@
             </VBox>
 
             <!-- TODO: Platzhalter: Chat-Box in Spalte 2: -->
-            <fx:include source="gameuicomponents/chatbox.fxml" GridPane.columnIndex="2"/>
+            <fx:include source="components/chatbox.fxml" GridPane.columnIndex="2"/>
 
         </children>
     </GridPane>
diff --git a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml b/src/main/resources/ui-structure/components/chatbox.fxml
similarity index 95%
rename from src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
rename to src/main/resources/ui-structure/components/chatbox.fxml
index 8bc360c..ea52d2c 100644
--- a/src/main/resources/ui-structure/gameuicomponents/chatbox.fxml
+++ b/src/main/resources/ui-structure/components/chatbox.fxml
@@ -19,7 +19,7 @@
 
 <VBox xmlns="http://javafx.com/javafx/21"
       xmlns:fx="http://javafx.com/fxml/1"
-      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.gameui.gameuicomponents.ChatController"
+      fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.chatui.ChatController"
       alignment="CENTER">
 
     <!-- Innenabstand: Schafft oben, rechts und unten 30 Pixel Platz, links nur 10 Pixel (asymmetrisch) -->

From 3a8dc98e913200eb661a5d5a631134d82570883c Mon Sep 17 00:00:00 2001
From: Julian Kropff <j.kropff@stud.unibas.ch>
Date: Sat, 14 Mar 2026 13:31:45 +0100
Subject: [PATCH 23/23] style: update chat ui design

---
 .../resources/ui-structure/casinogameui.css   |  77 ---------
 .../ui-structure/components/chatbox.fxml      |   3 +-
 .../ui-structure/components/chatui.css        | 155 ++++++++++++++++++
 3 files changed, 157 insertions(+), 78 deletions(-)
 create mode 100644 src/main/resources/ui-structure/components/chatui.css

diff --git a/src/main/resources/ui-structure/casinogameui.css b/src/main/resources/ui-structure/casinogameui.css
index 1ad76f5..a512edc 100644
--- a/src/main/resources/ui-structure/casinogameui.css
+++ b/src/main/resources/ui-structure/casinogameui.css
@@ -11,24 +11,6 @@
     -fx-background-repeat: no-repeat;
 }
 
-.chat-box {
-    -fx-background-color: #0d9e3b;
-    -fx-background-radius: 58;
-    -fx-border-radius: 50;
-    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
-    -fx-border-width: 12;
-    -fx-padding: 20;
-    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);
-}
-
-.chat-header {
-    -fx-text-fill: #ffffff;
-    -fx-font-size: 22px;
-    -fx-font-weight: bold;
-    -fx-padding: 0 0 10 0;
-    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
-}
-
 .info-text {
     -fx-text-fill: #ffffff;
     -fx-font-size: 16px;
@@ -65,12 +47,6 @@
     -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
 }
 
-.chat-separator {
-    -fx-background-color: #ffffff;
-    -fx-min-height: 4px;
-    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
-}
-
 .taskbar {
     -fx-background-color: rgba(13, 158, 59);
     -fx-background-radius: 23;
@@ -273,56 +249,3 @@
     -fx-font-weight: bold;
     -fx-font-size: 16px;
 }
-
-.chat-scroll-pane {
-    -fx-background-color: transparent;
-    -fx-background: transparent;
-    -fx-border-color: transparent;
-}
-
-.chat-VBox {
-    -fx-background-color: transparent;
-    -fx-background: transparent;
-}
-.scroll-pane {
-    -fx-background-color: transparent;
-    -fx-border-color: transparent;
-}
-
-.scroll-pane .scroll-bar:vertical {
-    -fx-background-color: transparent;
-}
-
-.scroll-pane .scroll-bar .track {
-    -fx-background-color: #5c3d10;
-    -fx-background-insets: 0;
-    -fx-background-radius: 5;
-}
-
-.scroll-pane .scroll-bar .thumb {
-    -fx-background-color: #3d260a;
-    -fx-background-insets: 0;
-    -fx-background-radius: 5;
-    -fx-pref-width: 6;
-    -fx-pref-height: 6;
-    -fx-padding: 0;
-}
-
-.scroll-pane .scroll-bar:horizontal {
-    -fx-background-color: transparent;
-}
-
-.scroll-pane .scroll-bar:horizontal .track {
-    -fx-background-color: #5c3d10;
-    -fx-background-radius: 5;
-}
-
-.scroll-pane .scroll-bar:horizontal .thumb {
-    -fx-background-color: #3d260a;
-    -fx-background-radius: 5;
-    -fx-pref-height: 6;
-}
-
-.scroll-pane .scroll-bar:horizontal .thumb:hover {
-    -fx-pref-height: 10;
-}
diff --git a/src/main/resources/ui-structure/components/chatbox.fxml b/src/main/resources/ui-structure/components/chatbox.fxml
index ea52d2c..3e518ba 100644
--- a/src/main/resources/ui-structure/components/chatbox.fxml
+++ b/src/main/resources/ui-structure/components/chatbox.fxml
@@ -20,7 +20,8 @@
 <VBox xmlns="http://javafx.com/javafx/21"
       xmlns:fx="http://javafx.com/fxml/1"
       fx:controller="ch.unibas.dmi.dbis.cs108.casono.client.ui.chatui.ChatController"
-      alignment="CENTER">
+      alignment="CENTER"
+      stylesheets="@chatui.css">
 
     <!-- Innenabstand: Schafft oben, rechts und unten 30 Pixel Platz, links nur 10 Pixel (asymmetrisch) -->
     <padding>
diff --git a/src/main/resources/ui-structure/components/chatui.css b/src/main/resources/ui-structure/components/chatui.css
new file mode 100644
index 0000000..826aa7b
--- /dev/null
+++ b/src/main/resources/ui-structure/components/chatui.css
@@ -0,0 +1,155 @@
+.chat-box {
+    -fx-background-color: #0d9e3b;
+    -fx-background-radius: 58;
+    -fx-border-radius: 50;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 12;
+    -fx-padding: 20;
+    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);
+}
+
+.chat-header {
+    -fx-text-fill: #ffffff;
+    -fx-font-size: 22px;
+    -fx-font-weight: bold;
+    -fx-padding: 0 0 10 0;
+    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
+}
+
+.chat-separator {
+    -fx-background-color: #ffffff;
+    -fx-min-height: 4px;
+    -fx-effect: dropshadow(one-pass-box, #000000, 0, 0, 3, 3);
+}
+
+.black-input-field {
+    -fx-background-color: #1a1a1a;
+    -fx-text-fill: #ffffff;
+    -fx-font-family: "Courier New";
+    -fx-font-weight: bold;
+    -fx-background-radius: 8;
+    -fx-border-radius: 8;
+    -fx-border-color: #444444;
+    -fx-border-width: 2;
+    -fx-padding: 5 12;
+}
+
+.black-input-field:hover {
+    -fx-translate-y: -3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+
+.black-input-field:focused {
+    -fx-border-color: #ffffff;
+    -fx-background-color: #000000;
+}
+
+.gray-input-field {
+    -fx-background-color: #333333;
+    -fx-text-fill: #ffffff;
+    -fx-font-family: "Courier New";
+    -fx-font-weight: bold;
+    -fx-background-radius: 8;
+    -fx-border-radius: 8;
+    -fx-border-color: #666666;
+    -fx-color-color: #cccccc;
+    -fx-border-width: 2;
+    -fx-padding: 5 12;
+}
+
+.gray-input-field:hover {
+    -fx-translate-y: -3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+.gray-input-field:focused {
+    -fx-border-color: #ffffff;
+    -fx-background-color: #333333;
+}
+
+.yellow-button {
+    -fx-background-color: #b8860b;
+    -fx-border-color: #ffd700;
+    -fx-text-fill: #ffffff;
+}
+
+.red-button {
+    -fx-background-color: #8b0000;
+    -fx-border-color: #ff4444;
+    -fx-text-fill: #ffffff;
+}
+
+.gray-button {
+    -fx-background-color: #333333;
+    -fx-border-color: #666666;
+    -fx-text-fill: #cccccc;
+}
+
+.gray-button, .yellow-button, .red-button {
+    -fx-background-radius: 12;
+    -fx-border-radius: 12;
+    -fx-font-family: "Courier New";
+    -fx-font-weight: bold;
+    -fx-border-width: 2;
+    -fx-padding: 6 15;
+    -fx-cursor: hand;
+}
+
+.gray-button:hover, .yellow-button:hover, .red-button:hover {
+    -fx-translate-y: -3;
+    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3);
+}
+
+.chat-scroll-pane {
+    -fx-background-color: transparent;
+    -fx-background: transparent;
+    -fx-border-color: transparent;
+}
+
+.chat-VBox {
+    -fx-background-color: transparent;
+    -fx-background: transparent;
+}
+.scroll-pane {
+    -fx-background-color: transparent;
+    -fx-border-color: transparent;
+}
+
+.scroll-pane .scroll-bar:vertical {
+    -fx-background-color: transparent;
+}
+
+.scroll-pane .scroll-bar .track {
+    -fx-background-color: #5c3d10;
+    -fx-background-insets: 0;
+    -fx-background-radius: 5;
+}
+
+.scroll-pane .scroll-bar .thumb {
+    -fx-background-color: #3d260a;
+    -fx-background-insets: 0;
+    -fx-background-radius: 5;
+    -fx-pref-width: 6;
+    -fx-pref-height: 6;
+    -fx-padding: 0;
+}
+
+.scroll-pane .scroll-bar:horizontal {
+    -fx-background-color: transparent;
+}
+
+.scroll-pane .scroll-bar:horizontal .track {
+    -fx-background-color: #5c3d10;
+    -fx-background-radius: 5;
+}
+
+.scroll-pane .scroll-bar:horizontal .thumb {
+    -fx-background-color: #3d260a;
+    -fx-background-radius: 5;
+    -fx-pref-height: 6;
+}
+
+.scroll-pane .scroll-bar:horizontal .thumb:hover {
+    -fx-pref-height: 10;
+}