[plainprogrammer]

Closes #320

The deck shape panel stays tidy at extreme counts (a 6+ column of 1,357, five mana segments of about 2,591, a "9,999 proxy" Card types row) on a 320px to 360px viewport and in the 320px aside. Spec 077 (spec 0.3.2, plan, verification).

What changes, per limit of #320

Limit	Ruling	Change
The curve's 6+ count overflows its column (−1.85px in a 360px frame, −5.43px at a 320px viewport)	fix	The count above a column is abbreviated from 1,000 ("1.4k", "12k"); the exact count stays in the chart's aria-label
The mana bar's labels crowd (they wrap onto two lines at 320px)	fix	A segment's label count is abbreviated the same way ("W 2.6k"); the caption and the bar's aria-label keep the exact count
A type row's count goes out of line behind a wide proxy suffix	fix	The Card types list is a grid and every row is a subgrid of it, so counts end at one x; the name wraps at five-digit counts
The caption can wrap with a leading dot	fix	Each colour in the caption is one unbreakable item ("Blue 44 · 73% ·"); the text is unchanged. The leading dot was real: the old caption started a line with "·" at 16 of 72 frame widths

One ruling by the maintainer (decision 2, option A): the 10% rule that hides a label (spec 060 decision 4) stays. A mana segment narrower than its label (labels of four, five and six characters need about 14%, 17% and 20% of the bar at a 320px viewport) is a documented limit, offered as its own issue: #330.

Code

app/models/mtg/deck_shape.rb (short_count, caption_items, two constants), app/views/mtg/deck_shapes/_parts.html.erb, and two DeckShape blocks of additions.css (10 lines added, 4 removed). The deck core files are untouched. The documents: DeckShape.md, three previews, the area doc collection-and-lots.md (paragraph, Named constants, Issues, Sources, log) and the specs index; specs 060 and 069 are superseded in part and not edited.

Evidence

Factory data, placeholder card images. Spec 069's worst-case fixture plus a "9,999 proxy" row. Before is the unchanged code, after is this branch; light and dark.

	Before	After
375px frame (a 360px viewport), light
375px frame, dark
335px frame (a 320px viewport), light
335px frame, dark
640px frame (the fold), light
640px frame, dark
1280px, the 320px aside, light
1280px, dark

The change is CSS and number formatting with no flow, so static shots stand in for a GIF.

Tests

• New and changed examples first, red before the code (9c1d80a2): the abbreviation and caption items (model), the rendered markup (request), and a nested describe in the existing shape-panel system spec that measures the panel at a 320px, 345px and 360px viewport, a 366px frame, a 640px frame and the 1280px aside, in both themes. Frames are sized from the measured scrollbar and read against clientWidth. Every geometry example has a failing variant that injects the old text or rule.
• Local bin/ci: 4,416 examples, 0 failures, 1 pending; rubocop, YARD (0 warnings) and the comment ratchet green. The Mode B review (read-only Opus) is recorded in verification.md: SPEC-ALIGNED WITH MINOR FINDINGS, no blocking or major findings, the minors fixed.
• Two checks have thin margins proved on a Mac: AC-2.2's label has 0.44px at a 320px viewport, and the 366px leading-dot variant relies on the Linux scrollbar's 12px. If either fails in CI it goes back through a spec update; no bound is moved.

Notes for the reviewer

• Spec 077 was patched twice after Gate A (PATCH, spec only): 0.3.1 corrected a table cell I had misread and added the leading-dot finding, 0.3.2 cites Deck shape mana bar: a label wider than its segment wraps and is cut off #330. Both are in the spec's changelog; two lessons from it are in docs/lessons/.
• Overlap: spec 074 (Deck pages at phone width: row menu behind the tab bar, missing tab bar, stale DeckPage preview #326) also changes deck pages at phone width; this branch keeps to the two DeckShape blocks of additions.css.

🤖 Generated with Claude Code