diff --git a/0000 b/0000
index b2f52f7..1840a35 100644
--- a/0000
+++ b/0000
@@ -1,11 +1,14 @@
 Морда Маджонга
-0.1.1
+0.2.0
 https://git.opengamestudio.org/MAOH/MOPMA
 
 x /⨐.js
+/🎛️.css
+/🎛️.html
+/🎞️.css
 x /🎬.js
 /🎬.череда
+/📍.css
 /📍.html
-x /📍.js
-/📍.череда
+x /📖.js
 /🙈.css
\ No newline at end of file
diff --git a/⨐.js b/⨐.js
index 945b248..4e2db4f 100644
--- a/⨐.js
+++ b/⨐.js
@@ -1,11 +1,26 @@
-создатьОкноСОтступами = (id) =>
+создатьОкно = (мир, id, файлHTML = null, файлCSS = null) =>
 {
+    // Структура.
     var окно = document.createElement("div");
     окно.id = id;
     окно.style.display = "none";
-    окно.classList.add("окно-с-отступами");
     document.body.appendChild(окно);
+    // Вид.
+    if (файлHTML || файлCSS)
+    {
+        var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ);
+        if (файлHTML)
+        {
+            окно.innerHTML = м.содержимое[файлHTML];
+        }
+        if (файлCSS)
+        {
+            добавитьCSS(м.содержимое[файлCSS]);
+        }
+    }
+    // Функциональность.
     окно.плавно = new ПлавноОтобразитьСкрыть(окно);
+
     return окно;
 };
 
diff --git a/🎛️.css b/🎛️.css
new file mode 100644
index 0000000..4a42ff9
--- /dev/null
+++ b/🎛️.css
@@ -0,0 +1,16 @@
+#окно-управления
+{
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+}
+
+#кнопка-раскладки-отобразить
+{
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    margin: 1em;
+}
\ No newline at end of file
diff --git a/🎛️.html b/🎛️.html
new file mode 100644
index 0000000..dbb47bf
--- /dev/null
+++ b/🎛️.html
@@ -0,0 +1 @@
+<a id="кнопка-раскладки-отобразить" uk-icon="icon: thumbnails; ratio: 2"></a>
\ No newline at end of file
diff --git a/🎞️.css b/🎞️.css
new file mode 100644
index 0000000..7dcd12e
--- /dev/null
+++ b/🎞️.css
@@ -0,0 +1,10 @@
+#окно-подложка
+{
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background-color: white;
+    pointer-events: none;
+}
\ No newline at end of file
diff --git a/🎬.js b/🎬.js
index 0282d36..cecea38 100644
--- a/🎬.js
+++ b/🎬.js
@@ -1,11 +1,91 @@
-СоздатьОкнаМаджонга = мир =>
-{
-    /*
-    мир.уведомить("надо создать окно управления");
-    мир.уведомить("надо создать окно раскладок");
-    мир.уведомить("надо создать окно тем");
-    мир.уведомить("надо создать окно окончания");
-    */
+СкрытьОкноУправления = мир =>
+{
+    мир.окноУправления.плавно.скрыть();
+};
+
+
+// // // //
+
+
+ОтобразитьОкноУправления = мир =>
+{
+    мир.окноУправления.плавно.отобразить();
+};
+
+
+// // // //
+
+
+СкрытьОкноПодложку = мир =>
+{
+    мир.окноПодложка.плавно.скрыть();
+};
+
+
+// // // //
+
+
+ОтобразитьОкноПодложку = мир =>
+{
+    мир.окноПодложка.плавно.отобразить();
+};
+
+
+// // // //
+
+
+СкрытьОкноРаскладок = мир =>
+{
+    мир.окноРаскладок.плавно.скрыть();
+};
+
+
+// // // //
+
+
+ОтобразитьОкноРаскладок = мир =>
+{
+    мир.окноРаскладок.плавно.отобразить();
+};
+
+
+// // // //
+
+
+СоздатьОкноРаскладок = мир =>
+{
+    мир.окноРаскладок = создатьОкно(мир, "окно-раскладки", "/📍.html", "/📍.css");
+    мир.таблицаОкнаРаскладок = new Таблица("окно-раскладки-список");
+    $("#кнопка-раскладки-скрыть").click(function() {
+        мир.уведомить("кнопка раскладки скрыть");
+    });
+};
+
+
+// // // //
+
+
+СоздатьОкноПодложку = мир =>
+{
+    мир.окноПодложка = создатьОкно(мир, "окно-подложка", null, "/🎞️.css")
+    мир.окноПодложка.плавно = new ПлавноОтобразитьСкрыть(
+        мир.окноПодложка,
+        {
+            "прозрачность": 0.5,
+        }
+    );
+};
+
+
+// // // //
+
+
+СоздатьОкноУправления = мир =>
+{
+    мир.окноУправления = создатьОкно(мир, "окно-управления", "/🎛️.html", "/🎛️.css")
+    $("#кнопка-раскладки-отобразить").click(function() {
+        мир.уведомить("кнопка раскладки отобразить");
+    });;
 };
 
 
diff --git a/🎬.череда b/🎬.череда
index 0aa20dd..81f2a38 100644
--- a/🎬.череда
+++ b/🎬.череда
@@ -1,3 +1,14 @@
-#ручной пуск
-#    задать стили морды маджонга
-#    создать окна маджонга
\ No newline at end of file
+ручной пуск
+    задать стили морды маджонга
+    создать окно управления
+    создать окно подложку
+    создать окно раскладок
+    
+кнопка раскладки отобразить
+    отобразить окно подложку
+    отобразить окно раскладок
+    скрыть окно управления
+кнопка раскладки скрыть
+    скрыть окно подложку
+    скрыть окно раскладок
+    отобразить окно управления
\ No newline at end of file
diff --git a/📍.css b/📍.css
new file mode 100644
index 0000000..72656d0
--- /dev/null
+++ b/📍.css
@@ -0,0 +1,16 @@
+#окно-раскладки
+{
+    position: fixed;
+    left: 1em;
+    top: 1em;
+    bottom: 1em;
+    right: 1em;
+}
+
+#кнопка-раскладки-скрыть
+{
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    margin: 1em;
+}
\ No newline at end of file
diff --git a/📍.html b/📍.html
index 3da38f8..ae4fa99 100644
--- a/📍.html
+++ b/📍.html
@@ -4,6 +4,6 @@
     <span class="uk-text-large">Layouts</span>
 </center>
 <div class="прокрутка ширина-по-содержимому">
-    <table id="окна-раскладки-список" class="uk-table uk-table-divider"></table>
+    <table id="окно-раскладки-список" class="uk-table uk-table-divider"></table>
 </div>
 <a id="кнопка-раскладки-скрыть" uk-icon="icon: close; ratio: 2"></a>
\ No newline at end of file
diff --git a/📍.js b/📍.js
deleted file mode 100644
index e69de29..0000000
diff --git a/📍.череда b/📍.череда
deleted file mode 100644
index e69de29..0000000
diff --git a/📖.js b/📖.js
new file mode 100644
index 0000000..66b49c6
--- /dev/null
+++ b/📖.js
@@ -0,0 +1,4 @@
+ОтобразитьОкноУправления = мир =>
+{
+    мир.окноУправления.плавно.отобразить();
+}
\ No newline at end of file