The Share button on /mirror is unclickable below ~700px and below the
fold in short windows. Measured with elementFromPoint on Chromium:
320x568 stage 288x180 button 187px past the stage bottom hit=H2
390x844 stage 358x224 button 113px past hit=LABEL
480x800 stage 448x280 button 36px past hit=#share-link
900x480 stage 868x543 inside the stage, below the viewport hit=null
Root cause: .stage is display:grid with place-items:center, so <video>,
.placeholder and .livetag occupy three stacked rows rather than one
overlay cell. An idle <video> is intrinsically 300x150, so the
placeholder always starts at stage.top + 151 and runs out of the
overflow:hidden box; aspect-ratio 16/10 with no min/max height then
clips it when narrow and overshoots the viewport when short.
#stop measures clickable everywhere (the placeholder is hidden when
live), so the fix is scoped to the idle stage.
Phase: one-cell stage, floor + ceiling + scroll escape, a 12-viewport
clickability sweep (idle and live), and stylesheet guards.
LLM-Generated: true
ducoterra
f3de5b70ff