.app-shell{
  position:relative;
  width:100%;
  height:100dvh;
  display:grid;
  grid-template-columns:1fr;
  overflow:hidden;
  background:#0b0b0d;
}

.map-area{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#0f1117;
}

@media (min-width: 980px){
  .app-shell{
    grid-template-columns:minmax(0, 1fr) var(--panel-desktop-width);
  }
}

@media (max-width: 640px){
  :root{
    --panel-mobile-collapsed:56px;
    --panel-mobile-open:48dvh;
  }
}