.zrakun-layer {
  position: absolute;
  inset: 0 0 auto;
  height: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 20;
  user-select: none;
  contain: layout style;
}
.zrakun-mascot {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
}
.zrakun-drawing,
.zrakun-drawing svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* The SVG paints its white rim directly; filters can ghost between frames. */
html[data-motion-paused] .zrakun-layer { display: none; }
@media (prefers-reduced-motion: reduce) {
  .zrakun-layer { display: none; }
}

/* Only the visible mascot receives input; the surrounding layer stays transparent. */
.zrakun-mascot[href]{display:block;border:0;padding:0;background:none;text-decoration:none;transition:none}
.zrakun-mascot[href][data-visible]{pointer-events:auto;cursor:pointer}
.zrakun-mascot[href]:focus-visible{outline:3px solid #1589a8;outline-offset:3px;border-radius:8px}
.zrakun-mascot[hidden]{display:none}