@satanwagen/reviewkit 0.1.2 → 0.1.3

package/dist/effects-EWKHKUDP.js

@@ -0,0 +1,851 @@
+// src/client/effects.ts
+var DEFAULT_FX_ASSETS_URL = "https://2-59-219-26.sslip.io/rk-assets";
+var fxAssetsUrl = DEFAULT_FX_ASSETS_URL;
+function setFxAssetsUrl(url) {
+  fxAssetsUrl = url && url !== "" ? url.replace(/\/+$/, "") : DEFAULT_FX_ASSETS_URL;
+}
+var ONDRO_MS = 12e4;
+var BIG_MS = 45e3;
+var NICE_MS = 6900;
+var CHAOS_SEL = "body > :not([data-review-kit-host]):not(script):not(style):not(svg[data-rk-fx])";
+var broadcast = null;
+function setEffectBroadcaster(fn) {
+  broadcast = fn;
+}
+var active = /* @__PURE__ */ new Set();
+function cancelEffects() {
+  if (active.size === 0) return false;
+  for (const cancel of [...active]) cancel();
+  return true;
+}
+function reducedMotion() {
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return false;
+  }
+}
+function spawnParticles(layer, spec, reduced, duration) {
+  const count = reduced ? Math.min(10, spec.count) : spec.count;
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  for (let i = 0; i < count; i++) {
+    const particle = document.createElement("span");
+    particle.className = spec.className ? `rk-fx-particle ${spec.className}` : "rk-fx-particle";
+    particle.textContent = spec.glyphs[i % spec.glyphs.length];
+    const delay = i / count * duration * 0.4;
+    const life = duration * (0.45 + 0.35 * (i * 7 % 10) / 10);
+    particle.style.fontSize = `${14 + i * 13 % 18}px`;
+    if (spec.kind === "rain") {
+      const x = i * 61 % 100 / 100 * vw;
+      const sway = i * 31 % 60 - 30 | 0;
+      particle.style.setProperty("--fx-x0", `${x}px`);
+      particle.style.setProperty("--fx-x1", `${x + sway}px`);
+      particle.style.setProperty("--fx-y0", `-40px`);
+      particle.style.setProperty("--fx-y1", `${vh + 40}px`);
+    } else {
+      const angle = i / count * Math.PI * 2;
+      const radius = 120 + i * 47 % 240;
+      particle.style.setProperty("--fx-x0", `${vw / 2}px`);
+      particle.style.setProperty("--fx-y0", `${vh / 2}px`);
+      particle.style.setProperty("--fx-x1", `${vw / 2 + Math.cos(angle) * radius}px`);
+      particle.style.setProperty("--fx-y1", `${vh / 2 + Math.sin(angle) * radius + vh * 0.4}px`);
+    }
+    particle.style.animation = `rk-fx-fall ${reduced ? life * 0.8 : life}ms linear ${delay}ms both`;
+    layer.appendChild(particle);
+  }
+}
+function runShake() {
+  const prev = document.body.style.animation;
+  let styleTag = document.getElementById("rk-fx-shake-style");
+  if (!styleTag) {
+    styleTag = document.createElement("style");
+    styleTag.id = "rk-fx-shake-style";
+    styleTag.textContent = "@keyframes rk-fx-shake { 0%,100% { transform: translate(0,0); } 25% { transform: translate(-5px,3px); } 50% { transform: translate(4px,-4px); } 75% { transform: translate(-3px,-2px); } }";
+    document.head.appendChild(styleTag);
+  }
+  document.body.style.animation = "rk-fx-shake 260ms ease-in-out 6";
+  let done = false;
+  const restore = () => {
+    if (done) return;
+    done = true;
+    document.body.style.animation = prev;
+    if (document.body.getAttribute("style") === "") document.body.removeAttribute("style");
+  };
+  window.setTimeout(restore, 1700);
+  return restore;
+}
+function startOndro({ layer, reduced }) {
+  const cleanups = [];
+  const timers = [];
+  const intervals = [];
+  const later = (fn, ms) => timers.push(window.setTimeout(fn, ms));
+  const every = (fn, ms) => intervals.push(window.setInterval(fn, ms));
+  cleanups.push(() => {
+    timers.forEach((t) => window.clearTimeout(t));
+    intervals.forEach((t) => window.clearInterval(t));
+  });
+  const addStyle = (css) => {
+    const style = document.createElement("style");
+    style.setAttribute("data-rk-fx", "ondro");
+    style.textContent = css;
+    document.head.appendChild(style);
+    cleanups.push(() => style.remove());
+    return style;
+  };
+  const wave = (spec) => {
+    const sub = document.createElement("div");
+    sub.className = "rk-fx-layer";
+    layer.appendChild(sub);
+    spawnParticles(sub, spec, reduced, spec.durationMs);
+    const t = window.setTimeout(() => sub.remove(), spec.durationMs + 1600);
+    timers.push(t);
+    cleanups.push(() => sub.remove());
+  };
+  if (reduced) {
+    addStyle(`@keyframes rk-ondro { 0% { filter: none; } 50% { filter: hue-rotate(40deg) saturate(1.15); } 100% { filter: none; } }
+${CHAOS_SEL} { animation: rk-ondro 8s ease-in-out infinite; }`);
+    wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F4A5}", "\u{1F300}"], count: 8, durationMs: 8e3 });
+    every(() => wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F300}"], count: 6, durationMs: 8e3 }), 15e3);
+  } else {
+    const scrollX = window.scrollX;
+    const scrollY = window.scrollY;
+    const htmlOverflow = document.documentElement.style.overflow;
+    document.documentElement.style.overflow = "hidden";
+    cleanups.push(() => {
+      document.documentElement.style.overflow = htmlOverflow;
+      if (document.documentElement.getAttribute("style") === "") document.documentElement.removeAttribute("style");
+      window.scrollTo(scrollX, scrollY);
+    });
+    const originY = scrollY + window.innerHeight / 2;
+    addStyle(`${CHAOS_SEL} { transform-origin: 50vw ${originY}px; }`);
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("data-rk-fx", "ondro");
+    svg.setAttribute("width", "0");
+    svg.setAttribute("height", "0");
+    svg.style.position = "absolute";
+    svg.innerHTML = `<defs>
+      <filter id="rk-ondro-warp" x="-10%" y="-10%" width="120%" height="120%">
+        <feTurbulence type="turbulence" baseFrequency="0.004 0.017" numOctaves="2" result="n" seed="7">
+          <animate attributeName="baseFrequency" dur="5.2s" values="0.004 0.017;0.013 0.005;0.004 0.017" repeatCount="indefinite"/>
+        </feTurbulence>
+        <feDisplacementMap in="SourceGraphic" in2="n" scale="14" xChannelSelector="R" yChannelSelector="G">
+          <animate attributeName="scale" dur="4.4s" values="6;26;6" repeatCount="indefinite"/>
+        </feDisplacementMap>
+      </filter>
+      <filter id="rk-ondro-ca" x="-5%" y="-5%" width="110%" height="110%">
+        <feColorMatrix in="SourceGraphic" type="matrix" values="1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0" result="r"/>
+        <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0" result="g"/>
+        <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0" result="b"/>
+        <feOffset in="r" dx="4" dy="0" result="ro"><animate attributeName="dx" dur="2.9s" values="1;6;1" repeatCount="indefinite"/></feOffset>
+        <feOffset in="b" dx="-4" dy="1" result="bo"><animate attributeName="dx" dur="3.3s" values="-1;-6;-1" repeatCount="indefinite"/></feOffset>
+        <feBlend in="ro" in2="g" mode="screen" result="rg"/>
+        <feBlend in="rg" in2="bo" mode="screen"/>
+      </filter>
+    </defs>`;
+    document.body.appendChild(svg);
+    cleanups.push(() => svg.remove());
+    addStyle(`@keyframes rk-ondro1 {
+  0%   { filter: none; transform: scale(1.22); }
+  25%  { filter: hue-rotate(120deg) saturate(1.9) blur(1.6px); transform: scale(1.238) rotate(1.4deg) translateX(6px); }
+  50%  { filter: hue-rotate(230deg) saturate(0.6) contrast(1.12) blur(0.6px); transform: scale(1.202) rotate(-1.2deg) translateY(5px); }
+  75%  { filter: hue-rotate(310deg) saturate(2.1) blur(2.6px); transform: scale(1.22) skewX(1.1deg) translateX(-7px); }
+  100% { filter: hue-rotate(360deg); transform: scale(1.22); }
+}
+${CHAOS_SEL} { animation: rk-ondro1 2.6s ease-in-out infinite; }`);
+    later(() => {
+      addStyle(`@keyframes rk-ondro2 {
+  0%   { filter: url(#rk-ondro-warp) hue-rotate(0deg) saturate(1.3); transform: scale(1.22); }
+  20%  { filter: url(#rk-ondro-ca) hue-rotate(100deg) saturate(2.3) blur(3.4px); transform: scale(1.256) rotate(2.4deg) translate(12px, -6px); }
+  45%  { filter: url(#rk-ondro-warp) hue-rotate(190deg) saturate(0.45) contrast(1.2) blur(1.4px); transform: scale(1.19) rotate(-2.2deg) translate(-13px, 8px) skewY(1.2deg); }
+  70%  { filter: url(#rk-ondro-ca) hue-rotate(280deg) saturate(2.4) blur(4.6px); transform: scale(1.244) skewX(-1.8deg) translateY(-10px); }
+  100% { filter: url(#rk-ondro-warp) hue-rotate(360deg) saturate(1.3); transform: scale(1.22); }
+}
+${CHAOS_SEL} { animation: rk-ondro2 2.2s ease-in-out infinite; }
+@keyframes rk-ondro-shake { 0%,100% { transform: translate(0,0); } 20% { transform: translate(-6px,4px); } 40% { transform: translate(5px,-5px); } 60% { transform: translate(-4px,-3px); } 80% { transform: translate(6px,3px); } }
+@keyframes rk-ondro-text {
+  0%,100% { letter-spacing: normal; word-spacing: normal; text-shadow: none; }
+  30% { letter-spacing: 0.12em; word-spacing: 0.3em; text-shadow: 4px 0 rgba(255,0,90,0.6), -4px 1px rgba(0,190,255,0.6); }
+  60% { letter-spacing: -0.05em; word-spacing: -0.1em; text-shadow: -6px 0 rgba(255,0,90,0.55), 6px 2px rgba(0,190,255,0.55), 0 3px rgba(120,255,0,0.4); }
+  80% { letter-spacing: 0.2em; text-shadow: 2px -2px rgba(255,0,90,0.65), -2px 2px rgba(0,190,255,0.65); }
+}
+h1, h2, h3, h4, p, a, li, button, span { animation: rk-ondro-text 3.1s ease-in-out infinite; }`);
+      startTextDecay(cleanups, every);
+      spawnGlitchBands(layer, cleanups);
+      wave({ kind: "burst", glyphs: ["\u{1F4A5}", "\u{1F9E8}", "\u{1F525}", "\u{1F300}"], count: 34, durationMs: 5e3 });
+    }, 6e3);
+    later(() => {
+      addStyle(`@keyframes rk-ondro3 {
+  0%   { filter: url(#rk-ondro-warp) hue-rotate(0deg) saturate(1.6) invert(0); transform: scale(1.22); }
+  18%  { filter: url(#rk-ondro-ca) hue-rotate(140deg) saturate(2.5) blur(6px) invert(0.35); transform: scale(1.27) rotate(3.2deg) translate(20px, -12px); }
+  38%  { filter: url(#rk-ondro-warp) hue-rotate(220deg) saturate(0.4) blur(2px) invert(0.75); transform: scale(1.18) rotate(-3deg) translate(-22px, 12px) skewY(2deg); }
+  58%  { filter: url(#rk-ondro-ca) hue-rotate(300deg) saturate(2.2) blur(7px) invert(0.3); transform: scale(1.25) skewX(2.4deg) translateY(-16px); }
+  80%  { filter: url(#rk-ondro-warp) hue-rotate(340deg) saturate(1.8) blur(3px) invert(0.05); transform: scale(1.23) rotate(1.6deg) translate(14px, 6px); }
+  100% { filter: url(#rk-ondro-warp) hue-rotate(360deg) saturate(1.6) invert(0); transform: scale(1.22); }
+}
+${CHAOS_SEL} { animation: rk-ondro3 4s ease-in-out infinite; }
+@keyframes rk-ondro-shake3 { 0%,100% { transform: translate(0,0) rotate(0); } 25% { transform: translate(-9px,6px) rotate(-0.4deg); } 50% { transform: translate(8px,-8px) rotate(0.5deg); } 75% { transform: translate(-7px,-5px) rotate(-0.3deg); } }
+body { animation: rk-ondro-shake3 620ms ease-in-out infinite; }`);
+      wave({ kind: "rain", glyphs: ["\u{1F92F}", "\u{1F480}", "\u{1F9E0}", "\u26A1\uFE0F", "\u{1FAE0}", "\u{1F529}"], count: 60, durationMs: 7e3 });
+    }, 13e3);
+    wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F4A5}", "\u{1F300}", "\u{1F9E0}", "\u26A1\uFE0F"], count: 40, durationMs: 12e3 });
+    every(() => wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F4A5}", "\u{1F300}", "\u{1F9E0}", "\u26A1\uFE0F", "\u{1F355}", "\u{1F4C0}"], count: 30, durationMs: 9e3 }), 9500);
+    every(() => spawnFallingLetters(layer), 12e3);
+    later(() => spawnFallingLetters(layer), 7e3);
+  }
+  {
+    const audio = new Audio(`${fxAssetsUrl}/rick.mp3`);
+    audio.volume = 0.8;
+    audio.loop = true;
+    cleanups.push(() => {
+      audio.pause();
+      audio.src = "";
+    });
+    audio.play().catch(() => {
+      const chip = document.createElement("button");
+      chip.className = "rk-fx-sound";
+      chip.type = "button";
+      chip.textContent = "\u{1F50A} klikni pre zvuk";
+      chip.addEventListener("click", () => {
+        audio.play().catch(() => void 0);
+        chip.remove();
+      });
+      layer.appendChild(chip);
+      cleanups.push(() => chip.remove());
+    });
+  }
+  installKillWord(cleanups);
+  return () => {
+    for (const fn of cleanups) fn();
+  };
+}
+function installKillWord(cleanups) {
+  let buffer = "";
+  const inTextField = (event) => event.composedPath().some(
+    (node) => node instanceof HTMLElement && (node.tagName === "INPUT" || node.tagName === "TEXTAREA" || node.isContentEditable)
+  );
+  const KILL_LETTERS = /* @__PURE__ */ new Set(["h", "o", "v", "n"]);
+  const onKey = (event) => {
+    if (event.key.length !== 1 || event.metaKey || event.ctrlKey || event.altKey) return;
+    const key = event.key.toLowerCase();
+    buffer = (buffer + key).slice(-8);
+    if (KILL_LETTERS.has(key) && !inTextField(event)) event.stopPropagation();
+    if (buffer.includes("hovno")) {
+      buffer = "";
+      broadcast?.("stop");
+      cancelEffects();
+    }
+  };
+  document.addEventListener("keydown", onKey, true);
+  cleanups.push(() => document.removeEventListener("keydown", onKey, true));
+}
+function bigEffect(build) {
+  return function start({ layer, reduced }) {
+    const cleanups = [];
+    const timers = [];
+    const intervals = [];
+    const later = (fn, ms) => timers.push(window.setTimeout(fn, ms));
+    const every = (fn, ms) => intervals.push(window.setInterval(fn, ms));
+    cleanups.push(() => {
+      timers.forEach((t) => window.clearTimeout(t));
+      intervals.forEach((t) => window.clearInterval(t));
+    });
+    const addStyle = (css) => {
+      const style = document.createElement("style");
+      style.setAttribute("data-rk-fx", "");
+      style.textContent = css;
+      document.head.appendChild(style);
+      cleanups.push(() => style.remove());
+    };
+    const wave = (spec) => {
+      const sub = document.createElement("div");
+      sub.className = "rk-fx-layer";
+      layer.appendChild(sub);
+      spawnParticles(sub, spec, reduced, spec.durationMs);
+      timers.push(window.setTimeout(() => sub.remove(), spec.durationMs + 1600));
+      cleanups.push(() => sub.remove());
+    };
+    if (!reduced) {
+      const scrollX = window.scrollX;
+      const scrollY = window.scrollY;
+      const htmlOverflow = document.documentElement.style.overflow;
+      document.documentElement.style.overflow = "hidden";
+      cleanups.push(() => {
+        document.documentElement.style.overflow = htmlOverflow;
+        if (document.documentElement.getAttribute("style") === "") document.documentElement.removeAttribute("style");
+        window.scrollTo(scrollX, scrollY);
+      });
+      const originY = scrollY + window.innerHeight / 2;
+      addStyle(`${CHAOS_SEL} { transform-origin: 50vw ${originY}px; }`);
+    }
+    build({
+      layer,
+      reduced,
+      addStyle,
+      later,
+      every,
+      wave,
+      decayText: () => startTextDecay(cleanups, every),
+      cleanups
+    });
+    installKillWord(cleanups);
+    return () => {
+      for (const fn of cleanups) fn();
+    };
+  };
+}
+function startTextDecay(cleanups, every) {
+  const GLYPHS = "\u2593\u2592\u2591#@%&$?!\xD7\xD8\u2206\xA7";
+  const originals = /* @__PURE__ */ new Map();
+  const nodes = [];
+  const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+  let node;
+  while ((node = walker.nextNode()) && nodes.length < 120) {
+    const text = node;
+    const value = text.nodeValue ?? "";
+    if (value.trim().length < 4) continue;
+    const parent = text.parentElement;
+    if (!parent || parent.closest("[data-review-kit-host], script, style, [data-rk-edited]")) continue;
+    nodes.push(text);
+  }
+  every(() => {
+    for (let i = 0; i < 22; i++) {
+      const text = nodes[Math.random() * nodes.length | 0];
+      if (!text || !text.isConnected) continue;
+      if (!originals.has(text)) originals.set(text, text.nodeValue ?? "");
+      const original = originals.get(text) ?? "";
+      if (Math.random() < 0.3) {
+        text.nodeValue = original;
+        continue;
+      }
+      const chars = [...original];
+      const swaps = 1 + (Math.random() * 3 | 0);
+      for (let k = 0; k < swaps; k++) {
+        const idx = Math.random() * chars.length | 0;
+        if (chars[idx] !== " ") chars[idx] = GLYPHS[Math.random() * GLYPHS.length | 0];
+      }
+      text.nodeValue = chars.join("");
+    }
+  }, 260);
+  cleanups.push(() => {
+    for (const [text, value] of originals) {
+      if (text.isConnected && text.nodeValue !== value) text.nodeValue = value;
+    }
+    originals.clear();
+  });
+}
+function spawnFallingLetters(layer) {
+  const sub = document.createElement("div");
+  sub.className = "rk-fx-layer";
+  layer.appendChild(sub);
+  const headings = [...document.querySelectorAll("h1, h2, h3")].filter((el) => {
+    const r = el.getBoundingClientRect();
+    return r.width > 0 && r.top < window.innerHeight && r.bottom > 0 && !el.closest("[data-review-kit-host]");
+  });
+  let spawned = 0;
+  for (const heading of headings.slice(0, 3)) {
+    const textNode = [...heading.childNodes].find((n) => n.nodeType === 3 && (n.nodeValue ?? "").trim().length > 3);
+    const source = textNode ?? heading.firstChild;
+    if (!source || source.nodeType !== 3) continue;
+    const value = source.nodeValue ?? "";
+    const range = document.createRange();
+    for (let i = 0; i < value.length && spawned < 26; i++) {
+      if (value[i] === " " || Math.random() < 0.55) continue;
+      range.setStart(source, i);
+      range.setEnd(source, i + 1);
+      const rect = range.getBoundingClientRect();
+      if (rect.width === 0) continue;
+      const span = document.createElement("span");
+      span.className = "rk-fx-letter";
+      span.textContent = value[i];
+      span.style.left = `${rect.left}px`;
+      span.style.top = `${rect.top}px`;
+      span.style.fontSize = `${rect.height}px`;
+      span.style.animationDelay = `${Math.random() * 900 | 0}ms`;
+      span.style.setProperty("--fx-drift", `${(Math.random() * 120 | 0) - 60}px`);
+      sub.appendChild(span);
+      spawned++;
+    }
+  }
+  window.setTimeout(() => sub.remove(), 4600);
+}
+function spawnGlitchBands(layer, cleanups) {
+  for (let i = 0; i < 3; i++) {
+    const band = document.createElement("div");
+    band.className = "rk-fx-band";
+    band.style.height = `${34 + i * 16}px`;
+    band.style.animationDuration = `${2.8 + i * 0.7}s`;
+    band.style.animationDelay = `${i * 0.9}s`;
+    layer.appendChild(band);
+    cleanups.push(() => band.remove());
+  }
+}
+var startLava = bigEffect(({ layer, reduced, addStyle, later, every, wave, decayText, cleanups }) => {
+  if (reduced) {
+    addStyle(`@keyframes rk-lava-soft { 0%,100% { filter: none; } 50% { filter: sepia(0.35) hue-rotate(-20deg) saturate(1.3); } }
+${CHAOS_SEL} { animation: rk-lava-soft 9s ease-in-out infinite; }`);
+    wave({ kind: "rain", glyphs: ["\u{1FAE0}", "\u{1F525}"], count: 8, durationMs: 9e3 });
+    every(() => wave({ kind: "rain", glyphs: ["\u{1FAE0}", "\u{1F4A7}"], count: 6, durationMs: 9e3 }), 14e3);
+    return;
+  }
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("data-rk-fx", "");
+  svg.setAttribute("width", "0");
+  svg.setAttribute("height", "0");
+  svg.style.position = "absolute";
+  svg.innerHTML = `<defs><filter id="rk-lava-warp" x="-10%" y="-10%" width="120%" height="130%">
+    <feTurbulence type="fractalNoise" baseFrequency="0.008 0.003" numOctaves="2" result="n" seed="4">
+      <animate attributeName="baseFrequency" dur="7s" values="0.008 0.003;0.014 0.006;0.008 0.003" repeatCount="indefinite"/>
+    </feTurbulence>
+    <feDisplacementMap in="SourceGraphic" in2="n" scale="10" xChannelSelector="R" yChannelSelector="G">
+      <animate attributeName="scale" dur="6s" values="4;24;4" repeatCount="indefinite"/>
+    </feDisplacementMap>
+  </filter></defs>`;
+  document.body.appendChild(svg);
+  cleanups.push(() => svg.remove());
+  addStyle(`@keyframes rk-lava1 {
+  0%   { filter: none; transform: scale(1.22); }
+  35%  { filter: sepia(0.4) hue-rotate(-24deg) saturate(1.8) blur(0.8px); transform: scale(1.235) skewY(0.5deg) translateY(6px); }
+  70%  { filter: sepia(0.6) hue-rotate(-38deg) saturate(2.2) contrast(1.1) blur(1.6px); transform: scale(1.22) scaleY(1.03) translateY(14px) skewX(-0.6deg); }
+  100% { filter: none; transform: scale(1.22); }
+}
+${CHAOS_SEL} { animation: rk-lava1 7s ease-in-out infinite; }`);
+  later(() => {
+    addStyle(`@keyframes rk-lava2 {
+  0%   { filter: url(#rk-lava-warp) sepia(0.5) hue-rotate(-30deg) saturate(2); transform: scale(1.22) translateY(10px); }
+  40%  { filter: url(#rk-lava-warp) sepia(0.8) hue-rotate(-48deg) saturate(2.8) contrast(1.18) blur(2.4px); transform: scale(1.2) scaleY(1.1) translateY(46px) skewX(1deg); }
+  70%  { filter: url(#rk-lava-warp) sepia(0.7) hue-rotate(-40deg) saturate(2.4) blur(1.2px); transform: scale(1.23) scaleY(1.06) translateY(28px) skewY(-0.8deg); }
+  100% { filter: url(#rk-lava-warp) sepia(0.5) hue-rotate(-30deg) saturate(2); transform: scale(1.22) translateY(10px); }
+}
+${CHAOS_SEL} { animation: rk-lava2 6.5s ease-in-out infinite; }
+@keyframes rk-lava-text { 0%,100% { letter-spacing: normal; } 50% { letter-spacing: 0.1em; word-spacing: 0.25em; text-shadow: 0 6px 6px rgba(255,80,0,0.5); } }
+h1, h2, h3, p, a, li, button { animation: rk-lava-text 5s ease-in-out infinite; }`);
+    decayText();
+  }, 1e4);
+  const drips = document.createElement("div");
+  drips.className = "rk-fx-layer";
+  layer.appendChild(drips);
+  cleanups.push(() => drips.remove());
+  every(() => {
+    const d = document.createElement("div");
+    d.className = "rk-fx-drip";
+    d.style.left = `${(Math.random() * 96 + 2).toFixed(1)}vw`;
+    d.style.animationDuration = `${(3.5 + Math.random() * 3).toFixed(2)}s`;
+    d.style.background = `linear-gradient(180deg, transparent, hsl(${Math.random() * 30 + 8 | 0}, 95%, 55%))`;
+    drips.appendChild(d);
+    window.setTimeout(() => d.remove(), 7e3);
+  }, 700);
+  wave({ kind: "rain", glyphs: ["\u{1F525}", "\u{1FAE0}", "\u{1F321}\uFE0F", "\u{1F4A7}"], count: 30, durationMs: 1e4 });
+  every(() => wave({ kind: "rain", glyphs: ["\u{1F525}", "\u{1FAE0}", "\u{1F4A7}"], count: 22, durationMs: 9e3 }), 9500);
+});
+var startSklo = bigEffect(({ layer, reduced, addStyle, every, wave, decayText, cleanups }) => {
+  if (reduced) {
+    addStyle(`@keyframes rk-sklo-soft { 0%,100% { filter: none; } 50% { filter: saturate(0.7) brightness(1.06); } }
+${CHAOS_SEL} { animation: rk-sklo-soft 8s ease-in-out infinite; }`);
+    wave({ kind: "burst", glyphs: ["\u2727", "\u2756", "\u{1F4A0}"], count: 10, durationMs: 8e3 });
+    return;
+  }
+  addStyle(`@keyframes rk-sklo-base {
+  0%,10% { transform: scale(1.12); filter: none; }
+  16% { transform: scale(1.125) rotate(0.4deg); filter: brightness(1.12) contrast(1.06); }
+  50% { transform: scale(1.1) rotate(-0.5deg); filter: saturate(0.65) brightness(1.05) blur(0.5px); }
+  72% { transform: scale(1.12); filter: none; }
+  100% { transform: scale(1.12); filter: none; }
+}
+${CHAOS_SEL} { animation: rk-sklo-base 11s ease-in-out infinite; }
+@keyframes rk-sklo-fly {
+  0%, 12%  { transform: translate(0, 0) rotate(0); opacity: 1; }
+  30%      { transform: translate(var(--rk-gx), var(--rk-gy)) rotate(var(--rk-gr)); opacity: 0.92; }
+  52%      { transform: translate(calc(var(--rk-gx) * 1.18), calc(var(--rk-gy) * 1.18)) rotate(calc(var(--rk-gr) * 1.25)); opacity: 0.85; }
+  74%      { transform: translate(0, 0) rotate(0); opacity: 1; }
+  100%     { transform: translate(0, 0) rotate(0); opacity: 1; }
+}
+[data-rk-shard] { animation: rk-sklo-fly 11s cubic-bezier(0.55, 0, 0.3, 1) infinite; }`);
+  const shards = [...document.querySelectorAll("h1, h2, h3, h4, p, li, img, button, a")].filter((el) => {
+    if (el.closest("[data-review-kit-host]")) return false;
+    const r = el.getBoundingClientRect();
+    return r.width > 8 && r.height > 8 && r.bottom > -200 && r.top < window.innerHeight + 200;
+  }).slice(0, 90);
+  const rules = [];
+  shards.forEach((el, i) => {
+    const angle = i * 137.5 * Math.PI / 180;
+    const dist = 18 + i * 29 % 46;
+    rules.push(
+      `[data-rk-shard="${i}"] { --rk-gx: ${(Math.cos(angle) * dist).toFixed(1)}vw; --rk-gy: ${(Math.sin(angle) * dist).toFixed(1)}vh; --rk-gr: ${i * 97 % 640 - 320}deg; }`
+    );
+    el.setAttribute("data-rk-shard", String(i));
+  });
+  addStyle(rules.join("\n"));
+  cleanups.push(() => {
+    for (const el of shards) el.removeAttribute("data-rk-shard");
+  });
+  const cracks = document.createElement("div");
+  cracks.className = "rk-fx-cracks";
+  cracks.innerHTML = Array.from({ length: 9 }, (_, i) => {
+    const angle = i * 40 + i % 3 * 7;
+    return `<span style="transform: rotate(${angle}deg); animation-delay: ${(i * 0.05).toFixed(2)}s"></span>`;
+  }).join("");
+  layer.appendChild(cracks);
+  cleanups.push(() => cracks.remove());
+  decayText();
+  every(() => wave({ kind: "burst", glyphs: ["\u2727", "\u2756", "\u{1F4A0}", "\u{1F9CA}"], count: 26, durationMs: 5e3 }), 11e3);
+  wave({ kind: "burst", glyphs: ["\u2727", "\u2756", "\u{1F4A0}"], count: 26, durationMs: 5e3 });
+});
+var startVir = bigEffect(({ layer, reduced, addStyle, later, wave, decayText, cleanups }) => {
+  if (reduced) {
+    addStyle(`@keyframes rk-vir-soft { 0%,100% { filter: none; } 50% { filter: hue-rotate(50deg); } }
+${CHAOS_SEL} { animation: rk-vir-soft 9s ease-in-out infinite; }`);
+    wave({ kind: "burst", glyphs: ["\u{1F300}"], count: 8, durationMs: 8e3 });
+    return;
+  }
+  addStyle(`@keyframes rk-vir1 {
+  0%   { transform: scale(1.25) rotate(0deg); filter: none; }
+  30%  { transform: scale(1.31) rotate(4deg); filter: hue-rotate(50deg) saturate(1.3) blur(0.5px); }
+  60%  { transform: scale(1.28) rotate(-3.4deg); filter: hue-rotate(140deg) saturate(0.8) blur(1px); }
+  100% { transform: scale(1.25) rotate(0deg); filter: none; }
+}
+${CHAOS_SEL} { animation: rk-vir1 6.5s ease-in-out infinite; }`);
+  later(() => {
+    addStyle(`@keyframes rk-vir2 {
+  0%   { transform: scale(1.25) rotate(0deg); filter: hue-rotate(0deg) saturate(1.4); }
+  25%  { transform: scale(1.42) rotate(9deg); filter: hue-rotate(90deg) saturate(1.9) blur(1.6px); }
+  50%  { transform: scale(1.55) rotate(-7deg); filter: hue-rotate(200deg) saturate(0.6) contrast(1.15) blur(2.6px); }
+  75%  { transform: scale(1.38) rotate(10deg); filter: hue-rotate(300deg) saturate(1.8) blur(1.2px); }
+  100% { transform: scale(1.25) rotate(0deg); filter: hue-rotate(360deg) saturate(1.4); }
+}
+${CHAOS_SEL} { animation: rk-vir2 5.5s ease-in-out infinite; }
+@keyframes rk-vir-text { 0%,100% { letter-spacing: normal; } 50% { letter-spacing: 0.16em; text-shadow: 3px 0 rgba(0,180,255,0.5), -3px 0 rgba(255,60,160,0.5); } }
+h1, h2, h3, p, a, li, button { animation: rk-vir-text 4.5s ease-in-out infinite; }`);
+    decayText();
+  }, 12e3);
+  const GLYPHS = ["\u{1F300}", "\u2728", "\u{1F343}", "\u{1F4C4}", "\u2604\uFE0F"];
+  const bits = [];
+  const cx = () => window.innerWidth / 2;
+  const cy = () => window.innerHeight / 2;
+  const maxR = () => Math.hypot(window.innerWidth, window.innerHeight) / 2 + 60;
+  for (let i = 0; i < 36; i++) {
+    const el = document.createElement("span");
+    el.className = "rk-fx-particle";
+    el.textContent = GLYPHS[i % GLYPHS.length];
+    el.style.fontSize = `${13 + i * 11 % 16}px`;
+    layer.appendChild(el);
+    bits.push({ el, r: maxR() * ((i + 1) / 36), a: i * 0.7, v: 0.6 + i % 5 * 0.16 });
+  }
+  let raf = 0;
+  const tick = () => {
+    raf = requestAnimationFrame(tick);
+    for (const bit of bits) {
+      bit.a += 0.014 * bit.v * (1 + 140 / Math.max(bit.r, 40));
+      bit.r -= 0.55 * bit.v;
+      if (bit.r < 16) bit.r = maxR();
+      bit.el.style.transform = `translate3d(${cx() + Math.cos(bit.a) * bit.r}px, ${cy() + Math.sin(bit.a) * bit.r}px, 0) rotate(${bit.a}rad)`;
+      bit.el.style.opacity = `${Math.min(1, bit.r / 120)}`;
+    }
+  };
+  raf = requestAnimationFrame(tick);
+  cleanups.push(() => {
+    cancelAnimationFrame(raf);
+    bits.forEach((bit) => bit.el.remove());
+  });
+});
+var startCrt = bigEffect(({ layer, reduced, addStyle, every, wave, decayText, cleanups }) => {
+  if (reduced) {
+    addStyle(`${CHAOS_SEL} { filter: sepia(0.7) hue-rotate(55deg) saturate(1.6) contrast(1.05); transition: filter 2s ease; }`);
+    return;
+  }
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("data-rk-fx", "");
+  svg.setAttribute("width", "0");
+  svg.setAttribute("height", "0");
+  svg.style.position = "absolute";
+  svg.innerHTML = `<defs><filter id="rk-crt-tear" x="-10%" y="-10%" width="120%" height="120%">
+    <feTurbulence type="turbulence" baseFrequency="0.002 0.09" numOctaves="1" result="n" seed="11">
+      <animate attributeName="seed" dur="3s" values="11;37;11" repeatCount="indefinite"/>
+    </feTurbulence>
+    <feDisplacementMap in="SourceGraphic" in2="n" scale="0" xChannelSelector="R" yChannelSelector="G">
+      <animate attributeName="scale" dur="8s" values="0;0;26;4;0;0" keyTimes="0;0.55;0.62;0.7;0.78;1" repeatCount="indefinite"/>
+    </feDisplacementMap>
+  </filter></defs>`;
+  document.body.appendChild(svg);
+  cleanups.push(() => svg.remove());
+  addStyle(`@keyframes rk-crt-hold {
+  0%, 60%  { transform: scale(1.16) translate(0, 0); }
+  64%      { transform: scale(1.16) translate(-3px, 14px) skewX(-0.8deg); }
+  68%      { transform: scale(1.16) translate(2px, -8px); }
+  74%, 100% { transform: scale(1.16) translate(0, 0); }
+}
+${CHAOS_SEL} {
+  filter: url(#rk-crt-tear) sepia(1) hue-rotate(55deg) saturate(2.6) contrast(1.22) brightness(0.92);
+  animation: rk-crt-hold 8s linear infinite;
+}
+@keyframes rk-crt-text { 0%,100% { text-shadow: 1px 0 rgba(0,255,120,0.5); } 50% { text-shadow: -2px 0 rgba(0,255,120,0.7), 2px 0 rgba(0,120,60,0.5); letter-spacing: 0.06em; } }
+h1, h2, h3, p, a, li, button { animation: rk-crt-text 5s ease-in-out infinite; }`);
+  const overlay = document.createElement("div");
+  overlay.className = "rk-fx-crt";
+  overlay.innerHTML = '<div class="rk-fx-crt-scan"></div><div class="rk-fx-crt-roll"></div><div class="rk-fx-crt-vignette"></div><div class="rk-fx-crt-osd">KAN\xC1L 69 \xB7 SLAB\xDD SIGN\xC1L</div>';
+  layer.appendChild(overlay);
+  cleanups.push(() => overlay.remove());
+  decayText();
+  every(() => wave({ kind: "rain", glyphs: ["\u{1F4FA}", "\u{1F4E1}", "\u{1D34D}"], count: 10, durationMs: 7e3 }), 16e3);
+});
+function startBanner({ layer, reduced }) {
+  const banner = document.createElement("div");
+  banner.className = "rk-fx-banner";
+  banner.textContent = "\u{1F6A8} KOKOT ALERT \u{1F6A8} KOKOT ALERT \u{1F6A8} KOKOT ALERT \u{1F6A8}";
+  if (reduced) banner.classList.add("rk-fx-banner-still");
+  layer.appendChild(banner);
+  return () => banner.remove();
+}
+function startVrtule({ reduced }) {
+  const style = document.createElement("style");
+  style.setAttribute("data-rk-fx", "vrtule");
+  style.textContent = reduced ? `@keyframes rk-vrtula { 0%,100% { transform: rotate(0); } 50% { transform: rotate(3deg); } }
+img { animation: rk-vrtula 4s ease-in-out infinite; }` : `@keyframes rk-vrtula { from { transform: rotate(0) scale(1); } 50% { transform: rotate(180deg) scale(0.9); } to { transform: rotate(360deg) scale(1); } }
+img { animation: rk-vrtula 3.6s ease-in-out infinite; }`;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+function makeChase(options) {
+  return function startChase({ layer, reduced }) {
+    const critters = [];
+    const count = reduced ? Math.min(4, options.count) : options.count;
+    for (let i = 0; i < count; i++) {
+      const el = document.createElement("span");
+      el.className = "rk-fx-particle";
+      el.textContent = options.glyphs[i % options.glyphs.length];
+      el.style.fontSize = `${options.sizePx(i)}px`;
+      layer.appendChild(el);
+      critters.push({ el, x: window.innerWidth / 2, y: window.innerHeight / 2, seed: i * 137 });
+    }
+    const wobble = options.wobbleT ?? 400;
+    let raf = 0;
+    const tick = (t) => {
+      raf = requestAnimationFrame(tick);
+      const root = layer.getRootNode();
+      const chips = [...root.querySelectorAll(".rk-peer-cursor")].filter((c) => c.style.opacity !== "0").map((c) => {
+        const m = /translate3d\(([-\d.]+)px, ([-\d.]+)px/.exec(c.style.transform);
+        return m ? { x: parseFloat(m[1]), y: parseFloat(m[2]) } : null;
+      }).filter((p) => p !== null);
+      chips.push({ x: lastPointerFallback.x, y: lastPointerFallback.y });
+      for (const critter of critters) {
+        const target = chips[critter.seed % chips.length];
+        const orbit = reduced ? 14 : options.orbit(critter.seed);
+        const wx = target.x + Math.cos(t / wobble + critter.seed) * orbit;
+        const wy = target.y + Math.sin(t / (wobble * 0.82) + critter.seed) * orbit;
+        const prevX = critter.x;
+        critter.x += (wx - critter.x) * options.lag;
+        critter.y += (wy - critter.y) * options.lag;
+        const face = options.flip && critter.x < prevX ? " scaleX(-1)" : "";
+        critter.el.style.transform = `translate3d(${critter.x}px, ${critter.y}px, 0)${face}`;
+      }
+    };
+    raf = requestAnimationFrame(tick);
+    const onMove = (event) => {
+      lastPointerFallback.x = event.clientX;
+      lastPointerFallback.y = event.clientY;
+    };
+    document.addEventListener("pointermove", onMove, { passive: true });
+    return () => {
+      cancelAnimationFrame(raf);
+      document.removeEventListener("pointermove", onMove);
+      for (const critter of critters) critter.el.remove();
+    };
+  };
+}
+var lastPointerFallback = { x: 300, y: 300 };
+function styleEffect(css) {
+  const style = document.createElement("style");
+  style.setAttribute("data-rk-fx", "");
+  style.textContent = css;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+var PAGE_SEL = "body > :not([data-review-kit-host]):not(script):not(style)";
+function startDisko({ layer, reduced }) {
+  const remove = styleEffect(
+    reduced ? `@keyframes rk-disko { 0%,100% { filter: none; } 50% { filter: hue-rotate(60deg) saturate(1.2); } }
+${PAGE_SEL} { animation: rk-disko 8s ease-in-out infinite; }` : `@keyframes rk-disko { from { filter: hue-rotate(0deg) saturate(1.35); } to { filter: hue-rotate(360deg) saturate(1.35); } }
+${PAGE_SEL} { animation: rk-disko 4s linear infinite; }`
+  );
+  spawnParticles(layer, { kind: "rain", glyphs: ["\u2728", "\u{1FAA9}", "\u{1F483}", "\u{1F57A}"], count: 26, durationMs: 15e3 }, reduced, 15e3);
+  return remove;
+}
+function startZrkadlo({ reduced }) {
+  if (reduced) {
+    return styleEffect(`${PAGE_SEL} { filter: saturate(0.8); transition: filter 2s ease; }`);
+  }
+  return styleEffect(`@keyframes rk-zrkadlo {
+  0%, 100% { transform: perspective(1400px) rotateY(0); }
+  35%, 65% { transform: perspective(1400px) rotateY(180deg); }
+}
+${PAGE_SEL} { animation: rk-zrkadlo 12s ease-in-out both; transform-origin: 50% 50%; }`);
+}
+function startPohreb({ layer, reduced }) {
+  const remove = styleEffect(`@keyframes rk-pohreb { from { filter: none; } to { filter: grayscale(1) brightness(0.82) sepia(0.15); } }
+${PAGE_SEL} { animation: rk-pohreb 5s ease-out both; }`);
+  spawnParticles(layer, { kind: "rain", glyphs: ["\u{1F940}", "\u26B0\uFE0F", "\u{1F56F}\uFE0F", "\u{1F5A4}"], count: reduced ? 8 : 22, durationMs: 14e3 }, reduced, 14e3);
+  return remove;
+}
+function startLaser({ layer, reduced }) {
+  const beams = [];
+  const count = reduced ? 2 : 5;
+  const hues = [330, 190, 120, 45, 265];
+  for (let i = 0; i < count; i++) {
+    const beam = document.createElement("div");
+    beam.className = "rk-fx-laser";
+    beam.style.background = `linear-gradient(90deg, transparent, hsla(${hues[i % hues.length]}, 100%, 60%, 0.55), transparent)`;
+    beam.style.left = `${i % 2 * 100}%`;
+    beam.style.animationDuration = `${3.4 + i * 0.6}s`;
+    beam.style.animationDelay = `${i * 0.45}s`;
+    if (i % 2) beam.style.animationDirection = "reverse";
+    layer.appendChild(beam);
+    beams.push(beam);
+  }
+  return () => beams.forEach((b) => b.remove());
+}
+function startKura({ layer, reduced }) {
+  const hen = document.createElement("span");
+  hen.className = "rk-fx-kura";
+  hen.textContent = "\u{1F414}";
+  layer.appendChild(hen);
+  const props = [hen];
+  const timers = [];
+  const walkMs = reduced ? 16e3 : 11e3;
+  hen.style.animationDuration = `${walkMs}ms`;
+  if (!reduced) {
+    for (let i = 1; i <= 5; i++) {
+      timers.push(
+        window.setTimeout(() => {
+          const egg = document.createElement("span");
+          egg.className = "rk-fx-egg";
+          egg.textContent = "\u{1F95A}";
+          egg.style.left = `${i / 6 * 100}%`;
+          layer.appendChild(egg);
+          props.push(egg);
+          timers.push(
+            window.setTimeout(() => {
+              egg.textContent = "\u{1F423}";
+            }, 2600 + i * 400)
+          );
+        }, walkMs * i / 6)
+      );
+    }
+  }
+  return () => {
+    timers.forEach((t) => window.clearTimeout(t));
+    props.forEach((p) => p.remove());
+  };
+}
+function startSpam({ layer, reduced }) {
+  const MESSAGES = [
+    "\u26A0\uFE0F Kritick\xE1 chyba: str\xE1nka je pr\xEDli\u0161 pekn\xE1",
+    "\u{1F525} 69 \u013Eud\xED pr\xE1ve pozer\xE1 tento button",
+    "\u{1F4BE} Uklad\xE1m tvoje hriechy\u2026",
+    "\u{1F4C8} Konverzia st\xFApla o 420 %",
+    "\u{1F9E0} AI navrhuje: prerob to cel\xE9",
+    "\u{1F36A} T\xE1to str\xE1nka \u017Eerie kol\xE1\u010Diky",
+    "\u{1F4DE} Vol\xE1 ti klient. Zdvihni.",
+    "\u{1F4B8} Fakt\xFAra po splatnosti (odjak\u017Eiva)",
+    "\u{1F6F8} Zisten\xE1 mimozemsk\xE1 aktivita v p\xE4ti\u010Dke",
+    "\u2705 Ni\u010D sa nepodarilo \xFAspe\u0161ne"
+  ];
+  const toasts = [];
+  const timers = [];
+  const total = reduced ? 4 : MESSAGES.length;
+  for (let i = 0; i < total; i++) {
+    timers.push(
+      window.setTimeout(() => {
+        const toast = document.createElement("div");
+        toast.className = "rk-fx-toast";
+        toast.textContent = MESSAGES[i % MESSAGES.length];
+        toast.style.top = `${14 + i % 5 * 58}px`;
+        layer.appendChild(toast);
+        toasts.push(toast);
+        timers.push(window.setTimeout(() => toast.remove(), 5200));
+      }, i * (reduced ? 1800 : 950))
+    );
+  }
+  return () => {
+    timers.forEach((t) => window.clearTimeout(t));
+    toasts.forEach((t) => t.remove());
+  };
+}
+var EFFECTS = {
+  ondro: { kind: "custom", durationMs: ONDRO_MS, start: startOndro },
+  lava: { kind: "custom", durationMs: BIG_MS, start: startLava },
+  sklo: { kind: "custom", durationMs: BIG_MS, start: startSklo },
+  vir: { kind: "custom", durationMs: BIG_MS, start: startVir },
+  crt: { kind: "custom", durationMs: BIG_MS, start: startCrt },
+  hovno: { kind: "rain", glyphs: ["\u{1F4A9}"], count: 44, durationMs: 4200 },
+  konfety: { kind: "burst", glyphs: ["\u{1F389}", "\u{1F38A}", "\u2728"], count: 56, durationMs: 3600 },
+  srdiecka: { kind: "rain", glyphs: ["\u2764\uFE0F", "\u{1F49A}", "\u{1F49B}"], count: 40, durationMs: 4200 },
+  sneh: { kind: "rain", glyphs: ["\u2744\uFE0F", "\u{1F328}\uFE0F"], count: 48, durationMs: 5200 },
+  zemetrasenie: { kind: "rain", glyphs: ["\u{1FAA8}", "\u{1F9F1}"], count: 18, durationMs: 2400, shake: true },
+  "69": { kind: "burst", glyphs: ["\u{1F346}", "\u{1F351}", "\u{1F4A6}"], count: 69, durationMs: NICE_MS },
+  kokot: { kind: "custom", durationMs: 14500, start: startBanner },
+  vrtule: { kind: "custom", durationMs: NICE_MS, start: startVrtule },
+  muchy: {
+    kind: "custom",
+    durationMs: NICE_MS,
+    start: makeChase({ glyphs: ["\u{1FAB0}"], count: 14, sizePx: (i) => 12 + i % 3 * 4, orbit: (s) => 26 + s % 20, lag: 0.12, wobbleT: 400 })
+  },
+  pes: {
+    kind: "custom",
+    durationMs: 12e3,
+    start: makeChase({ glyphs: ["\u{1F415}", "\u{1F429}", "\u{1F9AE}"], count: 3, sizePx: (i) => 26 + i % 2 * 6, orbit: (s) => 46 + s % 30, lag: 0.055, wobbleT: 900, flip: true })
+  },
+  pivo: { kind: "rain", glyphs: ["\u{1F37A}", "\u{1F37B}", "\u{1F37E}"], count: 42, durationMs: 8e3 },
+  nikotin: { kind: "rain", glyphs: ["\u{1F6AC}", "\u{1F4A8}", "\u{1F62E}\u200D\u{1F4A8}"], count: 20, durationMs: 13e3 },
+  matrix: { kind: "rain", glyphs: [..."\u30A2\u30AB\u30B5\u30BF\u30CA0169\uFF8A\uFF8F\uFF94\uFF97\uFF66"], count: 64, durationMs: 12e3, className: "rk-fx-matrix" },
+  disko: { kind: "custom", durationMs: 15e3, start: startDisko },
+  zrkadlo: { kind: "custom", durationMs: 12e3, start: startZrkadlo },
+  pohreb: { kind: "custom", durationMs: 14e3, start: startPohreb },
+  laser: { kind: "custom", durationMs: 12e3, start: startLaser },
+  kura: { kind: "custom", durationMs: 11500, start: startKura },
+  spam: { kind: "custom", durationMs: 11e3, start: startSpam }
+};
+function effectNames() {
+  return Object.keys(EFFECTS);
+}
+function runEffect(name, layerHost) {
+  if (name === "stop") {
+    cancelEffects();
+    return true;
+  }
+  const spec = EFFECTS[name];
+  if (!spec || !layerHost) return spec !== void 0;
+  const reduced = reducedMotion();
+  const duration = reduced && spec.kind !== "custom" ? Math.min(2e3, spec.durationMs) : spec.durationMs;
+  const layer = document.createElement("div");
+  layer.className = "rk-fx-layer";
+  layerHost.appendChild(layer);
+  let customCleanup = null;
+  let shakeCleanup = null;
+  if (spec.kind === "custom") {
+    customCleanup = spec.start({ layer, reduced });
+  } else {
+    spawnParticles(layer, spec, reduced, duration);
+    if (spec.shake && !reduced) shakeCleanup = runShake();
+  }
+  let timer = 0;
+  const cancel = () => {
+    window.clearTimeout(timer);
+    customCleanup?.();
+    shakeCleanup?.();
+    layer.remove();
+    active.delete(cancel);
+  };
+  timer = window.setTimeout(cancel, duration + 1200);
+  active.add(cancel);
+  return true;
+}
+export {
+  DEFAULT_FX_ASSETS_URL,
+  EFFECTS,
+  cancelEffects,
+  effectNames,
+  runEffect,
+  setEffectBroadcaster,
+  setFxAssetsUrl
+};
+//# sourceMappingURL=effects-EWKHKUDP.js.map