/* GRIMLIFE scanner visual lock — copied from the last approved treatment.
   Performance work must not alter these rules. */
#grim-simple-unfold .seg.on{
  opacity:1;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--c) 65%,rgba(255,255,255,.38)),
    color-mix(in srgb,var(--c) 88%,rgba(0,0,0,.08))
  );
  border:1px solid rgba(255,255,255,.06);
  box-shadow:
    0 0 9px var(--g1),
    0 0 22px var(--g2),
    0 0 44px var(--g3),
    0 0 78px var(--g4),
    inset 0 1px 0 rgba(255,255,255,.30);
  filter:saturate(1.34);
}
#grim-simple-unfold .seg.on::before{
  content:'';
  position:absolute;
  inset:-6px;
  border-radius:12px;
  background:var(--c);
  filter:blur(10px);
  opacity:.35;
  z-index:-1;
}
#grim-simple-unfold .seg.on::after{
  content:'';
  position:absolute;
  left:16%;
  right:16%;
  top:2px;
  height:44%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,255,255,.11),transparent);
  filter:blur(1px);
  opacity:.85;
}


/* v12.1 — recording/metadata scanner parity
   Recording capture is intentionally scaled to .73 while metadata sits at .78.
   Keep the approved segment dimensions/colors untouched; only compensate the
   pre-scale bloom radii so the final on-screen glow matches metadata after
   WebKit composites the transformed recorder surface. */
@media (max-width:560px){
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg.on{
    box-shadow:
      0 0 10px var(--g1),
      0 0 24px var(--g2),
      0 0 47px var(--g3),
      0 0 83px var(--g4),
      inset 0 1px 0 rgba(255,255,255,.30);
    filter:saturate(1.34);
  }
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg.on::before{
    inset:-6.4px;
    border-radius:12.8px;
    filter:blur(10.7px);
    opacity:.35;
  }
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg.on::after{
    filter:blur(1.07px);
    opacity:.85;
  }
}


/* v13.4 — LIVE fullscreen recorder glow parity ----------------------------
   Metadata already renders the approved neon treatment correctly. The live
   fullscreen recorder is scaled/composited separately, so WebKit can flatten
   negative-z pseudo glow and compact the shadow buffer. Keep the approved
   colors/shape untouched; only make the glow survive that compositor path. */
@media (max-width:560px){
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .scan-wrap,
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .scanner,
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .rows,
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .row,
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .rail{
    overflow:visible !important;
  }

  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg{
    isolation:isolate;
    z-index:0;
    overflow:visible;
  }

  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg.on{
    box-shadow:
      0 0 11px var(--g1),
      0 0 28px var(--g2),
      0 0 56px var(--g3),
      0 0 92px var(--g4),
      inset 0 1px 0 rgba(255,255,255,.30) !important;
    filter:saturate(1.34) !important;
  }

  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg.on::before{
    inset:-7px !important;
    border-radius:13px !important;
    filter:blur(12px) !important;
    opacity:.46 !important;
    z-index:-1 !important;
  }

  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .seg.on::after{
    filter:blur(1px) !important;
    opacity:.88 !important;
    z-index:1;
  }

  /* Same luminous language as metadata for the two other live scanner lights. */
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .fill{
    box-shadow:
      0 0 10px rgba(255,255,255,.95),
      0 0 28px rgba(255,255,255,.48),
      0 0 56px rgba(255,255,255,.20) !important;
    filter:blur(.12px) !important;
  }

  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .gss-wave-past .gss-wave-bar{
    box-shadow:
      0 0 6px rgba(255,255,255,.55),
      0 0 14px rgba(255,255,255,.20) !important;
  }
  .app[data-recording="true"][data-record-stage="capture"] #grim-simple-unfold .gss-wave-center{
    box-shadow:
      0 0 8px rgba(255,255,255,.86),
      0 0 20px rgba(255,255,255,.34) !important;
  }
}