byrongamatosandClaude Fable 5 955c8a12d0 feat(career): passport visuals pack — tilt, emerging ink, gold foil ...

Career v2, WS4. All CSS + a rAF-throttled pointer handler, no deps:

- Trading-card tilt on EARNED artifacts only (shelf covers + the badge
  page stamp): pointer-tracked perspective rotateX/Y with a glint sweep
  following the pointer. The cover's jitter rotation moves into a CSS
  var so the tilt transform composes with it; the blanket cover-hover
  translate is scoped :not(.pp-tilt) so it can't fight the tilt.
  Hover-capable pointers only; off under prefers-reduced-motion.
- Emerging-stamp ink: the ghost stamp fills by qualifying/required via
  a conic-gradient — the stamp visibly carves in, no numbers added.
- Gold foil preview: the "coming" note gains a dashed foil chip with a
  periodic shimmer — honest, never earnable-looking.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

2026-07-13 15:17:03 +02:00

..

sfx

feat(career): passport UI — the book, the stamp, the rack (#936)

2026-07-13 11:56:32 +02:00

career.css

feat(career): passport visuals pack — tilt, emerging ink, gold foil

2026-07-13 15:17:03 +02:00