/* Restrict ordinary image selection and mobile image callouts, without blocking page text. */
img[src*="assets/watermarked/"],
.hero-art, .project-image, .detail-main, .detail-secondary, .card-image, #detail-images {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.artwork-notice {
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 24px;
  transform: translate(-50%, 8px);
  width: max-content;
  max-width: calc(100vw - 36px);
  padding: 13px 18px;
  border: 1px solid #77796d;
  background: #171a16f2;
  color: #f5f4eb;
  font: 12px/1.6 Arial, "PingFang SC", sans-serif;
  box-shadow: 0 5px 25px #0002;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s, transform .15s;
}
.artwork-notice.is-visible { opacity: 1; transform: translate(-50%, 0); }
@media(prefers-reduced-motion: reduce) { .artwork-notice { transition: none; } }