add main menu

2026-04-13 23:03:16 +02:00
parent 008c75784a
commit a85b37fe80
8 changed files with 538 additions and 6 deletions
--- a/www/css/cube-scene.css
+++ b/www/css/cube-scene.css
@@ -228,3 +228,69 @@
        min-height: 260px;
    }
 }
+
+@media (max-width: 600px) {
+    .cube-shell {
+        padding: max(14px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
+        gap: 16px;
+    }
+
+    .cube-topbar {
+        gap: 10px;
+        max-width: 100%;
+    }
+
+    .cube-title {
+        font-size: clamp(1.6rem, 7vw, 2.4rem);
+    }
+
+    #BlockTypeTimer {
+        min-width: 0;
+        width: min(78vw, 280px);
+        padding: 0.35em 0.9em;
+        font-size: clamp(1.3rem, 5.4vw, 1.9rem);
+    }
+
+    .cube-subtitle {
+        font-size: clamp(1.05rem, 4.4vw, 1.4rem);
+        line-height: 1.1;
+    }
+
+    .cube-board {
+        gap: 14px;
+    }
+
+    .cube-lane {
+        gap: 10px;
+    }
+
+    .cube-badge {
+        min-width: 0;
+        width: min(58vw, 220px);
+        padding: 0.5em 1em;
+        font-size: clamp(1.2rem, 5vw, 1.7rem);
+    }
+
+    .cube-divider {
+        width: 68%;
+        min-height: 6px;
+    }
+
+    .TimerCube {
+        width: 100%;
+        min-height: calc((100vh - 240px) / 2);
+        max-height: 290px;
+        padding: 18px 16px;
+        border-radius: 28px;
+        gap: 10px;
+    }
+
+    .TimerText {
+        font-size: clamp(1.6rem, 8vw, 2.6rem);
+    }
+
+    .cube-hint {
+        font-size: clamp(1.05rem, 4.8vw, 1.45rem);
+        line-height: 1.05;
+    }
+}