⚠ Experimental · Not ProductionRaster overlays are optional enhancement layers · SVG is canonical · ref: DESIGN_LANGUAGE.md

Hybrid Frame QA — SVG vs Raster (Experimental)

Side-by-side comparison · 140px · Same props, different rendering · raster = optional overlay only

Medal — All Tiers (Completed)

SVG
Hybrid
bronze
SVG
Hybrid
silver
SVG
Hybrid
gold
SVG
Hybrid
platinum
SVG
Hybrid
legendary

State Tests — Progress & Locked

SVG
Hybrid
35% progress
SVG
Hybrid
72% progress
SVG
Hybrid
locked

Full Matrix — All Shapes × All Tiers

Medal

SVG
Hybrid
bronze
SVG
Hybrid
silver
SVG
Hybrid
gold
SVG
Hybrid
platinum
SVG
Hybrid
legendary
SVG
Hybrid
progress
SVG
Hybrid
locked

Shield

SVG
Hybrid
bronze
SVG
Hybrid
silver
SVG
Hybrid
gold
SVG
Hybrid
platinum
SVG
Hybrid
legendary
SVG
Hybrid
progress
SVG
Hybrid
locked

Compass

NESW
SVG
NESW
Hybrid
bronze
NESW
SVG
NESW
Hybrid
silver
NESW
SVG
NESW
Hybrid
gold
NESW
SVG
NESW
Hybrid
platinum
NESW
SVG
NESW
Hybrid
legendary
NESW
SVG
NESW
Hybrid
progress
NESW
SVG
NESW
Hybrid
locked

● Dark Background

○ Light Background