From 5e6195fc7006a3a2d6e43134305a5e41f5ea6b5d Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Fri, 28 Nov 2025 18:48:28 +0100
Subject: [PATCH] =?UTF-8?q?Augmentation=20taille=20fant=C3=B4mes=20et=20fo?=
 =?UTF-8?q?nd=20d'=C3=A9cran=20sombre=20avec=20fant=C3=B4mes=20effrayants?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 game.js   |  2 +-
 style.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++-----
 2 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/game.js b/game.js
index 5bae277..937f414 100644
--- a/game.js
+++ b/game.js
@@ -328,7 +328,7 @@ class Ghost {
         ctx.save();
         ctx.translate(this.pixelX, this.pixelY);
         
-        const size = CELL_SIZE * 0.4;
+        const size = CELL_SIZE * 0.75;
         
         ctx.fillStyle = this.color;
         ctx.strokeStyle = '#000000';
diff --git a/style.css b/style.css
index 8609a3a..7c76600 100644
--- a/style.css
+++ b/style.css
@@ -6,10 +6,50 @@
 
 body {
     font-family: 'Arial', sans-serif;
-    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    background: #0a0a0a;
+    background-image: 
+        radial-gradient(circle at 20% 30%, rgba(255, 0, 0, 0.1) 0%, transparent 50%),
+        radial-gradient(circle at 80% 70%, rgba(0, 0, 255, 0.1) 0%, transparent 50%),
+        radial-gradient(circle at 50% 50%, rgba(128, 0, 128, 0.1) 0%, transparent 50%);
     color: #fff;
     min-height: 100vh;
     padding: 20px;
+    position: relative;
+    overflow-x: hidden;
+}
+
+body::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: 
+        url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 20 Q60 10 70 20 Q80 30 70 40 Q60 50 50 40 Q40 50 30 40 Q20 30 30 20 Q40 10 50 20 Z' fill='%23ffffff' opacity='0.05'/%3E%3Ccircle cx='45' cy='30' r='3' fill='%23000000' opacity='0.3'/%3E%3Ccircle cx='55' cy='30' r='3' fill='%23000000' opacity='0.3'/%3E%3Cpath d='M50 40 Q45 45 50 50 Q55 45 50 40' fill='%23000000' opacity='0.2'/%3E%3C/svg%3E");
+    background-size: 200px 200px;
+    background-repeat: repeat;
+    pointer-events: none;
+    z-index: 0;
+}
+
+body::after {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: 
+        repeating-linear-gradient(
+            0deg,
+            transparent,
+            transparent 2px,
+            rgba(255, 255, 255, 0.02) 2px,
+            rgba(255, 255, 255, 0.02) 4px
+        );
+    pointer-events: none;
+    z-index: 0;
 }
 
 .main-wrapper {
@@ -19,15 +59,20 @@ body {
     gap: 30px;
     max-width: 1400px;
     margin: 0 auto;
+    position: relative;
+    z-index: 1;
 }
 
 .container {
     text-align: center;
-    background: rgba(0, 0, 0, 0.3);
+    background: rgba(0, 0, 0, 0.7);
     padding: 30px;
     border-radius: 15px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 0, 0, 0.2);
     flex-shrink: 0;
+    position: relative;
+    z-index: 1;
+    border: 2px solid rgba(255, 0, 0, 0.3);
 }
 
 h1 {
@@ -109,12 +154,15 @@ h1 {
 }
 
 .leaderboard-container {
-    background: rgba(0, 0, 0, 0.3);
+    background: rgba(0, 0, 0, 0.7);
     padding: 25px;
     border-radius: 15px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 0, 0, 0.2);
     min-width: 300px;
     max-height: 700px;
+    position: relative;
+    z-index: 1;
+    border: 2px solid rgba(255, 0, 0, 0.3);
 }
 
 .leaderboard-container h2 {