Merge main into theme-2 and resolve conflicts for desktop architecture

apps/player/src/styles.css

@@ -26,6 +26,15 @@
   --shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
   --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --shadow-gold: 0 2px 12px rgba(0, 61, 107, 0.12);
+  --glow-gold: 0 0 8px rgba(0, 61, 107, 0.12);
+  --gradient-gold: linear-gradient(180deg, #F0F4F8 0%, #FFFFFF 100%);
+  --gradient-gold-border: linear-gradient(180deg, #E5E7EB 0%, #FFFFFF 100%);
+  --gradient-card: linear-gradient(160deg, #FFFFFF 0%, #F5F7FA 100%);
+  --player-header-h: 48px;
+  --player-bottom-nav-h: 54px;
+  --safe-top: env(safe-area-inset-top, 0px);
+  --safe-bottom: env(safe-area-inset-bottom, 0px);
 }
 
 /* Gold kept only for odds/betting accent as orange-amber */
@@ -50,6 +59,22 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+@media (min-width: 1024px) {
+  body {
+    background-color: var(--bg-body);
+    background-image: url('./assets/images/pcbg-light.webp');
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    background-attachment: fixed;
+  }
+}
+
+#app {
+  min-height: 100%;
+  min-height: -webkit-fill-available;
+}
+
 a { color: inherit; text-decoration: none; }
 button { cursor: pointer; border: none; font-family: inherit; }
 
@@ -62,7 +87,7 @@ input {
   padding: 12px 14px;
   border-radius: var(--radius-sm);
   width: 100%;
-  font-size: 15px;
+  font-size: 16px;
   font-weight: 500;
   transition: border-color 0.2s, box-shadow 0.2s;
 }