Foundations

Shape and elevation

Corner radius, borders and shadows.

Radius

Class	Use it for	Sample
`rounded-md`	Buttons, inputs, selects
`rounded-lg`	Boxes inside a panel; tokens (--radius-lg)
`rounded-xl`	Panels, Stats, tables
`rounded-2xl`	Home path cards, NextStep, the call placard
`rounded-full`	Chips, badges, step numbers, the Play controls
`rounded-[22%]`	Dice only

Elevation

shadow-sm

Panels, cards and seats at rest

shadow-md

Something lifted: a hovered card, the call placard

shadow-lg

The table’s actions in your place once you’re out, in Play

Borders

1px border in the border token separates; a 2px primary border (or ring) marks the chosen or active thing; a dashed border means “not there yet” (an empty slot, a result to come).