/* PEEP is a discoverable link without blocking the neighboring cards. */
.peep-gallery-link{
  position:absolute;inset:0;z-index:3;pointer-events:auto;
  clip-path:polygon(9% 10%,72% 10%,72% 56%,61% 64%,70% 72%,70% 82%,50% 100%,0 100%,0 45%);
  outline:0;
}
.peep-gallery-link:focus-visible{background:#e6c0ff30}
.peep-character:has(.peep-gallery-link:focus-visible){filter:drop-shadow(0 0 6px #e6b9ff)}

/* Pink starbursts follow PEEP's existing character link, without blocking it. */
.peep-hover-sparkles{display:none;pointer-events:none}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
  .peep-character{transition:left .25s,filter .25s}
  .peep-character:has(.peep-gallery-link:is(:hover,:focus-visible)){filter:drop-shadow(0 0 9px #f76cbd77)}
  .peep-hover-sparkles{position:absolute;inset:0;z-index:4;display:block;pointer-events:none}
  .peep-hover-sparkles i{position:absolute;left:var(--x);top:var(--y);color:#ff9bd6;font:normal var(--size,15px)/1 sans-serif;opacity:0;pointer-events:none;text-shadow:0 0 5px #ffb4e2,0 0 14px #f76cbd,0 0 25px #ef54ab99}
  .peep-hover-sparkles i::before{content:'✦'}
  .peep-hover-sparkles i:nth-child(1){--x:56%;--y:8%;--size:14px;--dx:-8px;--dy:-13px;--delay:-.3s}
  .peep-hover-sparkles i:nth-child(2){--x:72%;--y:12%;--size:19px;--dx:10px;--dy:-15px;--delay:-1.4s}
  .peep-hover-sparkles i:nth-child(3){--x:79%;--y:31%;--size:12px;--dx:13px;--dy:-8px;--delay:-.8s}
  .peep-hover-sparkles i:nth-child(4){--x:76%;--y:52%;--size:17px;--dx:15px;--dy:-6px;--delay:-2.1s}
  .peep-hover-sparkles i:nth-child(5){--x:72%;--y:73%;--size:12px;--dx:14px;--dy:8px;--delay:-1.7s}
  .peep-hover-sparkles i:nth-child(6){--x:60%;--y:87%;--size:16px;--dx:8px;--dy:12px;--delay:-1.1s}
  .peep-gallery-link:is(:hover,:focus-visible)+.peep-hover-sparkles i{animation:peep-star-glow 2.8s ease-in-out var(--delay) infinite}
  @media(prefers-reduced-motion:reduce){
    .peep-character{transition:none}
    .peep-gallery-link:is(:hover,:focus-visible)+.peep-hover-sparkles i{animation:none;opacity:.8}
  }
}
@keyframes peep-star-glow{
  0%{opacity:0;transform:translate(0,0) scale(.35) rotate(-20deg)}
  24%{opacity:1}
  68%{opacity:.85}
  100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.05) rotate(20deg)}
}

/* One consistent collection heading for PEEP and token galleries. */
.collection-hero-content{width:100%;min-width:0}
.collection-hero h1{line-height:1.2;overflow-wrap:anywhere}
.collection-name{margin-left:9px;color:#cdbbd2;font:600 clamp(17px,2vw,22px)/1.25 'Space Grotesk',sans-serif;letter-spacing:-.3px}
.peep-section-top{margin-top:38px}
:is(.peep-card,.collection-image-card) img{object-fit:contain;background:#100d16}
:is(.peep-card,.collection-image-card) .meme-meta strong{min-height:17px}
:is(.peep-card,.collection-image-card) .meme-actions a,:is(.peep-card,.collection-image-card) .meme-actions button{font-size:11px}
@media(max-width:760px){
  :is(.peep-card,.collection-image-card) .meme-meta{padding:11px}
  :is(.peep-card,.collection-image-card) .meme-actions{flex-wrap:wrap}
  :is(.peep-card,.collection-image-card) .meme-actions a,:is(.peep-card,.collection-image-card) .meme-actions button{min-width:80px}
}
/* Shared contract-address control for collection headers. */
.collection-hero>div{min-width:0}
.contract-address{width:max-content;max-width:100%;margin-top:10px}
.contract-row{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}
.contract-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3bfd1;font:500 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:all}
.contract-copy{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;padding:0;border:0;border-radius:6px;background:transparent;color:#e5bdd9}
.contract-copy:hover,.contract-copy:focus-visible{background:#64405d;color:#fff2fc}
.contract-copy:focus-visible{outline:2px solid #f5bfdf;outline-offset:2px}
.contract-copy svg{width:14px;height:14px}
.pump-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;margin-top:10px;padding:5px 10px 5px 7px;border:1px solid #3d6b53;border-radius:8px;background:linear-gradient(135deg,#1b3026,#141d18);color:#c3f1d2;font-size:11px;font-weight:700;line-height:1.2;transition:border-color .2s,background .2s,color .2s}
.pump-link:hover{border-color:#78d89b;background:#213b2c;color:#f0fff4}
.pump-link:focus-visible{outline:2px solid #a6edbb;outline-offset:3px}
.collection-hero .pump-link img{display:block;flex:none;width:20px;height:20px;object-fit:contain;border-radius:0}
.pump-link-arrow{flex:none;width:12px;height:12px;transform:rotate(-45deg)}
@media(max-width:760px), (hover:none) and (pointer:coarse){
  .collection-name{display:none}
  .pump-link{min-height:44px}
}
@media(max-width:760px){.contract-value{font-size:10px}}