Internal · tablet ergonomics
Tactile spacing vocabulary
Touch targets, coach rails, and tableau width targets — footer discovery only; complements Phase 9 surfaces.
TABLET_ERGONOMICS_GUIDELINES
- touchTargetMinPx
- 44px
- comfortableTileGapPx
- 16px
- tabletTableMaxWidth
- 960px
- coachingPanelMinWidth
- 320px
- replayCardMinHeight
- 132px
- landscapeBreakpointLabel
- Tailwind `lg` (1024px) — primary tablet landscape alignment
One-hand reach
Assume the non-dominant hand steadies the device while the dominant thumb crosses the vertical midline for primary actions; keep critical coaching CTAs within the lower third on portrait tablets.
Seated table usage
Players often sit with the tablet propped beside the physical rack — leave generous horizontal padding, avoid hover-only affordances, and let landscape split table + coach without forcing deep vertical scroll.
Touch target sample
Buttons honor mahj-touch-target minimums — warm mahj-focus-ring for keyboards.
Tile spacing preview
Comfort gap
16px between faces
Wide tableau column
mahj-wide-table-layoutcaps readable width on large monitors — mirrors Play's mat rail.
Authoritative notes in docs/TABLET_TACTILE_ERGONOMICS.md.