fix: Design-Buttons Overflow, Beispiel aus Highscore entfernen

Theme-Buttons bekommen eigene Klasse mit kleinerer Font (0.78rem)
und weniger Padding damit 4 Buttons auf schmale Panels passen.
Diff-Buttons allgemein mit text-overflow ellipsis abgesichert.
Beispiel-Eintrag aus HIGHSCORE.md entfernt.

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

Author: michaelblaess

public/HIGHSCORE.md

@@ -4,4 +4,3 @@
 |------|------|---------------|-------|
 | Michael Blaess | 02:09.8 | Mittel | 2026-03-13 |
 | Michael Blaess | 02:34.0 | Mittel | 2026-03-13 |
-| Beispiel | 03:45.2 | Mittel | 2026-02-19 |

src/components/ThemeSelect.tsx

@@ -12,7 +12,7 @@ const ThemeSelect: React.FC = () => {
   const { themeId, setThemeId } = useTheme();
 
   const renderRow = (ids: typeof THEME_IDS) => (
-    <div className="difficulty-buttons">
+    <div className="difficulty-buttons theme-buttons">
       {ids.map((id) => (
         <button
           key={id}

src/index.css

@@ -143,6 +143,9 @@ body {
   flex: 1;
   min-width: 0;
   padding: 8px 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   border: 1px solid var(--border-default);
   border-radius: 8px;
   background: var(--bg-input);
@@ -164,6 +167,11 @@ body {
   font-weight: 600;
 }
 
+.theme-buttons .diff-btn {
+  font-size: 0.78rem;
+  padding: 8px 6px;
+}
+
 .diff-btn:disabled {
   opacity: 0.5;
   cursor: not-allowed;