/*
 * TAROTEYES — Card Artwork Shield V1
 *
 * Scope is intentionally narrow:
 * - only actual tarot artwork containers
 * - no global page right-click blocking
 * - no changes to reader mechanics
 * - no changes to the card image pixels
 */

[data-card-art-wrap],
[data-taroeyes-protected-card]{
  position:relative;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
}

[data-card-art-wrap] img,
[data-taroeyes-protected-card] img{
  -webkit-user-drag:none;
  user-drag:none;
  -webkit-user-select:none;
  user-select:none;
}

/*
 * Discreet public attribution.
 * Kept on the TOP BORDER CORNER, never over the central artwork/eyes.
 * It is deliberately small and low-contrast.
 */
[data-card-art-wrap]::after,
[data-taroeyes-protected-card]::after{
  content:"© TAROTEYES";
  position:absolute;
  top:4px;
  right:5px;
  z-index:8;
  max-width:calc(100% - 10px);
  padding:2px 4px;
  border-radius:4px;
  color:rgba(239,221,166,.72);
  background:rgba(3,15,20,.42);
  border:1px solid rgba(216,191,121,.14);
  font:700 7px/1.1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  white-space:nowrap;
  pointer-events:none;
  text-shadow:0 1px 2px rgba(0,0,0,.72);
  backdrop-filter:blur(1.5px);
}

/* Compact thumbnails get an even quieter mark. */
[data-card-art-wrap]:has(.is-compact)::after,
[data-taroeyes-protected-card].is-compact::after{
  top:3px;
  right:3px;
  padding:1px 3px;
  font-size:6px;
  opacity:.72;
}

/*
 * Never disturb hover/click behaviour that the Reader already owns.
 * The shield does not consume left-click/pointer events.
 */
[data-card-art-wrap]::after,
[data-taroeyes-protected-card]::after{
  pointer-events:none!important;
}

@media(max-width:700px){
  [data-card-art-wrap]::after,
  [data-taroeyes-protected-card]::after{
    top:3px;
    right:3px;
    font-size:6px;
    padding:1px 3px;
  }
}

@media print{
  [data-card-art-wrap]::after,
  [data-taroeyes-protected-card]::after{
    content:"© TAROTEYES · WEB PREVIEW";
    color:rgba(40,40,40,.75);
    background:rgba(255,255,255,.72);
  }
}