diff --git a/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md b/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md index 376f344..ef527cd 100644 --- a/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md +++ b/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md @@ -154,11 +154,11 @@ Four distinct card shapes, each with one clear job. Same-shape repetition is ban - `prefers-reduced-motion: reduce` honored: kills shimmer / pulse / slide-in, state changes become instant. **Responsive:** -- Desktop-first. Minimum supported viewport 1280×800. Below that, layout breaks accepted. -- 1280–1599px: standard layout. -- ≥1600px: content max-width 1440px, centered. -- Tablet (768–1279px): sidebar collapses to 56px icon-rail. Breadcrumb truncates to last crumb. -- Phone (<768px): explicit "Z-AMPP is desktop-only" splash. No fake mobile experience. +- Desktop-first tool. *Fully supported* minimum viewport: 1280×800. Anything narrower is best-effort only. +- ≥1600px: standard layout, content max-width 1440px, centered. +- 1280–1599px: standard layout, no max-width cap. +- 768–1279px (tablet, best-effort): sidebar collapses to a 56px icon-rail, breadcrumb truncates to last crumb. Functional but not polished. +- <768px (phone): explicit "Z-AMPP is desktop-only" splash. No fake mobile experience. **Browser support:** Chromium latest 2 versions + Safari latest 2. Firefox best-effort. No IE / legacy Edge.