style(frames): focus-pull mask blends sharp center into backdrop

styles.css

@@ -905,20 +905,12 @@ footer { display: none !important; }
     background-position: center 38%;
     background-repeat: no-repeat;
     filter: grayscale(1) brightness(0.92);
-    border-radius: 3px;
-    box-shadow: 0 0 60px 12px rgba(0,0,0,0.7),
-                0 0 0 1px rgba(120,110,140,0.12);
+    border-radius: 0;
+    box-shadow: none;
+    -webkit-mask-image: radial-gradient(ellipse 72% 74% at 50% 46%, #000 50%, transparent 88%);
+    mask-image: radial-gradient(ellipse 72% 74% at 50% 46%, #000 50%, transparent 88%);
     z-index: 1;
 }
-#menu-frame::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 1;                 /* above the forest, below the card (z5) */
-    pointer-events: none;
-    background: radial-gradient(ellipse 80% 78% at 50% 44%,
-                transparent 50%, rgba(10,10,16,0.5) 78%, rgba(8,8,14,0.94) 100%);
-}
 
 .menu-scrim {
     position: fixed;
@@ -1216,18 +1208,8 @@ footer { display: none !important; }
     aspect-ratio: 16 / 10;
     max-height: 74vh;
     overflow: hidden;
-    border-radius: 3px;
-    box-shadow: 0 0 60px 12px rgba(0,0,0,0.7),
-                0 0 0 1px rgba(120,110,140,0.12);
-}
-#intro-frame::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 1;                 /* above the image, below the panel (z2) */
-    pointer-events: none;
-    background: radial-gradient(ellipse 80% 78% at 50% 44%,
-                transparent 50%, rgba(10,10,16,0.5) 78%, rgba(8,8,14,0.94) 100%);
+    border-radius: 0;
+    box-shadow: none;
 }
 
 #intro-image {
@@ -1240,6 +1222,8 @@ footer { display: none !important; }
     background-color: #04040a;
     background-image: radial-gradient(ellipse at 50% 35%, #16131c 0%, #04040a 80%);
     filter: grayscale(1) brightness(0.9);
+    -webkit-mask-image: radial-gradient(ellipse 72% 74% at 50% 46%, #000 50%, transparent 88%);
+    mask-image: radial-gradient(ellipse 72% 74% at 50% 46%, #000 50%, transparent 88%);
 }
 #intro-image::after {           /* soft bottom darkening so the subtitle reads */
     content: '';