/* AK86 2026 – Mauszeiger (zeiger.js) */
.zk, .zk-t { position: fixed; left: 0; top: 0; z-index: 58; pointer-events: none; visibility: hidden; }
.zk.on, .zk-t.on { visibility: visible; }
.zk { background: rgba(var(--gridcolor-rgb),.08); will-change: transform; } /* 03.11.: „massivst transparenter“ */
.zk-x { width: 1px; height: 100vh; }
.zk-y { width: 100vw; height: 1px; }
.zk-t { display: flex; align-items: center; gap: 7px; font: 11px/1 var(--f-mono); letter-spacing: .06em; color: var(--textcolor); white-space: nowrap; font-variant-numeric: tabular-nums; opacity: .35; }
.zk-tx { top: calc(var(--abh, 0px) + 8px); } /* oben statt unten: über einem Link legt der Browser dort seine Link-Vorschau hin (04.11.) */
.zk-ty { left: auto; right: 14px; }
/* Pipette: Farbwert an der Y-Leiste rechts, nur auf Bildern */
.zk-ty i { width: 9px; height: 9px; }
.zk-ty i, .zk-ty span:first-child { display: none; }
.zk-ty.hat-farbe i, .zk-ty.hat-farbe span:first-child { display: block; }
/* Treffer X 86 / Y 86: zwischen 82 und 90 werden Linie und Wert rot */
.zk-t.zk-nah { opacity: 1; font-weight: 700; color: var(--static-maincolor); }
.zk.zk-nah { background: rgba(var(--static-maincolor-rgb),.7); }
/* Schrift um die Maus: Original blendet aus, unscharfe Kopie blendet ein */
.zs { position: relative; }
.zs-b { display: block; }
.zs-o { position: absolute; inset: 0; display: none; pointer-events: none; }
.zs-i { display: block; }
.zs-an .zs-o { display: block; }
.zs-an .zs-b { -webkit-mask-image: radial-gradient(circle var(--zr, 1px) at var(--zx, 0) var(--zy, 0), transparent 45%, #000 100%); mask-image: radial-gradient(circle var(--zr, 1px) at var(--zx, 0) var(--zy, 0), transparent 45%, #000 100%); }
.zs-an .zs-i { -webkit-mask-image: radial-gradient(circle var(--zr, 1px) at var(--zx, 0) var(--zy, 0), #000 45%, transparent 100%); mask-image: radial-gradient(circle var(--zr, 1px) at var(--zx, 0) var(--zy, 0), #000 45%, transparent 100%); }
.zs-o { filter: blur(9px); }