/* Decorative three-dog watermark from the owner's photograph. */
.toby-copyright-mark {
  position: fixed;
  z-index: 9;
  right: clamp(10px, 1.8vw, 26px);
  bottom: 8px;
  padding: 4px 8px;
  border-radius: 5px;
  background: rgba(16, 43, 34, .72);
  color: rgba(238, 245, 232, .82);
  font: 600 10px/1.2 "IBM Plex Mono", Consolas, monospace;
  letter-spacing: .05em;
  pointer-events: none;
  user-select: none;
}

.toby-copyright-mark strong,
.malta-mark {
  color: #d8f06b;
  font-weight: 950;
  letter-spacing: .1em;
}

body::after {
  content: "";
  position: fixed;
  z-index: 8;
  right: clamp(12px, 2.8vw, 42px);
  bottom: -9px;
  width: min(510px, 76vw);
  aspect-ratio: 2118 / 742;
  background: url("/toby-three-dogs-blue.png") center bottom / contain no-repeat;
  opacity: .22;
  pointer-events: none;
  user-select: none;
}
html[data-fido-page="control"] body::after {
  bottom: calc(var(--release-footer-height, 38px) - 10px);
}
html[data-fido-page="control"] .toby-copyright-mark { bottom: calc(var(--release-footer-height, 38px) + 4px); }
html[data-fido-page="sitter"] body::after {
  bottom: 58px;
}
html[data-fido-page="sitter"] .toby-copyright-mark { bottom: 62px; }
@media (max-width: 700px) {
  .toby-copyright-mark {
    right: 5px;
    bottom: 4px;
    padding: 3px 5px;
    font-size: 8px;
  }
  body::after {
    right: 6px;
    bottom: -5px;
    width: min(510px, 76vw);
  }
  html[data-fido-page="control"] body::after {
    bottom: calc(var(--release-footer-height, 38px) - 5px);
  }
  html[data-fido-page="control"] .toby-copyright-mark { bottom: calc(var(--release-footer-height, 38px) + 2px); }
  html[data-fido-page="sitter"] body::after { bottom: 39px; }
  html[data-fido-page="sitter"] .toby-copyright-mark { bottom: 43px; }
}
@media print { body::after { display: none; } .toby-copyright-mark { position: absolute; color: #000; background: transparent; } }