/* The hero is the app as it is, live, in the site's phone (style.css draws the rim, site.js zooms it, monitor.js plays it): the
   page's browser study with its status bar and home bar, which fills a frame this narrow. A wheel over it scrolls its list, and
   past the list's ends the site. On a phone its list stays put, so a finger over it scrolls the site, and a tap plays the app (a
   list scrolling under a finger kept the site from scrolling: the phone fills a phone's screen). */
html.demo { color-scheme:light; }   /* the site's own: with another, the browser paints the frame white behind the page */
html.demo, html.demo body { overflow:hidden; }
html.demo main { overscroll-behavior:auto; }
@media (pointer:coarse) { html.demo main { overflow:hidden; } }
html.demo body { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }