/* Demo-only layout for the homepage frame (copied into public/demo/pager/ by sync_store_demos.py; the pager's own
   style.css is unchanged). In game the pager sits in a screen corner with toasts on the far side; the frame is small,
   so on a wide frame the pager moves left of centre and toasts get the right-hand side to themselves. */
@media (min-width: 440px) {
  body[data-position="center"] #device { left: 36%; }
  #toasts { top: 1.2rem; right: 1.2rem; }
}
@media (max-width: 439px) {
  #toasts { top: 0.6rem; right: 0.6rem; left: 0.6rem; }
}