.pc-card-wrapper{--card-radius:18px;--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--card-opacity:0;position:relative;width:clamp(280px,31vw,356px);margin-inline:auto;perspective:1100px;transform:translateZ(.1px);touch-action:none}.pc-behind{position:absolute;inset:-8% -6% -4%;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0,transparent var(--behind-glow-size));opacity:calc(.45 + .55 * var(--card-opacity));transition:opacity .28s ease}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-shell{position:relative;z-index:1}.pc-card{width:100%;aspect-ratio:.74;display:grid;border-radius:var(--card-radius);position:relative;background:var(--ink);border:1px solid var(--line-strong);box-shadow:0 30px 60px -34px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.03);transition:transform .9s var(--ease);transform:translateZ(0) rotateX(0deg) rotateY(0deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.pc-card.active,.pc-card:hover{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{inset:0;position:absolute;background-color:var(--ink);background-image:var(--inner-gradient)}.pc-shine{z-index:1;opacity:calc(.55 * var(--card-opacity));background-image:repeating-linear-gradient(0deg,rgba(168,124,40,0) 0,hsla(44,72%,66%,.1) 4%,rgba(168,124,40,0) 8%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(42,72%,87%,.18) 6%,transparent 56%);background-position:0 var(--background-y),50%;background-size:100% 230%,220% 220%;mix-blend-mode:screen}.pc-glare,.pc-shine{pointer-events:none;transition:opacity .5s var(--ease)}.pc-glare{z-index:2;opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(44,72%,66%,.14) 10%,transparent 66%);mix-blend-mode:overlay}.pc-avatar-content{z-index:3;overflow:hidden}.pc-avatar-content .avatar{height:100%;width:auto;position:absolute;left:50%;bottom:-22%;transform-origin:50% 100%;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scale(calc(1 + (var(--pointer-from-top) - .5) * .015));-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;transition:transform .14s ease-out}.pc-user-info{position:absolute;--ui-inset:14px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:5;justify-content:space-between;gap:10px;background:rgba(16,13,12,.66);border:1px solid var(--line);border-radius:12px;padding:10px 10px 10px 12px;pointer-events:auto}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{gap:11px;min-width:0}.pc-mini-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);flex-shrink:0;background:var(--panel)}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;border-radius:50%}.pc-user-text{display:flex;flex-direction:column;gap:3px;min-width:0}.pc-handle{font-size:13px;font-weight:500;color:var(--on-dark)}.pc-handle,.pc-status{font-family:var(--font-sans);line-height:1;white-space:nowrap}.pc-status{font-size:11.5px;color:var(--on-dark-muted)}.pc-contact-btn{flex:none;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--ink);background:var(--on-dark);border:0;border-radius:999px;padding:9px 14px;white-space:nowrap;pointer-events:auto;transition:background .25s var(--ease)}.pc-contact-btn:hover{background:var(--gold-bright)}.pc-content:not(.pc-avatar-content){z-index:4;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -5px + 2.5px),calc(var(--pointer-from-top) * -5px + 2.5px),.1px)}.pc-details{width:100%;position:absolute;top:1.1em;display:flex;flex-direction:column;align-items:center}.pc-details h3{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(1.8rem,2.4vw,2.2rem);line-height:1.18;padding-top:.12em;letter-spacing:-.01em;background-image:linear-gradient(180deg,#f6e8c8,#c99a3b);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{margin:6px 0 0;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-2)}@media (prefers-reduced-motion:reduce){.pc-card,.pc-card.active{transform:none!important}.pc-avatar-content .avatar{transition:none;transform:translateX(-50%) translateZ(0)}.pc-behind,.pc-glare,.pc-shine{transition:none}}@media (max-width:480px){.pc-user-info{--ui-inset:11px;padding:8px 8px 8px 10px}.pc-mini-avatar{width:32px;height:32px}.pc-contact-btn{padding:8px 12px;font-size:11.5px}}