html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* Prevent the browser from claiming touch gestures (pull-to-refresh, overscroll bounce)
       so Compose receives raw pan/pinch pointer events for the map and lists. */
    overscroll-behavior: none;
}

#app-container {
    width: 100%;
    height: 100%;
}

/* The Compose Multiplatform renderer draws into a single <canvas>. Disabling native touch
   actions hands all pan/zoom/scroll gestures to Compose, which is what makes the slippy map
   respond to touch tap/pan/pinch and the business list scroll on mobile browsers. */
#app-container canvas {
    touch-action: none;
    -ms-touch-action: none;
    overscroll-behavior: none;
}