Add Game and Config UI

2026-03-30 20:35:46 +02:00
parent ab0e19ef34
commit ebb179a109
5 changed files with 368 additions and 10 deletions
@@ -0,0 +1,63 @@
+:root {
+    --night-blue: radial-gradient(circle, #1a2a6c 0%, #0a1128 100%);
+    --gold: #d4af37;
+    --neon-red: #ff3131;
+}
+
+body {
+    background: #050505;
+    color: white;
+    font-family: sans-serif;
+    display: flex;
+    justify-content: center;
+    padding: 20px;
+}
+
+.yahtzee-table {
+    background: var(--night-blue);
+    border: 10px solid #2d0000;
+    border-radius: 50px;
+    padding: 30px;
+    width: 100%;
+    max-width: 800px;
+    text-align: center;
+    box-shadow: 0 20px 40px rgba(0,0,0,0.8);
+}
+
+.game-header h1 {
+    color: var(--gold);
+    text-transform: uppercase;
+}
+
+.players-grid {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    flex-wrap: wrap;
+    margin: 30px 0;
+}
+
+.player-card {
+    padding: 15px;
+    border-radius: 15px;
+    background: rgba(0,0,0,0.3);
+    border-bottom: 4px solid transparent;
+    min-width: 120px;
+}
+
+.player-card.active {
+    border-color: #fff;
+    box-shadow: 0 0 15px rgba(255,255,255,0.2);
+}
+
+.btn-admin-close {
+    background: transparent;
+    color: var(--neon-red);
+    border: 1px solid var(--neon-red);
+    padding: 5px 15px;
+    border-radius: 20px;
+    cursor: pointer;
+    margin-top: 10px;
+}
+
+.debug-zone { margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; }