/* Small projected surfaces. Forms, tables and charts remain still. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ccard:hover,.livecard:hover,.xcard:hover,.pcard:hover { transform: none; }
  #app .card-depth {
    position: relative;
    transform: perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(var(--card-lift,0px));
    transition: transform 220ms cubic-bezier(.2,.65,.3,1), border-color 180ms ease;
  }
  #app .card-tracking { transition-duration: 160ms; }
  .card-sheen {
    position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: radial-gradient(ellipse at var(--card-light-x,50%) var(--card-light-y,50%),rgba(255,255,255,.055),transparent 65%);
    opacity: 0; transition: opacity 220ms ease; z-index: 2;
  }
  .card-tracking > .card-sheen { opacity: 1; }
}
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  #app .card-depth,#app .ccard:hover,#app .livecard:hover,#app .xcard:hover,#app .pcard:hover {
    transform: none !important; transition: none !important;
  }
  .card-sheen { display: none; }
}