Update BG & Header for Quizz

SRC/style.css

@@ -23,6 +23,7 @@ body.theme-Quiz    { --theme-color:#7eb8f7; --theme-glow:rgba(126,184,247,.35);
 
 *,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
 
+html, body { max-width:100vw; overflow-x:hidden; }
 body {
     background:var(--bg-deep); color:var(--text-primary);
     font-family:'Space Grotesk',sans-serif;
@@ -547,6 +548,12 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
     #layer-Quiz .desc-box, #layer-Quiz .daily-challenge-box { display:none; }
 }
 @media (max-width:520px) {
+    header { padding:0 1rem; }
+    header h1 { font-size:.85rem; letter-spacing:.05em; text-align:center; }
+    .menu-icon, .help-btn { padding:.4rem .6rem; font-size:.7rem; }
+    #content-area { padding:1.5rem 1rem; }
+    .flex-row .box { min-width:100%; }
+    .desc-box { padding:1.25rem 1rem; font-size:.85rem; }
     #quiz-options { grid-template-columns:1fr; gap:0.85rem; }
     #quiz-container { padding:1.5rem; height:auto; min-height:auto; justify-content:center; overflow:visible; margin-bottom:2rem; }
     #quiz-question { min-height:auto; font-size:.95rem; align-items:center; justify-content:center; text-align:center; margin-top:0; margin-bottom:1.5rem; }