Masquer le menu pendant le defilement

styles.css

@@ -1035,6 +1035,10 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
   width: 100%;
   margin: 0;
   padding: var(--safe-top) 0 0;
+  transition:
+    transform 220ms ease,
+    opacity 220ms ease;
+  will-change: transform, opacity;
 }
 
 .site-menu-bar {
@@ -1044,6 +1048,12 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
   backdrop-filter: blur(18px);
 }
 
+body.site-menu-hidden .site-menu-shell {
+  transform: translateY(-100%);
+  opacity: 0;
+  pointer-events: none;
+}
+
 .site-menu-main {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;