.pc-card-wrapper{perspective:600px;--pointer-x:50%;--pointer-y:50%;--background-x:50%;--background-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--rotate-x:0deg;--rotate-y:0deg;width:340px;max-width:100%;height:460px;position:relative}.pc-behind{background:radial-gradient(circle at 50% 50%, var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(60px);z-index:0;pointer-events:none;opacity:.9;border-radius:24px;position:absolute;inset:0}.pc-card-shell{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));z-index:1;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff14;border-radius:24px;transition:none;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #0009}.pc-card-shell.entering{transition:transform .18s ease-out}.pc-inside{border-radius:inherit;background:var(--inner-gradient);position:absolute;inset:0;overflow:hidden}.avatar{object-fit:cover;object-position:bottom center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.avatar-placeholder{background:#1a1a1a}.pc-icon-layer{border-radius:inherit;background-image:var(--icon);background-repeat:repeat;background-size:90px 90px;background-position:calc(var(--background-x) * .2 - 10%) calc(var(--background-y) * .2 - 10%);mix-blend-mode:color-dodge;opacity:0;z-index:2;pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.pc-card-shell.active .pc-icon-layer{opacity:calc(var(--pointer-from-center) * .14)}@media (prefers-reduced-motion:reduce){.pc-icon-layer{opacity:0!important}}@media (hover:none){.pc-icon-layer{opacity:0!important}}.pc-shine{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffff40 0%, #fff0 45%);mix-blend-mode:overlay;z-index:3;pointer-events:none;transition:opacity .2s ease-out;position:absolute;inset:0}.pc-glare{opacity:calc(var(--pointer-from-center) * .5);mix-blend-mode:overlay;z-index:4;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff1f 50%,#0000 70%);position:absolute;inset:0}.pc-card-shell.active .pc-shine{opacity:1.15}.pc-card-shell.active .pc-glare{opacity:calc(var(--pointer-from-center) * .75)}.pc-details{z-index:5;pointer-events:none;padding:28px;position:absolute;top:0;left:0;right:0}.pc-details h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:30px;font-weight:700;line-height:1.1}.pc-details p{color:#c9c9c9;margin:6px 0 0;font-size:14px}.pc-user-info{-webkit-backdrop-filter:blur(12px);z-index:6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.pc-user-details{align-items:center;gap:10px;min-width:0;display:flex}.pc-mini-avatar-wrap{background:#1a1a1a;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.pc-mini-avatar{object-fit:cover;width:100%;height:100%;display:block}.pc-mini-avatar-placeholder{background:#1a1a1a}.pc-user-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.pc-handle{color:#fff;font-size:13px;font-weight:500}.pc-status{color:#9a9a9a;font-size:12px}.pc-contact-btn{appearance:none;color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;transition:background-color .2s,color .2s,border-color .2s}.pc-contact-btn:hover{color:#000;background:#fff;border-color:#fff}@media (width<=640px){.pc-card-wrapper{width:320px;height:440px}}