Ajout pinguin en feu + piege a con

2025-12-05 03:47:50 +01:00
parent 31c028b38d
commit 9f1e8e1456
10 changed files with 127 additions and 35 deletions
--- a/style.css
+++ b/style.css
@@ -332,3 +332,56 @@ button:hover {
  object-fit: contain;
  image-rendering: pixelated;
 }
+
+.pai-container {
+  margin: 3rem auto;
+  max-width: 600px;
+  text-align: center;
+}
+
+.pai-box {
+  border: 2px solid #00ff88;
+  padding: 2rem;
+  background: rgba(0, 255, 136, 0.05);
+  box-shadow: 0 0 12px #00ff88;
+  border-radius: 10px;
+}
+
+.loading-bar {
+  width: 100%;
+  height: 22px;
+  background: #003322;
+  border: 2px solid #00ff88;
+  border-radius: 6px;
+  overflow: hidden;
+  margin-top: 1.5rem;
+}
+
+.loading-fill {
+  height: 100%;
+  width: 0%;
+  background: #00ff88;
+  box-shadow: 0 0 10px #00ff88;
+  animation: fill 7s infinite;
+}
+
+@keyframes fill {
+  0%   { width: 0%; }
+  50%  { width: 100%; }
+  100% { width: 0%; }
+}
+
+.pai-text {
+  margin-top: 1.5rem;
+  font-size: 1.2rem;
+  color: #00ffcc;
+  text-shadow: 0 0 6px #00ff88;
+  min-height: 60px;
+}
+
+.pai-small {
+  margin-top: 2rem;
+  font-size: 0.9rem;
+  color: #00ff88;
+  opacity: 0.7;
+}