Scope
The castle SVG is desktop-oriented (1200×600); hotspots are small/cramped on phones. Produce a mobile-first layout: a stacked/condensed castle or a clear list-style fallback with ≥44px touch targets, so the five hotspots (Tower/Library/Forge/Moon/Keep + the Podcast scroll) are comfortably tappable.
Constraints
- Tokens only; crispEdges/pixelated preserved;
prefers-reduced-motion respected.
- Keep the existing keyboard focus order (Talks→Blog→About→Code→Shorts→Listen) and
data-castle-nav analytics.
- Coordinate with the
is-paused IntersectionObserver and transform-box fixes already shipped.
Out of scope here
Not part of the pragmatic-full pass.
Scope
The castle SVG is desktop-oriented (1200×600); hotspots are small/cramped on phones. Produce a mobile-first layout: a stacked/condensed castle or a clear list-style fallback with ≥44px touch targets, so the five hotspots (Tower/Library/Forge/Moon/Keep + the Podcast scroll) are comfortably tappable.
Constraints
prefers-reduced-motionrespected.data-castle-navanalytics.is-pausedIntersectionObserver and transform-box fixes already shipped.Out of scope here
Not part of the pragmatic-full pass.