/* ============================================================
   EFFECTS — PEEPHOLE
   No shadows. No gradients. No blur. Depth is expressed by
   LAYERS: a white lid over a dark underworld, opened with
   circular holes (clip-path). Structure is drawn with 1.5px
   ink rules.
   ============================================================ */

:root {
  /* The hole — apply to an absolutely-positioned flood layer.
     Set --mx/--my from the pointer for cursor-origin opening. */
  --hole-closed: circle(0px  at var(--mx, 50%) var(--my, 50%));
  --hole-open:   circle(160% at var(--mx, 50%) var(--my, 50%));

  /* Rules & rings */
  --rule:       var(--rule-w) solid var(--ink);
  --rule-faint: 1px solid var(--ink-15);
  --ring: 0 0 0 3px var(--focus-ring);

  /* Shadows are prohibited — kept only as an escape hatch alias */
  --shadow-none: none;
}

/* Marquee track — pair with .track width:max-content, duplicated segments */
@keyframes hjrk-slide { to { transform: translateX(-50%); } }