Show any reference card on stream. Search for a card, check the preview, then push it.
The overlay is /obs, a transparent page you add
to OBS as a Browser Source. Cards cover every entity on the site, plus all story,
harvest and study events with their options and rewards.
Search a card or build a matchup on the left to preview it here.
Overlay is clear
OBS setup
- Overlay: add a Browser Source in OBS with this URL (transparent
background, suggested 460 × 800):
… - Controls: in OBS, View → Docks → Custom Browser Docks…, add this
page as a dock:
…
The dock and the Browser Source share one browser inside OBS, so the panel drives the overlay directly and everything stays on your machine. The overlay stays transparent, because only the Browser Source shows on stream. - Prefer controlling from your own browser? OBS's browser is a separate program that shares nothing with yours. Tick Remote session above: the overlay URL gains your private session code, and pushes travel over a free public relay (ntfy.sh). Only card ids are sent, and each visitor gets their own random code. It is off by default, and while it is off nothing leaves your browser. Copy the overlay URL again after you change it.
- Fully offline alternative: run
make overlay-server(ornode scripts/overlay_state_server.cjs) from the repo and add?serverto the Browser Source URL. - Pin a single card:
/obs?id=UNIT_HOPLITEshows one card with no controls, which is useful for testing the look.