diff --git a/src/apps/gigs/README.md b/src/apps/gigs/README.md
index fb79893cb..1b3933b39 100644
--- a/src/apps/gigs/README.md
+++ b/src/apps/gigs/README.md
@@ -22,10 +22,10 @@ cards follow the platform design system. The reference was the August 2026 Figma
 file `C2cA6508RhpjWJDp7MLKbO`, Color page `1:54`, with design context retrieved
 from `674:8828`. Layout retains the legacy listing/detail/form hierarchy while
 adapting to the platform components. Styles apply only inside `.gigs-app`.
-The listing search uses the same teal focused border and ring as the other 2026
-opportunity filters instead of inheriting the legacy blue outline. Keyboard
-focus retains a real teal outline, with a system Highlight fallback in forced
-color modes.
+The listing search, location and sort controls use the same teal focused border
+and ring as the other 2026 opportunity filters instead of inheriting the browser's
+blue outline. Keyboard focus retains a real teal outline, with a system Highlight
+fallback in forced color modes.
 The Gig Work resources callout opens its external community guide in a new tab
 with the opener relationship removed.
 
@@ -37,9 +37,10 @@ lookup accepts both Recruit's current direct array and its legacy `{ data }`
 envelope. Applications use the refreshed platform token and preserve the existing
 multipart `form`/`resume` contract and Recruit custom field IDs 1, 2, 13 and 14. A saved
 resume may be reused; otherwise PDF/DOCX up to **8,000,000 bytes** is required to
-match the server's multer limit. No success state appears without an explicit
-`success: true` response. HTTP errors and Recruit error envelopes returned with
-HTTP 200 both reject. Candidate searches return an existing profile from either
+match the server's multer limit. Recruit's populated assignment response and its
+idempotent `{ success: true }` response both confirm submission; empty, explicitly
+unsuccessful, HTTP-error and HTTP-200 error-envelope responses reject. Candidate
+searches return an existing profile from either
 response shape. A bare `[]` or `{ data: [] }` means no existing candidate and
 opens the application form with the member's Topcoder profile. Candidate lookup
 failures still block prefill/submission and expose a retry.
@@ -48,6 +49,8 @@ Candidate Terms and the Equal Employment Opportunity Policy load on demand
 from the existing Payload compatibility endpoint using the original modal IDs.
 Descriptions and policy bodies are sanitized before display. Styling, scripts,
 unsafe URLs and embedded form controls cannot affect the surrounding application.
+Policy dialogs size to their content, center their titles and provide both the
+standard dismiss icon and a visible Close action.
 
 Search, country, sort and page are URL parameters. Updating filters preserves
 unrelated parameters such as `ref`, and resets the result page. The selected
