Repository navigation
Category Artwork
Current rules v2.8, dated 31 October 2026, use 2 through 10 players and preserve the separate 25-observer limit. Public installation is inactive; only the GitHub owner admin app is installable. The original artwork receipts below keep their historical scope. Reverify the current maximum 10-player phone scorecard in the changed release; an earlier 25-player fixture is not evidence for those bytes. See the completion plan and admin PWA contract.
The operator approved cel-shaded comic panels and a translucent content panel on 27 October 2026. This replaces the initial abstract SVG patterns with six distinct illustrated environments.


| Category | Scene | 9:16 phone | 16:9 desktop |
|---|---|---|---|
| Heroes and Villains | Original rooftop rivals above an angular sunset city | heroes-9x16.webp | heroes-16x9.webp |
| Colors | Pigments, complementary colors and an artist's studio | colors-9x16.webp | colors-16x9.webp |
| Year and Event | History and discovery, from stone arches to spaceflight | years-9x16.webp | years-16x9.webp |
| Director and Movie | Camera, clapperboard, curtains and a cinema soundstage | directors-9x16.webp | directors-16x9.webp |
| Singer and Song | Microphone, instruments, records and stage lights | singers-9x16.webp | singers-16x9.webp |
| Opposites | Sunny meadow and moonlit snowy woodland joined by a river | opposites-9x16.webp | opposites-16x9.webp |
The shared art direction uses ink outlines, flat colors, cel shadows and halftone accents. Assets were created with the built-in image-generation tool. Exact prompts, original-generation hashes, optimized asset hashes and byte sizes are retained in the provenance manifest. The earlier painterly exploration and single-aspect comic concepts were superseded by the approved two-aspect comic compositions and are not shipped. Portraits and landscapes were recomposed with the image-generation tool, then resampled without content cropping to exact 864×1536 and 1536×864 delivery dimensions. No stock images, recognizable performers, franchise logos or existing comic characters were requested.
The existing category IDs and catalog mappings remain stable. Every pair in one category shares the same pair of local WebP assets: 864×1536 (9:16) and 1536×864 (16:9). The illustration fills a fixed page background, centered and scaled to cover the viewport. It is not displayed inside a card, banner or artwork panel. Portrait viewports select the 9:16 composition; landscape viewports select 16:9. A viewport resize listener updates the selected asset when orientation changes, and is removed when the game component unmounts. Decorative art is excluded from the accessibility tree and cannot intercept pointer input.
The content surface is warm cream at 88% opacity, with 10px backdrop blur, so the illustration shows through softly. Text is never drawn directly over the unfiltered illustration. Opaque answer fields and buttons retain clear boundaries. The navigation and install-instructions areas receive the same readable translucent treatment while the game background is mounted. The translucent fill remains readable when backdrop blur is unsupported. Missing artwork falls back to the plain page color, preserves the readable content surface and leaves the existing accessible retry action available.
QBrain is authoritative: FR-CATEGORYART-006#ART-COMIC-01 records the six comic illustrations; FR-CATEGORYART-006#ART-PANEL-01 records the translucent readable content panel over a page background; FR-CATEGORYART-006#ART-ASPECT-01 records both aspect ratios and orientation switching. Existing AC-05 and AC-44 criteria and their historical evidence are preserved. The existing native mapping to TEST-CATEGORYART-005 is reused. The supported technical baseline remains TR-ART-RENDER-007#TR-07-C01.
Browser integration checks load every category at 390×844 and 1440×960, decode the real image, check the selected background, viewport-sized fixed artwork, absence of an artwork panel, orientation switching, enabled answer input and horizontal overflow, and calculate prompt contrast over both black and white underlays. They verify game/header/install text contrast and translucency with blur enabled and disabled, plus missing-image recovery, retry, keyboard/touch answering and the 25-player phone scorecard. These checks use actual React UI and domain/application services with isolated HTTP/time/persistence fixtures; they do not certify live Realtime delivery or physical devices.
Repeat the checks with WORDPAIRS_BROWSER_PATH=/usr/bin/chromium npx playwright test --config playwright.phase6.config.ts tests/browser/accessibility.phase6.spec.ts in a POSIX shell, or set that environment variable using the current shell's syntax. The normal configuration uses the local development server; the implementation receipt uses a task-isolated production server. Evidence and source hashes bind the results to the inspected files. Criterion satisfaction is recorded only after bounded execution evidence is captured and read back from QBrain.
Generated from MCP requirements wiki export.
- Home
- Guest Game and GitHub Admin PWA
- Functional Requirements
- Technical Requirements
- Testing Requirements
- TR per FR Mapping
- Requirements Matrix
- Wordpairs
- Local Development
- Testing and Evidence
- Administration and Access Control
- Requirements Baseline v2.8
- Architecture Decision Record
- Architecture Design
- Architecture Patterns
- Content Moderation
- Deployment and Release Plan
- Acceptance Criteria Gap Analysis
- Acceptance Criteria Test Inventory
- Implementation Plan
- Phase 0 Execution
- Phase 0 Interface and Data Contracts
- Phase 1A Execution
- Phase 1 Execution
- Phase 2 Execution
- Phase 3 Execution
- Phase 4 Execution
- Phase 5 Execution
- Phase 6 Execution
- Optional Phase 6 Human Feedback
- Historical Chromium Crash Diagnosis
- Completed Coding Goal and Review Agreement
- Third Party Attributions
- Software Bill of Materials Contract
- Phone Installation and PWA
- Live Multiplayer Runtime and UI Integration
- UI Test Case Index
- UI Design Coverage
- UI Criterion Gaps
- UI Design Questions
- UI Test Persistence
- TEST-ACCESSIBLEGAMECONTROLS-044 UI Case
- TEST-ACLAUTHORIZATION-132 UI Case
- TEST-ADMINUI-136 UI Case
- TEST-AUTHORITATIVEANSWERHANDLING-045 UI Case
- TEST-BROWSEOPENLOBBIES-022 UI Case
- TEST-CATALOGVERSIONING-133 UI Case
- TEST-CATEGORYART-005 UI Case
- TEST-CATEGORYCHOICE-011 UI Case
- TEST-CATEGORYSUGGESTIONUNLOCK-019 UI Case
- TEST-CONFIGUREDCAPACITY-024 UI Case
- TEST-CONNECTIONRECOVERY-109 UI Case
- TEST-CONTENTVALIDATION-016 UI Case
- TEST-DEEPLINKJOINANDFULLROOM-026 UI Case
- TEST-FINALSTANDINGS-013 UI Case
- TEST-FIRSTCATEGORY-004 UI Case
- TEST-FREETIERQUOTAHANDLING-037 UI Case
- TEST-FULLROOMOBSERVER-027 UI Case
- TEST-GUESTPLAY-021 UI Case
- TEST-HINTPROGRESSION-009 UI Case
- TEST-HINTSCORING-007 UI Case
- TEST-HOLDOUTWARNINGANDREMOVAL-032 UI Case
- TEST-IDLELOBBYREADINESSPROMPT-033 UI Case
- TEST-INROUNDEMOJIREACTION-029 UI Case
- TEST-LANDINGPAGEPUBLICDATA-050 UI Case
- TEST-LIVESCORECARD-010 UI Case
- TEST-MODERATIONANDCATALOGBOUNDARY-047 UI Case
- TEST-NOHINTSOLVE-006 UI Case
- TEST-NOMINATIONELIGIBILITY-017 UI Case
- TEST-NOMINATIONMODERATION-114 UI Case
- TEST-NOMINATIONTHRESHOLDANDMODERATION-018 UI Case
- TEST-OBSERVERPERSPECTIVEANDPERMISSIONS-028 UI Case
- TEST-OIDCTOKENVALIDATION-046 UI Case
- TEST-OPENAIOIDCPROFILE-020 UI Case
- TEST-ORIENTATION-015 UI Case
- TEST-PLAYERLIMIT-002 UI Case
- TEST-PRECOUNTDOWNOBSERVERPROMOTION-030 UI Case
- TEST-PROFILEICON-003 UI Case
- TEST-PUBLICGAMELANDINGPAGE-043 UI Case
- TEST-PWAINSTALL-137 UI Case
- TEST-PWAPRIVACY-138 UI Case
- TEST-QUICKMATCH-023 UI Case
- TEST-READYCOUNTDOWNANDROSTERLOCK-031 UI Case
- TEST-ROOMINVITATIONS-025 UI Case
- TEST-ROOMJOINING-001 UI Case
- TEST-ROOMSYNC-139 UI Case
- TEST-ROUNDSUMMARY-012 UI Case
- TEST-SUGGESTIONREVIEW-115 UI Case
- TEST-TIMETIEBREAK-014 UI Case
- TEST-UNSOLVEDRESULT-008 UI Case
- UI Gap Decisions and Synchronization
- TEST-ACCESSIBILITYDETAILS-144 UI Case
- TEST-CANDIDATEHOLD-141 UI Case
- TEST-LOBBYMATCHING-117 UI Case
- TEST-NAVIGATIONDRAFTS-142 UI Case
- TEST-NOSOLVERFALLBACK-146 UI Case
- TEST-REQUESTFEEDBACK-143 UI Case
- TEST-RESPONSIVEMATRIX-145 UI Case
- TEST-REVIEWCHANGES-140 UI Case
- TEST-ROOMCODES-110 UI Case
- UI Gap Implementation Plan
- UI Gap Implementation and Evidence
- Contest Readiness
- Hostile Validation Evidence
- Category Artwork
- 10-Player Release Completion Plan
- Deadline Report and Token Accounting
- Deadline Report Supporting Evidence
- Deadline Timeline and Review Finding Analysis
- Stopped Wordpairs Release Handoff