/* Demo-only layout for the store's frames (copied into public/demo/phone/ by sync_store_demos.py; the phone's own
   styles are unchanged). In game the phone sits in the bottom-right corner, sized from the screen height; here it is
   centred and sized to whichever of the frame's height or width runs out first. Both devices are about 42rem tall. */
html { font-size: min(calc(100vh / 46), calc(100vw / 27)) !important; }
body { background: transparent !important; }
/* :root:root outranks theme.css, which sets the same offsets and loads after this file. */
:root:root {
  --smart-offset-right: calc((100vw - 22.2rem) / 2);
  --smart-offset-bottom: calc((100vh - 40.5rem) / 2);
  --flip-offset-right: calc((100vw - 15.5rem) / 2);
  --flip-offset-bottom: calc((100vh - 40rem) / 2);
}