Compact quiz panel in landscape mode for mobile (#58)

Fix class name (quiz-instruction not quiz-prompt), reduce option
min-height to 28px, tighten padding/gaps/font-sizes so all 4 answer
options plus skip button fit without scrolling on 667x375 viewports.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: jeremymanning

index.html

@@ -895,6 +895,20 @@
             #quiz-panel.open { height: auto; max-height: 100%; }
             /* Video panel: left-side drawer in landscape */
             #video-panel.open { height: auto; max-height: 100%; }
+
+            /* Compact quiz panel for landscape phones (#58) */
+            .modes-wrapper { display: none !important; }
+            .auto-advance-label { font-size: 0.7rem; margin: 0; padding: 0; line-height: 1; }
+            .auto-advance-label input { width: 24px; height: 14px; }
+            .auto-advance-wrap { margin: 0 !important; padding: 0 0.8rem !important; }
+            #quiz-panel .quiz-question { font-size: 0.78rem; line-height: 1.15; margin: 0.1rem 0; }
+            #quiz-panel .quiz-instruction { display: none; }
+            #quiz-panel .quiz-option { padding: 0.2rem 0.5rem; font-size: 0.76rem; min-height: 28px; }
+            #quiz-panel .quiz-content { padding: 0.2rem 0.8rem 0.2rem; gap: 0.05rem; }
+            #quiz-panel .quiz-feedback-area { gap: 0.15rem; }
+            #quiz-panel .progress-summary { font-size: 0.7rem; margin: 0; padding: 0 0.8rem; line-height: 1.2; }
+            #quiz-panel .progress-summary + div { height: 2px; margin: 0 0.8rem; }
+            .quiz-toggle-btn { width: 32px !important; min-width: 32px !important; font-size: 0.8rem !important; }
         }
     </style>
 </head>