.supporter-token { margin: .65rem 0; border: 1px solid #bba25455; border-radius: .8rem; padding: .65rem; }
.supporter-token > summary { display: flex; align-items: center; gap: .8rem; cursor: pointer; }
.supporter-token > summary:focus-visible { outline: 2px solid #f4d477; outline-offset: 4px; }
.supporter-coin { position: relative; display: inline-grid; place-items: center; flex: 0 0 3.3rem; width: 3.3rem; height: 3.3rem; overflow: hidden; border-radius: 50%; border: 3px ridge #dfc474; background: radial-gradient(circle at 30% 25%, #f7e6ad, #88702c 70%); box-shadow: 0 0 12px #e8cd7133, inset 0 0 0 2px #fff5; transition: transform .35s ease, box-shadow .35s ease; }
.supporter-coin::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(125deg, #fff6, transparent 45%, #0002); pointer-events: none; }
.supporter-coin img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.supporter-coin-initials { color: #25200f; font-weight: bold; font-size: .95rem; }
.supporter-token > summary:hover .supporter-coin { transform: rotate(12deg); box-shadow: 0 0 18px #e8cd7166; }
.supporter-token-body { padding-top: .6rem; }
.supporter-token-body a { color: #f4d477; display: inline-block; margin: .2rem .3rem .2rem 0; }
.supporter-token-address, .supporter-token-body p { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) {
  .supporter-coin { transition: none; }
  .supporter-token > summary:hover .supporter-coin { transform: none; }
}
.supporter-release-art { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.supporter-release-art figure { flex: 1 1 100px; min-width: 0; margin: 0; }
.supporter-release-art img { display: block; width: 100%; height: auto; border-radius: 0.5rem; }