added blackout timer

2026-10-24 21:16:18 +02:00
parent 471dc33f0e
commit 0fb223cdee
135 changed files with 68 additions and 1418 deletions
@@ -0,0 +1,46 @@
+.timer {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 6px;
+  border: 3px solid;
+  background: #000;
+  font-size: 12px;
+  line-height: 1;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.icon {
+  width: 14px;
+  height: 14px;
+  image-rendering: pixelated;
+}
+
+.small {
+  top: 2px;
+  right: 2px;
+  gap: 3px;
+  padding: 2px 3px;
+  border-width: 2px;
+  font-size: 8px;
+}
+
+.small .icon {
+  width: 8px;
+  height: 8px;
+}
+
+/* Blink during the last second so the return of the board isn't a surprise. */
+.ending {
+  animation: blink 0.25s steps(2) infinite;
+}
+
+@keyframes blink {
+  50% {
+    opacity: 0.3;
+  }
+}