/* cRAED / CARD DEPTH V2 — lightweight interactive 3D for EVERY section.
   VELOCITY stays enabled; only the card currently under the pointer animates.
   No infinite animations, dynamic backdrop blurs, scroll reveal, or page-wide repaint. */

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  main .depth3d {
    position:relative;
    transform-style:preserve-3d;
    backface-visibility:hidden;
    transition:transform 175ms cubic-bezier(.18,.72,.25,1), border-color 180ms ease !important;
    transition-delay:0ms !important;
  }
  main .depth3d:hover, main .depth3d:focus-within {
    transform:perspective(950px) rotateX(var(--card-rx,3deg)) rotateY(var(--card-ry,-4deg)) translateY(-7px) scale(1.012) !important;
    border-color:rgba(255,98,133,.77);
    box-shadow:0 19px 36px #000b, 0 0 0 1px #ff52703a, 0 0 23px #ed174133 !important;
  }
  main .depth3d.is-tilting {
    will-change:transform;
    transition:transform 70ms linear, border-color 170ms ease !important;
  }
  /* Lift independent foreground layers to sell depth without extra heavy paints. */
  main .depth3d:hover .social-logo,
  main .depth3d:hover .social-bottom,
  main .depth3d:hover .feature-top,
  main .depth3d:hover .feature-glyph,
  main .depth3d:hover .donation-icon,
  main .depth3d:hover .mod-info,
  main .depth3d:hover .supporter-icon,
  main .depth3d:hover .hall-count,
  main .depth3d:hover .chat-head,
  main .depth3d:hover .last-label,
  main .depth3d:hover .last-details,
  main .depth3d:hover .real-badge img {
    transform:translateZ(13px);
  }
  main .depth3d .social-logo,
  main .depth3d .social-bottom,
  main .depth3d .feature-top,
  main .depth3d .feature-glyph,
  main .depth3d .donation-icon,
  main .depth3d .mod-info,
  main .depth3d .supporter-icon,
  main .depth3d .hall-count,
  main .depth3d .chat-head,
  main .depth3d .last-label,
  main .depth3d .last-details,
  main .depth3d .real-badge img {
    transition:transform 180ms ease;
    backface-visibility:hidden;
  }
  main .depth3d:hover .social-arrow {transform:translateZ(17px) rotate(-25deg) !important;}
}
/* Touch and accessibility: no tilt or cursor-follow movement. */
@media (pointer:coarse), (hover:none), (prefers-reduced-motion:reduce) {
  main .depth3d, main .depth3d:hover, main .depth3d:focus-within,
  main .depth3d.is-tilting {
    transform:none!important;
    will-change:auto!important;
  }
}