/* Zählwiese v304: kräftige Buntstiftlinien aus PNG-Texturen, ohne SVG/Canvas. */
.zw301-pencil-overlay{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 overflow:hidden;pointer-events:none;z-index:2;contain:layout style paint;
}
.zw304-pencil-group{position:absolute;inset:0;pointer-events:none}
.zw304-pencil-piece{
 display:block;position:absolute;box-sizing:border-box;pointer-events:none;
 transform-origin:0 50%;will-change:auto;isolation:isolate;
}
.zw304-pencil-piece::before,.zw304-pencil-piece::after{
 content:"";display:block;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
 pointer-events:none;
}
.zw304-pencil-piece::before{
 height:63%;border-radius:5px;
 background:var(--zw-ink,#965c38);opacity:.86;
 box-shadow:0 0 1px 1px rgba(89,60,39,.08);
}
.zw304-pencil-piece::after{
 height:100%;background:var(--zw-ink,#965c38);opacity:1;
 -webkit-mask-image:var(--zw-mask);mask-image:var(--zw-mask);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-position:center;mask-position:center;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
.zw304-pencil-tip{
 position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);
 border-radius:45% 55% 53% 47%;opacity:.84;pointer-events:none;
 -webkit-mask-image:url('/handdrawn-v301/crayon-bold-0.png');
 mask-image:url('/handdrawn-v301/crayon-bold-0.png');
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
#connectPaths.zw301-pencil-overlay{overflow:visible}
#zw192Canvas.zw301-pencil-overlay,#zw94Draw.zw301-pencil-overlay{touch-action:none}