oneko 0.0.0-stage → 0.1.0

package/dist/chunks/vanilla-CUrawvWx.js

@@ -0,0 +1,2993 @@
+const DOT_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 7" shape-rendering="crispEdges" aria-hidden="true" focusable="false" style="display:block;width:100%;height:100%"><rect x="3" y="0" width="1" height="1" fill="var(--destructive)"/><rect x="2" y="1" width="3" height="1" fill="var(--destructive)"/><rect x="1" y="2" width="5" height="1" fill="var(--destructive)"/><rect x="0" y="3" width="7" height="1" fill="var(--destructive)"/><rect x="1" y="4" width="5" height="1" fill="var(--destructive)"/><rect x="2" y="5" width="3" height="1" fill="var(--destructive)"/><rect x="3" y="6" width="1" height="1" fill="var(--destructive)"/><rect x="2" y="2" width="1" height="1" fill="var(--accent)"/></svg>`;
+const LASER_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 5" shape-rendering="crispEdges" aria-hidden="true" focusable="false" style="display:block;width:100%;height:100%"><rect x="2" y="0" width="16" height="1" fill="var(--destructive)"/><rect x="1" y="1" width="18" height="1" fill="var(--destructive)"/><rect x="0" y="2" width="20" height="1" fill="var(--destructive)"/><rect x="1" y="3" width="18" height="1" fill="var(--destructive)"/><rect x="2" y="4" width="16" height="1" fill="var(--destructive)"/><rect x="11" y="1" width="1" height="1" fill="var(--primary-foreground)"/><rect x="13" y="1" width="1" height="1" fill="var(--primary-foreground)"/><rect x="15" y="1" width="1" height="1" fill="var(--primary-foreground)"/><rect x="11" y="2" width="1" height="1" fill="var(--primary-foreground)"/><rect x="13" y="2" width="1" height="1" fill="var(--primary-foreground)"/><rect x="15" y="2" width="1" height="1" fill="var(--primary-foreground)"/><rect x="11" y="3" width="1" height="1" fill="var(--primary-foreground)"/><rect x="13" y="3" width="1" height="1" fill="var(--primary-foreground)"/><rect x="15" y="3" width="1" height="1" fill="var(--primary-foreground)"/><rect x="4" y="0" width="3" height="1" fill="var(--primary)"/><rect x="4" y="1" width="3" height="1" fill="var(--primary)"/><rect x="18" y="1" width="3" height="1" fill="var(--accent)"/><rect x="18" y="2" width="3" height="1" fill="var(--accent)"/><rect x="18" y="3" width="3" height="1" fill="var(--accent)"/></svg>`;
+const DOT_SIZE = 9;
+const LASER_W = 88;
+const LASER_H = 20;
+const ANCHOR_INSET = 10;
+const TRAIL_LEN = 22;
+function makeDot(zIndex, size, opacity, glow) {
+  const d = document.createElement("div");
+  d.setAttribute("aria-hidden", "true");
+  d.style.cssText = [
+    "position:fixed",
+    `width:${size}px`,
+    `height:${size}px`,
+    "pointer-events:none",
+    `z-index:${zIndex}`,
+    "left:0",
+    "top:0",
+    "image-rendering:pixelated",
+    `opacity:${opacity}`,
+    "transform:translate(-50%,-50%) translate(-100px,-100px)",
+    glow ? "filter:drop-shadow(0 0 4px var(--destructive)) drop-shadow(0 0 12px color-mix(in srgb, var(--destructive) 55%, transparent))" : ""
+  ].join(";");
+  d.innerHTML = DOT_SVG;
+  return d;
+}
+function createTrail(zIndex) {
+  const trail = [];
+  for (let i = 1; i <= TRAIL_LEN; i++) {
+    const t = i / (TRAIL_LEN + 1);
+    const size = Math.max(2, DOT_SIZE * (1 - t * 0.85));
+    const opacity = 0.55 * (1 - t);
+    trail.push(makeDot(zIndex, size, opacity, false));
+  }
+  return trail;
+}
+function createLaserBody(zIndex) {
+  const laser = document.createElement("div");
+  laser.setAttribute("aria-hidden", "true");
+  laser.style.cssText = [
+    "position:fixed",
+    `width:${LASER_W}px`,
+    `height:${LASER_H}px`,
+    "pointer-events:none",
+    `z-index:${zIndex}`,
+    "left:0",
+    "top:0",
+    "image-rendering:pixelated",
+    "transform-origin:100% 50%",
+    "filter:drop-shadow(0 0 6px color-mix(in srgb, var(--destructive) 45%, transparent))",
+    "will-change:transform"
+  ].join(";");
+  laser.innerHTML = LASER_SVG;
+  return laser;
+}
+function mountLaserCursor(zIndex) {
+  const dot = makeDot(zIndex, DOT_SIZE, 1, true);
+  const trail = createTrail(zIndex);
+  const laser = createLaserBody(zIndex);
+  document.body.appendChild(laser);
+  for (const t of trail) {
+    document.body.appendChild(t);
+  }
+  document.body.appendChild(dot);
+  const previousCursor = document.body.style.getPropertyValue("cursor");
+  const previousPriority = document.body.style.getPropertyPriority("cursor");
+  document.body.style.setProperty("cursor", "none");
+  let pointerX = window.innerWidth / 2;
+  let pointerY = window.innerHeight / 2;
+  const history = [];
+  for (let i = 0; i <= TRAIL_LEN; i++) {
+    history.push({ x: pointerX, y: pointerY });
+  }
+  const positionLaser = () => {
+    const anchorX = ANCHOR_INSET + LASER_W;
+    const anchorY = ANCHOR_INSET + LASER_H / 2;
+    const dx = pointerX - anchorX;
+    const dy = pointerY - anchorY;
+    const angle = Math.atan2(dy, dx) * 180 / Math.PI + 180;
+    laser.style.transform = `translate(${ANCHOR_INSET}px, ${ANCHOR_INSET}px) rotate(${angle}deg)`;
+  };
+  let rafId = 0;
+  const tick = () => {
+    history.unshift({ x: pointerX, y: pointerY });
+    if (history.length > TRAIL_LEN + 1) {
+      history.pop();
+    }
+    const d0 = history[0];
+    dot.style.transform = `translate(-50%,-50%) translate(${d0.x}px, ${d0.y}px)`;
+    for (let i = 0; i < trail.length; i++) {
+      const p = history[i + 1] ?? history[history.length - 1];
+      trail[i].style.transform = `translate(-50%,-50%) translate(${p.x}px, ${p.y}px)`;
+    }
+    rafId = window.requestAnimationFrame(tick);
+  };
+  const onMove = (e) => {
+    pointerX = e.clientX;
+    pointerY = e.clientY;
+    positionLaser();
+  };
+  positionLaser();
+  rafId = window.requestAnimationFrame(tick);
+  document.addEventListener("mousemove", onMove);
+  window.addEventListener("resize", positionLaser);
+  window.addEventListener("scroll", positionLaser, { passive: true });
+  return () => {
+    window.cancelAnimationFrame(rafId);
+    document.removeEventListener("mousemove", onMove);
+    window.removeEventListener("resize", positionLaser);
+    window.removeEventListener("scroll", positionLaser);
+    if (dot.parentNode) {
+      dot.parentNode.removeChild(dot);
+    }
+    for (const t of trail) {
+      if (t.parentNode) {
+        t.parentNode.removeChild(t);
+      }
+    }
+    if (laser.parentNode) {
+      laser.parentNode.removeChild(laser);
+    }
+    if (previousCursor) {
+      document.body.style.setProperty("cursor", previousCursor, previousPriority);
+    } else {
+      document.body.style.removeProperty("cursor");
+    }
+  };
+}
+const TILE = 32;
+const DEFAULT_Z_INDEX = 2147483646;
+const STEER_LERP = 0.3;
+const MAX_VEL_FACTOR = 1.5;
+const OBSTACLE_INTERVAL = 30;
+const MIN_OBSTACLE_AREA = 500;
+const OBSTACLE_SELECTOR = "h1,h2,h3,h4,h5,h6,p,blockquote,a,button,img,svg,picture,video,nav,header,label,[role='button'],[data-oneko-obstacle]";
+const CELL_SIZE = 16;
+const SPRITE_RADIUS = 8;
+const PATH_RECALC_INTERVAL = 10;
+const PATH_RECALC_MOUSE_CELLS = 2;
+const WAYPOINT_REACH_DIST = CELL_SIZE;
+const BUBBLE_DISPLAY_FRAMES = 180;
+const BUBBLE_COOLDOWN_FRAMES = 120;
+const MOUSE_LOOP_MIN_STEP = 5;
+const MOUSE_LOOP_WINDING_TRIGGER = 6.2;
+const MOUSE_LOOP_WINDING_CAP = 13;
+const MOUSE_LOOP_WINDING_DECAY = 0.96;
+const IDLE_MESSAGES = [
+  "I am a curious cat Myra",
+  "waiting is an art form",
+  "pixels are just tiny warm squares",
+  "I see the cursor. I simply do not care",
+  "404: motivation not found",
+  "contemplating the void...",
+  "this spot is mine now",
+  "do not disturb. cat at work",
+  "I could move. but why",
+  "every pixel is a potential nap spot",
+  "hooman scroll too much",
+  "loading personality... 12%",
+  "technically I'm working",
+  "I'm not staring. I'm supervising",
+  "existential crisis in 3... 2...",
+  "local cat does nothing, is perfect",
+  "this is my emotional support pixel",
+  "I have opinions about your CSS",
+  "the internet is my territory",
+  "your scroll speed is offensive",
+  "have you tried turning it off and on again",
+  "I don't do mornings. or afternoons",
+  "this viewport could use more cat",
+  "meow means meow",
+  "I live here now. deal with it",
+  "my attention span is... oh look a pixel",
+  "human. hooman. same thing. irrelevant.",
+  "running on 1% battery and pure spite",
+  "I accept tribute in the form of attention"
+];
+const MOVING_MESSAGES = [
+  "stalking the cursor like it's prey",
+  "tiny hunter, big ambitions",
+  "tail up, confidence higher",
+  "pat pat pat — stealth engaged",
+  "whiskers first, questions later",
+  "almost caught it... almost",
+  "following my favorite hooman",
+  "zoomies (polite edition)",
+  "this carpet has excellent traction",
+  "ear twitch: target acquired",
+  "main character energy, four paws",
+  "excuse me, I'm busy chasing vibes",
+  "the dot moved, I moved — it's science",
+  "low crouch, high drama",
+  "slink mode: activated",
+  "padding along with purpose",
+  "if I fits, I sprints",
+  "practicing my runway walk",
+  "big stretch, bigger chase",
+  "focused. fluffy. unstoppable.",
+  "trotting toward mild chaos",
+  "pounce trajectory: instinct only",
+  "hunting the invisible red dot",
+  "catch me if you can (you can't)",
+  "left paw, right paw, repeat",
+  "look at me go!",
+  "I'm not lost, I'm exploring",
+  "on my way... eventually",
+  "they call it wandering, I call it art",
+  "my paws are doing their best"
+];
+const CIRCLE_LOOP_MESSAGES = [
+  "dizzy hooman detected",
+  "are we training for the Olympics",
+  "this is not a merry-go-round",
+  "pick a direction. any direction.",
+  "my inner ear is offended",
+  "stop orbiting me like a moon",
+  "you're making the room spin",
+  "that's enough circles for one day",
+  "I'm getting motion sickness up here",
+  "chasing your own tail much?",
+  "whiskers say: please stop the loop",
+  "clockwise, counter… pick one forever",
+  "the cursor is not a hula hoop",
+  "I can't settle on a nap with this chaos",
+  "tiny circles, big drama",
+  "you're stressing the carpet out",
+  "I'm a cat not a centrifuge",
+  "round and round we do NOT go",
+  "save some spins for the washing machine",
+  "my brain is doing donuts too now",
+  "vertical tail = concerned",
+  "this is a desk not a racetrack",
+  "I need a ginger snap for my tummy",
+  "hooman.exe has entered spin cycle",
+  "one lap was cute. this is a lot.",
+  "the red dot retired. you replaced it."
+];
+const SLEEPING_MESSAGES = [
+  "zzz...",
+  "five more minutes...",
+  "dreaming of fish",
+  "according to my calculations... nap time",
+  "nap.exe has stopped working",
+  "the mouse will wait. it always does",
+  "sleep is the best superpower",
+  "do not wake the cat",
+  "currently offline",
+  "battery at 2%",
+  "in a meeting (with my pillow)",
+  "auto-reply: gone fishing (in my dreams)",
+  "shhh... genius at rest",
+  "consciousness is overrated",
+  "nap-driven development",
+  "out of office until further notice",
+  "REM cycle in progress",
+  "do not disturb sign: activated",
+  "napping is my cardio",
+  "subconscious loading...",
+  "snore.wav playing",
+  "zoning out professionally",
+  "dreams: 100%, productivity: 0%",
+  "powered off. goodbye.",
+  "the pillow is winning"
+];
+const SCRATCHING_MESSAGES = [
+  "itchy spot right here",
+  "don't judge me",
+  "self-care is important",
+  "spa day!",
+  "found a speck... on me",
+  "adjusting the floof distribution",
+  "something tickled under the fur",
+  "scratching away a whole Tuesday",
+  "exfoliating like a pro",
+  "this is a feature not a bug"
+];
+const TIRED_MESSAGES = [
+  "I need a mass break",
+  "running on vibes and caffeine",
+  "can someone carry me",
+  "this is exhausting",
+  "why is the cursor so far",
+  "legs.exe needs an update",
+  "low power mode activated",
+  "I'm too pretty for this",
+  "yawn... where was I going",
+  "energy level: potato"
+];
+const WALL_SCRATCH_MESSAGES = [
+  "this wall has it coming",
+  "redecorating!",
+  "abstract art in progress",
+  "your walls needed texture",
+  "sharpening my claws for later",
+  "leaving my mark on this windowsill",
+  "vandalism? I call it expression",
+  "the wall started it",
+  "claiming this territory",
+  "I do my best work on walls"
+];
+const ALERT_MESSAGES = [
+  "what was that?!",
+  "I heard something!",
+  "ears: activated",
+  "threat level: probably nothing",
+  "investigating...",
+  "something moved!",
+  "on high alert!",
+  "defense mode engaged",
+  "my spidey senses are tingling",
+  "I swear I saw something"
+];
+const FREERUN_MESSAGES = [
+  "I don't follow rules ya silly hooman",
+  "corners are optional in my book",
+  "watch me ignore the floor plan",
+  "obstacles? you mean decorations?",
+  "rules are for dogs",
+  "I go where I please",
+  "your furniture layout is a suggestion",
+  "try to stop me hooman",
+  "boundaries are a social construct",
+  "I am the monarch of this room",
+  "shortcut time!",
+  "physics is optional... probably",
+  "forbidden spots taste better",
+  "you can't out-sneak a cat",
+  "slipping through impossible gaps",
+  "walls are just vertical carpets",
+  "catch me if you can",
+  "ghost mode: highly unsneaky",
+  "free roam, full drama"
+];
+const FREERUN_CHANCE = 0.06;
+const FREERUN_DURATION = 40;
+const DEFAULT_SPEED = 10;
+const DEFAULT_SCALE = 1;
+const DEFAULT_OPACITY = 1;
+const DEFAULT_ROTATION_AMOUNT = 15;
+const DEFAULT_IDLE_THRESHOLD_MS = 1e3;
+const DEFAULT_VOLUME = 0.5;
+const DEFAULT_BUBBLE_CHANCE = 0.5;
+const DEFAULT_FOLLOW_DISTANCE = 20;
+const DEFAULT_ANIMATION_SPEED = 1;
+const PET_MESSAGES = [
+  "purrrr",
+  "right there. yes. there.",
+  "you may continue",
+  "head scritches accepted",
+  "*slow blink*",
+  "best hooman"
+];
+const PET_SOUND_POOL = [
+  "/cat-sounds/Cat_purr1.ogg",
+  "/cat-sounds/Cat_purr2.ogg",
+  "/cat-sounds/Cat_purreow1.ogg"
+];
+const LASER_CATCH_POOL = ["/cat-sounds/Cat_eat1.ogg", "/cat-sounds/Cat_eat2.ogg"];
+const HISS_POOL = [
+  "/cat-sounds/Cat_hiss1.ogg",
+  "/cat-sounds/Cat_hiss2.ogg",
+  "/cat-sounds/Cat_hiss3.ogg"
+];
+const SOUND_POOLS = {
+  idle: [
+    "/cat-sounds/Cat_idle1.ogg",
+    "/cat-sounds/Cat_idle2.ogg",
+    "/cat-sounds/Cat_idle3.ogg",
+    "/cat-sounds/Cat_idle4.ogg"
+  ],
+  moving: [
+    "/cat-sounds/Cat_baby_ambient1.ogg",
+    "/cat-sounds/Cat_baby_ambient2.ogg",
+    "/cat-sounds/Cat_baby_ambient3.ogg",
+    "/cat-sounds/Cat_baby_ambient4.ogg",
+    "/cat-sounds/Cat_baby_ambient5.ogg",
+    "/cat-sounds/Cat_baby_ambient6.ogg",
+    "/cat-sounds/Cat_baby_ambient7.ogg"
+  ],
+  sleeping: ["/cat-sounds/Cat_purr1.ogg", "/cat-sounds/Cat_purr2.ogg", "/cat-sounds/Cat_purr3.ogg"],
+  scratchSelf: ["/cat-sounds/Cat_beg1.ogg", "/cat-sounds/Cat_beg2.ogg", "/cat-sounds/Cat_beg3.ogg"],
+  scratchWallN: HISS_POOL,
+  scratchWallS: HISS_POOL,
+  scratchWallE: HISS_POOL,
+  scratchWallW: HISS_POOL,
+  tired: ["/cat-sounds/Cat_purreow1.ogg", "/cat-sounds/Cat_purreow2.ogg"],
+  freerun: [
+    "/cat-sounds/Cat_royal_ambient1.ogg",
+    "/cat-sounds/Cat_royal_ambient2.ogg",
+    "/cat-sounds/Cat_royal_ambient3.ogg",
+    "/cat-sounds/Cat_royal_ambient4.ogg",
+    "/cat-sounds/Cat_royal_ambient5.ogg",
+    "/cat-sounds/Cat_royal_ambient6.ogg"
+  ],
+  alert: [
+    "/cat-sounds/Stray_cat_idle1.ogg",
+    "/cat-sounds/Stray_cat_idle2.ogg",
+    "/cat-sounds/Stray_cat_idle3.ogg",
+    "/cat-sounds/Stray_cat_idle4.ogg"
+  ]
+};
+const KONAMI_SEQUENCE = [
+  "ArrowUp",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowLeft",
+  "ArrowRight",
+  "KeyB",
+  "KeyA"
+];
+const KONAMI_TARGET = KONAMI_SEQUENCE.join(",");
+const DIRECTION_RANGES = [
+  { min: -22.5, max: 22.5, dir: "E" },
+  { min: 22.5, max: 67.5, dir: "SE" },
+  { min: 67.5, max: 112.5, dir: "S" },
+  { min: 112.5, max: 157.5, dir: "SW" },
+  { min: -157.5, max: -112.5, dir: "NW" },
+  { min: -112.5, max: -67.5, dir: "N" },
+  { min: -67.5, max: -22.5, dir: "NE" }
+];
+const NEIGHBOR_OFFSETS = [
+  [-1, 0, 1],
+  [1, 0, 1],
+  [0, -1, 1],
+  [0, 1, 1],
+  [-1, -1, Math.SQRT2],
+  [-1, 1, Math.SQRT2],
+  [1, -1, Math.SQRT2],
+  [1, 1, Math.SQRT2]
+];
+const defaultSpriteSets = {
+  idle: [[-3, -3]],
+  alert: [[-7, -3]],
+  scratchSelf: [
+    [-5, 0],
+    [-6, 0],
+    [-7, 0]
+  ],
+  scratchWallN: [
+    [0, 0],
+    [0, -1]
+  ],
+  scratchWallS: [
+    [-7, -1],
+    [-6, -2]
+  ],
+  scratchWallE: [
+    [-2, -2],
+    [-2, -3]
+  ],
+  scratchWallW: [
+    [-4, 0],
+    [-4, -1]
+  ],
+  tired: [[-3, -2]],
+  sleeping: [
+    [-2, 0],
+    [-2, -1]
+  ],
+  N: [
+    [-1, -2],
+    [-1, -3]
+  ],
+  NE: [
+    [0, -2],
+    [0, -3]
+  ],
+  E: [
+    [-3, 0],
+    [-3, -1]
+  ],
+  SE: [
+    [-5, -1],
+    [-5, -2]
+  ],
+  S: [
+    [-6, -3],
+    [-7, -2]
+  ],
+  SW: [
+    [-5, -3],
+    [-6, -1]
+  ],
+  W: [
+    [-4, -2],
+    [-4, -3]
+  ],
+  NW: [
+    [-1, 0],
+    [-1, -1]
+  ]
+};
+const IDLE_ANIMATION_DURATIONS = {
+  sleeping: 80,
+  scratchSelf: 24,
+  tired: 40,
+  scratchWallN: 24,
+  scratchWallS: 24,
+  scratchWallE: 24,
+  scratchWallW: 24
+};
+const debugColor = {
+  panelBg: "color-mix(in srgb, var(--background) 88%, transparent)",
+  panelBorder: "color-mix(in srgb, var(--border) 70%, transparent)",
+  panelText: "var(--foreground)",
+  panelSubtle: "var(--muted-foreground)",
+  controlBg: "color-mix(in srgb, var(--muted) 72%, transparent)",
+  controlBorder: "var(--border)",
+  accent: "var(--ring)",
+  accentStrong: "var(--primary)",
+  danger: "var(--destructive)",
+  dangerSoft: "color-mix(in srgb, var(--destructive) 30%, transparent)",
+  trail: "color-mix(in srgb, var(--ring) 60%, transparent)",
+  trailDot: "color-mix(in srgb, var(--ring) 76%, transparent)",
+  gridStroke: "color-mix(in srgb, var(--muted-foreground) 18%, transparent)"
+};
+const DEFAULT_POSITION = {
+  x: typeof window !== "undefined" ? window.innerWidth / 2 : 512,
+  y: typeof window !== "undefined" ? window.innerHeight / 2 : 384
+};
+const ONEKO_DEFAULTS = {
+  paused: false,
+  followCursor: true,
+  sleepEnabled: true,
+  bubblePlacement: "auto",
+  bubbleScale: 1,
+  soundBasePath: "/cat-sounds",
+  storageKey: "oneko",
+  zoneAttractionChance: 0.3,
+  zoneAttractionDuration: 4e3,
+  skin: "classic",
+  persistPosition: true,
+  reducedMotion: "hide",
+  zIndex: DEFAULT_Z_INDEX,
+  speed: DEFAULT_SPEED,
+  scale: DEFAULT_SCALE,
+  opacity: DEFAULT_OPACITY,
+  rotationAmount: DEFAULT_ROTATION_AMOUNT,
+  idleThreshold: DEFAULT_IDLE_THRESHOLD_MS,
+  meow: false,
+  freerunChance: FREERUN_CHANCE,
+  freerunDuration: FREERUN_DURATION,
+  bubbleEnabled: true,
+  bubbleDisplayFrames: BUBBLE_DISPLAY_FRAMES,
+  bubbleCooldown: BUBBLE_COOLDOWN_FRAMES,
+  hueRotate: 0,
+  bubbleChance: DEFAULT_BUBBLE_CHANCE,
+  followDistance: DEFAULT_FOLLOW_DISTANCE,
+  animationSpeed: DEFAULT_ANIMATION_SPEED,
+  bubbleText: "",
+  volume: DEFAULT_VOLUME,
+  laserPointer: false,
+  chase: "cursor",
+  napWhileTyping: false,
+  followFocus: false,
+  perchOnHover: false,
+  pettable: false
+};
+function isValidRect(rect) {
+  return Object.values(rect).every(Number.isFinite) && rect.right > rect.left && rect.bottom > rect.top;
+}
+function expandRect(rect, padding) {
+  return {
+    left: rect.left - padding,
+    top: rect.top - padding,
+    right: rect.right + padding,
+    bottom: rect.bottom + padding
+  };
+}
+function containsPoint(rect, point) {
+  return point.x > rect.left && point.x < rect.right && point.y > rect.top && point.y < rect.bottom;
+}
+function catZoneRadius(scale) {
+  return TILE / 2 * Math.max(0.1, Number.isFinite(scale) ? scale : 1) * Math.SQRT2 + 1;
+}
+const elementIds = /* @__PURE__ */ new WeakMap();
+let nextElementId = 0;
+function zoneElementId(element) {
+  if (!elementIds.has(element)) elementIds.set(element, ++nextElementId);
+  return elementIds.get(element);
+}
+function collectZones(zones) {
+  const result = [];
+  const add = (id, type, rect, padding = 0) => {
+    if (!isValidRect(rect)) return;
+    const extra = Number.isFinite(padding) ? Math.max(0, padding) : 0;
+    result.push({ id, type, rect: expandRect(rect, type === "avoid" ? extra : 0) });
+  };
+  const addElement = (id, type, element, padding = 0) => {
+    const style = getComputedStyle(element);
+    if (style.visibility === "hidden" || style.display === "none") return;
+    const { left, top, right, bottom } = element.getBoundingClientRect();
+    add(id, type, { left, top, right, bottom }, padding);
+  };
+  for (const zone of zones) {
+    if (zone.type !== "avoid" && zone.type !== "attract") continue;
+    if (zone.selector) {
+      try {
+        document.querySelectorAll(zone.selector).forEach(
+          (element) => addElement(`${zone.id}:${zoneElementId(element)}`, zone.type, element, zone.padding)
+        );
+      } catch {
+      }
+    } else if (zone.rect) add(zone.id, zone.type, zone.rect, zone.padding);
+  }
+  document.querySelectorAll('[data-oneko-zone="avoid"], [data-oneko-zone="attract"]').forEach((element) => {
+    addElement(
+      `data-zone:${zoneElementId(element)}`,
+      element.getAttribute("data-oneko-zone"),
+      element
+    );
+  });
+  return result;
+}
+function nearestSafePoint(point, blocked, width, height, margin) {
+  if (width < margin * 2 || height < margin * 2) return null;
+  const clampX = (x) => Math.max(margin, Math.min(width - margin, x));
+  const clampY = (y) => Math.max(margin, Math.min(height - margin, y));
+  const origin = { x: clampX(point.x), y: clampY(point.y) };
+  if (!blocked.some((rect) => containsPoint(rect, origin))) return origin;
+  const xs = [
+    origin.x,
+    margin,
+    width - margin,
+    ...blocked.flatMap((rect) => [rect.left, rect.right])
+  ].map(clampX);
+  const ys = [
+    origin.y,
+    margin,
+    height - margin,
+    ...blocked.flatMap((rect) => [rect.top, rect.bottom])
+  ].map(clampY);
+  let closest = null;
+  let distance = Infinity;
+  for (const x of xs)
+    for (const y of ys) {
+      const candidate = { x, y };
+      if (blocked.some((rect) => containsPoint(rect, candidate))) continue;
+      const nextDistance = Math.hypot(x - point.x, y - point.y);
+      if (nextDistance < distance) {
+        distance = nextDistance;
+        closest = candidate;
+      }
+    }
+  return closest;
+}
+function constrainZoneMovement(from, to, blocked) {
+  let limit = 1;
+  const dx = to.x - from.x, dy = to.y - from.y;
+  for (const rect of blocked) {
+    let enter = -Infinity, leave = Infinity;
+    let misses = false;
+    for (const [position, delta, min, max] of [
+      [from.x, dx, rect.left, rect.right],
+      [from.y, dy, rect.top, rect.bottom]
+    ]) {
+      if (Math.abs(delta) < 1e-9) {
+        if (position <= min || position >= max) {
+          misses = true;
+          break;
+        }
+      } else {
+        const a = (min - position) / delta, b = (max - position) / delta;
+        enter = Math.max(enter, Math.min(a, b));
+        leave = Math.min(leave, Math.max(a, b));
+      }
+    }
+    if (!misses && enter < leave && leave > 0 && enter >= 0 && enter < limit)
+      limit = Math.max(0, enter - 1e-3);
+  }
+  return { x: from.x + dx * limit, y: from.y + dy * limit };
+}
+const EMPTY_ZONES = [];
+function createZoneState() {
+  return {
+    definitions: EMPTY_ZONES,
+    blocked: [],
+    favorites: [],
+    signature: "",
+    targetId: null,
+    visitFrames: 0,
+    cooldownFrames: 50,
+    chance: 0.3,
+    duration: 40,
+    movementTarget: { x: 0, y: 0 }
+  };
+}
+function refreshZones(deps) {
+  const s = deps.stateRef.current, zones = s.zoneState;
+  const resolved = collectZones(zones.definitions);
+  const radius = catZoneRadius(s.scale);
+  const signature = JSON.stringify([resolved, radius]);
+  if (signature !== zones.signature) {
+    zones.signature = signature;
+    zones.blocked = resolved.filter((zone) => zone.type === "avoid").map((zone) => expandRect(zone.rect, radius));
+    zones.favorites = resolved.filter((zone) => zone.type === "attract");
+    s.lastObstacleRefresh = -OBSTACLE_INTERVAL;
+    s.lastPathRecalcFrame = -PATH_RECALC_INTERVAL;
+  }
+  if (!zones.blocked.length) {
+    deps.el.style.visibility = "";
+    deps.bubbleEl.style.visibility = "";
+    return true;
+  }
+  const safe = nearestSafePoint(
+    { x: s.nekoPosX, y: s.nekoPosY },
+    zones.blocked,
+    window.innerWidth,
+    window.innerHeight,
+    radius
+  );
+  deps.el.style.visibility = safe ? "" : "hidden";
+  deps.bubbleEl.style.visibility = safe ? "" : "hidden";
+  if (!safe) {
+    s.nekoVelX = 0;
+    s.nekoVelY = 0;
+    return false;
+  }
+  if (safe.x !== s.nekoPosX || safe.y !== s.nekoPosY) {
+    s.nekoPosX = safe.x;
+    s.nekoPosY = safe.y;
+    s.nekoVelX = 0;
+    s.nekoVelY = 0;
+    deps.el.style.left = `${safe.x - TILE / 2}px`;
+    deps.el.style.top = `${safe.y - TILE / 2}px`;
+    s.lastPathRecalcFrame = -PATH_RECALC_INTERVAL;
+  }
+  return true;
+}
+function updateZoneTarget(s, width, height, random = Math.random) {
+  const zones = s.zoneState;
+  const oldId = zones.targetId;
+  const radius = catZoneRadius(s.scale);
+  const favorites = zones.favorites.filter((zone) => {
+    const point = {
+      x: (zone.rect.left + zone.rect.right) / 2,
+      y: (zone.rect.top + zone.rect.bottom) / 2
+    };
+    return point.x >= radius && point.x <= width - radius && point.y >= radius && point.y <= height - radius && !zones.blocked.some((rect) => containsPoint(rect, point));
+  });
+  if (!s.followCursorCfg || s.laserPointerCfg || s.noFollow || s.stateLocked || zones.chance === 0) {
+    zones.targetId = null;
+    zones.visitFrames = 0;
+    zones.cooldownFrames = 50;
+  } else if (zones.targetId) {
+    zones.visitFrames--;
+    if (zones.visitFrames <= 0 || !favorites.some((zone) => zone.id === zones.targetId)) {
+      zones.targetId = null;
+      zones.cooldownFrames = 80;
+    }
+  } else if (--zones.cooldownFrames <= 0) {
+    zones.cooldownFrames = 50;
+    if (favorites.length && random() < zones.chance) {
+      const index = Math.min(favorites.length - 1, Math.floor(random() * favorites.length));
+      zones.targetId = favorites[index].id;
+      zones.visitFrames = zones.duration;
+    }
+  }
+  const favorite = favorites.find((zone) => zone.id === zones.targetId);
+  const desired = !s.followCursorCfg || s.typingNap || s.held ? { x: s.nekoPosX, y: s.nekoPosY } : s.perchTarget ?? (favorite ? {
+    x: (favorite.rect.left + favorite.rect.right) / 2,
+    y: (favorite.rect.top + favorite.rect.bottom) / 2
+  } : s.leaderTarget ?? { x: s.mousePosX, y: s.mousePosY });
+  zones.movementTarget = zones.blocked.length ? nearestSafePoint(desired, zones.blocked, width, height, radius) ?? {
+    x: s.nekoPosX,
+    y: s.nekoPosY
+  } : desired;
+  if (oldId !== zones.targetId) s.lastPathRecalcFrame = -PATH_RECALC_INTERVAL;
+}
+function pickFromPool(deps, pool) {
+  const s = deps.stateRef.current;
+  let idx = Math.floor(Math.random() * pool.length);
+  if (idx === s.lastBubbleMsg) {
+    idx = (idx + 1) % pool.length;
+  }
+  s.lastBubbleMsg = idx;
+  return pool[idx];
+}
+function messageForIdleAnimation(deps) {
+  const s = deps.stateRef.current;
+  if (s.idleAnimation === "sleeping") {
+    return pickFromPool(deps, SLEEPING_MESSAGES);
+  }
+  if (typeof s.customBubbleText === "string") {
+    if (s.customBubbleText.trim()) return s.customBubbleText;
+  } else {
+    const thoughts = [...new Set(s.customBubbleText.filter((text) => text.trim()))];
+    if (thoughts.length) return pickFromPool(deps, thoughts);
+  }
+  if (s.idleAnimation === "tired") {
+    return pickFromPool(deps, TIRED_MESSAGES);
+  }
+  if (s.idleAnimation === "scratchSelf") {
+    return pickFromPool(deps, SCRATCHING_MESSAGES);
+  }
+  if (s.idleAnimation === "alert") {
+    return pickFromPool(deps, ALERT_MESSAGES);
+  }
+  if (s.idleAnimation?.startsWith("scratchWall")) {
+    return pickFromPool(deps, WALL_SCRATCH_MESSAGES);
+  }
+  return void 0;
+}
+function messageForActivity(deps) {
+  const s = deps.stateRef.current;
+  const idleAnimationMessage = messageForIdleAnimation(deps);
+  if (idleAnimationMessage) {
+    return idleAnimationMessage;
+  }
+  if (s.idleTime > 0) {
+    return pickFromPool(deps, IDLE_MESSAGES);
+  }
+  if (Math.abs(s.mouseCircleWinding) >= MOUSE_LOOP_WINDING_TRIGGER) {
+    return pickFromPool(deps, CIRCLE_LOOP_MESSAGES);
+  }
+  return pickFromPool(deps, MOVING_MESSAGES);
+}
+function pickBubbleMessage(deps) {
+  return messageForActivity(deps);
+}
+function showBubble(deps) {
+  const s = deps.stateRef.current;
+  s.bubbleVisible = true;
+  s.bubbleTimer = s.bubbleDisplayFramesCfg;
+  deps.bubbleTextEl.textContent = pickBubbleMessage(deps);
+  deps.bubbleEl.style.opacity = "1";
+}
+function hideBubble(deps) {
+  const s = deps.stateRef.current;
+  s.bubbleVisible = false;
+  deps.bubbleEl.style.opacity = "0";
+  s.bubbleCooldown = s.bubbleCooldownFramesCfg;
+}
+function applyBubblePlacement(deps, showBelow) {
+  deps.bubbleEl.style.transformOrigin = "top center";
+  deps.bubbleEl.style.flexDirection = showBelow ? "column-reverse" : "column";
+  deps.bubbleTail.style.cssText = showBelow ? "transform:scaleY(-1);margin-top:0;margin-bottom:-2px;" : "transform:none;margin-top:-2px;margin-bottom:0;";
+}
+function positionBubble(deps) {
+  const s = deps.stateRef.current;
+  const catX = Math.floor(s.nekoPosX);
+  const catY = Math.floor(s.nekoPosY);
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  const bubbleW = deps.bubbleEl.offsetWidth || deps.bubbleTextEl.offsetWidth || 100;
+  const bubbleH = deps.bubbleEl.offsetHeight || 34;
+  const bubbleScale = s.scale * s.bubbleScaleCfg;
+  const margin = 6;
+  const halfCat = TILE * s.scale / 2;
+  const aboveY = Math.floor(catY - halfCat - 8 - bubbleH * bubbleScale);
+  const belowY = Math.floor(catY + halfCat + 8);
+  const showBelow = s.bubblePlacementCfg === "below" || s.bubblePlacementCfg === "auto" && aboveY < margin && catY < vh / 2;
+  const top = Math.max(
+    margin,
+    Math.min(vh - margin - bubbleH * bubbleScale, showBelow ? belowY : aboveY)
+  );
+  deps.bubbleEl.style.top = `${Math.round(top)}px`;
+  deps.bubbleEl.style.transform = `translateX(-50%) scale(${bubbleScale})`;
+  applyBubblePlacement(deps, showBelow);
+  const halfBubble = bubbleW * bubbleScale / 2;
+  let left = catX;
+  if (halfBubble * 2 > vw - margin * 2) {
+    left = vw / 2;
+  } else if (catX - halfBubble < margin) {
+    left = margin + halfBubble;
+  } else if (catX + halfBubble > vw - margin) {
+    left = vw - margin - halfBubble;
+  }
+  deps.bubbleEl.style.left = `${Math.round(left)}px`;
+}
+function tickVisibleBubble(deps) {
+  const s = deps.stateRef.current;
+  s.bubbleTimer -= 1;
+  if (s.bubbleTimer <= 0) {
+    hideBubble(deps);
+  }
+}
+function tickBubbleCooldown(deps) {
+  deps.stateRef.current.bubbleCooldown -= 1;
+}
+function shouldTriggerBubble(deps) {
+  const s = deps.stateRef.current;
+  const idleFrameThreshold2 = Math.max(1, Math.round(s.idleThresholdMs / 100));
+  const idleRate = s.bubbleChanceCfg * 0.16;
+  const moveRate = s.bubbleChanceCfg * 0.01;
+  const loopW = Math.abs(s.mouseCircleWinding);
+  const loopComplaining = s.idleTime === 0 && loopW >= MOUSE_LOOP_WINDING_TRIGGER;
+  const moveRateBoost = loopComplaining ? 4.2 : 1;
+  if (s.idleTime > idleFrameThreshold2 && Math.random() < idleRate) {
+    return true;
+  }
+  return s.idleTime === 0 && Math.random() < moveRate * moveRateBoost;
+}
+function updateBubble(deps) {
+  const s = deps.stateRef.current;
+  if (!s.bubbleEnabledCfg) {
+    if (s.bubbleVisible) {
+      hideBubble(deps);
+    }
+    return;
+  }
+  positionBubble(deps);
+  if (s.bubbleVisible) {
+    tickVisibleBubble(deps);
+    return;
+  }
+  if (s.bubbleCooldown > 0) {
+    tickBubbleCooldown(deps);
+    return;
+  }
+  if (shouldTriggerBubble(deps)) {
+    showBubble(deps);
+  }
+}
+const pack = [];
+const firstSeen = /* @__PURE__ */ new WeakMap();
+let arrivals = 0;
+function joinPack(state) {
+  if (!firstSeen.has(state)) firstSeen.set(state, arrivals++);
+  if (!pack.includes(state)) {
+    pack.push(state);
+    pack.sort((a, b) => firstSeen.get(a) - firstSeen.get(b));
+  }
+  return () => {
+    const index = pack.indexOf(state);
+    if (index !== -1) pack.splice(index, 1);
+    for (const cat of pack) cat.leaderTarget = null;
+  };
+}
+function leaderPosition(state) {
+  if (state.chaseCfg !== "cat") return null;
+  const leader = pack[pack.indexOf(state) - 1];
+  return leader ? { x: leader.nekoPosX, y: leader.nekoPosY } : null;
+}
+function napmateNearby(state) {
+  const reach = TILE * Math.max(1, state.scale) * 2;
+  return pack.some(
+    (cat) => cat !== state && cat.idleAnimation === "sleeping" && Math.hypot(cat.nekoPosX - state.nekoPosX, cat.nekoPosY - state.nekoPosY) < reach
+  );
+}
+const HIDDEN_STORAGE_KEY = "oneko:hidden";
+const HIDDEN_EVENT = "oneko:hiddenchange";
+let hiddenWithoutStorage = false;
+function areCatsHidden() {
+  try {
+    return localStorage.getItem(HIDDEN_STORAGE_KEY) === "1";
+  } catch {
+    return hiddenWithoutStorage;
+  }
+}
+function setCatsHidden(hidden) {
+  hiddenWithoutStorage = hidden;
+  try {
+    if (hidden) localStorage.setItem(HIDDEN_STORAGE_KEY, "1");
+    else localStorage.removeItem(HIDDEN_STORAGE_KEY);
+  } catch {
+  }
+  window.dispatchEvent(new CustomEvent(HIDDEN_EVENT, { detail: { hidden } }));
+}
+function onCatsHiddenChange(callback) {
+  const onStorage = (event) => {
+    if (event.key === HIDDEN_STORAGE_KEY || event.key === null) callback();
+  };
+  window.addEventListener(HIDDEN_EVENT, callback);
+  window.addEventListener("storage", onStorage);
+  return () => {
+    window.removeEventListener(HIDDEN_EVENT, callback);
+    window.removeEventListener("storage", onStorage);
+  };
+}
+function getActivityLabel(deps) {
+  const s = deps.stateRef.current;
+  if (s.freerunMode) {
+    return "freerun";
+  }
+  if (s.idleAnimation === "sleeping") {
+    return "sleeping";
+  }
+  if (s.idleAnimation) {
+    return s.idleAnimation;
+  }
+  if (s.idleTime > 0) {
+    return "idle";
+  }
+  return "moving";
+}
+function getBubbleStatus(s) {
+  if (s.bubbleVisible) {
+    return "showing";
+  }
+  if (s.bubbleCooldown > 0) {
+    return `cd ${s.bubbleCooldown}f`;
+  }
+  return "ready";
+}
+function playSound(deps, pool) {
+  const s = deps.stateRef.current;
+  if (!s.enableMeow || s.soundCooldown > 0 || pool.length === 0) return;
+  const url = pool[Math.floor(Math.random() * pool.length)];
+  const filename = url.slice(url.lastIndexOf("/") + 1);
+  const audio = new Audio(`${s.soundBasePathCfg}/${filename}`);
+  audio.volume = s.soundVolumeCfg;
+  s.soundCooldown = 20;
+  audio.play().catch(() => {
+    s.soundCooldown = 0;
+  });
+}
+const PERCH_SELECTOR = "a[href],button,[role='button'],[data-oneko-perch]";
+const PERCH_DELAY_MS = 700;
+const NOT_TYPED_INPUTS = /* @__PURE__ */ new Set([
+  "button",
+  "checkbox",
+  "color",
+  "file",
+  "image",
+  "radio",
+  "range",
+  "reset",
+  "submit"
+]);
+function stopDistance(s) {
+  if (s.perchTarget) return Math.min(s.followDistanceCfg, 8);
+  if (s.leaderTarget) return Math.max(s.followDistanceCfg, TILE * s.scale);
+  return s.followDistanceCfg;
+}
+function tickAttention(deps) {
+  const s = deps.stateRef.current;
+  s.leaderTarget = leaderPosition(s);
+  if (s.typingNap && s.sleepEnabledCfg && s.idleAnimation !== "sleeping") {
+    s.freerunMode = false;
+    s.idleAnimation = "sleeping";
+    s.idleAnimationFrame = 0;
+    s.idleTime = Math.max(s.idleTime, 1);
+  }
+}
+function isTypingTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.isContentEditable || target instanceof HTMLTextAreaElement) return true;
+  return target instanceof HTMLInputElement && !NOT_TYPED_INPUTS.has(target.type);
+}
+function isTypingKey(event) {
+  if (event.ctrlKey || event.metaKey || event.altKey) return false;
+  return event.key.length === 1 || event.key === "Backspace" || event.key === "Delete";
+}
+function matchesFocusVisible(el) {
+  try {
+    return el.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+function watchPage(deps) {
+  const s = () => deps.stateRef.current;
+  let perchTimer;
+  let napAt = null;
+  const onKeyDown = (event) => {
+    const state = s();
+    if (!state.napWhileTypingCfg || !isTypingTarget(event.target) || !isTypingKey(event)) return;
+    state.typingNap = true;
+    state.perchTarget = null;
+    napAt = { x: state.mousePosX, y: state.mousePosY };
+  };
+  const onMouseMove = (event) => {
+    const state = s();
+    if (state.typingNap && (!napAt || Math.hypot(event.clientX - napAt.x, event.clientY - napAt.y) > 4)) {
+      state.typingNap = false;
+    }
+    state.perchTarget = null;
+    clearTimeout(perchTimer);
+    if (!state.perchOnHoverCfg) return;
+    const { clientX: x, clientY: y } = event;
+    perchTimer = setTimeout(() => {
+      const current = s();
+      const target = document.elementFromPoint(x, y)?.closest(PERCH_SELECTOR);
+      if (!current.perchOnHoverCfg || !target || target === deps.el) return;
+      const rect = target.getBoundingClientRect();
+      if (rect.width === 0 || rect.width > window.innerWidth * 0.6) return;
+      current.perchTarget = {
+        x: rect.left + rect.width / 2,
+        y: Math.max(16, rect.top - TILE * current.scale / 2 + 4)
+      };
+    }, PERCH_DELAY_MS);
+  };
+  const onFocusIn = (event) => {
+    const state = s();
+    const target = event.target;
+    if (!state.followFocusCfg || !(target instanceof Element) || target === deps.el) return;
+    if (!matchesFocusVisible(target)) return;
+    const rect = target.getBoundingClientRect();
+    const reach = TILE * state.scale / 2 + 8;
+    const below = rect.bottom + reach;
+    state.mousePosX = Math.min(window.innerWidth - 16, Math.max(16, rect.left + rect.width / 2));
+    state.mousePosY = below < window.innerHeight - 16 ? below : Math.max(16, rect.top - reach);
+    state.perchTarget = null;
+  };
+  const onScroll = () => {
+    s().perchTarget = null;
+  };
+  document.addEventListener("keydown", onKeyDown, true);
+  document.addEventListener("mousemove", onMouseMove);
+  document.addEventListener("focusin", onFocusIn);
+  window.addEventListener("scroll", onScroll, { passive: true });
+  return () => {
+    clearTimeout(perchTimer);
+    document.removeEventListener("keydown", onKeyDown, true);
+    document.removeEventListener("mousemove", onMouseMove);
+    document.removeEventListener("focusin", onFocusIn);
+    window.removeEventListener("scroll", onScroll);
+    const state = s();
+    state.typingNap = false;
+    state.perchTarget = null;
+    state.held = false;
+  };
+}
+const VISUALLY_HIDDEN = "position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap";
+function makePettable(deps) {
+  const { el } = deps;
+  const announcer = document.createElement("span");
+  announcer.setAttribute("aria-live", "polite");
+  announcer.style.cssText = VISUALLY_HIDDEN;
+  el.appendChild(announcer);
+  el.removeAttribute("aria-hidden");
+  el.setAttribute("role", "button");
+  el.setAttribute("aria-label", "Pet the cat");
+  el.tabIndex = 0;
+  let pets = 0;
+  const onFocus = () => {
+    deps.stateRef.current.held = true;
+    if (matchesFocusVisible(el)) {
+      el.style.outline = "2px solid var(--ring, Highlight)";
+      el.style.outlineOffset = "2px";
+    }
+  };
+  const onBlur = () => {
+    deps.stateRef.current.held = false;
+    el.style.outline = "";
+  };
+  const onKeyDown = (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    if (!event.repeat) pet();
+  };
+  const pet = () => {
+    const s = deps.stateRef.current;
+    s.typingNap = false;
+    s.freerunMode = false;
+    s.idleAnimation = null;
+    s.idleAnimationFrame = 0;
+    s.idleTime = Math.max(s.idleTime, 1);
+    if (s.bubbleEnabledCfg) {
+      s.bubbleVisible = true;
+      s.bubbleTimer = s.bubbleDisplayFramesCfg;
+      deps.bubbleTextEl.textContent = pickFromPool(deps, PET_MESSAGES);
+      deps.bubbleEl.style.opacity = "1";
+    }
+    playSound(deps, PET_SOUND_POOL);
+    announcer.textContent = ++pets % 2 ? "The cat purrs." : "The cat purrs happily.";
+  };
+  el.addEventListener("focus", onFocus);
+  el.addEventListener("blur", onBlur);
+  el.addEventListener("keydown", onKeyDown);
+  return () => {
+    el.removeEventListener("focus", onFocus);
+    el.removeEventListener("blur", onBlur);
+    el.removeEventListener("keydown", onKeyDown);
+    announcer.remove();
+    deps.stateRef.current.held = false;
+  };
+}
+const SVG_NS$1 = "http://www.w3.org/2000/svg";
+function clearSVGGroup(deps, id) {
+  const group = deps.debugSVG.querySelector(`#${id}`);
+  if (group) {
+    group.innerHTML = "";
+  }
+}
+function updateBlockedCells(deps, grid, cols, rows) {
+  const group = deps.debugSVG.querySelector("#oneko-blocked");
+  if (!group) {
+    return;
+  }
+  group.innerHTML = "";
+  for (let r = 0; r < rows; r++) {
+    for (let c = 0; c < cols; c++) {
+      if (grid[r * cols + c] === 1) {
+        const rect = document.createElementNS(SVG_NS$1, "rect");
+        rect.setAttribute("x", String(c * CELL_SIZE + 0.5));
+        rect.setAttribute("y", String(r * CELL_SIZE + 0.5));
+        rect.setAttribute("width", String(CELL_SIZE - 1));
+        rect.setAttribute("height", String(CELL_SIZE - 1));
+        rect.setAttribute("fill", "none");
+        rect.setAttribute("stroke", debugColor.dangerSoft);
+        rect.setAttribute("stroke-width", "0.5");
+        group.appendChild(rect);
+      }
+    }
+  }
+}
+function updateObstacleOutlines(deps, rects) {
+  const group = deps.debugSVG.querySelector("#oneko-obstacles");
+  if (!group) {
+    return;
+  }
+  group.innerHTML = "";
+  for (const r of rects) {
+    const rect = document.createElementNS(SVG_NS$1, "rect");
+    rect.setAttribute("x", String(r.left));
+    rect.setAttribute("y", String(r.top));
+    rect.setAttribute("width", String(r.right - r.left));
+    rect.setAttribute("height", String(r.bottom - r.top));
+    rect.setAttribute("fill", "none");
+    rect.setAttribute("stroke", debugColor.dangerSoft);
+    rect.setAttribute("stroke-width", "0.5");
+    rect.setAttribute("stroke-dasharray", "3 3");
+    group.appendChild(rect);
+  }
+}
+function updateDebugPath(deps, path, catX, catY) {
+  const group = deps.debugSVG.querySelector("#oneko-path");
+  if (!group) {
+    return;
+  }
+  group.innerHTML = "";
+  if (path.length === 0) {
+    return;
+  }
+  const points = `${catX},${catY} ${path.map((p) => `${p.x},${p.y}`).join(" ")}`;
+  const line = document.createElementNS(SVG_NS$1, "polyline");
+  line.setAttribute("points", points);
+  line.setAttribute("fill", "none");
+  line.setAttribute("stroke", debugColor.trail);
+  line.setAttribute("stroke-width", "1.5");
+  line.style.transition = "all 0.15s ease";
+  group.appendChild(line);
+  for (const pt of path) {
+    const dot = document.createElementNS(SVG_NS$1, "circle");
+    dot.setAttribute("cx", String(pt.x));
+    dot.setAttribute("cy", String(pt.y));
+    dot.setAttribute("r", "2");
+    dot.setAttribute("fill", debugColor.trailDot);
+    group.appendChild(dot);
+  }
+}
+function updateDebugHUD(deps) {
+  const s = deps.stateRef.current;
+  const activity = getActivityLabel(deps);
+  const stateColor = s.freerunMode ? debugColor.danger : debugColor.accent;
+  const td = "padding:1px 0;";
+  const labelTd = `${td}font-weight:bold;color:${debugColor.panelSubtle};padding-right:12px;`;
+  const valueTd = `${td}text-align:right;`;
+  const row = (label, value, color) => {
+    const valStyle = color ? `${valueTd}color:${color}` : valueTd;
+    return `<tr><td style="${labelTd}">${label}</td><td style="${valStyle}">${value}</td></tr>`;
+  };
+  const speed = Math.hypot(s.nekoVelX, s.nekoVelY);
+  const distToMouse = Math.hypot(s.mousePosX - s.nekoPosX, s.mousePosY - s.nekoPosY);
+  deps.debugHUD.innerHTML = `<table style="border-collapse:collapse;width:100%">${[
+    row("state", activity, stateColor),
+    row("pos", `${Math.round(s.nekoPosX)}, ${Math.round(s.nekoPosY)}`),
+    row("vel", `${s.nekoVelX.toFixed(1)}, ${s.nekoVelY.toFixed(1)}`),
+    row("speed", speed.toFixed(1)),
+    row("target", `${Math.round(s.mousePosX)}, ${Math.round(s.mousePosY)}`),
+    row("dist", `${Math.round(distToMouse)}px`),
+    row("idle", `${s.idleTime}f`),
+    row("frame", `${s.frameCount}`),
+    row("trail", `${s.currentPath.length} pts`),
+    row("step", `${s.pathWaypointIdx}/${s.currentPath.length}`),
+    row("obstacles", `${s.obstacleRects.length}`),
+    row("grid", `${s.gridCols} x ${s.gridRows}`),
+    row("freerun", s.freerunMode ? `${s.freerunTimer}f left` : "off"),
+    row("bubble", getBubbleStatus(s))
+  ].join("")}</table>`;
+}
+function createDebugRenderer(deps) {
+  let lastBlockedGrid = null;
+  const renderDebug = () => {
+    const s = deps.stateRef.current;
+    if (s.grid !== lastBlockedGrid) {
+      lastBlockedGrid = s.grid;
+      if (s.grid) {
+        updateBlockedCells(deps, s.grid, s.gridCols, s.gridRows);
+      } else {
+        clearSVGGroup(deps, "oneko-blocked");
+      }
+      updateObstacleOutlines(deps, s.obstacleRects);
+    }
+    updateDebugPath(deps, s.currentPath, s.nekoPosX, s.nekoPosY);
+    updateDebugHUD(deps);
+  };
+  const maybeRenderDebug = () => {
+    if (deps.stateRef.current.debugMode) {
+      renderDebug();
+    }
+  };
+  return { renderDebug, maybeRenderDebug };
+}
+function tickLiveState(deps, dist, currentState) {
+  if (!deps.liveStateRef?.current) {
+    return;
+  }
+  const s = deps.stateRef.current;
+  const ls = deps.liveStateRef.current;
+  ls.state = currentState;
+  ls.posX = s.nekoPosX;
+  ls.posY = s.nekoPosY;
+  ls.velMag = Math.hypot(s.nekoVelX, s.nekoVelY);
+  ls.idleTime = s.idleTime;
+  ls.distToMouse = dist;
+  ls.frameCount = s.frameCount;
+  ls.freerunActive = s.freerunMode;
+  ls.freerunTimer = s.freerunTimer;
+  ls.bubbleVisible = s.bubbleVisible;
+  ls.pathLength = s.currentPath.length;
+  ls.obstacleCount = s.obstacleRects.length;
+}
+function shouldIncludeObstacleRect(rect, viewportWidth, viewportHeight) {
+  if (rect.width * rect.height < MIN_OBSTACLE_AREA) {
+    return false;
+  }
+  if (rect.right < 0 || rect.bottom < 0 || rect.left > viewportWidth || rect.top > viewportHeight) {
+    return false;
+  }
+  if (rect.width > viewportWidth * 0.85 && rect.height > viewportHeight * 0.5) {
+    return false;
+  }
+  return true;
+}
+function toObstacleRect(rect) {
+  return { left: rect.left, top: rect.top, right: rect.right, bottom: rect.bottom };
+}
+function neighborIndex(r, c, dr, dc, rows, cols) {
+  const nr = r + dr;
+  const nc = c + dc;
+  if (nr < 0 || nr >= rows || nc < 0 || nc >= cols) return -1;
+  return nr * cols + nc;
+}
+function collectObstacles() {
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  const rects = [];
+  for (const node of document.querySelectorAll(OBSTACLE_SELECTOR)) {
+    if (node.closest('[data-oneko-zone="attract"]')) continue;
+    const r = node.getBoundingClientRect();
+    if (shouldIncludeObstacleRect(r, vw, vh)) {
+      rects.push(toObstacleRect(r));
+    }
+  }
+  return rects;
+}
+function buildGrid(rects, cols, rows) {
+  const grid = new Uint8Array(cols * rows);
+  for (const rect of rects) {
+    const c0 = Math.max(0, Math.floor((rect.left - SPRITE_RADIUS) / CELL_SIZE));
+    const c1 = Math.min(cols - 1, Math.ceil((rect.right + SPRITE_RADIUS) / CELL_SIZE));
+    const r0 = Math.max(0, Math.floor((rect.top - SPRITE_RADIUS) / CELL_SIZE));
+    const r1 = Math.min(rows - 1, Math.ceil((rect.bottom + SPRITE_RADIUS) / CELL_SIZE));
+    for (let row = r0; row <= r1; row++) {
+      for (let col = c0; col <= c1; col++) {
+        grid[row * cols + col] = 1;
+      }
+    }
+  }
+  return grid;
+}
+function worldToCell(worldX, worldY, cols, rows) {
+  const col = Math.max(0, Math.min(cols - 1, Math.floor(worldX / CELL_SIZE)));
+  const row = Math.max(0, Math.min(rows - 1, Math.floor(worldY / CELL_SIZE)));
+  return row * cols + col;
+}
+function cellToWorld(idx, cols) {
+  return {
+    x: (idx % cols + 0.5) * CELL_SIZE,
+    y: (Math.floor(idx / cols) + 0.5) * CELL_SIZE
+  };
+}
+function nearestWalkable(startIdx, grid, cols, rows) {
+  if (grid[startIdx] === 0) {
+    return startIdx;
+  }
+  const visited = new Uint8Array(grid.length);
+  const queue = [startIdx];
+  visited[startIdx] = 1;
+  let head = 0;
+  while (head < queue.length) {
+    const idx = queue[head++];
+    const r = Math.floor(idx / cols);
+    const c = idx % cols;
+    for (const [dr, dc] of NEIGHBOR_OFFSETS) {
+      const nIdx = neighborIndex(r, c, dr, dc, rows, cols);
+      if (nIdx === -1 || visited[nIdx]) {
+        continue;
+      }
+      visited[nIdx] = 1;
+      if (grid[nIdx] === 0) {
+        return nIdx;
+      }
+      queue.push(nIdx);
+    }
+  }
+  return startIdx;
+}
+function heapBubble(data, i) {
+  let idx = i;
+  while (idx > 0) {
+    const parent = Math.floor((idx - 1) / 2);
+    if (data[parent][0] <= data[idx][0]) {
+      break;
+    }
+    const tmp = data[parent];
+    data[parent] = data[idx];
+    data[idx] = tmp;
+    idx = parent;
+  }
+}
+function heapSink(data, i) {
+  const n = data.length;
+  let idx = i;
+  for (let step = 0; step < n; step++) {
+    let smallest = idx;
+    const left = 2 * idx + 1;
+    const right = 2 * idx + 2;
+    if (left < n && data[left][0] < data[smallest][0]) {
+      smallest = left;
+    }
+    if (right < n && data[right][0] < data[smallest][0]) {
+      smallest = right;
+    }
+    if (smallest === idx) {
+      break;
+    }
+    const tmp = data[smallest];
+    data[smallest] = data[idx];
+    data[idx] = tmp;
+    idx = smallest;
+  }
+}
+function smoothPath(rawPath, cols) {
+  const points = rawPath.map((idx) => cellToWorld(idx, cols));
+  if (points.length <= 2) {
+    return points;
+  }
+  const result = [points[0]];
+  for (let i = 1; i < points.length - 1; i++) {
+    const prev = result.at(-1);
+    const cur = points[i];
+    const next = points[i + 1];
+    const cross = (cur.x - prev.x) * (next.y - cur.y) - (cur.y - prev.y) * (next.x - cur.x);
+    if (Math.abs(cross) > 1e-6) {
+      result.push(cur);
+    }
+  }
+  result.push(points.at(-1));
+  return result;
+}
+function relaxNeighbors(idx, cols, rows, grid, dist, prev, heap) {
+  const r = Math.floor(idx / cols);
+  const c = idx % cols;
+  for (const [dr, dc, edgeCost] of NEIGHBOR_OFFSETS) {
+    const nIdx = neighborIndex(r, c, dr, dc, rows, cols);
+    if (nIdx === -1 || grid[nIdx] === 1) {
+      continue;
+    }
+    if (dr !== 0 && dc !== 0 && (grid[r * cols + c + dc] || grid[(r + dr) * cols + c])) continue;
+    const newDist = dist[idx] + edgeCost;
+    if (newDist < dist[nIdx]) {
+      dist[nIdx] = newDist;
+      prev[nIdx] = idx;
+      heap.push([newDist, nIdx]);
+      heapBubble(heap, heap.length - 1);
+    }
+  }
+}
+function searchRoute(startIdx, goalIdx, grid, cols, rows) {
+  const dist = new Float64Array(grid.length).fill(Number.POSITIVE_INFINITY);
+  const prev = new Int32Array(grid.length).fill(-1);
+  const heap = [];
+  dist[startIdx] = 0;
+  heap.push([0, startIdx]);
+  while (heap.length > 0) {
+    const top = heap.at(0);
+    const last = heap.at(-1);
+    heap[0] = last;
+    heap.pop();
+    heapSink(heap, 0);
+    const [cost, idx] = top;
+    if (idx === goalIdx) {
+      break;
+    }
+    if (cost > dist[idx]) {
+      continue;
+    }
+    relaxNeighbors(idx, cols, rows, grid, dist, prev, heap);
+  }
+  return Number.isFinite(dist[goalIdx]) ? prev : null;
+}
+function reconstructCellPath(prev, goalIdx) {
+  const rawPath = [];
+  let cur = goalIdx;
+  while (cur !== -1) {
+    rawPath.push(cur);
+    cur = prev[cur];
+  }
+  rawPath.reverse();
+  return rawPath;
+}
+function findRoute(startIdx, goalIdx, grid, cols, rows) {
+  if (startIdx === goalIdx) {
+    return [cellToWorld(startIdx, cols)];
+  }
+  const prev = searchRoute(startIdx, goalIdx, grid, cols, rows);
+  if (!prev) {
+    return [];
+  }
+  return smoothPath(reconstructCellPath(prev, goalIdx), cols);
+}
+function setSprite(deps, name, frame) {
+  const sprites = defaultSpriteSets[name];
+  if (!sprites?.length) {
+    return;
+  }
+  const sprite = sprites[frame % sprites.length];
+  deps.el.style.backgroundPosition = `${sprite[0] * TILE}px ${sprite[1] * TILE}px`;
+}
+function getDirectionFromAngle(angle) {
+  if (angle >= 157.5 || angle < -157.5) {
+    return "W";
+  }
+  for (const range of DIRECTION_RANGES) {
+    if (angle >= range.min && angle < range.max) {
+      return range.dir;
+    }
+  }
+  return "E";
+}
+function directionFromDelta(dx, dy) {
+  if (Math.abs(dx) < 1 && Math.abs(dy) < 1) {
+    return null;
+  }
+  return getDirectionFromAngle(Math.atan2(dy, dx) * (180 / Math.PI));
+}
+function clearRotation(deps) {
+  const s = deps.stateRef.current;
+  if (s.currentRotation !== 0) {
+    s.currentRotation = 0;
+    deps.el.style.transform = `scale(${s.scale}) rotate(0deg)`;
+  }
+}
+function idleFrameThreshold(s) {
+  return Math.max(1, Math.round(s.idleThresholdMs / 100));
+}
+function wallScratchAnimations(s) {
+  return [
+    s.nekoPosX <= 18 && "scratchWallW",
+    s.nekoPosX >= window.innerWidth - 18 && "scratchWallE",
+    s.nekoPosY <= 18 && "scratchWallN",
+    s.nekoPosY >= window.innerHeight - 18 && "scratchWallS"
+  ].filter(Boolean);
+}
+function pickRandomIdleAnimation(s) {
+  const available = [
+    "scratchSelf",
+    ...s.sleepEnabledCfg ? ["tired"] : [],
+    ...wallScratchAnimations(s)
+  ];
+  return available[Math.floor(Math.random() * available.length)];
+}
+function startSleepingAnimation(deps) {
+  const s = deps.stateRef.current;
+  s.idleAnimation = "sleeping";
+  if (s.bubbleVisible) {
+    deps.bubbleTextEl.textContent = pickFromPool(deps, SLEEPING_MESSAGES);
+  }
+}
+function maybeStartIdleAnimation(deps) {
+  const s = deps.stateRef.current;
+  const threshold = idleFrameThreshold(s);
+  if (s.idleAnimation != null || s.idleTime < threshold || Math.random() >= 0.1) {
+    return;
+  }
+  s.idleAnimationFrame = 0;
+  if (s.sleepEnabledCfg && (s.idleTime > threshold * 3 || napmateNearby(s))) {
+    startSleepingAnimation(deps);
+    return;
+  }
+  s.idleAnimation = pickRandomIdleAnimation(s);
+}
+function computeIdleSpriteIndex(animName, frame, animationSpeed) {
+  const sprites = defaultSpriteSets[animName];
+  const baseDuration = IDLE_ANIMATION_DURATIONS[animName] ?? (sprites ? sprites.length * 8 : 8);
+  const duration = Math.max(1, Math.round(baseDuration / animationSpeed));
+  const frameCount = sprites?.length || 1;
+  const framesPerSprite = Math.max(1, Math.floor(duration / frameCount));
+  return Math.floor(frame / framesPerSprite) % frameCount;
+}
+function getIdleAnimationDuration(animName, animationSpeed) {
+  const sprites = defaultSpriteSets[animName];
+  const baseDuration = IDLE_ANIMATION_DURATIONS[animName] ?? (sprites ? sprites.length * 8 : 8);
+  return Math.max(1, Math.round(baseDuration / animationSpeed));
+}
+function resetOrLoopIdleAnimation(s, animName, duration) {
+  if (s.idleAnimationFrame < duration || animName === "sleeping") {
+    return;
+  }
+  if (s.stateLocked || s.noFollow) {
+    s.idleAnimationFrame = 0;
+    return;
+  }
+  s.idleAnimation = null;
+  s.idleAnimationFrame = 0;
+}
+function updateIdleAnimation(deps) {
+  const s = deps.stateRef.current;
+  if (!s.sleepEnabledCfg && (s.idleAnimation === "sleeping" || s.idleAnimation === "tired")) {
+    s.idleAnimation = null;
+    s.idleAnimationFrame = 0;
+    s.idleTime = 0;
+  }
+  if (!s.idleAnimation) {
+    return false;
+  }
+  const animName = s.idleAnimation;
+  const spriteIndex = computeIdleSpriteIndex(animName, s.idleAnimationFrame, s.animationSpeedCfg);
+  setSprite(deps, animName, spriteIndex);
+  clearRotation(deps);
+  s.idleAnimationFrame += 1;
+  resetOrLoopIdleAnimation(s, animName, getIdleAnimationDuration(animName, s.animationSpeedCfg));
+  return true;
+}
+function freezeLockedState(deps) {
+  const s = deps.stateRef.current;
+  if (!(s.stateLocked || s.noFollow) || s.freerunMode && !s.noFollow) {
+    return false;
+  }
+  s.nekoVelX *= 0.5;
+  s.nekoVelY *= 0.5;
+  s.idleTime = Math.max(s.idleTime, 1);
+  setSprite(deps, "idle", s.frameCount);
+  clearRotation(deps);
+  return true;
+}
+function recalculatePath(deps) {
+  const s = deps.stateRef.current;
+  const { grid, gridCols: cols, gridRows: rows } = s;
+  if (!grid || cols === 0 || rows === 0) {
+    s.currentPath = [];
+    return;
+  }
+  const catCell = nearestWalkable(
+    worldToCell(s.nekoPosX, s.nekoPosY, cols, rows),
+    grid,
+    cols,
+    rows
+  );
+  const mouseCell = nearestWalkable(
+    worldToCell(s.zoneState.movementTarget.x, s.zoneState.movementTarget.y, cols, rows),
+    grid,
+    cols,
+    rows
+  );
+  s.currentPath = findRoute(catCell, mouseCell, grid, cols, rows);
+  s.pathWaypointIdx = 0;
+  s.lastPathRecalcFrame = s.frameCount;
+  s.lastPathTargetCol = Math.floor(s.zoneState.movementTarget.x / CELL_SIZE);
+  s.lastPathTargetRow = Math.floor(s.zoneState.movementTarget.y / CELL_SIZE);
+}
+function getNextWaypointTarget(deps) {
+  const s = deps.stateRef.current;
+  const { currentPath: path } = s;
+  if (path.length === 0) {
+    return { x: s.zoneState.movementTarget.x, y: s.zoneState.movementTarget.y };
+  }
+  while (s.pathWaypointIdx < path.length - 1) {
+    const wp = path[s.pathWaypointIdx];
+    if (Math.hypot(wp.x - s.nekoPosX, wp.y - s.nekoPosY) < WAYPOINT_REACH_DIST) {
+      s.pathWaypointIdx++;
+    } else {
+      break;
+    }
+  }
+  return path[s.pathWaypointIdx];
+}
+function moveToward(deps, targetX, targetY) {
+  const s = deps.stateRef.current;
+  const dx = targetX - s.nekoPosX;
+  const dy = targetY - s.nekoPosY;
+  const dist = Math.hypot(dx, dy);
+  if (dist < 1) {
+    s.nekoVelX *= 0.5;
+    s.nekoVelY *= 0.5;
+    return;
+  }
+  const currentSpeed = s.currentSpeed;
+  s.nekoVelX += (dx / dist * currentSpeed - s.nekoVelX) * STEER_LERP;
+  s.nekoVelY += (dy / dist * currentSpeed - s.nekoVelY) * STEER_LERP;
+  const velMag = Math.hypot(s.nekoVelX, s.nekoVelY);
+  const maxVel = currentSpeed * MAX_VEL_FACTOR;
+  const clampedMag = Math.min(velMag, maxVel);
+  if (velMag > maxVel) {
+    s.nekoVelX = s.nekoVelX / velMag * maxVel;
+    s.nekoVelY = s.nekoVelY / velMag * maxVel;
+  }
+  const from = { x: s.nekoPosX, y: s.nekoPosY };
+  const proposed = {
+    x: Math.max(16, Math.min(window.innerWidth - 16, s.nekoPosX + s.nekoVelX)),
+    y: Math.max(16, Math.min(window.innerHeight - 16, s.nekoPosY + s.nekoVelY))
+  };
+  const safe = constrainZoneMovement(from, proposed, s.zoneState.blocked);
+  if (safe.x !== proposed.x || safe.y !== proposed.y) {
+    s.nekoVelX = 0;
+    s.nekoVelY = 0;
+  }
+  if (safe.x === from.x && safe.y === from.y && (safe.x !== proposed.x || safe.y !== proposed.y)) {
+    restNearCursor(deps);
+    return;
+  }
+  s.nekoPosX = safe.x;
+  s.nekoPosY = safe.y;
+  s.nekoPosX = Math.max(16, Math.min(window.innerWidth - 16, s.nekoPosX));
+  s.nekoPosY = Math.max(16, Math.min(window.innerHeight - 16, s.nekoPosY));
+  deps.el.style.left = `${Math.floor(s.nekoPosX - TILE / 2)}px`;
+  deps.el.style.top = `${Math.floor(s.nekoPosY - TILE / 2)}px`;
+  const dir = directionFromDelta(s.nekoVelX, s.nekoVelY) ?? "idle";
+  setSprite(deps, dir, s.frameCount);
+  if (clampedMag > 0.5 && s.rotationAmount > 0) {
+    const velAngle = Math.atan2(s.nekoVelY, s.nekoVelX) * (180 / Math.PI);
+    s.currentRotation = velAngle / 180 * s.rotationAmount;
+  } else {
+    s.currentRotation = 0;
+  }
+  deps.el.style.transform = `scale(${s.scale}) rotate(${s.currentRotation}deg)`;
+  s.idleTime = 0;
+}
+function pickFreerunMessage(deps) {
+  const s = deps.stateRef.current;
+  let idx = Math.floor(Math.random() * FREERUN_MESSAGES.length);
+  if (idx === s.lastFreerunMsg) {
+    idx = (idx + 1) % FREERUN_MESSAGES.length;
+  }
+  s.lastFreerunMsg = idx;
+  return FREERUN_MESSAGES[idx];
+}
+function enterFreerun(deps) {
+  const s = deps.stateRef.current;
+  s.freerunMode = true;
+  s.freerunTimer = s.freerunDurationCfg;
+  s.bubbleVisible = true;
+  s.bubbleTimer = s.freerunDurationCfg;
+  s.bubbleCooldown = 0;
+  deps.bubbleTextEl.textContent = pickFreerunMessage(deps);
+  deps.bubbleEl.style.opacity = "1";
+}
+function tickFreerun(deps) {
+  const s = deps.stateRef.current;
+  s.freerunTimer -= 1;
+  if (s.freerunTimer <= 0) {
+    const keepAlive = s.stateLocked;
+    s.freerunMode = keepAlive;
+    if (keepAlive) {
+      s.freerunTimer = s.freerunDurationCfg;
+    }
+  }
+  moveToward(deps, s.zoneState.movementTarget.x, s.zoneState.movementTarget.y);
+}
+function restNearCursor(deps) {
+  const s = deps.stateRef.current;
+  setSprite(deps, "idle", s.frameCount);
+  clearRotation(deps);
+  s.nekoVelX *= 0.5;
+  s.nekoVelY *= 0.5;
+  s.idleTime += 1;
+  if (!(s.stateLocked || s.noFollow)) {
+    s.freerunMode = false;
+  }
+  maybeStartIdleAnimation(deps);
+}
+function chaseCursor(deps) {
+  const s = deps.stateRef.current;
+  if (s.freerunMode) {
+    tickFreerun(deps);
+    return;
+  }
+  if (!s.noFollow && Math.random() < s.freerunChanceCfg) {
+    enterFreerun(deps);
+    moveToward(deps, s.zoneState.movementTarget.x, s.zoneState.movementTarget.y);
+    return;
+  }
+  const target = getNextWaypointTarget(deps);
+  moveToward(deps, target.x, target.y);
+}
+function followPath(deps, overallDist) {
+  const s = deps.stateRef.current;
+  const lastWaypoint = s.currentPath.at(-1);
+  const stop = stopDistance(s);
+  const reachedPathEnd = !s.freerunMode && lastWaypoint && s.pathWaypointIdx === s.currentPath.length - 1 && Math.hypot(lastWaypoint.x - s.nekoPosX, lastWaypoint.y - s.nekoPosY) < stop;
+  if (overallDist < stop || reachedPathEnd) {
+    restNearCursor(deps);
+    return;
+  }
+  chaseCursor(deps);
+}
+function refreshGridIfNeeded(deps) {
+  const s = deps.stateRef.current;
+  if (s.frameCount - s.lastObstacleRefresh < OBSTACLE_INTERVAL) {
+    return;
+  }
+  const softObstacles = collectObstacles().filter(
+    (rect) => !s.zoneState.favorites.some(
+      ({ rect: favorite }) => rect.left >= favorite.left && rect.right <= favorite.right && rect.top >= favorite.top && rect.bottom <= favorite.bottom
+    )
+  );
+  s.obstacleRects = [...softObstacles, ...s.zoneState.blocked];
+  s.lastObstacleRefresh = s.frameCount;
+  s.gridCols = Math.ceil(window.innerWidth / CELL_SIZE);
+  s.gridRows = Math.ceil(window.innerHeight / CELL_SIZE);
+  s.grid = buildGrid(s.obstacleRects, s.gridCols, s.gridRows);
+  s.lastPathRecalcFrame = -PATH_RECALC_INTERVAL;
+}
+function recalcPathIfNeeded(deps) {
+  const s = deps.stateRef.current;
+  const mouseCol = Math.floor(s.zoneState.movementTarget.x / CELL_SIZE);
+  const mouseRow = Math.floor(s.zoneState.movementTarget.y / CELL_SIZE);
+  const mouseMoved = Math.abs(mouseCol - s.lastPathTargetCol) > PATH_RECALC_MOUSE_CELLS || Math.abs(mouseRow - s.lastPathTargetRow) > PATH_RECALC_MOUSE_CELLS;
+  if (s.frameCount - s.lastPathRecalcFrame >= PATH_RECALC_INTERVAL || mouseMoved) {
+    recalculatePath(deps);
+  }
+}
+function interruptIdleIfChasing(s, dist) {
+  const reach = Math.max(32, stopDistance(s) + 12);
+  if (s.idleAnimation && dist > reach && !s.stateLocked && !s.noFollow) {
+    s.idleAnimation = null;
+    s.idleAnimationFrame = 0;
+    s.idleTime = 0;
+  }
+}
+function tickLaser(deps, dist) {
+  const s = deps.stateRef.current;
+  if (!s.laserPointerCfg) {
+    return;
+  }
+  const close = dist < s.followDistanceCfg + 4;
+  if (close && !s.laserCaught) {
+    s.laserCaught = true;
+    playSound(deps, LASER_CATCH_POOL);
+  } else if (!close && dist > s.followDistanceCfg + 24) {
+    s.laserCaught = false;
+  }
+}
+function tickMovement(deps, dist) {
+  const s = deps.stateRef.current;
+  refreshGridIfNeeded(deps);
+  const target = s.zoneState.movementTarget;
+  const targetDistance = Math.hypot(target.x - s.nekoPosX, target.y - s.nekoPosY);
+  interruptIdleIfChasing(s, targetDistance);
+  recalcPathIfNeeded(deps);
+  updateBubble(deps);
+  tickLaser(deps, dist);
+  if (!updateIdleAnimation(deps) && !freezeLockedState(deps)) {
+    followPath(deps, targetDistance);
+  }
+}
+function tickPrelude(s) {
+  s.frameCount += 1;
+  s.mouseCircleWinding *= MOUSE_LOOP_WINDING_DECAY;
+  if (Math.abs(s.mouseCircleWinding) < 0.35) {
+    s.mouseCircleWinding = 0;
+    s.loopPrevAngle = null;
+  }
+  s.soundCooldown = Math.max(0, s.soundCooldown - 1);
+}
+function tickAmbientSounds(deps, currentState) {
+  const s = deps.stateRef.current;
+  const { idleTime, frameCount } = s;
+  if (currentState === "idle" && idleTime > 0 && idleTime % 60 === 0) {
+    playSound(deps, SOUND_POOLS.idle);
+  } else if (currentState === "sleeping" && frameCount % 100 === 0) {
+    playSound(deps, SOUND_POOLS.sleeping);
+  } else if (currentState === "moving" && frameCount % 80 === 0) {
+    playSound(deps, SOUND_POOLS.moving);
+  }
+}
+function tickSounds(deps) {
+  const currentState = getActivityLabel(deps);
+  if (currentState !== deps.lastStateRef.current) {
+    deps.lastStateRef.current = currentState;
+    deps.onStateChangeRef.current?.(currentState);
+    const pool = SOUND_POOLS[currentState];
+    if (pool) {
+      playSound(deps, pool);
+    }
+  }
+  tickAmbientSounds(deps, currentState);
+  return currentState;
+}
+function createFrameLoop(deps) {
+  const { maybeRenderDebug } = createDebugRenderer(deps);
+  const frame = () => {
+    const s = deps.stateRef.current;
+    if (s.pausedCfg) return;
+    if (!refreshZones(deps)) return;
+    tickPrelude(s);
+    tickAttention(deps);
+    updateZoneTarget(s, window.innerWidth, window.innerHeight);
+    const dist = Math.hypot(s.mousePosX - s.nekoPosX, s.mousePosY - s.nekoPosY);
+    tickMovement(deps, dist);
+    maybeRenderDebug();
+    const currentState = tickSounds(deps);
+    tickLiveState(deps, dist, currentState);
+  };
+  return frame;
+}
+function createMouseMoveHandler(deps) {
+  return (ev) => {
+    const mx = ev.clientX;
+    const my = ev.clientY;
+    const s = deps.stateRef.current;
+    const px = s.mousePosX;
+    const py = s.mousePosY;
+    const dx = mx - px;
+    const dy = my - py;
+    const dist = Math.hypot(dx, dy);
+    if (dist >= MOUSE_LOOP_MIN_STEP) {
+      const ang = Math.atan2(dy, dx);
+      if (s.loopPrevAngle !== null) {
+        let d = ang - s.loopPrevAngle;
+        while (d > Math.PI) {
+          d -= 2 * Math.PI;
+        }
+        while (d < -Math.PI) {
+          d += 2 * Math.PI;
+        }
+        s.mouseCircleWinding += d;
+        if (s.mouseCircleWinding > MOUSE_LOOP_WINDING_CAP) {
+          s.mouseCircleWinding = MOUSE_LOOP_WINDING_CAP;
+        } else if (s.mouseCircleWinding < -MOUSE_LOOP_WINDING_CAP) {
+          s.mouseCircleWinding = -MOUSE_LOOP_WINDING_CAP;
+        }
+      }
+      s.loopPrevAngle = ang;
+    }
+    s.mousePosX = mx;
+    s.mousePosY = my;
+  };
+}
+function startAnimationLoop(stateRef, frame) {
+  let timer;
+  const syncVisibility = () => {
+    clearInterval(timer);
+    timer = void 0;
+    if (document.hidden) return;
+    timer = setInterval(() => {
+      if (!stateRef.current.paused && !stateRef.current.pausedCfg) frame();
+    }, 100);
+  };
+  document.addEventListener("visibilitychange", syncVisibility);
+  syncVisibility();
+  return () => {
+    clearInterval(timer);
+    document.removeEventListener("visibilitychange", syncVisibility);
+  };
+}
+const BASE_STYLE = [
+  "font-family:var(--font-mono), monospace",
+  "font-size:11px",
+  "line-height:1.6",
+  "border-radius:6px",
+  `background:${debugColor.panelBg}`,
+  `border:1px solid ${debugColor.panelBorder}`,
+  `color:${debugColor.panelText}`,
+  "width:190px"
+].join(";");
+const btnStyle = [
+  `background:${debugColor.controlBg}`,
+  `border:1px solid ${debugColor.controlBorder}`,
+  `color:${debugColor.panelText}`,
+  "border-radius:4px",
+  "padding:2px 8px",
+  "font-family:inherit",
+  "font-size:11px",
+  "cursor:pointer"
+].join(";");
+const selectStyle = [
+  `background:${debugColor.controlBg}`,
+  `border:1px solid ${debugColor.controlBorder}`,
+  `color:${debugColor.panelText}`,
+  "border-radius:4px",
+  "padding:2px 4px",
+  "font-family:inherit",
+  "font-size:11px",
+  "cursor:pointer",
+  "flex:1"
+].join(";");
+function sectionLabel(text) {
+  const d = document.createElement("div");
+  d.textContent = text;
+  d.style.cssText = `color:${debugColor.panelSubtle};font-weight:bold;margin-top:8px;margin-bottom:3px;font-size:10px;letter-spacing:0.05em;text-transform:uppercase;`;
+  return d;
+}
+function makeRow(...children) {
+  const r = document.createElement("div");
+  r.style.cssText = "display:flex;gap:4px;align-items:center;margin-bottom:3px;";
+  for (const c of children) {
+    r.appendChild(c);
+  }
+  return r;
+}
+function makeBtn(label, onClick) {
+  const btn = document.createElement("button");
+  btn.textContent = label;
+  btn.style.cssText = btnStyle;
+  btn.addEventListener("click", onClick);
+  return btn;
+}
+function appendBubbleSection(body, stateRef, bubbleEl, bubbleTextEl, showBubble2, hideBubble2, bubbleDisplayFrames) {
+  body.appendChild(sectionLabel("bubble"));
+  const showBubbleBtn = makeBtn("show", () => showBubble2());
+  const hideBubbleBtn = makeBtn("hide", () => hideBubble2());
+  body.appendChild(makeRow(showBubbleBtn, hideBubbleBtn));
+  const bubbleInput = document.createElement("input");
+  bubbleInput.type = "text";
+  bubbleInput.placeholder = "custom text...";
+  bubbleInput.style.cssText = [
+    `background:${debugColor.controlBg}`,
+    `border:1px solid ${debugColor.controlBorder}`,
+    `color:${debugColor.panelText}`,
+    "border-radius:4px",
+    "padding:2px 6px",
+    "font-family:inherit",
+    "font-size:11px",
+    "flex:1",
+    "min-width:0"
+  ].join(";");
+  const setTextBtn = makeBtn("set", () => {
+    if (bubbleInput.value.trim()) {
+      bubbleTextEl.textContent = bubbleInput.value.trim();
+      stateRef.current.bubbleVisible = true;
+      stateRef.current.bubbleTimer = bubbleDisplayFrames;
+      bubbleEl.style.opacity = "1";
+    }
+  });
+  body.appendChild(makeRow(bubbleInput, setTextBtn));
+}
+const ALL_STATES = [
+  "moving",
+  "idle",
+  "sleeping",
+  "scratchSelf",
+  "tired",
+  "alert",
+  "scratchWallN",
+  "scratchWallS",
+  "scratchWallE",
+  "scratchWallW",
+  "freerun"
+];
+function applyForcedState(s, chosen, locked) {
+  s.idleAnimation = null;
+  s.idleAnimationFrame = 0;
+  s.freerunMode = false;
+  s.freerunTimer = 0;
+  if (chosen === "moving") {
+    s.idleTime = 0;
+    s.stateLocked = locked;
+    return;
+  }
+  if (chosen === "idle") {
+    s.idleTime = 200;
+    s.stateLocked = locked;
+    return;
+  }
+  if (chosen === "freerun") {
+    s.freerunMode = true;
+    s.freerunTimer = 600;
+    s.stateLocked = locked;
+    return;
+  }
+  s.idleTime = 200;
+  s.idleAnimation = chosen;
+  s.idleAnimationFrame = 0;
+  s.stateLocked = locked;
+}
+function appendForceStateSection(body, stateRef) {
+  body.appendChild(sectionLabel("force state"));
+  const stateSelect = document.createElement("select");
+  stateSelect.style.cssText = selectStyle;
+  for (const name of ALL_STATES) {
+    const opt = document.createElement("option");
+    opt.value = name;
+    opt.textContent = name;
+    stateSelect.appendChild(opt);
+  }
+  const lockChk = document.createElement("input");
+  lockChk.type = "checkbox";
+  lockChk.title = "lock state (prevent auto-reset)";
+  lockChk.style.cssText = `cursor:pointer;accent-color:${debugColor.accent};`;
+  lockChk.addEventListener("change", () => {
+    stateRef.current.stateLocked = lockChk.checked;
+  });
+  const lockLbl = document.createElement("label");
+  lockLbl.title = "lock state";
+  lockLbl.style.cssText = `display:flex;align-items:center;gap:3px;cursor:pointer;font-size:10px;color:${debugColor.accent};white-space:nowrap;`;
+  lockLbl.appendChild(lockChk);
+  lockLbl.append("lock");
+  body.appendChild(makeRow(stateSelect));
+  const forceStateBtn = makeBtn("apply", () => {
+    applyForcedState(stateRef.current, stateSelect.value, lockChk.checked);
+  });
+  body.appendChild(makeRow(forceStateBtn, lockLbl));
+}
+function appendPlaybackSection(body, stateRef, frame) {
+  body.appendChild(sectionLabel("playback"));
+  const pauseBtn = makeBtn("⏸ pause", () => {
+    stateRef.current.paused = !stateRef.current.paused;
+    pauseBtn.textContent = stateRef.current.paused ? "▶ play" : "⏸ pause";
+    stepBtn.style.opacity = stateRef.current.paused ? "1" : "0.3";
+    stepBtn.style.pointerEvents = stateRef.current.paused ? "auto" : "none";
+  });
+  const stepBtn = makeBtn("→ step", () => {
+    if (stateRef.current.paused) {
+      frame();
+    }
+  });
+  stepBtn.style.opacity = "0.3";
+  stepBtn.style.pointerEvents = "none";
+  body.appendChild(makeRow(pauseBtn, stepBtn));
+  const followBtn = makeBtn("⛶ stop following", () => {
+    stateRef.current.noFollow = !stateRef.current.noFollow;
+    const on = stateRef.current.noFollow;
+    if (on) {
+      stateRef.current.freerunMode = false;
+      stateRef.current.freerunTimer = 0;
+    }
+    followBtn.textContent = on ? "⛶ resume following" : "⛶ stop following";
+    followBtn.style.color = on ? debugColor.accentStrong : debugColor.panelText;
+  });
+  followBtn.style.width = "100%";
+  body.appendChild(makeRow(followBtn));
+}
+function syncCatElementPosition(el, s) {
+  el.style.left = `${s.nekoPosX - TILE / 2}px`;
+  el.style.top = `${s.nekoPosY - TILE / 2}px`;
+}
+function makePosSlider(axis, el, stateRef, getMax, getVal, setVal) {
+  const lbl = document.createElement("span");
+  lbl.textContent = axis;
+  lbl.style.cssText = `min-width:10px;color:${debugColor.panelSubtle};font-size:10px;font-weight:bold;`;
+  const valLbl = document.createElement("span");
+  valLbl.style.cssText = "min-width:28px;text-align:right;font-size:10px;";
+  const slider = document.createElement("input");
+  slider.type = "range";
+  slider.min = "16";
+  slider.style.cssText = `flex:1;cursor:pointer;accent-color:${debugColor.accent};`;
+  const sync = () => {
+    slider.max = String(Math.round(getMax()));
+    slider.value = String(Math.round(getVal()));
+    valLbl.textContent = String(Math.round(getVal()));
+  };
+  sync();
+  slider.addEventListener("mousedown", sync);
+  slider.addEventListener("input", () => {
+    const v = Number(slider.value);
+    valLbl.textContent = String(v);
+    setVal(v);
+    syncCatElementPosition(el, stateRef.current);
+  });
+  return makeRow(lbl, slider, valLbl);
+}
+function appendPositionSection(body, stateRef, el) {
+  body.appendChild(sectionLabel("position"));
+  const teleportCenterBtn = makeBtn("→ center", () => {
+    stateRef.current.nekoPosX = window.innerWidth / 2;
+    stateRef.current.nekoPosY = window.innerHeight / 2;
+    syncCatElementPosition(el, stateRef.current);
+  });
+  const teleportMouseBtn = makeBtn("→ cursor", () => {
+    const s = stateRef.current;
+    s.nekoPosX = s.mousePosX;
+    s.nekoPosY = s.mousePosY;
+    syncCatElementPosition(el, s);
+  });
+  body.appendChild(makeRow(teleportCenterBtn, teleportMouseBtn));
+  body.appendChild(
+    makePosSlider(
+      "X",
+      el,
+      stateRef,
+      () => window.innerWidth,
+      () => stateRef.current.nekoPosX,
+      (v) => {
+        stateRef.current.nekoPosX = v;
+      }
+    )
+  );
+  body.appendChild(
+    makePosSlider(
+      "Y",
+      el,
+      stateRef,
+      () => window.innerHeight,
+      () => stateRef.current.nekoPosY,
+      (v) => {
+        stateRef.current.nekoPosY = v;
+      }
+    )
+  );
+}
+function appendSpeedSection(body, stateRef) {
+  body.appendChild(sectionLabel("speed"));
+  const speedLabel = document.createElement("span");
+  speedLabel.textContent = String(stateRef.current.currentSpeed);
+  speedLabel.style.cssText = "min-width:20px;text-align:right;";
+  const speedSlider = document.createElement("input");
+  speedSlider.type = "range";
+  speedSlider.min = "1";
+  speedSlider.max = "40";
+  speedSlider.value = String(stateRef.current.currentSpeed);
+  speedSlider.style.cssText = `flex:1;cursor:pointer;accent-color:${debugColor.accent};`;
+  speedSlider.addEventListener("input", () => {
+    const val = Number(speedSlider.value);
+    speedLabel.textContent = String(val);
+    stateRef.current.currentSpeed = val;
+  });
+  body.appendChild(makeRow(speedSlider, speedLabel));
+}
+function createDebugControls({
+  stateRef,
+  el,
+  bubbleEl,
+  bubbleTextEl,
+  frame,
+  showBubble: showBubble2,
+  hideBubble: hideBubble2,
+  bubbleDisplayFrames
+}) {
+  const panel = document.createElement("div");
+  panel.setAttribute("aria-hidden", "true");
+  panel.style.cssText = "user-select:none;pointer-events:auto;";
+  const header = document.createElement("div");
+  header.style.cssText = `${BASE_STYLE};padding:6px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;`;
+  const headerTitle = document.createElement("span");
+  headerTitle.textContent = "controls";
+  headerTitle.style.cssText = `font-weight:bold;font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:${debugColor.panelSubtle};`;
+  const chevron = document.createElement("span");
+  chevron.textContent = "▾";
+  chevron.style.cssText = `font-size:10px;color:${debugColor.panelSubtle};`;
+  header.appendChild(headerTitle);
+  header.appendChild(chevron);
+  panel.appendChild(header);
+  const body = document.createElement("div");
+  body.style.cssText = `${BASE_STYLE};padding:6px 14px 10px;margin-top:4px;`;
+  panel.appendChild(body);
+  let collapsed = false;
+  header.addEventListener("click", () => {
+    collapsed = !collapsed;
+    body.style.display = collapsed ? "none" : "block";
+    chevron.textContent = collapsed ? "▸" : "▾";
+  });
+  appendPlaybackSection(body, stateRef, frame);
+  appendForceStateSection(body, stateRef);
+  appendBubbleSection(
+    body,
+    stateRef,
+    bubbleEl,
+    bubbleTextEl,
+    showBubble2,
+    hideBubble2,
+    bubbleDisplayFrames
+  );
+  appendPositionSection(body, stateRef, el);
+  appendSpeedSection(body, stateRef);
+  return panel;
+}
+function createCatElement(state, zIndex) {
+  const el = document.createElement("div");
+  if (!document.getElementById("oneko-react")) el.id = "oneko-react";
+  el.setAttribute("data-oneko-cat", "");
+  el.setAttribute("aria-hidden", "true");
+  el.style.cssText = [
+    `width:${TILE}px`,
+    `height:${TILE}px`,
+    "position:fixed",
+    "pointer-events:none",
+    "image-rendering:pixelated",
+    `left:${state.nekoPosX - TILE / 2}px`,
+    `top:${state.nekoPosY - TILE / 2}px`,
+    `z-index:${zIndex}`,
+    "background-repeat:no-repeat",
+    "background-size:256px 128px",
+    "transform:scale(1)",
+    "opacity:1"
+  ].join(";");
+  return el;
+}
+const SVG_NS = "http://www.w3.org/2000/svg";
+function createDebugSVG(zIndex) {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("aria-hidden", "true");
+  svg.style.cssText = [
+    "position:fixed",
+    "top:0",
+    "left:0",
+    "width:100vw",
+    "height:100vh",
+    "pointer-events:none",
+    `z-index:${zIndex - 1}`,
+    "display:none"
+  ].join(";");
+  const defs = document.createElementNS(SVG_NS, "defs");
+  const pattern = document.createElementNS(SVG_NS, "pattern");
+  pattern.id = "oneko-grid";
+  pattern.setAttribute("width", String(CELL_SIZE));
+  pattern.setAttribute("height", String(CELL_SIZE));
+  pattern.setAttribute("patternUnits", "userSpaceOnUse");
+  const patternRect = document.createElementNS(SVG_NS, "rect");
+  patternRect.setAttribute("width", String(CELL_SIZE));
+  patternRect.setAttribute("height", String(CELL_SIZE));
+  patternRect.setAttribute("fill", "none");
+  patternRect.setAttribute("stroke", debugColor.gridStroke);
+  patternRect.setAttribute("stroke-width", "0.5");
+  pattern.appendChild(patternRect);
+  defs.appendChild(pattern);
+  svg.appendChild(defs);
+  const gridBg = document.createElementNS(SVG_NS, "rect");
+  gridBg.setAttribute("width", "100%");
+  gridBg.setAttribute("height", "100%");
+  gridBg.setAttribute("fill", "url(#oneko-grid)");
+  svg.appendChild(gridBg);
+  const blockedGroup = document.createElementNS(SVG_NS, "g");
+  blockedGroup.id = "oneko-blocked";
+  svg.appendChild(blockedGroup);
+  const obstacleGroup = document.createElementNS(SVG_NS, "g");
+  obstacleGroup.id = "oneko-obstacles";
+  svg.appendChild(obstacleGroup);
+  const pathGroup = document.createElementNS(SVG_NS, "g");
+  pathGroup.id = "oneko-path";
+  svg.appendChild(pathGroup);
+  return svg;
+}
+function createBubble(zIndex) {
+  const wrapper = document.createElement("div");
+  wrapper.setAttribute("aria-hidden", "true");
+  wrapper.style.cssText = [
+    "position:fixed",
+    "pointer-events:none",
+    `z-index:${zIndex}`,
+    "opacity:0",
+    "transition:opacity 0.2s ease-out",
+    "transform:translateX(-50%)",
+    "display:flex",
+    "flex-direction:column",
+    "align-items:center",
+    "outline:none"
+  ].join(";");
+  const bubble = document.createElement("div");
+  bubble.style.cssText = [
+    "padding:4px 8px",
+    "border-radius:8px",
+    "box-sizing:border-box",
+    "font-size:9px",
+    "line-height:1.25",
+    "font-weight:500",
+    "font-family:var(--font-geist-pixel-square), monospace",
+    "color:var(--foreground)",
+    "background-color:var(--background)",
+    "border:1px solid var(--border)",
+    "max-width:150px",
+    "width:max-content",
+    "white-space:normal",
+    "word-break:break-word",
+    "outline:none"
+  ].join(";");
+  wrapper.appendChild(bubble);
+  const tailWrap = document.createElement("div");
+  tailWrap.style.cssText = "position:relative;line-height:0;flex-shrink:0;outline:none;";
+  const tailSvg = document.createElementNS(SVG_NS, "svg");
+  tailSvg.setAttribute("width", "12");
+  tailSvg.setAttribute("height", "7");
+  tailSvg.setAttribute("viewBox", "0 0 12 7");
+  tailSvg.setAttribute("overflow", "visible");
+  tailSvg.style.cssText = "display:block;outline:none;";
+  const tailPath = document.createElementNS(SVG_NS, "path");
+  tailPath.setAttribute("d", "M 6 7 L 1.5 1.5 L 10.5 1.5 Z");
+  tailPath.setAttribute("fill", "var(--background)");
+  tailPath.setAttribute("stroke", "var(--border)");
+  tailPath.setAttribute("stroke-width", "1");
+  tailPath.setAttribute("stroke-linejoin", "miter");
+  tailPath.setAttribute("stroke-linecap", "butt");
+  tailPath.setAttribute("stroke-miterlimit", "2");
+  tailPath.style.paintOrder = "stroke fill";
+  tailSvg.appendChild(tailPath);
+  tailWrap.appendChild(tailSvg);
+  wrapper.appendChild(tailWrap);
+  return { wrapper, textEl: bubble, tailWrap };
+}
+function createDebugHUD() {
+  const hud = document.createElement("div");
+  hud.setAttribute("aria-hidden", "true");
+  hud.style.cssText = [
+    "pointer-events:none",
+    "font-family:var(--font-mono), monospace",
+    "font-size:11px",
+    "line-height:1.6",
+    "padding:10px 14px",
+    "border-radius:6px",
+    `background-color:${debugColor.panelBg}`,
+    `border:1px solid ${debugColor.panelBorder}`,
+    `color:${debugColor.panelText}`,
+    "width:190px"
+  ].join(";");
+  return hud;
+}
+function createKonamiHandler(stateRef, debugSVG, debugWrapper) {
+  const konamiBuffer = [];
+  return (e) => {
+    konamiBuffer.push(e.code);
+    if (konamiBuffer.length > KONAMI_SEQUENCE.length) {
+      konamiBuffer.shift();
+    }
+    if (konamiBuffer.join(",") !== KONAMI_TARGET) {
+      return;
+    }
+    stateRef.current.debugMode = !stateRef.current.debugMode;
+    if (stateRef.current.debugMode) {
+      debugSVG.style.display = "block";
+      debugWrapper.style.display = "flex";
+      return;
+    }
+    debugSVG.style.display = "none";
+    debugWrapper.style.display = "none";
+    stateRef.current.paused = false;
+    stateRef.current.stateLocked = false;
+    stateRef.current.noFollow = false;
+  };
+}
+function parsePersistedPosition(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  const record = value;
+  if (record.version !== void 0 && record.version !== 1) return null;
+  const x = record.version === 1 ? record.x : record.nekoPosX;
+  const y = record.version === 1 ? record.y : record.nekoPosY;
+  if (typeof x !== "number" || !Number.isFinite(x)) return null;
+  if (typeof y !== "number" || !Number.isFinite(y)) return null;
+  return { version: 1, x, y };
+}
+function readPersistedPosition(storageKey = ONEKO_DEFAULTS.storageKey) {
+  let position;
+  try {
+    position = parsePersistedPosition(
+      JSON.parse(window.localStorage.getItem(storageKey) ?? "null")
+    );
+  } catch {
+    return null;
+  }
+  if (!position) return null;
+  const clamp = (value, extent) => {
+    const inset = Math.min(TILE / 2, Math.max(0, extent / 2));
+    return Math.max(inset, Math.min(Math.max(inset, extent - inset), value));
+  };
+  return {
+    x: clamp(position.x, window.innerWidth),
+    y: clamp(position.y, window.innerHeight)
+  };
+}
+function loadPersistedCatState(stateRef, el, storageKey = ONEKO_DEFAULTS.storageKey) {
+  const position = readPersistedPosition(storageKey);
+  if (!position) return;
+  const state = stateRef.current;
+  state.nekoPosX = state.mousePosX = position.x;
+  state.nekoPosY = state.mousePosY = position.y;
+  state.nekoVelX = state.nekoVelY = 0;
+  state.currentPath = [];
+  state.pathWaypointIdx = 0;
+  el.style.left = `${state.nekoPosX - TILE / 2}px`;
+  el.style.top = `${state.nekoPosY - TILE / 2}px`;
+}
+function createPersistHandler(stateRef, storageKey = ONEKO_DEFAULTS.storageKey) {
+  return () => {
+    const state = stateRef.current;
+    const position = parsePersistedPosition({
+      version: 1,
+      x: state.nekoPosX,
+      y: state.nekoPosY
+    });
+    if (!position) return;
+    try {
+      window.localStorage.setItem(storageKey, JSON.stringify(position));
+    } catch {
+    }
+  };
+}
+function teardownCatAnimation({ el, debugSVG, debugWrapper, bubbleEl }, {
+  onMouseMove,
+  onPointerDown,
+  onKeyDown,
+  invalidateObstacles,
+  persist,
+  onVisibilityChange,
+  stopAnimationLoop
+}) {
+  document.removeEventListener("mousemove", onMouseMove);
+  document.removeEventListener("pointerdown", onPointerDown);
+  document.removeEventListener("keydown", onKeyDown);
+  window.removeEventListener("scroll", invalidateObstacles);
+  window.removeEventListener("resize", invalidateObstacles);
+  if (persist) {
+    document.removeEventListener("visibilitychange", onVisibilityChange);
+    window.removeEventListener("pagehide", persist);
+  }
+  stopAnimationLoop();
+  for (const node of [el, debugSVG, debugWrapper, bubbleEl]) {
+    if (node.parentNode) {
+      node.parentNode.removeChild(node);
+    }
+  }
+}
+function createDebugWrapper(zIndex, debugHUD, debugControls) {
+  const debugWrapper = document.createElement("div");
+  debugWrapper.setAttribute("aria-hidden", "true");
+  debugWrapper.style.cssText = [
+    "position:fixed",
+    "top:10px",
+    "left:10px",
+    `z-index:${zIndex}`,
+    "display:none",
+    "flex-direction:column",
+    "gap:6px",
+    "pointer-events:none"
+  ].join(";");
+  debugWrapper.appendChild(debugHUD);
+  debugWrapper.appendChild(debugControls);
+  return debugWrapper;
+}
+function startCatAnimation({
+  stateRef,
+  elRef,
+  lastStateRef,
+  onStateChangeRef,
+  liveStateRef,
+  persistPosition,
+  storageKey = ONEKO_DEFAULTS.storageKey,
+  zIndex,
+  pettable = ONEKO_DEFAULTS.pettable
+}) {
+  stateRef.current.bubbleVisible = false;
+  stateRef.current.bubbleTimer = 0;
+  const el = createCatElement(stateRef.current, zIndex);
+  elRef.current = el;
+  const debugSVG = createDebugSVG(zIndex);
+  const debugHUD = createDebugHUD();
+  const { wrapper: bubbleEl, textEl: bubbleTextEl, tailWrap: bubbleTail } = createBubble(zIndex);
+  const deps = {
+    stateRef,
+    el,
+    bubbleEl,
+    bubbleTextEl,
+    bubbleTail,
+    debugSVG,
+    debugHUD,
+    lastStateRef,
+    onStateChangeRef,
+    liveStateRef
+  };
+  const frame = createFrameLoop(deps);
+  const debugControls = createDebugControls({
+    stateRef,
+    el,
+    bubbleEl,
+    bubbleTextEl,
+    frame,
+    showBubble: () => showBubble(deps),
+    hideBubble: () => hideBubble(deps),
+    bubbleDisplayFrames: BUBBLE_DISPLAY_FRAMES
+  });
+  const debugWrapper = createDebugWrapper(zIndex, debugHUD, debugControls);
+  if (persistPosition) {
+    loadPersistedCatState(stateRef, el, storageKey);
+  }
+  refreshZones(deps);
+  document.body.appendChild(debugSVG);
+  document.body.appendChild(debugWrapper);
+  document.body.appendChild(el);
+  document.body.appendChild(bubbleEl);
+  const onMouseMove = createMouseMoveHandler(deps);
+  document.addEventListener("mousemove", onMouseMove);
+  const onPointerDown = (event) => {
+    if (event.pointerType !== "touch") return;
+    if (event.target instanceof Element && event.target.closest("button,a,input,select,textarea,label,summary,[role='button']"))
+      return;
+    onMouseMove(event);
+  };
+  document.addEventListener("pointerdown", onPointerDown);
+  const invalidateObstacles = () => {
+    stateRef.current.lastObstacleRefresh = -OBSTACLE_INTERVAL;
+    stateRef.current.lastPathRecalcFrame = -PATH_RECALC_INTERVAL;
+  };
+  window.addEventListener("scroll", invalidateObstacles, { passive: true });
+  window.addEventListener("resize", invalidateObstacles, { passive: true });
+  const persist = persistPosition ? createPersistHandler(stateRef, storageKey) : null;
+  const onVisibilityChange = () => {
+    if (document.hidden) persist?.();
+  };
+  if (persist) {
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    window.addEventListener("pagehide", persist);
+  }
+  const onKeyDown = createKonamiHandler(stateRef, debugSVG, debugWrapper);
+  document.addEventListener("keydown", onKeyDown);
+  const leavePack = joinPack(stateRef.current);
+  const stopWatchingPage = watchPage(deps);
+  const stopPetting = pettable ? makePettable(deps) : void 0;
+  const stopAnimationLoop = startAnimationLoop(stateRef, frame);
+  return () => {
+    stopPetting?.();
+    stopWatchingPage();
+    leavePack();
+    persist?.();
+    teardownCatAnimation(
+      { el, debugSVG, debugWrapper, bubbleEl },
+      {
+        onMouseMove,
+        onPointerDown,
+        onKeyDown,
+        invalidateObstacles,
+        persist,
+        onVisibilityChange,
+        stopAnimationLoop
+      }
+    );
+    elRef.current = null;
+    stateRef.current.bubbleVisible = false;
+    stateRef.current.bubbleTimer = 0;
+    if (liveStateRef) liveStateRef.current.bubbleVisible = false;
+  };
+}
+function defaultRuntimeConfigState() {
+  return {
+    pausedCfg: ONEKO_DEFAULTS.paused,
+    followCursorCfg: ONEKO_DEFAULTS.followCursor,
+    sleepEnabledCfg: ONEKO_DEFAULTS.sleepEnabled,
+    bubblePlacementCfg: ONEKO_DEFAULTS.bubblePlacement,
+    bubbleScaleCfg: ONEKO_DEFAULTS.bubbleScale,
+    soundBasePathCfg: ONEKO_DEFAULTS.soundBasePath,
+    currentSpeed: ONEKO_DEFAULTS.speed,
+    scale: ONEKO_DEFAULTS.scale,
+    opacity: ONEKO_DEFAULTS.opacity,
+    rotationAmount: ONEKO_DEFAULTS.rotationAmount,
+    idleThresholdMs: ONEKO_DEFAULTS.idleThreshold,
+    freerunChanceCfg: ONEKO_DEFAULTS.freerunChance,
+    freerunDurationCfg: ONEKO_DEFAULTS.freerunDuration,
+    bubbleEnabledCfg: ONEKO_DEFAULTS.bubbleEnabled,
+    bubbleDisplayFramesCfg: ONEKO_DEFAULTS.bubbleDisplayFrames,
+    bubbleCooldownFramesCfg: ONEKO_DEFAULTS.bubbleCooldown,
+    bubbleChanceCfg: ONEKO_DEFAULTS.bubbleChance,
+    followDistanceCfg: ONEKO_DEFAULTS.followDistance,
+    animationSpeedCfg: ONEKO_DEFAULTS.animationSpeed,
+    customBubbleText: ONEKO_DEFAULTS.bubbleText,
+    currentRotation: 0,
+    enableMeow: ONEKO_DEFAULTS.meow,
+    soundVolumeCfg: ONEKO_DEFAULTS.volume,
+    soundCooldown: 0,
+    bubbleTimer: 0,
+    bubbleCooldown: 0,
+    bubbleVisible: false,
+    lastBubbleMsg: -1,
+    laserPointerCfg: ONEKO_DEFAULTS.laserPointer,
+    laserCaught: false,
+    chaseCfg: ONEKO_DEFAULTS.chase,
+    napWhileTypingCfg: ONEKO_DEFAULTS.napWhileTyping,
+    followFocusCfg: ONEKO_DEFAULTS.followFocus,
+    perchOnHoverCfg: ONEKO_DEFAULTS.perchOnHover
+  };
+}
+function applyRuntimeConfig(state, config) {
+  state.pausedCfg = config.paused ?? ONEKO_DEFAULTS.paused;
+  state.followCursorCfg = config.followCursor ?? ONEKO_DEFAULTS.followCursor;
+  state.sleepEnabledCfg = config.sleepEnabled ?? ONEKO_DEFAULTS.sleepEnabled;
+  state.bubblePlacementCfg = config.bubblePlacement === "above" || config.bubblePlacement === "below" ? config.bubblePlacement : ONEKO_DEFAULTS.bubblePlacement;
+  state.bubbleScaleCfg = Number.isFinite(config.bubbleScale) ? Math.max(0.5, Math.min(2, config.bubbleScale)) : ONEKO_DEFAULTS.bubbleScale;
+  state.soundBasePathCfg = (config.soundBasePath ?? ONEKO_DEFAULTS.soundBasePath).replace(
+    /\/+$/,
+    ""
+  );
+  if (!state.followCursorCfg) {
+    state.freerunMode = false;
+    state.freerunTimer = 0;
+    state.currentPath = [];
+    state.pathWaypointIdx = 0;
+    state.nekoVelX = 0;
+    state.nekoVelY = 0;
+  }
+  state.zoneState.definitions = config.zones ?? EMPTY_ZONES;
+  state.zoneState.chance = Number.isFinite(config.zoneAttractionChance) ? Math.max(0, Math.min(1, config.zoneAttractionChance)) : ONEKO_DEFAULTS.zoneAttractionChance;
+  state.zoneState.duration = Number.isFinite(config.zoneAttractionDuration) ? Math.max(1, Math.min(600, Math.round(config.zoneAttractionDuration / 100))) : ONEKO_DEFAULTS.zoneAttractionDuration / 100;
+  state.currentSpeed = config.speed;
+  state.scale = config.scale;
+  state.opacity = config.opacity;
+  state.rotationAmount = config.rotationAmount;
+  state.idleThresholdMs = config.idleThreshold;
+  state.freerunChanceCfg = config.freerunChance;
+  state.freerunDurationCfg = config.freerunDuration;
+  state.bubbleEnabledCfg = config.bubbleEnabled;
+  state.bubbleDisplayFramesCfg = config.bubbleDisplayFrames;
+  state.bubbleCooldownFramesCfg = config.bubbleCooldown;
+  state.bubbleChanceCfg = config.bubbleChance;
+  state.followDistanceCfg = config.followDistance;
+  state.animationSpeedCfg = config.animationSpeed;
+  state.customBubbleText = config.bubbleText;
+  state.enableMeow = config.meow;
+  state.soundVolumeCfg = config.volume;
+  state.laserPointerCfg = config.laserPointer;
+  if (!config.laserPointer) {
+    state.laserCaught = false;
+  }
+  state.chaseCfg = config.chase === "cat" ? "cat" : "cursor";
+  state.napWhileTypingCfg = config.napWhileTyping ?? ONEKO_DEFAULTS.napWhileTyping;
+  state.followFocusCfg = config.followFocus ?? ONEKO_DEFAULTS.followFocus;
+  state.perchOnHoverCfg = config.perchOnHover ?? ONEKO_DEFAULTS.perchOnHover;
+  if (!state.napWhileTypingCfg) state.typingNap = false;
+  if (!state.perchOnHoverCfg) state.perchTarget = null;
+}
+const classic = "data:image/png;base64,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";
+const classicSheet = {
+  classic
+};
+const skinIds = [
+  "classic",
+  "black",
+  "gray",
+  "calico",
+  "tora",
+  "catppuccin",
+  "ghost",
+  "silver",
+  "spirit",
+  "valentine",
+  "maia",
+  "vaporwave",
+  "ginger",
+  "sage",
+  "siamese",
+  "strawberry-milk",
+  "blue-frost",
+  "lavender",
+  "tuxedo",
+  "peach",
+  "honey",
+  "mocha",
+  "mint",
+  "midnight-blue"
+];
+const SKIN_CATALOG = [
+  { id: "classic", name: "Classic", description: "The little cat that started it all" },
+  { id: "black", name: "Black", description: "A tiny midnight shadow" },
+  { id: "gray", name: "Gray", description: "Soft fur, softer footsteps" },
+  { id: "calico", name: "Calico", description: "A patchwork of mischief" },
+  { id: "tora", name: "Tora", description: "A little tiger at heart" },
+  { id: "catppuccin", name: "Catppuccin", description: "A warm cup of cat" },
+  { id: "ghost", name: "Ghost", description: "A pleasantly spooky companion" },
+  { id: "silver", name: "Silver", description: "Moonlight on little paws" },
+  { id: "spirit", name: "Spirit", description: "A curious little daydream" },
+  { id: "valentine", name: "Valentine", description: "Wears a heart on every paw" },
+  { id: "maia", name: "Maia", description: "Small paws, big personality" },
+  { id: "vaporwave", name: "Vaporwave", description: "Dreaming in pink and purple" },
+  { id: "ginger", name: "Ginger", description: "Golden fur and cream-colored paws" },
+  { id: "sage", name: "Sage", description: "A little garden companion" },
+  { id: "siamese", name: "Siamese", description: "Chocolate points and bright blue eyes" },
+  {
+    id: "strawberry-milk",
+    name: "Strawberry Milk",
+    description: "Soft pink with a splash of cream"
+  },
+  { id: "blue-frost", name: "Blue Frost", description: "Snowy paws and an icy blue coat" },
+  { id: "lavender", name: "Lavender", description: "Lilac fur and a little daydream" },
+  { id: "tuxedo", name: "Tuxedo", description: "Dressed up in a white bib and socks" },
+  { id: "peach", name: "Peach", description: "Apricot fur with a touch of vanilla" },
+  { id: "honey", name: "Honey", description: "Golden fur and a sunny disposition" },
+  { id: "mocha", name: "Mocha", description: "Cocoa fur with a splash of milk" },
+  { id: "mint", name: "Mint", description: "Fresh turquoise and snowy little paws" },
+  { id: "midnight-blue", name: "Midnight Blue", description: "Navy fur with a silver lining" }
+];
+const installed = new Set(skinIds);
+const ONEKO_SKINS = SKIN_CATALOG.filter(
+  (entry) => isOnekoSkin(entry.id)
+);
+function isOnekoSkin(value) {
+  return typeof value === "string" && installed.has(value);
+}
+const loaded = /* @__PURE__ */ new Map([["classic", classicSheet.classic]]);
+let pending;
+function getSkinSource(skin = "classic") {
+  return loaded.get(isOnekoSkin(skin) ? skin : "classic");
+}
+async function loadSkinSource(skin = "classic") {
+  const id = isOnekoSkin(skin) ? skin : "classic";
+  if (!loaded.has(id)) {
+    pending ??= import("./skin-sheets-CG0yKeZb.js").then(({ default: sheets }) => {
+      for (const [key, source] of Object.entries(sheets)) loaded.set(key, source);
+    });
+    await pending;
+  }
+  return loaded.get(id) ?? loaded.get("classic");
+}
+function createInitialCatState(options) {
+  const startX = options.initialPos?.x ?? DEFAULT_POSITION.x;
+  const startY = options.initialPos?.y ?? DEFAULT_POSITION.y;
+  const state = {
+    zoneState: createZoneState(),
+    nekoPosX: startX,
+    nekoPosY: startY,
+    nekoVelX: 0,
+    nekoVelY: 0,
+    mousePosX: startX,
+    mousePosY: startY,
+    frameCount: 0,
+    idleTime: 0,
+    idleAnimation: null,
+    idleAnimationFrame: 0,
+    obstacleRects: [],
+    lastObstacleRefresh: -OBSTACLE_INTERVAL,
+    grid: null,
+    gridCols: 0,
+    gridRows: 0,
+    currentPath: [],
+    pathWaypointIdx: 0,
+    lastPathRecalcFrame: -PATH_RECALC_INTERVAL,
+    lastPathTargetCol: -1,
+    lastPathTargetRow: -1,
+    debugMode: false,
+    paused: false,
+    stateLocked: false,
+    noFollow: false,
+    ...defaultRuntimeConfigState(),
+    loopPrevAngle: null,
+    mouseCircleWinding: 0,
+    freerunMode: false,
+    freerunTimer: 0,
+    lastFreerunMsg: -1,
+    typingNap: false,
+    held: false,
+    perchTarget: null,
+    leaderTarget: null
+  };
+  applyRuntimeConfig(state, options);
+  return state;
+}
+const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+function createOneko(initial = {}, base = {}) {
+  const fallback = { ...ONEKO_DEFAULTS, ...base };
+  const resolve = (next) => Object.fromEntries(
+    Object.entries(next).map(([key, value]) => [
+      key,
+      value === void 0 ? fallback[key] : value
+    ])
+  );
+  let options = { ...fallback, ...resolve(initial) };
+  const stateRef = { current: createInitialCatState(runtimeConfig(options)) };
+  const elRef = { current: null };
+  const lastStateRef = { current: "idle" };
+  const onStateChangeRef = { current: options.onStateChange };
+  const motionQuery = window.matchMedia?.(REDUCED_MOTION_QUERY);
+  let stopEngine;
+  let stopLaser;
+  let resting;
+  let skinRequest = 0;
+  let destroyed = false;
+  const reducedMotion = () => motionQuery?.matches ?? false;
+  const paint = () => {
+    const el = elRef.current ?? resting;
+    if (!el) return;
+    const rotation = resting ? 0 : stateRef.current.currentRotation;
+    el.style.transform = `scale(${options.scale}) rotate(${rotation}deg)`;
+    el.style.opacity = String(options.opacity);
+    el.style.filter = options.hueRotate ? `hue-rotate(${options.hueRotate}deg)` : "";
+    const source = options.spriteSrc || getSkinSource(options.skin);
+    if (source) {
+      el.style.backgroundImage = `url(${JSON.stringify(source)})`;
+      return;
+    }
+    const request = ++skinRequest;
+    loadSkinSource(options.skin).then(
+      () => request === skinRequest && !destroyed && paint(),
+      () => {
+      }
+    );
+  };
+  const stop = () => {
+    stopEngine?.();
+    stopLaser?.();
+    resting?.remove();
+    stopEngine = stopLaser = resting = void 0;
+    elRef.current = null;
+  };
+  const start = () => {
+    stop();
+    if (areCatsHidden()) return;
+    if (reducedMotion()) {
+      if (options.reducedMotion === "rest") {
+        resting = createRestingCat(options);
+        document.body.appendChild(resting);
+        paint();
+      }
+      return;
+    }
+    stopEngine = startCatAnimation({
+      stateRef,
+      elRef,
+      lastStateRef,
+      onStateChangeRef,
+      persistPosition: options.persistPosition,
+      storageKey: options.storageKey,
+      zIndex: options.zIndex,
+      pettable: options.pettable
+    });
+    if (options.laserPointer && options.followCursor && !options.paused)
+      stopLaser = mountLaserCursor(options.zIndex);
+    paint();
+  };
+  motionQuery?.addEventListener("change", start);
+  const stopWatchingHidden = onCatsHiddenChange(start);
+  start();
+  return {
+    update(next) {
+      if (destroyed) return;
+      const previous = options;
+      options = { ...options, ...resolve(next) };
+      onStateChangeRef.current = options.onStateChange;
+      applyRuntimeConfig(stateRef.current, runtimeConfig(options));
+      const restart = [
+        "zIndex",
+        "storageKey",
+        "persistPosition",
+        "reducedMotion",
+        "laserPointer",
+        "pettable"
+      ].some((key) => previous[key] !== options[key]);
+      const laserChanged = previous.followCursor !== options.followCursor || previous.paused !== options.paused;
+      if (restart || laserChanged && options.laserPointer) start();
+      else paint();
+    },
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      motionQuery?.removeEventListener("change", start);
+      stopWatchingHidden();
+      stop();
+    }
+  };
+}
+function runtimeConfig(options) {
+  return {
+    ...options,
+    laserPointer: options.laserPointer && options.followCursor && !options.paused
+  };
+}
+function createRestingCat(options) {
+  const position = options.persistPosition && readPersistedPosition(options.storageKey) || options.initialPos;
+  const inset = TILE * options.scale / 2 + 16 - TILE / 2;
+  const el = document.createElement("div");
+  el.setAttribute("aria-hidden", "true");
+  el.style.cssText = [
+    "position:fixed",
+    position ? `left:${position.x - TILE / 2}px` : `right:${inset}px`,
+    position ? `top:${position.y - TILE / 2}px` : `bottom:${inset}px`,
+    `width:${TILE}px`,
+    `height:${TILE}px`,
+    "pointer-events:none",
+    "image-rendering:pixelated",
+    "background-repeat:no-repeat",
+    "background-size:256px 128px",
+    `background-position:-${2 * TILE}px 0`,
+    `z-index:${options.zIndex}`
+  ].join(";");
+  return el;
+}
+export {
+  ONEKO_DEFAULTS as O,
+  TILE as T,
+  applyRuntimeConfig as a,
+  createInitialCatState as b,
+  createOneko as c,
+  areCatsHidden as d,
+  ONEKO_SKINS as e,
+  setCatsHidden as f,
+  getSkinSource as g,
+  isOnekoSkin as i,
+  loadSkinSource as l,
+  mountLaserCursor as m,
+  onCatsHiddenChange as o,
+  readPersistedPosition as r,
+  startCatAnimation as s
+};