Asteroids+ — picker & Drydock mocks v3

v2 → v3: the interaction workflow is now explicit (v2 left touch users buying blind), and desktop frames were added. Still: per-upgrade laser icons, whole pool on one screen, zero scrolling.

The workflow (how you read before you buy)

Mouse (desktop): hovering a card focuses it — nothing to learn, you see descriptions as you sweep; click buys/picks immediately (descriptions are also printed on the cards on desktop, so there's no blind buy).

Touch (phone, both orientations): first tap = select — the card highlights and its full description appears in the rail (landscape) / the line under the credits (portrait). Second tap on the same card = buy / take. Tapping a different card just moves the selection. The rail also shows a big BUY ◈ 22 / TAKE ▶ button for the selected card — same action, thumb-sized. Two-step on touch is deliberate: it kills accidental mid-run buys/picks too (the splash-leak class of bug).

1 · Level-up picker — landscape (3-per-row, now with icons)

2 · Level-up picker — portrait (3 stacked, icons left)

3 · Drydock — landscape: full pool, 4 × 3, no scrolling

All 12 shop upgrades visible at once (icon + name + level/cost — the focused card's description reads in the rail). Unaffordable dims. If the pool ever grows past 12, the grid adds a 5th column before it would ever scroll.

4 · Drydock — portrait v2: full pool, 2 × 6, no scrolling

Rejected v1's scrolling list. Now a 2-column, 6-row grid — all 12 upgrades on screen with the header and actions pinned. Cards are icon + name + level/cost (icons carry the recognition); the focused card's description shows in the line under the credits, same as landscape. Grows to 2×7 before it would ever scroll.

5 · Desktop — picker (3 across, full descriptions on-card)

Desktop has room, so nothing is hidden: 3 equal columns with icon, name, description and level — hover focuses, one click picks (no two-step needed when you can read everything). Shown at 65% scale of a 1280×800 window.

6 · Desktop — Drydock (2-col, unchanged shape + icons)

Today's desktop drydock already works — 2 columns, full descriptions per card, hover + click-buys. It only gains the icons (and the whole pool fits a 1280×800 window without scrolling already).

Icon key (one per upgrade, reused everywhere)

Rapid = stacked dashes → · Spread = fan of rays · Heavy = fat slug · Long = long arrow · Piercing = line through two rocks · Shield = shield · Hull = double hexagon · Thrusters = chevrons + burn line · Orbital = orbit + shard · Drone = wingman + signal · Nova = radial burst · Auto-Fire = crosshair · Magnet = horseshoe (level-up only). Same 24×24 stroke style as the ship art; drawn once as tiny canvas/SVG painters in the game, reused by picker + drydock + (later) buff toasts in the HUD.