From 8fac2ed85ab7f2078bd9dba4936d9c6b51b71430 Mon Sep 17 00:00:00 2001
From: Kyllian Auguste <tezcat.auguste@gmail.com>
Date: Tue, 12 May 2026 23:48:12 +0200
Subject: [PATCH] Update Quizz For Phone Vers.

---
 SRC/style.css | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/SRC/style.css b/SRC/style.css
index 2c5e716..6783417 100755
--- a/SRC/style.css
+++ b/SRC/style.css
@@ -366,17 +366,19 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
     background:rgba(255,255,255,.02); border:1px solid var(--border); border-radius:12px;
     text-align:center; position:relative; overflow:hidden;
     box-shadow:0 0 40px var(--theme-glow), inset 0 0 60px rgba(0,0,0,.3);
+    display:flex; flex-direction:column; min-height:400px;
 }
 #quiz-container::before {
     content:''; position:absolute; top:0; left:0; right:0; height:2px;
     background:linear-gradient(90deg,transparent,var(--theme-color),transparent);
 }
 #quiz-question {
-    font-size:.95rem; font-weight:500; line-height:1.8;
-    color:var(--text-primary); margin-bottom:2rem;
-    white-space:pre-line; text-align:left;
+    font-size:.95rem; font-weight:500; line-height:1.6;
+    color:var(--text-primary); margin-bottom:1.5rem;
+    white-space:pre-line; text-align:left; flex-grow:1;
+    display:flex; align-items:center; min-height:120px;
 }
-#quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:1rem; }
+#quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:1rem; width:100%; }
 
 .quiz-btn {
     background:rgba(255,255,255,.03); color:var(--text-primary);
@@ -384,6 +386,7 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
     font-family:'Space Grotesk',sans-serif; font-size:.9rem; font-weight:500;
     cursor:pointer; text-align:left; position:relative; overflow:hidden;
     transition:all .2s ease;
+    display:flex; align-items:center; min-height:54px;
 }
 .quiz-btn::before {
     content:''; position:absolute; inset:0;
@@ -540,7 +543,14 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
     50%     { transform:translateX(5px); }
     75%     { transform:translateX(-3px); }
 }
+@media (max-width:768px) {
+    #layer-Quiz .desc-box, #layer-Quiz .daily-challenge-box { display:none; }
+}
 @media (max-width:520px) {
     #quiz-options { grid-template-columns:1fr; }
-    #quiz-container { padding:1.5rem 1.25rem; }
+    #quiz-container { padding:1.5rem 1rem; height:80vh; min-height:500px; justify-content:flex-start; overflow-y:auto; margin-bottom:1rem; }
+    #quiz-question { min-height:90px; font-size:.9rem; align-items:flex-start; margin-top:0; flex-grow:0; }
+    .quiz-btn { min-height:48px; font-size:.85rem; padding:.6rem 1rem; }
+    #quiz-img-preview.visible { max-height:220px; margin-bottom:1rem; }
+    #quiz-img-preview img, #quiz-img-preview video { max-height:150px; }
 }
\ No newline at end of file