1.5

Code refactoring
Profile fixes
Table fixes
Animation additions

assets/css/table.css

@@ -554,6 +554,71 @@
   color: #4a3420;
 }
 
+/* ── POPUP OPEN/CLOSE ANIMATION ─────────────────────────────────────────
+   The popup mounts/unmounts instantly in JS, so we animate it via a
+   scale + fade keyframe anchored to the arrow tip (transform-origin).
+   Above-the-target: origin is bottom-center. Below: top-center.        */
+@keyframes popup-open {
+  from { opacity: 0; transform: translateX(-50%) translateY(-100%) scaleY(0.6); }
+  to   { opacity: 1; transform: translateX(-50%) translateY(-100%) scaleY(1);   }
+}
+@keyframes popup-open-below {
+  from { opacity: 0; transform: translateX(-50%) scaleY(0.6); }
+  to   { opacity: 1; transform: translateX(-50%) scaleY(1);   }
+}
+
+.col-info-popup:not(.col-info-popup--below) {
+  transform-origin: bottom center;
+  animation: popup-open 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
+}
+.col-info-popup.col-info-popup--below {
+  transform-origin: top center;
+  animation: popup-open-below 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
+}
+
+/* ── EVENT TAG POPUP — SLIDESHOW ────────────────────────────────────────
+   The stage holds the current slide. On transition, evTransition is set
+   to 'exiting' (fade out) then 'entering' (fade in) via the hook.      */
+@keyframes ev-fade-in  { from { opacity: 0; } to { opacity: 1; } }
+@keyframes ev-fade-out { from { opacity: 1; } to { opacity: 0; } }
+
+.ev-popup-stage {
+  transition: opacity 0.38s ease;
+}
+.ev-popup-entering {
+  animation: ev-fade-in  0.38s ease both;
+}
+.ev-popup-exiting {
+  animation: ev-fade-out 0.38s ease both;
+}
+
+/* Slideshow navigation dots */
+.ev-popup-dots {
+  display: flex;
+  gap: 5px;
+  margin-top: 8px;
+  justify-content: center;
+  align-items: center;
+}
+.ev-popup-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #c9b08a;
+  opacity: 0.4;
+  cursor: pointer;
+  transition: opacity 0.2s, transform 0.2s;
+  flex-shrink: 0;
+}
+.ev-popup-dot.active {
+  opacity: 1;
+  transform: scale(1.35);
+  background: #7a5530;
+}
+.ev-popup-dot:hover {
+  opacity: 0.75;
+}
+
 
 /* ── 8. NOW-ROW & NIGHT-ROW DECORATIONS ─────────────────────────────── */