feat: tablet-first UX overhaul with wizard improvements

- Tablet-first responsive scoreboard: whole player card is tap target
- Per-step wizard backgrounds and live summary panel
- Larger touch targets, safe-area handling, reduced-motion support
- German UI error strings in App.tsx
- Updated SOUL.md and README.md for current architecture
- Cleanup: removed legacy components, .cursor/, UI_IMPROVEMENTS.md
- Renamed package to bscscore, fixed TOTAL_WIZARD_STEPS

src/components/FullscreenToggle.module.css

@@ -1,38 +1,47 @@
-/* FullscreenToggle-specific styles only. */
+/* FullscreenToggle — top-right keeps bottom controls clear on scoreboard */
 .fullscreenToggle {
     position: fixed;
-    bottom: 20px;
-    right: 20px;
-    width: 48px;
-    height: 48px;
+    top: calc(var(--space-md) + var(--safe-area-top));
+    right: calc(var(--space-md) + var(--safe-area-right));
+    width: var(--touch-target-comfortable);
+    height: var(--touch-target-comfortable);
     border-radius: 50%;
-    background-color: rgba(52, 152, 219, 0.9);
-    border: none;
-    color: white;
+    background-color: var(--color-secondary);
+    border: 2px solid var(--color-border);
+    color: var(--color-primary);
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--shadow-md);
     z-index: 9999;
-    transition: background-color 0.2s, transform 0.2s;
+    transition: background-color var(--transition-base), opacity var(--transition-base);
+    touch-action: manipulation;
 }
-.fullscreenToggle:hover {
-    background-color: rgba(52, 152, 219, 1);
-    transform: scale(1.1);
+
+.fullscreenToggle:focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
 }
+
 .fullscreenToggle:active {
-    transform: scale(0.95);
+    opacity: 0.8;
+    background-color: var(--color-secondary-hover);
 }
+
 .fullscreenToggle svg {
     width: 24px;
     height: 24px;
 }
-@media screen and (max-width: 480px) {
+
+@media (min-width: 768px) {
     .fullscreenToggle {
-        bottom: 15px;
-        right: 15px;
-        width: 40px;
-        height: 40px;
+        width: var(--touch-target-large);
+        height: var(--touch-target-large);
     }
-} 
+
+    .fullscreenToggle svg {
+        width: 28px;
+        height: 28px;
+    }
+}