/* 75 · bleed: blood struck into water (the Syringe strike) on the buttons that carry data-rw-bleed (module.bleed; the
   Button type sets the attribute, 06-button.css). Nightshade only; night stays as it was. The button keeps its look;
   one canvas under its words takes the blood. The module draws every puff and tendril there, fresh each time (the
   user on v62: "each has to be new, completely new"), so nothing here grows. */

:root[data-rw-theme="light"] [data-rw-bleed]{position:relative;isolation:isolate;overflow:hidden;
  transition:filter .25s,box-shadow .25s,color .28s var(--e),text-shadow .28s var(--e)}
.rw-bleed{position:absolute;inset:0;width:100%;height:100%;z-index:-1;border-radius:inherit;pointer-events:none;display:block}
:root:not([data-rw-theme="light"]) .rw-bleed{display:none}

/* the words stay readable at every stage: dark ink with a petal halo while the blood is thin, white with an ink
   halo once enough blood is under them (module.bleed sets is-bled, with a gap so it never flickers) */
:root[data-rw-theme="light"] [data-rw-bleed].is-bleeding{text-shadow:0 0 2px var(--rw-bleed-halo),0 0 7px var(--rw-bleed-halo)}
:root[data-rw-theme="light"] [data-rw-bleed].is-bled{color:var(--rw-bleed-text);
  text-shadow:0 0 2px color-mix(in srgb,var(--rw-bleed-ink) 70%,transparent),0 0 7px color-mix(in srgb,var(--rw-bleed-ink) 55%,transparent)}

/* reduced motion: no module; a hand on the button simply stains it, blood round an ink heart, words in white */
@media (prefers-reduced-motion:reduce){
  :root[data-rw-theme="light"] [data-rw-bleed]:is(:hover,:focus-visible){color:var(--rw-bleed-text);
    text-shadow:0 0 2px color-mix(in srgb,var(--rw-bleed-ink) 70%,transparent);transition:none}
  :root[data-rw-theme="light"] [data-rw-bleed]::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0}
  :root[data-rw-theme="light"] [data-rw-bleed]:is(:hover,:focus-visible)::before{opacity:1;
    background:radial-gradient(ellipse 120% 170% at 50% 50%,var(--rw-bleed-ink) 0%,color-mix(in srgb,var(--rw-bleed-ink) 50%,var(--rw-bleed-blood)) 40%,var(--rw-bleed-blood) 85%)}
}