:root{--paper: #faf9f6;--ink: #141414}body{margin:0;background-color:var(--paper);color:var(--ink);cursor:crosshair}#trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 45%,rgba(20,20,20,.08) 100%)}.filters{position:absolute;width:0;height:0;overflow:hidden}.ink{fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.accent{position:absolute;opacity:.4;overflow:visible;pointer-events:none;transition:transform .2s cubic-bezier(.2,.7,.3,1),opacity .3s ease}.accent:hover{opacity:.85}.piece{position:fixed;z-index:4;margin:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.7,.3,1)}.piece svg{display:block;width:100%;height:auto;overflow:visible}.piece path{fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.piece .art{opacity:.13}.piece .inked{opacity:.85}.piece figcaption{margin-top:.5rem;text-align:center;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#14141473;opacity:0;transform:translateY(3px);transition:opacity .4s ease,transform .4s ease}.piece.is-inked{transform:scale(1.03)}.piece--tv{width:80px;top:10%;left:3%}.piece--tor{width:130px;bottom:8%;left:3%}.piece--liesel{width:75px;top:10%;right:3%}.piece--jacobi{width:65px;bottom:8%;right:3%}@media(max-width:1400px){.piece{display:none}}