/* A quiet, single-response interaction for each card. */
.playing-card .card-face{transition:box-shadow .24s ease,border-color .24s ease}
.resource-actions .resource-install{transition:transform .14s ease,background-color .18s ease,color .18s ease}
.resource-actions .resource-install:active{transform:translateY(2px) scale(.98)}
.resource-actions .resource-install.is-copied{background:#fff0a0;border-color:#76692a;color:var(--ink)}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .playing-card{transition:transform .26s cubic-bezier(.2,.7,.3,1)}
  .playing-card:hover,.playing-card:focus-within{transform:translateY(-5px) rotate(0deg)}
  .playing-card:hover .card-face,.playing-card:focus-within .card-face{border-color:#282d23;box-shadow:0 17px 26px -16px #26302040,0 3px 6px #2630200b}
  .playing-card:hover .detail-art,.playing-card:focus-within .detail-art{animation:minmin-comet-wave .78s cubic-bezier(.25,.7,.35,1) 1}
}
@keyframes minmin-comet-wave{
  0%,100%{transform:translateX(0) rotate(0deg)}
  35%{transform:translateX(4px) rotate(7deg)}
  68%{transform:translateX(-1px) rotate(-3deg)}
}
@media(hover:none){
  .playing-card:hover{transform:rotate(var(--angle))}
}
@media(prefers-reduced-motion:reduce){
  .playing-card,.playing-card .card-face,.resource-actions .resource-install{transition:none}
  .resource-actions .resource-install:active{transform:none}
  .playing-card .detail-art{animation:none}
}