- Shipped
- September 8, 2026 at 7:33 AM UTC
- Author
- Kamo
- Commit
- e2a4d70
Rendered the felt, the compact layout, the lobby and the action bar in headless Chrome against a fabricated table and MEASURED them. Four things were wrong, and none of them failed a test or threw: * `<circle> attribute r: A negative value is not valid ("-1.5")`, logged on every render of every seat. Seat plates borrowed TurnClock as a plain wrapper with `size={0}`, and `(0 - strokeWidth) / 2` is a negative radius. The table looked perfectly normal. * The felt pushed 20px of horizontal page scroll at 960 — the narrowest width it is used at — because the outermost seats sat at 6%/94% with no clearance for half a plate. 9%/91% now, with the plate capped and a long showdown line ellipsised rather than allowed to widen it. * The compact layout pushed 43px at 480. The rail contained its own overflow correctly; the column around it did not. * "Your move" is wider than the 46px ring it was centred in, and wrapped across it. The ring shows the SECONDS now, which is the useful number — and the label was redundant with the action bar live directly below it. Seats also gained a real countdown. A ring cannot go round a rounded rectangle, so `TurnBar` drains across the bottom of the plate: without it the felt says whose turn it is and not how close they are to being folded, which is half of what everybody at the table is watching. TurnClock.test.tsx pins the negative radius across every size from 0 to 80, and the bar's floor at an already-passed deadline — a negative width is a style the browser discards, which would leave a FULL bar on a player who has run out.