The show · working today (2D), 3D concept in the themes section

One browser source, fully transparent.

The overlay is where the match actually happens for your audience: the grid, the crowd heat forming, the shots landing one by one, sinks, and the season score strip. It renders over your scene with a genuinely transparent background; no chroma key, no custom CSS.

Two overlay styles, one room

The host dashboard copies two URLs for the same match; pick per scene, or use both in different scenes.

Compact 2D overlay over a magenta test background — **2D corner overlay** (`?style=2d`, default). A compact transparent board for the corner of a gameplay scene: the match ticks along beside your game without taking over. This is the working build today.

3D full-view board — **3D full view** (`?style=3d`, in development). The themed 3D board shown large, "words with friends" style, for ad breaks and just-chatting scenes where the game IS the content. All six themes on the themes page render this way.

Setup, three steps

Create your room and hit "Copy overlay URL" on the host dashboard. The URL carries its own access token; treat it like a stream key and do not show it on stream.

In OBS: Sources, add, Browser. Paste the overlay URL. Set width and height to match your canvas (1920x1080 or 1280x720; both are tested sizes).

Position it and forget it. The overlay reconnects silently after any hiccup and snaps to the current state; there is nothing to babysit mid-match.

Recommended browser source settings

URL	the copied overlay URL, e.g. `https://salvo.craftingchaosgaming.com/overlay/K7PF3N?token=…`
Width x Height	match your canvas: 1920x1080 or 1280x720
Custom CSS	leave empty; the page background is already transparent
Shutdown source when not visible	OFF, so the board is live the instant you show the scene
Refresh browser when scene becomes active	OFF; reconnection is automatic and silent
Control audio via OBS	irrelevant for now; the overlay is silent (sound packs are on the roadmap)

Transparency, proven

The overlay rendered over a solid magenta background, showing full transparency outside the board — **The 2D overlay over a deliberately hideous magenta test background.** Everything outside the board and score strip is genuinely transparent; whatever is behind it in your scene shows through untouched.

What the overlay knows (and does not)

It can never leak your ships. The overlay connection only ever receives already-revealed cells and coarse heat. Ship positions are not in the data it gets, so no overlay bug or stream sniper can expose them.

Reveals are the show. Shots land one at a time in the order the server resolved them; sinks flash the whole ship; a repositioned ship gets a "?!" moment without saying where it went.

The 3D direction. The six themed boards in the themes section are the concept for the overlay's next form: same transparency, same data, considerably more drama.