expanded margin of position spots on gatekeeper; cleaned up #id_tray scripts & styles

src/static_src/scss/_tray.scss

@@ -26,10 +26,11 @@ $handle-r:         1rem;
 
 #id_tray_wrap {
     position: fixed;
-    // left set by JS: closed = vw - handle; open = 0
+    // left set by JS: closed = vw - handleW; open = vw - wrapW
     // top/bottom set by JS from nav/footer measurements
+    // right intentionally absent — wrap has fixed CSS width (handle + tray)
+    // so the open edge only reaches the viewport boundary when fully open.
     top: 0;
-    right: 0;
     bottom: 0;
     z-index: 310;
     pointer-events: none;
@@ -201,19 +202,6 @@ $handle-r:         1rem;
         &.wobble        { animation: tray-wobble-landscape 0.45s ease; }
         &.snap          { animation: tray-snap-landscape   0.30s ease; }
 
-        // Landscape: extend upward instead of rightward
-        &::before {
-            top:    -9999px;
-            bottom: auto;
-            right:  auto;
-            left:   0;
-            width:  100%;
-            height: 9999px;
-            border-top:    none;
-            border-bottom: none;
-            border-left:  2.5rem solid rgba(var(--quaUser), 1);
-            border-right: 2.5rem solid rgba(var(--quaUser), 1);
-        }
     }
 
     #id_tray_handle {
@@ -259,8 +247,8 @@ $handle-r:         1rem;
             inset -0.6rem 0 1.5rem -0.5rem rgba(0, 0, 0, 1),           // right wall depth
             inset -0.6rem 0 1.5rem -0.5rem rgba(var(--quaUser), 0.5)   // right wall depth (hue)
         ;
-        flex: none;         // override portrait's flex:1 so height applies
-        height: 80vh;       // gives JS a real offsetHeight to compute bounds from
+        flex: 1;            // fill wrap height (JS sets wrap height = gearBtnTop)
+        height: auto;
         min-height: unset;
         overflow: hidden;   // clip #id_tray_grid to the felt interior
     }