/* =========================================================================
MyResale WEB responsive shell (web.css)
---------------------------------------------------------------------------
The 14 proto-*.html are 393–412px MOBILE mockups (a single .app card).
The injected _inject.web.html already strips the phone-frame chrome and
makes .app full-width (good for the Android WebView). This stylesheet sits
ON TOP of that and turns the app into:
• DESKTOP / tablet (>480px): a CENTERED column, max-width 440px, on a
tasteful full-height backdrop (the "app on a wall" pattern).
• MOBILE (<=480px): edge-to-edge full width, no backdrop, no rounding.
It also re-constrains the fixed overlays (#mrnav, #mrtoast) — which the
inject pins with left:0;right:0 — to the centered column on desktop so
the bottom nav doesn't stretch across a wide screen.
Loaded via that the inject adds as the FIRST thing in , so
these rules win over the proto's own