Fix stars on frames

src/components/mystic/CelestialFrame.astro

@@ -36,7 +36,7 @@ const innerPx = Math.max(0, outerPx - bw);
 
 <figure
   class:list={["relative", className]}
-  style={`border-radius: ${outerPx}px; border: ${bw}px solid color-mix(in srgb, var(--color-accent) 75%, transparent); overflow: hidden;`}
+  style={`border-radius: ${outerPx}px; border: ${bw}px solid color-mix(in srgb, var(--color-accent) 100%, transparent); `}
 >
   {/* Faint sacred-geometry tint behind the image (fills the full figure). */}
   <div
@@ -46,14 +46,13 @@ const innerPx = Math.max(0, outerPx - bw);
   >
   </div>
 
-  {/* The media itself, in normal flow (defines the figure's height via the slot's
+  {
+    /* The media itself, in normal flow (defines the figure's height via the slot's
       aspect-ratio div). Its radius = outer radius - border width, so the image's
       rounded corner nests PERFECTLY inside the border's rounded corner. The
-      figure's `overflow: hidden` clips the tint layer to the outer radius. */}
+      figure's `overflow: hidden` clips the tint layer to the outer radius. */
-  <div
+  }
-    class="relative overflow-hidden"
+  <div class="relative overflow-hidden" style={`border-radius: ${innerPx}px;`}>
-    style={`border-radius: ${innerPx}px;`}
-  >
     <slot />
   </div>
 
@@ -77,5 +76,3 @@ const innerPx = Math.max(0, outerPx - bw);
     style="color: var(--color-accent); opacity:.7;"
   />
 </figure>
-
-