/* TAIL trots across the bottom of the page now and then, leaving little lavender pawprints. She lives in the Archives, where she runs all the time. */
.tail-visit{position:fixed;left:0;bottom:6px;z-index:6;width:84px;height:56px;pointer-events:none;opacity:0;mix-blend-mode:screen;will-change:transform}
.tail-visit .tv-body{position:absolute;inset:0}
.tail-visit.faces-left .tv-body{transform:scaleX(-1)}
.tail-visit img{display:block;width:100%;height:100%;object-fit:contain;
  -webkit-mask-image:radial-gradient(ellipse 52% 52% at 50% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 52% 52% at 50% 52%,#000 62%,transparent 100%);
  filter:drop-shadow(0 0 6px rgba(198,160,255,.7));animation:tv-hop .3s ease-in-out infinite}
.tail-visit.sniffing img{animation:tv-sniff .9s ease-in-out infinite}
@keyframes tv-hop{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}
@keyframes tv-sniff{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(3px,2px) rotate(4deg)}60%{transform:translate(-2px,3px) rotate(-3deg)}}
.tv-print{position:fixed;z-index:6;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50%;pointer-events:none;background:#efe3ff;box-shadow:0 0 6px #c6a0ff,0 0 12px rgba(198,160,255,.6);animation:tv-print 1.6s ease-out forwards}
@keyframes tv-print{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(.4)}}
html[data-time="dusk"] .tail-visit{filter:brightness(.85)}
html[data-time="night"] .tail-visit{filter:brightness(.7)}
@media(max-width:700px){.tail-visit{width:64px;height:43px}}
@media(prefers-reduced-motion:reduce){.tail-visit,.tv-print{display:none}}