@media (max-width: 768px) {
  .kmap {
    --kmap-bottom-bar-clearance: calc(var(--nav-height-mobile, 3.5rem) + env(safe-area-inset-bottom, 0px));
    top: 0;
    bottom: 0;
    margin: 0;
  }
  .kmap-panel {
    top: auto;
    left: 0;
    right: 0;
    bottom: var(--kmap-bottom-bar-clearance);
    width: 100%;
    height: min(88dvh, calc(100% - var(--kmap-bottom-bar-clearance)));
    max-height: calc(100% - var(--kmap-bottom-bar-clearance));
  }
  .kmap-fab {
    right: 12px;
    bottom: calc(var(--kmap-bottom-bar-clearance) + 16px);
    top: auto;
  }
  .kmap-panel-content {
    padding-bottom: 12px;
    scroll-padding-bottom: 12px;
  }
  .kmap-list {
    padding-bottom: 16px;
    scroll-padding-bottom: 12px;
  }
  .kmap-known-venue-panel {
    bottom: var(--kmap-bottom-bar-clearance);
  }
}