/* Thème & composants alignés avec la page QCM / Grille */
body { font-family: Arial, sans-serif; background-color: #f5f5f5; }
.q-banner {
  background: linear-gradient(90deg, #36c7d0, #1990ff);
  color: white;
  border-radius: 16px;
  padding: 18px 20px;
  font-weight: 800;
  font-size: 20px;
  box-shadow: 0 8px 22px rgba(15,23,42,.12);
}
.q-sub { color: rgba(255,255,255,.9); font-weight: 500; font-size: 14px; margin-top: 4px; }
.q-block {
  background: #f1f6ff;
  border: 2px solid #d7e5ff;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.q-block:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(15,23,42,.08); }

/* Ancres de rendu */
#fireworks { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 9999; }
.erreur { background: #fff3f3; padding: 1em; margin-top: 1em; border-left: 5px solid red; }