On an upright phone the defuse bar is under the pads, and the spectator panel sits on the money #403

#204 put the HUD's bottom row on top of the touch pads. That left three things on an upright phone that have no room. They're measured with Chromium on the pull's shell (the pads are a three-wide grid now, 106 CSS px tall), with the stage at 328×246 CSS px for 360×640 and 358×269 for 390×844:

• The plant/defuse bar is under the pads. It is drawn at height * 0.62: 152 of 246 and 167 of 269. The pad line is at 140 and 163. It sits centred, and at these widths the two pads span the whole stage, so nothing of it shows through. Lifting it over the pads puts it on the crosshair (the middle is at 123 and 134), so the fix is a real placement decision, not an offset.
• A spectator's "Watching …" panel lands on the money line. #204 lifts it with the bottom row. At a device ratio of 2 its box (about 34..622 × 153..201 device px at 360×640) covers the $… line under the radar. Before #204 it was under the pads instead.
• The #fps readout (a DOM element at the stage's bottom right) is under the right pad on every coarse pointer.

Landscape and full screen (640×360, 844×390) have room for all three: the pads leave the middle of the foot clear.

Done looks like

• [ ] At 360×640 and 390×844 held upright, the progress bar and its label are readable with the pads up, and clear of the crosshair's arms.
• [ ] The spectator panel does not overlap the radar or the money line at a ratio of 1, 2 or 3.
• [ ] The fps readout is visible with the pads up, or is deliberately hidden on a coarse pointer, and the pull says which.
• [ ] With a mouse, the layout pin from #204 in src/client/hud.test.ts stays green.