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/lib/ui/Layout.module.css

@@ -9,9 +9,10 @@
 
 .content {
   flex: 1;
-  max-width: 1200px;
+  max-width: 1100px;
   margin: 0 auto;
   padding: var(--space-md);
+  padding-bottom: calc(var(--space-md) + var(--safe-area-bottom));
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -26,26 +27,34 @@
   flex-direction: column;
   overflow: hidden;
   min-height: 0;
+  animation: screenFadeIn var(--transition-slow) ease-out;
 }
 
-/* Tablet optimizations */
-@media (min-width: 768px) and (max-width: 1024px) {
+@keyframes screenFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .screen {
+    animation: none;
+  }
+}
+
+@media (min-width: 768px) {
   .content {
     padding: var(--space-lg) var(--space-xl);
-    max-width: 900px;
+    padding-bottom: calc(var(--space-lg) + var(--safe-area-bottom));
   }
 }
 
-/* Large tablet and small desktop */
-@media (min-width: 1025px) {
-  .content {
-    padding: var(--space-xl);
-  }
-}
-
-/* Mobile adjustments */
 @media (max-width: 767px) {
   .content {
     padding: var(--space-sm) var(--space-md);
+    padding-bottom: calc(var(--space-sm) + var(--safe-area-bottom));
   }
-}
+}