.zrakun-layer {
  position: fixed;
  inset: 0;
  overflow: clip;
  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; }
}