feat(player): refresh dark gold betting theme

- add generated dark-gold WebP assets for PC/mobile backgrounds, cards, dialogs, tabs, mailbox, VS and bet buttons
- apply the new assets across player home, match detail, outright cards, modals, wallet/profile/detail screens and bet slip controls
- simplify confirm dialogs and reuse bet button resources for normal/pressed states
- hide mobile announcement center, tighten mobile bet list layout, and remove extra dark page backgrounds/scrollbar styling
- cache and deduplicate outright market loading to speed up repeated tab/detail navigation
- document player image-generation constraints in AGENTS.md

apps/player/src/components/outright/OutrightPanel.vue

@@ -7,7 +7,7 @@ import OutrightEventSection, {
 } from './OutrightEventSection.vue';
 import OutrightBetModal, { type OutrightPick } from './OutrightBetModal.vue';
 import { useAuthStore } from '../../stores/auth';
-import emptyMatchesImg from '../../assets/images/empty-matches.svg';
+import emptyMatchesImg from '../../assets/images/generated/empty-matches-stadium-v1.webp';
 import GoldSpinner from '../../components/GoldSpinner.vue';
 import { useOutrightEvents } from '../../composables/useOutrightEvents';
 
@@ -159,16 +159,25 @@ function closeModal() {
 
 .state,
 .empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   text-align: center;
   color: var(--text-muted);
-  padding: 48px 20px;
+  padding: 34px 20px 44px;
   font-weight: 600;
 }
 
 .empty-icon {
-  width: 96px;
-  height: 96px;
-  margin-bottom: 14px;
+  width: min(270px, 82vw);
+  aspect-ratio: 16 / 9;
+  height: auto;
+  margin-bottom: 12px;
+  border-radius: 8px;
+  object-fit: cover;
+  opacity: 0.86;
+  mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
+  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
 }
 
 .empty-hint {