@@ -82,8 +85,9 @@ yarn test:no-watch --runInBand --watch=false --runTestsByPath \
   src/apps/gigs/src/pages/GigApplyPage.spec.tsx
 ```
 
-The tests cover discovery rules, detail-route scroll restoration, salary fallbacks, required fields, consent and
-availability, upload limits, legacy payload mapping, HTTP-200 error envelopes,
+The tests cover discovery rules, detail-route scroll restoration, salary fallbacks, legacy validation copy,
+required fields, consent and availability, upload limits, legacy payload mapping, Recruit assignment responses,
+policy close actions, HTTP-200 error envelopes,
 expired authentication, empty candidate search responses, candidate lookup retry,
 prefill, submission retry and already-placed candidates.
 Also verify the listing, detail and anonymous apply route against real Recruit
diff --git a/src/apps/gigs/src/components/GigApplicationForm.spec.tsx b/src/apps/gigs/src/components/GigApplicationForm.spec.tsx
index 18644f779..96ea43571 100644
--- a/src/apps/gigs/src/components/GigApplicationForm.spec.tsx
+++ b/src/apps/gigs/src/components/GigApplicationForm.spec.tsx
@@ -42,7 +42,13 @@ jest.mock(
                 {props.children}
             </button>
         ),
-        BaseModal: (props: any) => (props.open ? <div role='dialog'>{props.children}</div> : undefined),
+        BaseModal: (props: any) => (props.open ? (
+            <div className={props.classNames?.modal} role='dialog'>
+                <header>{props.title}</header>
+                <div className={props.bodyClassName}>{props.children}</div>
+                {props.buttons}
+            </div>
+        ) : undefined),
         LoadingSpinner: () => <span>Loading</span>,
     }),
     { virtual: true },
@@ -170,4 +176,33 @@ describe('Gig application form', () => {
             .toBeNull()
         expect(applyToGig).not.toHaveBeenCalled()
     })
+    it.each([
+        ['Read Candidate Terms', 'CANDIDATE TERMS'],
+        ['View our Equal Employment Opportunity Policy', 'Equal Employment Opportunity Policy'],
+    ])('opens %s in a compact modal with a visible close action', (trigger, title) => {
+        render(
+            <MemoryRouter>
+                <GigApplicationForm
+                    job={job}
+                    slug='example-gig'
+                    profile={profile}
+                    candidate={candidate}
+                />
+            </MemoryRouter>,
+        )
+
+        fireEvent.click(screen.getByRole('button', { name: trigger }))
+        const dialog = screen.getByRole('dialog')
+        expect(dialog.classList.contains('gigs-policy-modal'))
+            .toBe(true)
+        expect(within(dialog)
+            .getByText(title))
+            .toBeTruthy()
+        expect(dialog.querySelector('.gigs-policy'))
+            .toBeTruthy()
+        fireEvent.click(within(dialog)
+            .getByRole('button', { name: 'Close' }))
+        expect(screen.queryByRole('dialog'))
+            .toBeNull()
+    })
 })
diff --git a/src/apps/gigs/src/components/GigApplicationForm.tsx b/src/apps/gigs/src/components/GigApplicationForm.tsx
index 899153f7f..4500376de 100644
--- a/src/apps/gigs/src/components/GigApplicationForm.tsx
+++ b/src/apps/gigs/src/components/GigApplicationForm.tsx
@@ -430,7 +430,7 @@ const GigApplicationForm: FC<{ job: Gig; slug: string; profile: UserProfile; can
                             : 'VAeo0vZ5tQFjPZlIcdt0m'
                         : undefined
                 }
-                title={policy === 'terms' ? 'Candidate Terms' : 'Equal Employment Opportunity Policy'}
+                title={policy === 'terms' ? 'CANDIDATE TERMS' : 'Equal Employment Opportunity Policy'}
                 close={() => setPolicy(undefined)}
             />
         </form>
diff --git a/src/apps/gigs/src/components/GigShared.tsx b/src/apps/gigs/src/components/GigShared.tsx
index 56f4d436d..bfe6483b9 100644
--- a/src/apps/gigs/src/components/GigShared.tsx
+++ b/src/apps/gigs/src/components/GigShared.tsx
@@ -123,8 +123,20 @@ export const GigPolicy: FC<{ id?: string; title: string; close: () => void }> =
         { shouldRetryOnError: false },
     )
     return (
-        <BaseModal open={!!props.id} onClose={props.close} title={props.title} size='lg'>
-            <div className='gigs-app'>
+        <BaseModal
+            bodyClassName='gigs-policy-modal-body'
+            buttons={(
+                <div className='gigs-policy-actions'>
+                    <Button primary onClick={props.close}>Close</Button>
+                </div>
+            )}
+            classNames={{ modal: 'gigs-policy-modal' }}
+            open={!!props.id}
+            onClose={props.close}
+            title={props.title}
+            size='lg'
+        >
+            <div className='gigs-app gigs-policy'>
                 {error ? (
                     <GigState
                         title='Unable to load this policy'
diff --git a/src/apps/gigs/src/gigs.service.spec.ts b/src/apps/gigs/src/gigs.service.spec.ts
index c79a89c1e..64b7096b0 100644
--- a/src/apps/gigs/src/gigs.service.spec.ts
+++ b/src/apps/gigs/src/gigs.service.spec.ts
@@ -89,7 +89,11 @@ describe('Recruit API integration', () => {
     )
     it('uses a refreshed token for multipart submission without a manual content-type boundary', async () => {
         const body = new FormData()
-        fetchMock.mockResolvedValue(response({ success: true }))
+        fetchMock.mockResolvedValue(response({
+            candidate_slug: 'candidate-slug',
+            id: 123,
+            job_slug: 'gig-slug',
+        }))
         await applyToGig('gig-slug', body)
         expect(fetchMock)
             .toHaveBeenCalledWith(
@@ -101,12 +105,30 @@ describe('Recruit API integration', () => {
                 }),
             )
     })
+    it('also accepts Recruit\'s idempotent already-assigned success response', async () => {
+        fetchMock.mockResolvedValue(response({ success: true }))
+        await expect(applyToGig('gig-slug', new FormData()))
+            .resolves.toBeUndefined()
+    })
+    it.each([
+        { message: 'Assignment failed' },
+        { candidate_slug: 'candidate-slug' },
+        { candidate_slug: 'candidate-slug', job_slug: 'another-gig' },
+    ])('rejects a nonempty response that does not confirm the requested assignment: %j', async data => {
+        fetchMock.mockResolvedValue(response(data))
+        await expect(applyToGig('gig-slug', new FormData())).rejects.toThrow('not confirmed')
+    })
     it('never treats an error, an empty result, or an expired session as a successful application', async () => {
         fetchMock.mockResolvedValue(response({ error: true, errorObj: { notAllowed: true } }))
         await expect(applyToGig('gig-slug', new FormData())).rejects.toThrow('already placed')
         fetchMock.mockResolvedValue(response({}))
-        await expect(applyToGig('gig-slug', new FormData())).rejects.toThrow('not confirmed');
-        (tokenGetAsync as jest.Mock).mockResolvedValue({})
+        await expect(applyToGig('gig-slug', new FormData())).rejects.toThrow('not confirmed')
+        fetchMock.mockResolvedValue(response({ success: false }))
+        await expect(applyToGig('gig-slug', new FormData())).rejects.toThrow('not confirmed')
+        fetchMock.mockResolvedValue(response(['unexpected']))
+        await expect(applyToGig('gig-slug', new FormData())).rejects.toThrow('not confirmed')
+        const tokenGetMock = tokenGetAsync as jest.Mock
+        tokenGetMock.mockResolvedValue({})
         fetchMock.mockClear()
         await expect(applyToGig('gig-slug', new FormData())).rejects.toMatchObject({ status: 401 })
         expect(fetchMock).not.toHaveBeenCalled()
diff --git a/src/apps/gigs/src/gigs.service.ts b/src/apps/gigs/src/gigs.service.ts
index f6d8b5424..60b69ec5c 100644
--- a/src/apps/gigs/src/gigs.service.ts
+++ b/src/apps/gigs/src/gigs.service.ts
@@ -5,6 +5,24 @@ import { Candidate, Gig } from './models'
 
 const RECRUIT_URL = `${EnvironmentConfig.COMMUNITY_APP_URL}/api/recruit`
 
+/**
+ * Returns whether Recruit supplied an explicit success or an assignment for the requested Gig.
+ *
+ * @param result Recruit's parsed application response.
+ * @param slug The requested Gig slug, which must match a returned assignment resource.
+ * @returns Whether the response confirms the application.
+ */
+function isConfirmedApplication(result: unknown, slug: string): boolean {
+    if (!result || typeof result !== 'object' || Array.isArray(result)) return false
+    const response = result as Record<string, unknown>
+    return response.success === true
+        || (
+            typeof response.candidate_slug === 'string'
+            && response.candidate_slug.trim().length > 0
+            && response.job_slug === slug
+        )
+}
+
 /** An API failure with an HTTP-equivalent status, including Recruit errors returned with HTTP 200. */
 export class RecruitError extends Error {
     status: number
@@ -74,14 +92,19 @@ export async function getCandidate(email: string): Promise<Candidate | undefined
     return candidates[0]
 }
 
-/** Posts a multipart application with the refreshed member token; resolves only on confirmed success. */
+/**
+ * Posts a multipart application with the refreshed member token. Recruit confirms a new assignment with its
+ * populated assignment resource, while an already-existing assignment uses the older `{ success: true }` shape.
+ */
 export async function applyToGig(slug: string, body: FormData): Promise<void> {
-    const result = await recruitRequest<{ success?: boolean }>(
+    const result = await recruitRequest<unknown>(
         `${RECRUIT_URL}/jobs/${encodeURIComponent(slug)}/apply`,
         true,
         body,
     )
-    if (!result.success) throw new RecruitError('Your application was not confirmed. Please try again.', 502)
+    if (!isConfirmedApplication(result, slug)) {
+        throw new RecruitError('Your application was not confirmed. Please try again.', 502)
+    }
 }
 
 /** Loads an authored candidate policy from the Payload compatibility endpoint; returns its Markdown body. */
diff --git a/src/apps/gigs/src/gigs.utils.spec.ts b/src/apps/gigs/src/gigs.utils.spec.ts
index bf3495076..137e458c9 100644
--- a/src/apps/gigs/src/gigs.utils.spec.ts
+++ b/src/apps/gigs/src/gigs.utils.spec.ts
@@ -130,6 +130,20 @@ describe('Gigs discovery and application contracts', () => {
                 'The maximum file size is 8 MB.',
             )
     })
+    it('matches the legacy required, minimum and maximum copy for phone and city', () => {
+        expect(validateApplication({ ...valid, city: '', phone: '' }))
+            .toEqual(expect.objectContaining({ city: 'Required field', phone: 'Required field' }))
+        expect(validateApplication({ ...valid, city: 'H', phone: '1' }))
+            .toEqual(expect.objectContaining({
+                city: 'Must be at least 2 characters',
+                phone: 'Must be at least 2 characters',
+            }))
+        expect(validateApplication({ ...valid, city: 'c'.repeat(51), phone: '1'.repeat(51) }))
+            .toEqual(expect.objectContaining({
+                city: 'Must be max 50 characters',
+                phone: 'Must be max 50 characters',
+            }))
+    })
     it('reuses a saved resume but requires one if the existing candidate has no resume', () => {
         expect(
             validateApplication(
diff --git a/src/apps/gigs/src/gigs.utils.ts b/src/apps/gigs/src/gigs.utils.ts
index fbc2b07d9..9f501c7b0 100644
--- a/src/apps/gigs/src/gigs.utils.ts
+++ b/src/apps/gigs/src/gigs.utils.ts
@@ -74,17 +74,24 @@ export function filterGigs(jobs: Gig[], search: string, location: string, sort:
         })
 }
 
-/** Validates application values against the legacy contract and the server's 8,000,000-byte upload limit. */
+/**
+ * Validates application values against the legacy contract, including its field-specific validation copy,
+ * and the server's 8,000,000-byte upload limit.
+ */
 export function validateApplication(values: ApplicationValues, candidate?: Candidate): ApplicationErrors {
     const errors: ApplicationErrors = {}
     const fields = ['firstName', 'lastName', 'email', 'city', 'phone'] as const
     fields.forEach(field => {
         const value = values[field].trim()
         const max = ['city', 'phone'].includes(field) ? 50 : 40
-        if (value.length < 2) errors[field] = 'Enter at least 2 characters.'
-        else if (value.length > max) errors[field] = `Enter no more than ${max} characters.`
+        if (!value) errors[field] = 'Required field'
+        else if (value.length < 2) errors[field] = 'Must be at least 2 characters'
+        else if (value.length > max) errors[field] = `Must be max ${max} characters`
     })
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(values.email.trim())) errors.email = 'Enter a valid email address.'
+    if (values.email.trim() && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(values.email.trim())) {
+        errors.email = 'Enter a valid email address.'
+    }
+
     if (!values.country) errors.country = 'Select your country.'
     if (!/^\d+$/.test(values.pay.trim())) {
         errors.pay = 'Enter your weekly pay expectation as a whole dollar amount.'
diff --git a/src/apps/gigs/src/pages/GigsPage.spec.tsx b/src/apps/gigs/src/pages/GigsPage.spec.tsx
index 101c438ed..3b31842b1 100644
--- a/src/apps/gigs/src/pages/GigsPage.spec.tsx
+++ b/src/apps/gigs/src/pages/GigsPage.spec.tsx
@@ -81,7 +81,7 @@ describe('GigsPage listing presentation', () => {
         mockUseSWR.mockReturnValue({ data: [], error: undefined, mutate: jest.fn() })
     })
 
-    it('uses the scoped 2026 focus treatment on the gig search field', () => {
+    it('uses the scoped 2026 focus treatment on every Gig listing filter control', () => {
         render(
             <MemoryRouter>
                 <GigsPage />
@@ -89,7 +89,11 @@ describe('GigsPage listing presentation', () => {
         )
 
         expect(screen.getByRole('searchbox', { name: 'Search' }))
-            .toHaveClass('gigs-filter-input')
+            .toHaveClass('gigs-filter-control')
+        expect(screen.getByRole('combobox', { name: 'Location' }))
+            .toHaveClass('gigs-filter-control')
+        expect(screen.getByRole('combobox', { name: 'Sort by' }))
+            .toHaveClass('gigs-filter-control')
     })
 
     it('opens the Gig Work resources in a separate tab without an opener', () => {
diff --git a/src/apps/gigs/src/pages/GigsPage.tsx b/src/apps/gigs/src/pages/GigsPage.tsx
index 3c08cd506..19583069b 100644
--- a/src/apps/gigs/src/pages/GigsPage.tsx
+++ b/src/apps/gigs/src/pages/GigsPage.tsx
@@ -75,7 +75,7 @@ const GigsPage: FC = () => {
                         <h2>Find a gig</h2>
                         <label htmlFor='gig-search'>Search</label>
                         <input
-                            className='gigs-filter-input'
+                            className='gigs-filter-control'
                             id='gig-search'
                             type='search'
                             placeholder='Name, skills, location or duration'
@@ -84,6 +84,7 @@ const GigsPage: FC = () => {
                         />
                         <label htmlFor='gig-location'>Location</label>
                         <select
+                            className='gigs-filter-control'
                             id='gig-location'
                             value={location}
                             onChange={event => updateFilter('location', event.target.value)}
@@ -119,6 +120,7 @@ const GigsPage: FC = () => {
                             <label htmlFor='gig-sort'>
                                 Sort by
                                 <select
+                                    className='gigs-filter-control'
                                     id='gig-sort'
                                     value={sort}
                                     onChange={event => updateFilter('sort', event.target.value)}
diff --git a/src/apps/gigs/src/styles/index.scss b/src/apps/gigs/src/styles/index.scss
index 565002e5c..0ebc146c0 100644
--- a/src/apps/gigs/src/styles/index.scss
+++ b/src/apps/gigs/src/styles/index.scss
@@ -24,8 +24,8 @@
     .gigs-filters h2 { margin: 0; }
     .gigs-filters label { font-weight: 700; margin-top: 8px; }
     input:not([type='checkbox'], [type='radio']), select { width: 100%; min-height: 44px; padding: 10px 12px; background: $tc-2026-surface; color: $tc-2026-body; border: 1px solid $tc-2026-border-strong; font-size: 14px; }
-    .gigs-filter-input:focus { border-color: $tc-2026-teal; box-shadow: 0 0 0 1px $tc-2026-teal; }
-    .gigs-filter-input:focus-visible { outline: 2px solid $tc-2026-teal; outline-offset: 2px; }
+    .gigs-filter-control:focus { border-color: $tc-2026-teal; box-shadow: 0 0 0 1px $tc-2026-teal; }
+    .gigs-filter-control:focus-visible { outline: 2px solid $tc-2026-teal; outline-offset: 2px; }
     input[readonly] { background: $tc-2026-canvas; }
     .gigs-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
     .gigs-toolbar h2 { margin: 0; font-size: 18px; }
@@ -102,6 +102,8 @@
     .gigs-select__control--is-focused { border-color: $tc-2026-teal; box-shadow: 0 0 0 1px $tc-2026-teal; }
     .gigs-select__multi-value { background: $tc-2026-canvas; }
     .gigs-select__option--is-focused { background: $tc-2026-canvas; }
+    &.gigs-policy { min-height: 0; padding-bottom: 0; }
+    &.gigs-policy .gigs-content { margin-bottom: 0; }
 
     @media (max-width: 960px) {
         .gigs-container { width: calc(100% - 40px); }
@@ -125,7 +127,26 @@
     }
 
     @media (forced-colors: active) {
-        .gigs-filter-input:focus { border-color: Highlight; box-shadow: none; }
-        .gigs-filter-input:focus-visible { outline-color: Highlight; }
+        .gigs-filter-control:focus { border-color: Highlight; box-shadow: none; }
+        .gigs-filter-control:focus-visible { outline-color: Highlight; }
     }
 }
+
+.gigs-policy-modal h3 {
+    padding: 0 48px;
+    text-align: center;
+}
+
+.gigs-policy-modal-body {
+    flex: 0 1 auto;
+}
+
+.gigs-policy-actions {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+@media (max-width: 464px) {
+    .react-responsive-modal-modal.gigs-policy-modal { height: auto; }
+}
diff --git a/src/apps/opportunities/README.md b/src/apps/opportunities/README.md
index 475126aff..6ff136252 100644
--- a/src/apps/opportunities/README.md
+++ b/src/apps/opportunities/README.md
@@ -53,6 +53,16 @@ against challenge names, authored tags, and standardized skills before its
 server-side pagination, so selecting a chip returns every matching review
 opportunity rather than filtering only the currently loaded page.
 
+Copilot card skills retain that same shareable `search` route and visible
+sidebar value. While the deployed Projects API rejects its JSON-backed
+`search` and `skills` queries with an HTTP 500, the client uses the existing
+bounded compatibility loader and filters the complete supported result window
+locally. A safe owner-side `projectName` query is unioned with those public rows
+because public list payloads omit project names; status and canonical
+opportunity-type facets remain intact across both result sets. This avoids
+issuing the known-broken filtered request and keeps skill and project selection
+functional until that owner query is repaired.
+
 ## List and grid views
 
 Every domain toolbar exposes the same accessible List/Grid selector from the
@@ -104,13 +114,12 @@ than presented as free work.
 
 Approved applications, rather than pending applications, consume reviewer
 capacity. When `remainingPositions` reaches zero, eligible reviewers can still
-use the detail CTA to join the waitlist; the page explains that outcome before
-submission and confirms it afterward. Review API persists these applications as
-`PENDING`. Browse and My Work cards render that caller state as `Waitlisted`
-with the Figma clock icon and a green outline in both list and grid views.
-That state remains while capacity is full, then naturally returns to `Applied`
-if a position reopens or to `Approved` when the reviewer is selected. An explicit
-`WAITLISTED` application status uses the same badge.
+use the “Apply to be a reviewer (waitlist)” detail CTA; the page explains that
+outcome before submission and confirms that Support will contact the applicant
+if another reviewer cannot complete the review. Review API persists these
+applications as `PENDING`. Browse and My Work cards render that caller state as `Waitlisted`
+while capacity remains full, then naturally return to `Applied` if a position
+reopens or to `Approved` when the reviewer is selected.
 
 Long card titles expose their complete value in the authored dark tooltip.
 When a card has more skills than fit in its visible skill row, its `+n` control
@@ -121,11 +130,12 @@ Scientist, and Data Engineer enum values.
 
 ## Competition card contract
 
-Competition list cards consume the Challenge API v6 list response directly;
-they do not make per-card follow-up requests. Track catalog values drive the
-Figma Design, Development, Data Science, AI, and QA pill palettes. Challenge,
-First2Finish, Marathon Match, and Task catalog values map to their authored
-subtype icons and member-facing labels.
+Competition list cards consume the Challenge API v6 list response directly.
+Completed pages make one batched Members API projection request for the winner
+IDs in that page; they do not make per-card follow-up requests. Track catalog
+values drive the Figma Design, Development, Data Science, AI, and QA pill
+palettes. Challenge, First2Finish, Marathon Match, and Task catalog values map
+to their authored subtype icons and member-facing labels.
 
 - “Open for registration” requires an `ACTIVE` challenge and an open
   `Registration` phase (or legacy combined `Open` phase). `ACTIVE` by itself
@@ -142,6 +152,11 @@ subtype icons and member-facing labels.
   the authored yellow, light-blue, and peach placement assets at their native
   14×18px size; the dark second- and third-place podium variants are reserved
   for the Winners presentation.
+- Completed cards replace registration and stale phase-progress states with the
+  explicit Completed state. Up to three actual winner photos appear beside the
+  placement prizes with the existing podium medals; missing or failed photos
+  retain a handle-initial fallback. The complete avatar-and-medal affordance
+  opens that challenge's Winners tab.
 - `currentPhase` is preferred for the phase chip. Older responses fall back to
   the latest-started open phase. Progress uses actual then scheduled dates,
   clamps to 0–100%, and may derive the end from the phase duration in seconds.
@@ -170,8 +185,9 @@ At phone widths, the timezone moves above a vertical timeline: phase nodes and
 progress connectors occupy the left rail while each phase name and its dates
 remain in an aligned, content-sized row to the right. Each mobile row owns its
 marker and connector, so wrapped dates and enlarged text grow the rail instead
-of overlapping the following milestone. Wider layouts retain the horizontal
-timeline and its overflow fallback for tablet-sized screens.
+of overlapping the following milestone. The mobile prize/action card follows
+the expanded timeline instead of interrupting it. Wider layouts retain the
+horizontal timeline and its overflow fallback for tablet-sized screens.
 
 On phone viewports, Registrants preserves its semantic table while presenting
 each API row as the Figma key/value card. Registration Date remains a
@@ -409,15 +425,21 @@ owns the Review App handoff.
 The Marathon Match My Submissions table reserves enough width for the complete
 submission timestamp and keeps its date heading and sort icon on one line,
 aligned with the dates beneath it. Score columns remain right aligned.
-Submission history replaces the unreliable status field with Final Score and
-uses a responsive table that scrolls only on narrow viewports. Design
-submissions can be deleted only while Submission or Checkpoint Submission is
-open. Successful deletion updates both the challenge and member submission
-counts as well as the current list. Replacing a Design submission without
-reloading therefore preserves accurate totals, and deleting the member's last
-submission clears the submission-based Unregister restriction. Failed or
-cancelled deletions leave the counts unchanged; Review API remains authoritative
-for submission limits.
+Submission history replaces the unreliable status field with Final Score. At
+phone widths, each attempt becomes a compact stacked label/value card in the
+legacy Submission, Final Score, Provisional Score, and Time order, avoiding
+horizontal clipping. The dialog also exposes the latest-submission summary and
+compact close action only at that breakpoint. History requests include the
+selected member ID;
+Review API returns every attempt to that member and authorized challenge staff,
+while ordinary viewers receive only the selected entrant's latest attempt.
+Design submissions can be deleted only while Submission or Checkpoint
+Submission is open. Successful deletion updates both the challenge and member
+submission counts as well as the current list. Replacing a Design submission
+without reloading therefore preserves accurate totals, and deleting the
+member's last submission clears the submission-based Unregister restriction.
+Failed or cancelled deletions leave the counts unchanged; Review API remains
+authoritative for submission limits.
 
 Challenge Discussion reads and writes use the authenticated
 `/v6/forums` API. Topic creation, comments and nested replies, owner edits,
diff --git a/src/apps/opportunities/src/components/ChallengeDetailHeader.module.scss b/src/apps/opportunities/src/components/ChallengeDetailHeader.module.scss
index 199891307..4fcf7d66d 100644
--- a/src/apps/opportunities/src/components/ChallengeDetailHeader.module.scss
+++ b/src/apps/opportunities/src/components/ChallengeDetailHeader.module.scss
@@ -292,14 +292,16 @@
     display: flex;
     flex-direction: column;
     gap: 4px;
+}
 
-    small {
-        align-self: flex-start;
-        color: rgba(255, 255, 255, .6);
-        font-size: 12px;
-        font-weight: 700;
-        line-height: 16px;
-    }
+.prizeTitle {
+    align-self: center;
+    color: rgba(255, 255, 255, .6);
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 16px;
+    text-align: center;
+    width: 100%;
 }
 
 .prizes {
@@ -417,10 +419,12 @@
     display: flex;
     flex-direction: column;
     gap: 16px;
-    margin: 24px auto 0;
-    max-width: 1200px;
+    grid-column: 1 / -1;
+    margin: 0;
+    max-width: none;
     padding-top: 24px;
     position: relative;
+    width: 100%;
     z-index: 1;
 }
 
@@ -612,6 +616,14 @@
         line-height: 40px;
     }
 
+    .expandedTimeline {
+        order: 2;
+    }
+
+    .actionCard {
+        order: 3;
+    }
+
     .timeline {
         align-items: flex-start;
         flex-direction: column;
diff --git a/src/apps/opportunities/src/components/ChallengeDetailHeader.spec.tsx b/src/apps/opportunities/src/components/ChallengeDetailHeader.spec.tsx
index 8d2131497..f8b20fcaf 100644
--- a/src/apps/opportunities/src/components/ChallengeDetailHeader.spec.tsx
+++ b/src/apps/opportunities/src/components/ChallengeDetailHeader.spec.tsx
@@ -93,6 +93,27 @@ describe('ChallengeDetailHeader actions and presentation', () => {
             .not.toBeInTheDocument()
     })
 
+    it.each(['Design', 'Development', 'Data Science', 'Quality Assurance', 'AI'])(
+        'uses the centered Prizes title treatment for the %s track',
+        track => {
+            render(
+                <MemoryRouter>
+                    <ChallengeDetailHeader
+                        busy={false}
+                        challenge={challengeFixture({ track })}
+                        isRegistered={false}
+                        onRegister={jest.fn()}
+                        onSubmit={jest.fn()}
+                        onUnregister={jest.fn()}
+                    />
+                </MemoryRouter>,
+            )
+
+            expect(screen.getByText('Prizes'))
+                .toHaveClass('prizeTitle')
+        },
+    )
+
     it('shows only Register for an unregistered open challenge', () => {
         render(
             <MemoryRouter>
@@ -453,6 +474,12 @@ describe('ChallengeDetailHeader actions and presentation', () => {
 
         fireEvent.click(screen.getByRole('button', { name: 'Show full timeline' }))
         const timeline = screen.getByRole('region', { name: 'Challenge timeline' })
+        const prizeCard = screen.getByText('Prizes')
+            .closest('aside')
+        expect(prizeCard)
+            .toHaveClass('actionCard')
+        expect(timeline.parentElement)
+            .toBe(prizeCard?.parentElement)
         const items = within(timeline)
             .getAllByRole('listitem')
         expect(items)
diff --git a/src/apps/opportunities/src/components/ChallengeDetailHeader.tsx b/src/apps/opportunities/src/components/ChallengeDetailHeader.tsx
index a5862cba6..5b405b48b 100644
--- a/src/apps/opportunities/src/components/ChallengeDetailHeader.tsx
+++ b/src/apps/opportunities/src/components/ChallengeDetailHeader.tsx
@@ -570,7 +570,7 @@ export const ChallengeDetailHeader: FC<ChallengeDetailHeaderProps> = props => {
                     </div>
                     <aside className={styles.actionCard}>
                         <div className={styles.prizeFrame}>
-                            <small>Prizes</small>
+                            <small className={styles.prizeTitle}>Prizes</small>
                             <div className={styles.prizes}>
                                 {props.challenge.funChallenge
                                     ? (
@@ -674,78 +674,85 @@ export const ChallengeDetailHeader: FC<ChallengeDetailHeaderProps> = props => {
                             </div>
                         )}
                     </aside>
-                </div>
-                {timelineOpen && (
-                    <section
-                        aria-label='Challenge timeline'
-                        className={styles.expandedTimeline}
-                        id='challenge-timeline'
-                    >
-                        <small className={styles.timelineTimezone}>
-                            {`Time zone: ${timelineTimezone()}`}
-                        </small>
-                        <div className={styles.timelineGraphic}>
-                            <div aria-hidden='true' className={styles.timelineRail}>
-                                {expandedTimeline.map((item, index) => (
-                                    <Fragment key={item.key}>
-                                        {index > 0 && (
-                                            <span
-                                                className={classNames(
-                                                    styles.timelineConnector,
-                                                    styles[timelineConnectorState(
-                                                        expandedTimeline[index - 1].state,
-                                                        item.state,
-                                                    )],
-                                                )}
-                                                data-state={timelineConnectorState(
-                                                    expandedTimeline[index - 1].state,
-                                                    item.state,
-                                                )}
-                                            />
-                                        )}
-                                        <span
-                                            className={classNames(styles.timelineNode, styles[item.state])}
-                                            data-state={item.state}
-                                        >
-                                            <img alt='' src={item.icon} />
-                                        </span>
-                                    </Fragment>
-                                ))}
-                            </div>
-                            <ol className={styles.timelineItems} style={timelineGridStyle}>
-                                {expandedTimeline.map((item, index) => (
-                                    <li className={styles[item.state]} data-state={item.state} key={item.key}>
-                                        <span aria-hidden='true' className={styles.mobileTimelineMarker}>
-                                            <span className={classNames(styles.timelineNode, styles[item.state])}>
-                                                <img alt='' src={item.icon} />
-                                            </span>
-                                            {index < expandedTimeline.length - 1 && (
+                    {timelineOpen && (
+                        <section
+                            aria-label='Challenge timeline'
+                            className={styles.expandedTimeline}
+                            id='challenge-timeline'
+                        >
+                            <small className={styles.timelineTimezone}>
+                                {`Time zone: ${timelineTimezone()}`}
+                            </small>
+                            <div className={styles.timelineGraphic}>
+                                <div aria-hidden='true' className={styles.timelineRail}>
+                                    {expandedTimeline.map((item, index) => (
+                                        <Fragment key={item.key}>
+                                            {index > 0 && (
                                                 <span
                                                     className={classNames(
                                                         styles.timelineConnector,
                                                         styles[timelineConnectorState(
+                                                            expandedTimeline[index - 1].state,
                                                             item.state,
-                                                            expandedTimeline[index + 1].state,
                                                         )],
                                                     )}
+                                                    data-state={timelineConnectorState(
+                                                        expandedTimeline[index - 1].state,
+                                                        item.state,
+                                                    )}
                                                 />
                                             )}
-                                        </span>
-                                        <strong>{item.name}</strong>
-                                        <span className={styles.timelineDates}>
-                                            {item.startDate ? (
-                                                <time dateTime={item.startDate}>{timelineDate(item.startDate)}</time>
-                                            ) : <span>{timelineDate()}</span>}
-                                            {item.range && (item.endDate ? (
-                                                <time dateTime={item.endDate}>{timelineDate(item.endDate)}</time>
-                                            ) : <span>{timelineDate()}</span>)}
-                                        </span>
-                                    </li>
-                                ))}
-                            </ol>
-                        </div>
-                    </section>
-                )}
+                                            <span
+                                                className={classNames(
+                                                    styles.timelineNode,
+                                                    styles[item.state],
+                                                )}
+                                                data-state={item.state}
+                                            >
+                                                <img alt='' src={item.icon} />
+                                            </span>
+                                        </Fragment>
+                                    ))}
+                                </div>
+                                <ol className={styles.timelineItems} style={timelineGridStyle}>
+                                    {expandedTimeline.map((item, index) => (
+                                        <li className={styles[item.state]} data-state={item.state} key={item.key}>
+                                            <span aria-hidden='true' className={styles.mobileTimelineMarker}>
+                                                <span
+                                                    className={classNames(styles.timelineNode, styles[item.state])}
+                                                >
+                                                    <img alt='' src={item.icon} />
+                                                </span>
+                                                {index < expandedTimeline.length - 1 && (
+                                                    <span
+                                                        className={classNames(
+                                                            styles.timelineConnector,
+                                                            styles[timelineConnectorState(
+                                                                item.state,
+                                                                expandedTimeline[index + 1].state,
+                                                            )],
+                                                        )}
+                                                    />
+                                                )}
+                                            </span>
+                                            <strong>{item.name}</strong>
+                                            <span className={styles.timelineDates}>
+                                                {item.startDate ? (
+                                                    <time dateTime={item.startDate}>
+                                                        {timelineDate(item.startDate)}
+                                                    </time>
+                                                ) : <span>{timelineDate()}</span>}
+                                                {item.range && (item.endDate ? (
+                                                    <time dateTime={item.endDate}>{timelineDate(item.endDate)}</time>
+                                                ) : <span>{timelineDate()}</span>)}
+                                            </span>
+                                        </li>
+                                    ))}
+                                </ol>
+                            </div>
+                        </section>
+                    )}
+                </div>
             </div>
         </header>
     )
diff --git a/src/apps/opportunities/src/components/OpportunityListCard.module.scss b/src/apps/opportunities/src/components/OpportunityListCard.module.scss
index 5802e2bf5..3f25e80f1 100644
--- a/src/apps/opportunities/src/components/OpportunityListCard.module.scss
+++ b/src/apps/opportunities/src/components/OpportunityListCard.module.scss
@@ -445,6 +445,75 @@
     width: 28px;
 }
 
+.winnersLink {
+    align-items: flex-start;
+    display: flex;
+    gap: 8px;
+    height: 45px;
+    position: relative;
+    text-decoration: none;
+    z-index: 2;
+
+    &:focus-visible {
+        border-radius: 4px;
+        outline: 2px solid #0f62fe;
+        outline-offset: 3px;
+    }
+}
+
+.winnerAvatar {
+    display: grid;
+    flex: 0 0 32px;
+    grid-template-columns: 32px;
+    grid-template-rows: 32px 13px;
+    height: 45px;
+    position: relative;
+    width: 32px;
+}
+
+.winnerPhoto {
+    align-items: center;
+    background: #e9ecef;
+    border: 1px solid #a8a8a8;
+    border-radius: 50%;
+    box-sizing: border-box;
+    color: #161616;
+    display: flex;
+    font-family: 'Nunito Sans', sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    grid-column: 1;
+    grid-row: 1;
+    height: 32px;
+    justify-content: center;
+    overflow: hidden;
+    width: 32px;
+
+    img {
+        height: 100%;
+        object-fit: cover;
+        width: 100%;
+    }
+}
+
+.winnerMedal {
+    align-items: center;
+    display: flex;
+    grid-column: 1;
+    grid-row: 1 / span 2;
+    height: 20px;
+    justify-content: center;
+    margin-left: 6px;
+    margin-top: 22px;
+    width: 20px;
+
+    svg {
+        display: block;
+        height: 20px;
+        width: 20px;
+    }
+}
+
 .prizeUnavailable {
     color: #6f6f6f;
     font-size: 12px;
diff --git a/src/apps/opportunities/src/components/OpportunityListCard.spec.tsx b/src/apps/opportunities/src/components/OpportunityListCard.spec.tsx
index 82ce0951a..4a91d3512 100644
--- a/src/apps/opportunities/src/components/OpportunityListCard.spec.tsx
+++ b/src/apps/opportunities/src/components/OpportunityListCard.spec.tsx
@@ -254,6 +254,56 @@ describe('OpportunityListCard competition presentation', () => {
             .toBeInTheDocument()
     })
 
+    it('renders the Figma completed state with an API-backed winners affordance', () => {
+        render(
+            <MemoryRouter>
+                <OpportunityListCard
+                    item={competitionFixture({
+                        currentPhase: undefined,
+                        currentPhaseNames: [],
+                        phases: [],
+                        status: 'COMPLETED',
+                        winners: [
+                            { handle: 'second', placement: 2, userId: '2' },
+                            {
+                                handle: 'first',
+                                photoURL: 'https://images.example/first.png',
+                                placement: 1,
+                                userId: '1',
+                            },
+                            { handle: 'third', placement: 3, userId: '3' },
+                            { handle: 'duplicate-third', placement: 3, userId: 'duplicate-3' },
+                            { handle: 'fourth', placement: 4, userId: '4' },
+                        ],
+                    })}
+                    kind='competitions'
+                />
+            </MemoryRouter>,
+        )
+
+        expect(screen.getByText('Completed'))
+            .toBeInTheDocument()
+        expect(screen.queryByText('Registration closed'))
+            .not.toBeInTheDocument()
+        expect(screen.queryByRole('progressbar'))
+            .not.toBeInTheDocument()
+
+        const winners = screen.getByRole('link', { name: 'View winners' })
+        expect(winners)
+            .toHaveAttribute('href', '/opportunities/challenge/challenge-id?tab=winners')
+        expect(winners.querySelectorAll('.winnerAvatar'))
+            .toHaveLength(3)
+        expect(winners.querySelector('img'))
+            .toHaveAttribute('src', 'https://images.example/first.png')
+        expect(winners.querySelectorAll('svg'))
+            .toHaveLength(3)
+        expect(within(winners)
+            .queryByText('$1000'))
+            .not.toBeInTheDocument()
+        expect(screen.getByLabelText('Placement prizes'))
+            .toHaveTextContent('$1000')
+    })
+
     it('shows Registered for the server-filtered My competitions result', () => {
         render(
             <MemoryRouter>
diff --git a/src/apps/opportunities/src/components/OpportunityListCard.tsx b/src/apps/opportunities/src/components/OpportunityListCard.tsx
index 21fb4e8fa..f99189b48 100644
--- a/src/apps/opportunities/src/components/OpportunityListCard.tsx
+++ b/src/apps/opportunities/src/components/OpportunityListCard.tsx
@@ -3,6 +3,7 @@ import {
     FC,
     ReactNode,
     SVGProps,
+    useState,
 } from 'react'
 import { Link } from 'react-router-dom'
 import classNames from 'classnames'
@@ -110,6 +111,13 @@ interface CompetitionMetric {
     value: string
 }
 
+type ChallengeWinner = NonNullable<ChallengeOpportunity['winners']>[number]
+
+interface CompetitionWinnerAvatarProps {
+    placement: number
+    winner: ChallengeWinner
+}
+
 const challengeTypePresentations: Record<string, ChallengeTypePresentation> = {
     challenge: { icon: ChallengeTypeIcon, label: 'Challenge' },
     first2finish: { icon: First2FinishTypeIcon, label: 'First 2 Finish' },
@@ -119,6 +127,37 @@ const challengeTypePresentations: Record<string, ChallengeTypePresentation> = {
 
 const medalIcons: Array<FC<SVGProps<SVGSVGElement>>> = [MedalFirstIcon, MedalSecondIcon, MedalThirdIcon]
 
+/**
+ * Renders one API-backed winner photo with its existing placement medal. A
+ * failed or unavailable member photo falls back to the winner's real handle
+ * initial without inventing identity artwork.
+ *
+ * @param props Challenge API winner, enriched Members API photo, and placement.
+ * @returns compact winner avatar used by completed competition cards.
+ * @throws Does not throw; image failures switch to an initial fallback.
+ */
+const CompetitionWinnerAvatar: FC<CompetitionWinnerAvatarProps> = props => {
+    const [failedPhotoURL, setFailedPhotoURL] = useState<string>()
+    const handle = props.winner.handle?.trim() || String(props.winner.userId ?? 'Winner')
+    const photoURL = props.winner.photoURL
+    const showPhoto = !!photoURL && photoURL !== failedPhotoURL
+    const MedalIcon = medalIcons[props.placement - 1] ?? MedalThirdIcon
+
+    return (
+        <span className={styles.winnerAvatar} title={handle}>
+            <span aria-hidden='true' className={styles.winnerPhoto}>
+                {showPhoto
+                    ? <img alt='' onError={() => setFailedPhotoURL(photoURL)} src={photoURL} />
+                    : handle.charAt(0)
+                        .toUpperCase()}
+            </span>
+            <span aria-hidden='true' className={styles.winnerMedal}>
+                <MedalIcon />
+            </span>
+        </span>
+    )
+}
+
 /**
  * Renders a card skill as a native filter control when the list supplies a
  * selection callback.
@@ -610,6 +649,17 @@ const CompetitionListCard: FC<CompetitionListCardProps> = props => {
     const timeLeft = formatChallengeTimeLeft(phaseTiming) || 'TBD'
     const progress = Math.round(phaseTiming.progressPercent)
     const registrationOpen = challengeRegistrationIsOpen(item)
+    const completed = challengeCatalogKey(item.status) === 'completed'
+    const visibleWinners = completed
+        ? (item.winners ?? [])
+            .map((winner, index) => ({
+                placement: winner.placement ?? index + 1,
+                winner,
+            }))
+            .filter(entry => entry.placement >= 1 && entry.placement <= 3)
+            .sort((first, second) => first.placement - second.placement)
+            .slice(0, 3)
+        : []
     const metrics: CompetitionMetric[] = [
         {
             icon: <SubmissionsMetricIcon aria-hidden='true' />,
@@ -653,18 +703,22 @@ const CompetitionListCard: FC<CompetitionListCardProps> = props => {
                             {type.label}
                         </span>
                         <span className={classNames(styles.registrationState, {
-                            [styles.registrationClosed]: !props.registered && !registrationOpen,
-                            [styles.registrationRegistered]: props.registered,
+                            [styles.registrationClosed]: !completed && !props.registered && !registrationOpen,
+                            [styles.registrationRegistered]: !completed && props.registered,
                         })}
                         >
-                            {props.registered
+                            {completed
                                 ? <IconOutline.CheckIcon aria-hidden='true' />
-                                : registrationOpen
-                                    ? <RegistrationOpenIcon aria-hidden='true' />
-                                    : <RegistrationClosedIcon aria-hidden='true' />}
-                            {props.registered
-                                ? 'Registered'
-                                : registrationOpen ? 'Open for registration' : 'Registration closed'}
+                                : props.registered
+                                    ? <IconOutline.CheckIcon aria-hidden='true' />
+                                    : registrationOpen
+                                        ? <RegistrationOpenIcon aria-hidden='true' />
+                                        : <RegistrationClosedIcon aria-hidden='true' />}
+                            {completed
+                                ? 'Completed'
+                                : props.registered
+                                    ? 'Registered'
+                                    : registrationOpen ? 'Open for registration' : 'Registration closed'}
                         </span>
                     </div>
                     <Tooltip
@@ -716,7 +770,22 @@ const CompetitionListCard: FC<CompetitionListCardProps> = props => {
                     <div aria-label='Placement prizes' className={styles.prizes}>
                         {renderChallengePrizes(placementPrizes, item.funChallenge === true)}
                     </div>
-                    {phase && (
+                    {visibleWinners.length > 0 && (
+                        <Link
+                            aria-label='View winners'
+                            className={styles.winnersLink}
+                            to={challengeDetailPath(item.id, 'winners')}
+                        >
+                            {visibleWinners.map(entry => (
+                                <CompetitionWinnerAvatar
+                                    key={`${entry.placement}-${entry.winner.userId ?? entry.winner.handle ?? 'winner'}`}
+                                    placement={entry.placement}
+                                    winner={entry.winner}
+                                />
+                            ))}
+                        </Link>
+                    )}
+                    {!completed && phase && (
                         <div className={styles.phase}>
                             <div className={styles.phaseHeading}>
                                 <span className={styles.phaseLabel}>
diff --git a/src/apps/opportunities/src/components/SubmissionHistoryModal.module.scss b/src/apps/opportunities/src/components/SubmissionHistoryModal.module.scss
index 34fe0747a..e00071e06 100644
--- a/src/apps/opportunities/src/components/SubmissionHistoryModal.module.scss
+++ b/src/apps/opportunities/src/components/SubmissionHistoryModal.module.scss
@@ -51,6 +51,18 @@
     min-height: 180px;
 }
 
+.latestSubmission {
+    display: none;
+    font-size: 16px;
+    line-height: 22px;
+    margin: 0 0 16px;
+    min-width: 0;
+
+    strong {
+        overflow-wrap: anywhere;
+    }
+}
+
 .message {
     flex-direction: column;
     gap: 12px;
@@ -116,21 +128,128 @@
     }
 }
 
+.mobileFooter {
+    display: none;
+}
+
 @media (max-width: 620px) {
     .modal {
         padding: 16px;
     }
 
     .modalHeading h2 {
-        font-size: 20px;
-        line-height: 28px;
+        font-size: 18px;
+        line-height: 24px;
+        text-transform: uppercase;
+    }
+
+    .handleSuffix {
+        display: none;
+    }
+
+    .latestSubmission {
+        display: block;
     }
 
     .tableWrap {
-        overflow-x: auto;
+        overflow: visible;
 
         table {
-            min-width: 620px;
+            display: block;
+            min-width: 0;
+            width: 100%;
+        }
+
+        thead {
+            clip: rect(0 0 0 0);
+            clip-path: inset(50%);
+            height: 1px;
+            overflow: hidden;
+            position: absolute;
+            white-space: nowrap;
+            width: 1px;
+        }
+
+        tbody,
+        td {
+            display: block;
+            width: 100%;
+        }
+
+        tr {
+            border-bottom: 1px solid #e0e0e0;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            padding: 8px 0 16px;
+        }
+
+        td,
+        td:first-child,
+        td:last-child {
+            align-items: flex-start;
+            border: 0;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            gap: 2px;
+            height: auto;
+            min-height: 0;
+            overflow-wrap: anywhere;
+            padding: 8px 0;
+            white-space: normal;
+
+            &::before {
+                color: #6f6f6f;
+                content: attr(data-mobile-label);
+                font-size: 10px;
+                font-weight: 400;
+                line-height: 14px;
+                text-transform: uppercase;
+            }
+        }
+
+        td[data-mobile-order='1'] {
+            order: 1;
+        }
+
+        td[data-mobile-order='2'] {
+            order: 2;
+        }
+
+        td[data-mobile-order='3'] {
+            order: 3;
+        }
+
+        td[data-mobile-order='4'] {
+            order: 4;
+        }
+
+        td:first-child span {
+            max-width: none;
+            overflow-wrap: anywhere;
+            white-space: normal;
+        }
+    }
+
+    .mobileFooter {
+        display: flex;
+        justify-content: center;
+        padding-top: 24px;
+
+        button {
+            background: #007d79;
+            border: 1px solid #007d79;
+            border-radius: 999px;
+            color: #fff;
+            cursor: pointer;
+            font: inherit;
+            font-size: 14px;
+            font-weight: 700;
+            line-height: 20px;
+            min-width: 90px;
+            padding: 8px 24px;
+            text-transform: uppercase;
         }
     }
 }
diff --git a/src/apps/opportunities/src/components/SubmissionHistoryModal.spec.tsx b/src/apps/opportunities/src/components/SubmissionHistoryModal.spec.tsx
index 5390f1b17..d6b77b774 100644
--- a/src/apps/opportunities/src/components/SubmissionHistoryModal.spec.tsx
+++ b/src/apps/opportunities/src/components/SubmissionHistoryModal.spec.tsx
@@ -91,6 +91,8 @@ describe('SubmissionHistoryModal', () => {
             .toHaveBeenCalledWith('challenge', '123', 'CONTEST_SUBMISSION')
         expect(await screen.findByRole('columnheader', { name: 'Provisional Score' }))
             .toBeInTheDocument()
+        expect(screen.getByText('Latest Submission:').parentElement)
+            .toHaveTextContent('Latest Submission: submission-two')
         expect(screen.getByRole('columnheader', { name: 'Final Score' }))
             .toBeInTheDocument()
         expect(screen.queryByRole('columnheader', { name: 'Status' }))
@@ -101,10 +103,31 @@ describe('SubmissionHistoryModal', () => {
             .toBeInTheDocument()
         expect(screen.queryByRole('link'))
             .not.toBeInTheDocument()
+        expect(screen.getByRole('cell', { name: 'submission-two' }))
+            .toHaveAttribute('data-mobile-label', 'Submission')
+        expect(screen.getByRole('cell', { name: 'submission-two' }))
+            .toHaveAttribute('data-mobile-order', '1')
+        expect(screen.getByText(/^June 2, 2026 at /)
+            .closest('td'))
+            .toHaveAttribute('data-mobile-label', 'Time')
+        expect(screen.getByText(/^June 2, 2026 at /)
+            .closest('td'))
+            .toHaveAttribute('data-mobile-order', '4')
+        expect(screen.getByText('31.25123456789')
+            .closest('td'))
+            .toHaveAttribute('data-mobile-label', 'Provisional Score')
+        expect(screen.getByText('31.25123456789')
+            .closest('td'))
+            .toHaveAttribute('data-mobile-order', '3')
+        expect(screen.getByRole('cell', { name: '50' }))
+            .toHaveAttribute('data-mobile-order', '2')
 
         fireEvent.click(screen.getByRole('button', { name: 'Close submission history' }))
         expect(onClose)
             .toHaveBeenCalledTimes(1)
+        fireEvent.click(screen.getByRole('button', { name: 'Close' }))
+        expect(onClose)
+            .toHaveBeenCalledTimes(2)
     })
 
     it('replaces the non-Marathon status column with the final score', async () => {
@@ -133,4 +156,44 @@ describe('SubmissionHistoryModal', () => {
         expect(screen.queryByRole('columnheader', { name: 'Provisional Score' }))
             .not.toBeInTheDocument()
     })
+
+    it('renders only the latest row when Review API restricts another submitter history', async () => {
+        mockedGetHistory.mockResolvedValueOnce([{
+            finalScore: 84.1576,
+            id: 'latest-visible-attempt',
+            initialScore: 82.72,
+            memberId: '456',
+            submittedDate: '2026-06-02T15:05:00.000Z',
+            type: 'CONTEST_SUBMISSION',
+        }])
+
+        render(
+            <SWRConfig value={{ dedupingInterval: 0, provider: () => new Map() }}>
+                <SubmissionHistoryModal
+                    challengeId='challenge'
+                    isMarathonMatch
+                    onClose={jest.fn()}
+                    open
+                    showFinalScores
+                    submission={{
+                        id: 'latest-visible-attempt',
+                        memberId: '456',
+                        submitterHandle: 'other-coder',
+                        type: 'CONTEST_SUBMISSION',
+                    }}
+                />
+            </SWRConfig>,
+        )
+
+        expect(await screen.findByRole('dialog', { name: 'Submission History for other-coder' }))
+            .toBeInTheDocument()
+        expect(mockedGetHistory)
+            .toHaveBeenCalledWith('challenge', '456', 'CONTEST_SUBMISSION')
+        expect(await screen.findAllByText('latest-visible-attempt'))
+            .toHaveLength(2)
+        expect(screen.getAllByRole('row'))
+            .toHaveLength(2)
+        expect(screen.queryByText('submission-one'))
+            .not.toBeInTheDocument()
+    })
 })
diff --git a/src/apps/opportunities/src/components/SubmissionHistoryModal.tsx b/src/apps/opportunities/src/components/SubmissionHistoryModal.tsx
index 3f81f0b25..7dbd198fb 100644
--- a/src/apps/opportunities/src/components/SubmissionHistoryModal.tsx
+++ b/src/apps/opportunities/src/components/SubmissionHistoryModal.tsx
@@ -77,8 +77,9 @@ function submissionHandle(submission?: ChallengeSubmission): string | undefined
 }
 
 /**
- * Shows every submission attempt for the selected member without navigating
- * away from Opportunities to Review App.
+ * Shows the selected member's server-authorized submission history without
+ * navigating away from Opportunities to Review App. Review API may limit an
+ * ordinary viewer to the latest attempt.
  *
  * @param props selected submission, challenge context, visibility, and close callback.
  * @returns modal with history rows or a loading, error, or empty state.
@@ -129,40 +130,53 @@ export const SubmissionHistoryModal: FC<SubmissionHistoryModalProps> = props =>
         content = <p className={styles.message}>No submission history is available.</p>
     } else {
         content = (
-            <div className={styles.tableWrap}>
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Submission ID</th>
-                            <th>Submission Date</th>
-                            {props.isMarathonMatch && <th>Provisional Score</th>}
-                            <th>Final Score</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {submissions.map(submission => {
-                            const scores = marathonSubmissionScores(submission)
-                            return (
-                                <tr key={submission.id}>
-                                    <td><span title={submission.id}>{submission.id}</span></td>
-                                    <td>{formatTimestamp(submission.submittedDate ?? submission.createdAt)}</td>
-                                    {props.isMarathonMatch && (
-                                        <td>{formatMarathonScore(scores.provisionalScore, 'N/A')}</td>
-                                    )}
-                                    <td>
-                                        {props.isMarathonMatch
-                                            ? formatMarathonFinalScore(
-                                                props.showFinalScores ? scores.finalScore : undefined,
-                                                '-',
-                                            )
-                                            : formatMarathonScore(scores.finalScore, 'N/A')}
-                                    </td>
-                                </tr>
-                            )
-                        })}
-                    </tbody>
-                </table>
-            </div>
+            <>
+                <p className={styles.latestSubmission}>
+                    <span>Latest Submission:</span>
+                    {' '}
+                    <strong title={submissions[0].id}>{submissions[0].id}</strong>
+                </p>
+                <div className={styles.tableWrap}>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Submission ID</th>
+                                <th>Submission Date</th>
+                                {props.isMarathonMatch && <th>Provisional Score</th>}
+                                <th>Final Score</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {submissions.map(submission => {
+                                const scores = marathonSubmissionScores(submission)
+                                return (
+                                    <tr key={submission.id}>
+                                        <td data-mobile-label='Submission' data-mobile-order='1'>
+                                            <span title={submission.id}>{submission.id}</span>
+                                        </td>
+                                        <td data-mobile-label='Time' data-mobile-order='4'>
+                                            {formatTimestamp(submission.submittedDate ?? submission.createdAt)}
+                                        </td>
+                                        {props.isMarathonMatch && (
+                                            <td data-mobile-label='Provisional Score' data-mobile-order='3'>
+                                                {formatMarathonScore(scores.provisionalScore, 'N/A')}
+                                            </td>
+                                        )}
+                                        <td data-mobile-label='Final Score' data-mobile-order='2'>
+                                            {props.isMarathonMatch
+                                                ? formatMarathonFinalScore(
+                                                    props.showFinalScores ? scores.finalScore : undefined,
+                                                    '-',
+                                                )
+                                                : formatMarathonScore(scores.finalScore, 'N/A')}
+                                        </td>
+                                    </tr>
+                                )
+                            })}
+                        </tbody>
+                    </table>
+                </div>
+            </>
         )
     }
 
@@ -180,7 +194,8 @@ export const SubmissionHistoryModal: FC<SubmissionHistoryModalProps> = props =>
             title={(
                 <div className={styles.modalHeading}>
                     <h2 id='submission-history-title'>
-                        {handle ? `Submission History for ${handle}` : 'Submission History'}
+                        Submission History
+                        {handle && <span className={styles.handleSuffix}>{` for ${handle}`}</span>}
                     </h2>
                     <button
                         aria-label='Close submission history'
@@ -193,6 +208,9 @@ export const SubmissionHistoryModal: FC<SubmissionHistoryModalProps> = props =>
             )}
         >
             {content}
+            <div className={styles.mobileFooter}>
+                <button onClick={props.onClose} type='button'>Close</button>
+            </div>
         </BaseModal>
     )
 }
diff --git a/src/apps/opportunities/src/models/opportunity.models.ts b/src/apps/opportunities/src/models/opportunity.models.ts
index e6eadd7fa..8d271d623 100644
--- a/src/apps/opportunities/src/models/opportunity.models.ts
+++ b/src/apps/opportunities/src/models/opportunity.models.ts
@@ -151,6 +151,7 @@ export interface ChallengeOpportunity {
     winners?: Array<{
         handle?: string
         placement?: number
+        photoURL?: string
         prize?: number
         userId?: string
     }>
diff --git a/src/apps/opportunities/src/pages/ChallengeDetailsPage.flows.spec.tsx b/src/apps/opportunities/src/pages/ChallengeDetailsPage.flows.spec.tsx
index 9b4667a9f..0329837f2 100644
--- a/src/apps/opportunities/src/pages/ChallengeDetailsPage.flows.spec.tsx
+++ b/src/apps/opportunities/src/pages/ChallengeDetailsPage.flows.spec.tsx
@@ -285,6 +285,7 @@ jest.mock('../utils', () => ({
     }): boolean => challenge.type === 'Marathon Match'
         && challenge.metadata?.some(item => item.name === 'show_data_dashboard' && item.value === true) === true,
     marathonSubmissionScores: (submission: {
+        aiDecisionScore?: number
         finalScore?: number
         provisionalScore?: number
         reviewSummation?: Array<{
@@ -294,7 +295,8 @@ jest.mock('../utils', () => ({
         }>
     }): { finalScore?: number; provisionalScore?: number } => ({
         finalScore: submission.reviewSummation?.find(item => item.isFinal)?.aggregateScore
-            ?? submission.finalScore,
+            ?? submission.finalScore
+            ?? submission.aiDecisionScore,
         provisionalScore: submission.reviewSummation?.find(item => item.isProvisional)?.aggregateScore
             ?? submission.provisionalScore,
     }),
@@ -1166,6 +1168,27 @@ describe('ChallengeDetailsPage member flows', () => {
             .toMatchObject({ refreshInterval: 30000, shouldRetryOnError: false })
     })
 
+    it('displays a completed AI workflow score in active My Submissions', () => {
+        mockProfile = { handle: 'coder', userId: 123 }
+        mockRegistration = { id: 'resource-id' }
+        mockChallenge = { ...mockChallenge, status: 'ACTIVE', tags: ['AI'] }
+        mockSubmissions = [{
+            aiDecisionScore: 87.625,
+            createdAt: '2026-09-09T04:30:00.000Z',
+            id: 'ai-reviewed-submission',
+            status: 'ACTIVE',
+            type: 'CONTEST_SUBMISSION',
+        }]
+
+        renderPage()
+        fireEvent.click(screen.getByRole('tab', { name: 'My Submissions' }))
+
+        expect(screen.getByRole('columnheader', { name: 'Score' }))
+            .toBeInTheDocument()
+        expect(screen.getByRole('cell', { name: '87.625' }))
+            .toHaveAttribute('data-mobile-label', 'Score')
+    })
+
     it('renders and deletes the compact Design My Submissions actions', async () => {
         mockProfile = { handle: 'coder', userId: 123 }
         mockRegistration = { id: 'resource-id' }
diff --git a/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.module.scss b/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.module.scss
index bc03a603d..761a90a9a 100644
--- a/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.module.scss
+++ b/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.module.scss
@@ -751,9 +751,14 @@
     align-items: center;
     display: flex;
     gap: 8px;
+    min-width: 0;
+    overflow: hidden;
+    width: 100%;
 
     > a {
+        display: block;
         min-width: 0;
+        overflow: hidden;
         text-decoration: none;
     }
 
@@ -775,6 +780,7 @@
 
     strong {
         color: #007d79;
+        display: block;
         font-weight: 700;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -1007,9 +1013,11 @@
         overflow: visible;
     }
 
-    .applicationTable {
+    .tableScroll .applicationTable {
+        box-sizing: border-box;
         display: block;
         min-width: 0;
+        width: 100%;
 
         thead {
             border: 0;
diff --git a/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.spec.tsx b/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.spec.tsx
index 185061f43..c5bb320ce 100644
--- a/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.spec.tsx
+++ b/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.spec.tsx
@@ -276,7 +276,11 @@ describe('ReviewOpportunityDetailsPage', () => {
         expect(reviewDetailStyles)
             .toContain('.applicationTable {')
         expect(reviewDetailStyles)
-            .toMatch(/\.applicationTable\s*\{[\s\S]*?thead\s*\{[\s\S]*?button\s*\{\s*display: none;/)
+            .toMatch(/\.tableScroll \.applicationTable\s*\{[\s\S]*?min-width: 0;[\s\S]*?width: 100%;/)
+        expect(reviewDetailStyles)
+            .toMatch(/\.tableScroll \.applicationTable\s*\{[\s\S]*?thead\s*\{[\s\S]*?button\s*\{\s*display: none;/)
+        expect(reviewDetailStyles)
+            .toMatch(/\.member\s*\{[\s\S]*?min-width: 0;[\s\S]*?overflow: hidden;[\s\S]*?width: 100%;/)
     })
 
     it('uses member ratings to color application handles', () => {
@@ -385,7 +389,7 @@ describe('ReviewOpportunityDetailsPage', () => {
 
         expect(screen.getByText(/All reviewer positions are currently filled/))
             .toBeInTheDocument()
-        const waitlistButton = screen.getByRole('button', { name: 'Join reviewer waitlist' })
+        const waitlistButton = screen.getByRole('button', { name: 'Apply to be a reviewer (waitlist)' })
         expect(waitlistButton)
             .toBeEnabled()
         fireEvent.click(waitlistButton)
@@ -396,8 +400,34 @@ describe('ReviewOpportunityDetailsPage', () => {
             expect(mutate)
                 .toHaveBeenCalled()
             expect(mockedToastSuccess)
-                .toHaveBeenCalledWith("You've joined the reviewer waitlist.")
+                .toHaveBeenCalledWith(
+                    'You are waitlisted. Support will contact you if another reviewer cannot complete the review and '
+                    + 'you are needed.',
+                )
+        })
+    })
+
+    it('keeps a legacy capacity rejection disabled because that API cannot persist a waitlist application', () => {
+        mockProfile = { roles: ['Reviewer'], userId: 12345 }
+        mockUseSWR.mockReturnValue({
+            data: reviewFixture({
+                approvedApplicationCount: 2,
+                canApply: false,
+                canApplyReason: 'NO_OPEN_POSITIONS',
+                openPositions: 2,
+                remainingPositions: 0,
+            }),
+            error: undefined,
+            isValidating: false,
+            mutate: jest.fn(),
         })
+
+        renderPage()
+
+        expect(screen.getByRole('button', { name: 'All reviewer positions are filled' }))
+            .toBeDisabled()
+        expect(mockedApplyToReviewOpportunity)
+            .not.toHaveBeenCalled()
     })
 
     it('shows the caller waitlisted state after a full-opportunity application', () => {
diff --git a/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.tsx b/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.tsx
index 2e1ea455f..e5b2d9c9d 100644
--- a/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.tsx
+++ b/src/apps/opportunities/src/pages/ReviewOpportunityDetailsPage.tsx
@@ -267,7 +267,8 @@ export const ReviewOpportunityDetailsPage: FC = () => {
             await applyToReviewOpportunity(opportunity.id, role)
             await response.mutate()
             toast.success(joinsWaitlist
-                ? "You've joined the reviewer waitlist."
+                ? 'You are waitlisted. Support will contact you if another reviewer cannot complete the review and '
+                    + 'you are needed.'
                 : 'Your reviewer application was submitted.')
         } catch (error) {
             toast.error(error instanceof Error ? error.message : 'Application failed.')
@@ -302,8 +303,9 @@ export const ReviewOpportunityDetailsPage: FC = () => {
         )
     const applications = opportunity.applications?.filter(application => application.status !== 'CANCELLED') ?? []
     const applicationTotal = applications.length
+    const canApply = opportunity.canApply === true
     const isWaitlisted = reviewOpportunityIsWaitlisted(opportunity)
-    const willJoinWaitlist = opportunity.canApply && reviewOpportunityIsFull(opportunity)
+    const willJoinWaitlist = canApply && reviewOpportunityIsFull(opportunity)
     const disabledLabel = !isReviewer
         ? 'Apply to be a reviewer'
         : isWaitlisted
@@ -458,17 +460,17 @@ export const ReviewOpportunityDetailsPage: FC = () => {
                                 </p>
                             )}
                             <button
-                                disabled={!opportunity.canApply || busy || !isReviewer}
+                                disabled={!canApply || busy || !isReviewer}
                                 onClick={apply}
-                                title={!opportunity.canApply || !isReviewer ? disabledReason : undefined}
+                                title={!canApply || !isReviewer ? disabledReason : undefined}
                                 type='button'
                             >
                                 <IconOutline.UploadIcon />
                                 {busy
                                     ? 'Applying…'
-                                    : opportunity.canApply && isReviewer
+                                    : canApply && isReviewer
                                         ? willJoinWaitlist
-                                            ? 'Join reviewer waitlist'
+                                            ? 'Apply to be a reviewer (waitlist)'
                                             : 'Apply to be a reviewer'
                                         : disabledLabel}
                             </button>
diff --git a/src/apps/opportunities/src/services/opportunities.service.spec.ts b/src/apps/opportunities/src/services/opportunities.service.spec.ts
index c0fadf6dd..71ce66107 100644
--- a/src/apps/opportunities/src/services/opportunities.service.spec.ts
+++ b/src/apps/opportunities/src/services/opportunities.service.spec.ts
@@ -607,7 +607,7 @@ describe('opportunities service normalization', () => {
             .toEqual([['1', '200'], ['2', '200']])
     })
 
-    it('falls back to locally filtered legacy Copilot results during API rollout', async () => {
+    it('falls back to locally filtered legacy Copilot facets during API rollout', async () => {
         const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
         globalGet
             .mockRejectedValueOnce({
@@ -638,7 +638,7 @@ describe('opportunities service normalization', () => {
                         opportunityTitle: 'Backend migration',
                         skills: [{ id: 'java', name: 'Java' }],
                         status: 'active',
-                        type: 'dev',
+                        type: 'design',
                     },
                 ],
                 headers: {
@@ -654,7 +654,6 @@ describe('opportunities service normalization', () => {
         await expect(getOpportunityPage('copilots', {
             page: 1,
             perPage: 10,
-            search: 'typescript',
             sort: 'newest',
             statuses: ['active'],
             tracks: ['dev'],
@@ -680,6 +679,217 @@ describe('opportunities service normalization', () => {
             .toBe(false)
     })
 
+    it('uses bounded local Copilot discovery before a broken server-side skill search', async () => {
+        const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
+        globalGet
+            .mockResolvedValueOnce({
+                data: [
+                    {
+                        id: 'matching',
+                        opportunityTitle: 'Matching copilot role',
+                        skills: [{ id: 'cadence-skill', name: 'Cadence SKILL' }],
+                        status: 'active',
+                    },
+                    {
+                        id: 'different',
+                        opportunityTitle: 'Different copilot role',
+                        skills: [{ id: 'react', name: 'React' }],
+                        status: 'active',
+                    },
+                ],
+                headers: {
+                    get: (name: string) => ({
+                        'x-page': '1',
+                        'x-per-page': '200',
+                        'x-total': '2',
+                        'x-total-pages': '1',
+                    } as Record<string, string>)[name],
+                },
+            })
+            .mockRejectedValueOnce({
+                data: { message: ['property projectName should not exist'] },
+                status: 400,
+            })
+
+        await expect(getOpportunityPage('copilots', {
+            page: 1,
+            perPage: 10,
+            search: 'Cadence SKILL',
+            sort: 'newest',
+            statuses: ['active'],
+        }))
+            .resolves.toMatchObject({
+                items: [expect.objectContaining({ id: 'matching' })],
+                total: 1,
+            })
+
+        expect(globalGet)
+            .toHaveBeenCalledTimes(2)
+        const requestUrl = new URL(String(globalGet.mock.calls[0][0]))
+        expect(requestUrl.searchParams.get('pageSize'))
+            .toBe('200')
+        expect(requestUrl.searchParams.has('search'))
+            .toBe(false)
+        expect(requestUrl.searchParams.has('skills'))
+            .toBe(false)
+        const projectNameUrl = new URL(String(globalGet.mock.calls[1][0]))
+        expect(projectNameUrl.searchParams.get('projectName'))
+            .toBe('Cadence SKILL')
+        expect(projectNameUrl.searchParams.has('search'))
+            .toBe(false)
+        expect(projectNameUrl.searchParams.has('skills'))
+            .toBe(false)
+    })
+
+    it('unions safe owner project-name matches that public list rows cannot expose', async () => {
+        const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
+        globalGet.mockReset()
+        globalGet
+            .mockResolvedValueOnce({
+                data: [{
+                    id: 'different',
+                    opportunityTitle: 'Unrelated role',
+                    status: 'active',
+                    type: 'dev',
+                }],
+                headers: {
+                    get: (name: string) => ({
+                        'x-page': '1',
+                        'x-per-page': '200',
+                        'x-total': '1',
+                        'x-total-pages': '1',
+                    } as Record<string, string>)[name],
+                },
+            })
+            .mockResolvedValueOnce({
+                data: [{
+                    id: 'project-name-match',
+                    opportunityTitle: 'Generic Copilot role',
+                    status: 'active',
+                    type: 'dev',
+                }],
+                headers: {
+                    get: (name: string) => ({
+                        'x-page': '1',
+                        'x-per-page': '200',
+                        'x-total': '1',
+                        'x-total-pages': '1',
+                    } as Record<string, string>)[name],
+                },
+            })
+
+        await expect(getOpportunityPage('copilots', {
+            page: 1,
+            perPage: 10,
+            search: 'Apollo migration',
+            sort: 'newest',
+            statuses: ['active'],
+            tracks: ['dev'],
+        }))
+            .resolves.toMatchObject({
+                items: [expect.objectContaining({ id: 'project-name-match' })],
+                total: 1,
+            })
+
+        const projectNameUrl = new URL(String(globalGet.mock.calls[1][0]))
+        expect(projectNameUrl.searchParams.get('projectName'))
+            .toBe('Apollo migration')
+        expect(projectNameUrl.searchParams.getAll('status'))
+            .toEqual(['active'])
+        expect(projectNameUrl.searchParams.getAll('type'))
+            .toEqual(['dev'])
+        expect(projectNameUrl.searchParams.has('search'))
+            .toBe(false)
+        expect(projectNameUrl.searchParams.has('skills'))
+            .toBe(false)
+    })
+
+    it('uses canonical opportunity type rather than conflicting project type during local search', async () => {
+        const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
+        globalGet.mockReset()
+        globalGet
+            .mockResolvedValueOnce({
+                data: [
+                    {
+                        id: 'canonical-match',
+                        projectType: 'design',
+                        skills: [{ id: 'cadence', name: 'Cadence SKILL' }],
+                        status: 'active',
+                        type: 'dev',
+                    },
+                    {
+                        id: 'project-type-only',
+                        projectType: 'dev',
+                        skills: [{ id: 'cadence', name: 'Cadence SKILL' }],
+                        status: 'active',
+                        type: 'design',
+                    },
+                ],
+                headers: {
+                    get: (name: string) => ({
+                        'x-page': '1',
+                        'x-per-page': '200',
+                        'x-total': '2',
+                        'x-total-pages': '1',
+                    } as Record<string, string>)[name],
+                },
+            })
+            .mockResolvedValueOnce({
+                data: [],
+                headers: {
+                    get: (name: string) => ({
+                        'x-page': '1',
+                        'x-per-page': '200',
+                        'x-total': '0',
+                        'x-total-pages': '0',
+                    } as Record<string, string>)[name],
+                },
+            })
+
+        await expect(getOpportunityPage('copilots', {
+            page: 1,
+            perPage: 10,
+            search: 'Cadence SKILL',
+            sort: 'newest',
+            statuses: ['active'],
+            tracks: ['dev'],
+        }))
+            .resolves.toMatchObject({
+                items: [expect.objectContaining({ id: 'canonical-match' })],
+                total: 1,
+            })
+    })
+
+    it('propagates project-name failures other than the exact legacy unsupported-property response', async () => {
+        const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
+        const projectNameError = {
+            data: { message: ['property search should not exist'] },
+            status: 400,
+        }
+        globalGet.mockReset()
+        globalGet
+            .mockResolvedValueOnce({
+                data: [],
+                headers: {
+                    get: (name: string) => ({
+                        'x-page': '1',
+                        'x-per-page': '200',
+                        'x-total': '0',
+                        'x-total-pages': '0',
+                    } as Record<string, string>)[name],
+                },
+            })
+            .mockRejectedValueOnce(projectNameError)
+
+        await expect(getOpportunityPage('copilots', {
+            page: 1,
+            perPage: 10,
+            search: 'Cadence SKILL',
+            sort: 'newest',
+        }))
+            .rejects.toEqual(projectNameError)
+    })
+
     it('sorts legacy Copilot results by start date without sending an unsupported sort', async () => {
         const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
         globalGet
@@ -1209,16 +1419,33 @@ describe('opportunities service normalization', () => {
             ])
         expect(get)
             .toHaveBeenCalledWith(
-                'https://api.example/v6/submissions?challengeId=challenge&page=1&perPage=200'
+                'https://api.example/v6/submissions?challengeId=challenge&memberId=123&page=1&perPage=200'
                 + '&sortBy=submittedDate&orderBy=desc&type=CONTEST_SUBMISSION',
             )
         expect(get)
             .toHaveBeenCalledWith(
-                'https://api.example/v6/submissions?challengeId=challenge&page=2&perPage=200'
+                'https://api.example/v6/submissions?challengeId=challenge&memberId=123&page=2&perPage=200'
                 + '&sortBy=submittedDate&orderBy=desc&type=CONTEST_SUBMISSION',
             )
     })
 
+    it('preserves a latest-only member history response for an ordinary viewer', async () => {
+        const get = xhrGetAsync as jest.MockedFunction<typeof xhrGetAsync>
+        get.mockResolvedValueOnce({
+            data: [{ id: 'latest-visible', memberId: '456', submittedDate: '2026-06-03T00:00:00.000Z' }],
+            meta: { page: 1, perPage: 200, totalCount: 1, totalPages: 1 },
+        })
+
+        await expect(getChallengeSubmissionHistory('challenge', '456', 'CONTEST_SUBMISSION'))
+            .resolves.toEqual([{
+                id: 'latest-visible',
+                memberId: '456',
+                submittedDate: '2026-06-03T00:00:00.000Z',
+            }])
+        expect(get)
+            .toHaveBeenCalledTimes(1)
+    })
+
     it('loads every Marathon Match review-summation page for table scores and dashboard', async () => {
         const get = xhrGetAsync as jest.MockedFunction<typeof xhrGetAsync>
         get
@@ -1516,6 +1743,71 @@ describe('opportunities service normalization', () => {
             .toHaveBeenCalledTimes(1)
     })
 
+    it('hydrates completed-card winners with real Members API handles and photos', async () => {
+        const get = xhrGetAsync as jest.MockedFunction<typeof xhrGetAsync>
+        const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
+        globalGet.mockResolvedValueOnce({
+            data: [{
+                id: 'completed-challenge',
+                name: 'Completed challenge',
+                status: 'COMPLETED',
+                winners: [
+                    { handle: 'legacy-first', placement: 1, userId: '101' },
+                    { handle: 'second', placement: 2, userId: '202' },
+                ],
+            }],
+            headers: { get: () => undefined },
+        })
+        get.mockResolvedValueOnce([{
+            handle: 'current-first',
+            photoURL: 'https://images.example/101.png',
+            userId: '101',
+        }])
+
+        const page = await getOpportunityPage('competitions', {
+            page: 1,
+            perPage: 10,
+            statuses: ['COMPLETED'],
+        })
+
+        expect(page.items[0].winners)
+            .toEqual([
+                {
+                    handle: 'current-first',
+                    photoURL: 'https://images.example/101.png',
+                    placement: 1,
+                    userId: '101',
+                },
+                { handle: 'second', placement: 2, userId: '202' },
+            ])
+        const memberUrl = new URL(String(get.mock.calls.at(-1)?.[0]))
+        expect(memberUrl.pathname)
+            .toBe('/v6/members')
+        expect(memberUrl.searchParams.getAll('userIds[]'))
+            .toEqual(['101', '202'])
+    })
+
+    it('does not request winner profiles for a non-completed competition page', async () => {
+        const get = xhrGetAsync as jest.MockedFunction<typeof xhrGetAsync>
+        const globalGet = xhrGlobalInstance.get as jest.MockedFunction<typeof xhrGlobalInstance.get>
+        globalGet.mockResolvedValueOnce({
+            data: [{
+                id: 'active-challenge',
+                name: 'Active challenge',
+                status: 'ACTIVE',
+                winners: [{ handle: 'provisional-entry', placement: 1, userId: '101' }],
+            }],
+            headers: { get: () => undefined },
+        })
+
+        await expect(getOpportunityPage('competitions', { page: 1, perPage: 10 }))
+            .resolves.toMatchObject({
+                items: [{ id: 'active-challenge' }],
+            })
+        expect(get)
+            .not.toHaveBeenCalled()
+    })
+
     it('resolves legacy challenge term references from v5 details', async () => {
         const get = xhrGetAsync as jest.MockedFunction<typeof xhrGetAsync>
         get.mockResolvedValueOnce({
diff --git a/src/apps/opportunities/src/services/opportunities.service.ts b/src/apps/opportunities/src/services/opportunities.service.ts
index 3db98b28d..805913b90 100644
--- a/src/apps/opportunities/src/services/opportunities.service.ts
+++ b/src/apps/opportunities/src/services/opportunities.service.ts
@@ -39,6 +39,8 @@ import {
 } from '../models'
 import { sortOpportunityItems } from '../utils/opportunity-listing.utils'
 
+import { getMemberProfilesByUserIds } from './member-profile.service'
+
 const V6_URL = EnvironmentConfig.API.V6
 const COPILOT_MAX_PAGE_SIZE = 200
 const MAX_LEGACY_COPILOT_PAGES = 20
@@ -322,6 +324,62 @@ function normalizePage<T>(
     return { items, page, perPage, total, totalPages }
 }
 
+/**
+ * Identifies completed Challenge API records without depending on enum casing.
+ *
+ * @param item normalized competition listing record.
+ * @returns true only for the completed lifecycle state.
+ * @throws Does not throw.
+ */
+function challengeIsCompleted(item: ChallengeOpportunity): boolean {
+    return String(item.status ?? '')
+        .trim()
+        .toUpperCase() === 'COMPLETED'
+}
+
+/**
+ * Enriches completed competition winners with the public member photos used by
+ * the Figma past-card treatment. Challenge API remains authoritative for the
+ * winner identity and placement; Members API only supplies profile display
+ * fields and failures leave the original winner data intact.
+ *
+ * @param page normalized Challenge API result page.
+ * @returns page with member handles and photos merged into matching winners.
+ * @throws Does not throw because the shared member loader absorbs batch failures.
+ */
+async function hydrateCompetitionWinnerProfiles(
+    page: OpportunityPage<ChallengeOpportunity>,
+): Promise<OpportunityPage<ChallengeOpportunity>> {
+    const memberIds = Array.from(new Set(page.items
+        .filter(challengeIsCompleted)
+        .flatMap(item => item.winners ?? [])
+        .map(winner => String(winner.userId ?? '')
+            .trim())
+        .filter(Boolean)))
+    if (!memberIds.length) return page
+
+    const profiles = await getMemberProfilesByUserIds(memberIds)
+    const profilesById = new Map(profiles.map(profile => [profile.userId, profile]))
+    return {
+        ...page,
+        items: page.items.map(item => (challengeIsCompleted(item)
+            ? {
+                ...item,
+                winners: item.winners?.map(winner => {
+                    const profile = profilesById.get(String(winner.userId ?? ''))
+                    return profile
+                        ? {
+                            ...winner,
+                            handle: profile.handle || winner.handle,
+                            photoURL: profile.photoURL ?? winner.photoURL,
+                        }
+                        : winner
+                }),
+            }
+            : item)),
+    }
+}
+
 /**
  * Loads every page of a member-scoped Engagement API collection within the
  * same defensive page cap used by challenge-detail expansion requests.
@@ -735,6 +793,29 @@ function isLegacyCopilotQueryError(error: unknown): boolean {
     return status === 400 && values.some(value => /property \S+ should not exist/i.test(value))
 }
 
+/**
+ * Identifies only the legacy validation response for the supplementary
+ * project-name predicate. Other 4xx responses and all server/network failures
+ * remain actionable and are propagated to the listing.
+ *
+ * @param error rejected Projects API project-name request.
+ * @returns true only when the API does not recognize `projectName`.
+ * @throws Does not throw.
+ */
+function isLegacyCopilotProjectNameQueryError(error: unknown): boolean {
+    const failure = error as {
+        data?: { message?: unknown }
+        message?: unknown
+        response?: { data?: { message?: unknown }; status?: number }
+        status?: number
+    }
+    const status = failure.status ?? failure.response?.status
+    const values = [failure.message, failure.data?.message, failure.response?.data?.message]
+        .flatMap(value => (Array.isArray(value) ? value : [value]))
+        .filter((value): value is string => typeof value === 'string')
+    return status === 400 && values.some(value => /property projectName should not exist/i.test(value))
+}
+
 /**
  * Builds the limited list query understood by the legacy Projects API.
  *
@@ -753,6 +834,25 @@ function buildLegacyCopilotPageUrl(page: number): string {
     return url.toString()
 }
 
+/**
+ * Builds the safe owner query used to recover project-name matches while the
+ * Projects API's combined `search` / `skills` predicate is unavailable.
+ * Status and opportunity type remain owner-filtered so this supplementary
+ * result set cannot widen active facets.
+ *
+ * @param page one-based Projects API page.
+ * @param filters active Copilot discovery filters containing free text.
+ * @returns absolute Copilot opportunity URL using only supported predicates.
+ * @throws Does not throw.
+ */
+function buildCopilotProjectNamePageUrl(page: number, filters: OpportunityFilters): string {
+    const url = new URL(buildLegacyCopilotPageUrl(page))
+    url.searchParams.set('projectName', filters.search?.trim() ?? '')
+    appendValues(url, 'status', filters.statuses)
+    appendValues(url, 'type', [...(filters.tracks ?? []), ...(filters.types ?? [])])
+    return url.toString()
+}
+
 /**
  * Applies a stable semantic sort after legacy pages have been aggregated.
  *
@@ -777,6 +877,21 @@ function sortLegacyCopilotOpportunities(
     })
 }
 
+/**
+ * Determines whether Copilot discovery must use the bounded compatibility
+ * loader. The deployed Projects API currently returns HTTP 500 when either
+ * free-text or exact-skill discovery reaches its JSON skill query; retrieving
+ * its supported unfiltered pages first avoids a failed browser request while
+ * retaining the same shareable search behavior.
+ *
+ * @param filters active Copilot search and facet values.
+ * @returns true when text or skill matching must be applied locally.
+ * @throws Does not throw.
+ */
+function requiresLegacyCopilotDiscovery(filters: OpportunityFilters): boolean {
+    return !!filters.search?.trim() || !!filters.skills?.length
+}
+
 /**
  * Identifies semantic sorts that an owner API cannot apply to the complete result set.
  *
@@ -905,7 +1020,7 @@ function filterLegacyCopilotOpportunities(
         .toLowerCase()
 
     return items.filter(item => {
-        const itemType = String(item.projectType ?? item.type ?? '')
+        const itemType = String(item.type ?? item.projectType ?? '')
             .toLowerCase()
         const itemSkills = (item.skills ?? []).map(skill => `${skill.id ?? ''} ${skill.name}`.toLowerCase())
         const itemStatus = String(item.status ?? '')
@@ -1001,26 +1116,27 @@ async function filterLegacyCopilotApplications(
 }
 
 /**
- * Keeps Copilot Opportunities usable while an older Projects API deployment
- * is rolling forward to the server-side discovery contract.
+ * Loads and normalizes every bounded page for one Copilot compatibility URL.
  *
- * @param filters active discovery, sorting, and pagination values.
- * @returns the requested in-memory page after all legacy pages are normalized and filtered.
- * @throws Propagates Projects API and network errors.
+ * @param buildPageUrl owner-specific URL builder for a one-based page.
+ * @returns normalized Copilot rows in owner order.
+ * @throws Propagates Projects API and network failures.
  */
-async function getLegacyCopilotPage(filters: OpportunityFilters): Promise<OpportunityPage<CopilotOpportunity>> {
+async function loadCopilotCompatibilityRows(
+    buildPageUrl: (page: number) => string,
+): Promise<CopilotOpportunity[]> {
     const firstResponse = await xhrGlobalInstance.get(
-        buildLegacyCopilotPageUrl(1),
+        buildPageUrl(1),
     ) as AxiosResponse<any[] | ApiEnvelope<any[]> | ApiListResponse<any>>
     const firstPage = normalizePage(firstResponse, 1, COPILOT_MAX_PAGE_SIZE)
     const totalPages = Math.min(MAX_LEGACY_COPILOT_PAGES, Math.max(1, firstPage.totalPages))
     const remainingResponses = totalPages > 1
         ? await loadPagesInBatches(
             Array.from({ length: totalPages - 1 }, (_value, index) => index + 2),
-            page => xhrGlobalInstance.get(buildLegacyCopilotPageUrl(page)),
+            page => xhrGlobalInstance.get(buildPageUrl(page)),
         ) as AxiosResponse<any[] | ApiEnvelope<any[]> | ApiListResponse<any>>[]
         : []
-    const allItems = [
+    return [
         ...firstPage.items,
         ...remainingResponses.flatMap((response, index) => normalizePage(
             response,
@@ -1028,10 +1144,58 @@ async function getLegacyCopilotPage(filters: OpportunityFilters): Promise<Opport
             COPILOT_MAX_PAGE_SIZE,
         ).items),
     ].map(normalizeCopilotOpportunity)
-    const facetFiltered = filterLegacyCopilotOpportunities(allItems, {
+}
+
+/**
+ * Loads rows whose private project name matches the active free text. Public
+ * list rows intentionally omit that name, so the safe owner-side predicate is
+ * required to preserve the documented project-search behavior.
+ *
+ * @param filters active Copilot discovery filters.
+ * @returns bounded project-name matches, or none on the legacy unsupported-property response.
+ * @throws Propagates every failure except the exact legacy `projectName` validation error.
+ */
+async function getCopilotProjectNameMatches(
+    filters: OpportunityFilters,
+): Promise<CopilotOpportunity[]> {
+    if (!filters.search?.trim()) return []
+    try {
+        return await loadCopilotCompatibilityRows(
+            page => buildCopilotProjectNamePageUrl(page, filters),
+        )
+    } catch (error) {
+        if (!isLegacyCopilotProjectNameQueryError(error)) throw error
+        return []
+    }
+}
+
+/**
+ * Keeps Copilot Opportunities usable while an older Projects API deployment
+ * is rolling forward to the server-side discovery contract.
+ *
+ * @param filters active discovery, sorting, and pagination values.
+ * @returns the requested in-memory page after all legacy pages are normalized and filtered.
+ * @throws Propagates Projects API and network errors.
+ */
+async function getLegacyCopilotPage(filters: OpportunityFilters): Promise<OpportunityPage<CopilotOpportunity>> {
+    const [allItems, projectNameItems] = await Promise.all([
+        loadCopilotCompatibilityRows(buildLegacyCopilotPageUrl),
+        getCopilotProjectNameMatches(filters),
+    ])
+    const facetFilters = {
         ...filters,
         applied: false,
+    }
+    const localMatches = filterLegacyCopilotOpportunities(allItems, facetFilters)
+    const projectNameMatches = filterLegacyCopilotOpportunities(projectNameItems, {
+        ...facetFilters,
+        search: undefined,
     })
+    const facetFiltered = Array.from(new Map([
+        ...localMatches,
+        ...projectNameMatches,
+    ].map(item => [item.id, item] as const))
+        .values())
     const memberFiltered = filters.applied
         ? filters.memberId
             ? await filterLegacyCopilotApplications(facetFiltered, filters.memberId)
@@ -1177,6 +1341,10 @@ export async function getOpportunityPage(
 ): Promise<OpportunityPage<any>> {
     const page = Math.max(1, filters.page)
     const perPage = Math.max(1, filters.perPage)
+    if (kind === 'copilots' && requiresLegacyCopilotDiscovery(filters)) {
+        return getLegacyCopilotPage(filters)
+    }
+
     if (kind === 'reviews' && filters.tracks?.some(track => opportunityFacetKey(track) === 'ai')) {
         const reviewPage = await getReviewPageWithAiTrack(filters)
         return hydrateReviewOpportunitySkills(reviewPage)
@@ -1218,9 +1386,15 @@ export async function getOpportunityPage(
                 .catch(() => normalized)
         }
 
-        return kind === 'copilots'
-            ? { ...normalized, items: normalized.items.map(normalizeCopilotOpportunity) }
-            : normalized
+        if (kind === 'copilots') {
+            return { ...normalized, items: normalized.items.map(normalizeCopilotOpportunity) }
+        }
+
+        if (kind === 'competitions') {
+            return hydrateCompetitionWinnerProfiles(normalized)
+        }
+
+        return normalized
     } catch (error) {
         if (kind !== 'copilots' || !isLegacyCopilotQueryError(error)) throw error
         return getLegacyCopilotPage(filters)
@@ -1504,11 +1678,9 @@ export async function deleteChallengeSubmission(submissionId: string): Promise<v
 }
 
 /**
- * Loads every submission attempt for one challenge member for the History
- * dialog. The latest-only and server-side member filters are deliberately
- * omitted: Review API authorizes challenge-wide reads but rejects another
- * member's ID filter for ordinary challenge participants. Matching member rows
- * are retained locally after the authorized challenge page is loaded.
+ * Loads the server-authorized submission history for one challenge member.
+ * Review API returns full history to the owner and authorized challenge staff,
+ * and restricts ordinary viewers to the selected member's latest submission.
  *
  * @param challengeId challenge UUID.
  * @param memberId submitter member ID from the selected latest submission.
@@ -1525,11 +1697,12 @@ export async function getChallengeSubmissionHistory(
      * Builds one non-latest submission-history request.
      *
      * @param page one-based Review API page.
-     * @returns absolute submissions URL for the selected challenge and type.
+     * @returns absolute submissions URL for the selected challenge member and type.
      */
     const makeUrl = (page: number): string => {
         const url = new URL(`${V6_URL}/submissions`)
         url.searchParams.set('challengeId', challengeId)
+        url.searchParams.set('memberId', memberId)
         url.searchParams.set('page', String(page))
         url.searchParams.set('perPage', String(SUBMISSION_HISTORY_PAGE_SIZE))
         url.searchParams.set('sortBy', 'submittedDate')
@@ -1551,9 +1724,6 @@ export async function getChallengeSubmissionHistory(
         )
         : []
     return [...firstPage.items, ...additionalPages.flat()]
-        .filter(submission => String(
-            submission.memberId ?? submission.registrant?.userId ?? '',
-        ) === memberId)
         .sort((first, second) => {
             const firstDate = Date.parse(first.submittedDate ?? first.createdAt ?? '')
             const secondDate = Date.parse(second.submittedDate ?? second.createdAt ?? '')