.notagrid {
  max-width: 100%;
  max-height: 100%; }
  .notagrid .stage {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .notagrid .stage.active .frame {
      position: absolute; }
    .notagrid .stage.debug .frame {
      background-color: #ccc; }
      .notagrid .stage.debug .frame img {
        filter: brightness(500); }
      .notagrid .stage.debug .frame.first {
        background-color: #c00; }
    .notagrid .stage.debug .debug-num {
      position: absolute;
      font-family: sans-serif;
      bottom: 1px;
      right: 1px;
      font-size: 12px; }
  .notagrid .frame {
    display: flex;
    flex: 0 0 auto; }
    .notagrid .frame .inner {
      /*display: flex;
      flex: 1 1 auto;
      height: auto;*/
    }
    .notagrid .frame img {
      object-fit: contain; }