diff --git a/css/common.css b/css/common.css
index 535f66d..fc4dc95 100644
--- a/css/common.css
+++ b/css/common.css
@@ -41,6 +41,10 @@ body {
text-align: right;
}
+#timeCell {
+ min-width: 10ch;
+}
+
.minoes-table {
--piece-column: 0;
--piece-row : 0;
diff --git a/css/pop2.css b/css/pop2.css
new file mode 100644
index 0000000..3d22cd8
--- /dev/null
+++ b/css/pop2.css
@@ -0,0 +1,70 @@
+body {
+ background-image: url("pop/bg.png");
+ background-size: cover;
+}
+
+body[data-bs-theme="dark"] {
+ --bs-body-bg: #2125296b;
+}
+
+.btn-dark {
+ --bs-btn-bg: #2125296b;
+}
+
+.card {
+ background: #25292d66;
+}
+
+#matrixCard {
+ background-image: radial-gradient(#2226, #25292d66);
+}
+
+.minoes-table {
+ background: transparent;
+}
+
+.mino {
+ background: var(--color);
+ border: 3px solid var(--border);
+ box-shadow: 0 0 8px var(--border);
+}
+
+.I {
+ --color: #00eaf888;
+ --border: #00eaf5;
+}
+
+.J {
+ --color: #00a9f788;
+ --border: #00a9f7;
+}
+
+.L {
+ --color: #f9b60088;
+ --border: #f9b600;
+}
+
+.O {
+ --color: #e3e04988;
+ --border: #e3e049;
+}
+
+.S {
+ --color: #7bd59e88;
+ --border: #7bd59e;
+}
+
+.T {
+ --color: #d136e288;
+ --border: #d136e2;
+}
+
+.Z {
+ --color: #E67D8688;
+ --border: #E67D86;
+}
+
+.ghost {
+ --color: #fff4;
+ --border: #fff5;
+}
\ No newline at end of file
diff --git a/css/binaural.css b/css/stereo.css
similarity index 100%
rename from css/binaural.css
rename to css/stereo.css
diff --git a/index.html b/index.html
index 7d4e210..5d299d4 100644
--- a/index.html
+++ b/index.html
@@ -14,9 +14,10 @@
+
-
+
@@ -72,10 +73,11 @@
+
-
+