.paper-grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.02'/></svg>")}.mark-hit{fill:var(--mark-fill);stroke:var(--mark-stroke);stroke-width:1px;vector-effect:non-scaling-stroke;mix-blend-mode:multiply}.mark-hit[data-active=true]{fill:var(--mark-active);stroke-width:2px}.mark-proof{fill:none;stroke:var(--proof-stroke);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.mark-outline{fill:none;stroke:var(--purple);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.mark-draw{animation:mark-draw var(--mark-draw) ease-out both, mark-pulse var(--mark-pulse) ease-out var(--mark-draw) 1}}@keyframes mark-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes mark-pulse{50%{opacity:.55}}