.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-glow-color:rgba(125,190,255,0.67);--behind-glow-size:50%;--inner-gradient:linear-gradient(145deg,#60496e8c,#71c4ff44);--sunpillar-1:hsl(2,100%,73%);--sunpillar-2:hsl(53,100%,69%);--sunpillar-3:hsl(93,100%,69%);--sunpillar-4:hsl(176,100%,76%);--sunpillar-5:hsl(228,100%,74%);--sunpillar-6:hsl(283,100%,73%);--card-radius:18px;perspective:620px;position:relative;touch-action:none;transform:translateZ(.1px)}.pc-behind{position:absolute;inset:0;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));filter:blur(48px) saturate(1.12);opacity:calc(.75 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:has(.pc-card-shell.active),.pc-card-wrapper:hover{--card-opacity:1}.pc-card-shell{position:relative;z-index:1}.pc-card{aspect-ratio:1168/2048;width:100%;max-height:620px;display:grid;position:relative;border-radius:var(--card-radius);background:rgba(0,0,0,.9);box-shadow:rgba(0,0,0,.35) calc((var(--pointer-from-left) * 18px) - 6px) calc((var(--pointer-from-top) * 24px) - 8px) 26px -10px,rgba(255,255,255,.28) 0 0 0 1px inset;overflow:hidden;transform:translateZ(0) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:transform .62s ease,box-shadow .22s ease;backface-visibility:hidden}.pc-card-shell.active .pc-card{transition:transform 80ms ease-out,box-shadow .16s ease;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-content,.pc-glare,.pc-inside,.pc-shine{position:absolute;inset:0;border-radius:var(--card-radius);pointer-events:none}.pc-inside{overflow:hidden;background-image:var(--inner-gradient);background-color:rgba(0,0,0,.86)}.pc-avatar-content{z-index:2;overflow:hidden;transform:translateZ(2px);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;transform-origin:50% 100%;transform:translateX(calc((var(--pointer-from-left) - .5) * 2px)) translateY(calc((var(--pointer-from-top) - .5) * 2px)) scale(1);transition:transform .12s ease-out;will-change:transform}.pc-avatar-content video.avatar{-o-object-fit:cover;object-fit:cover}.pc-shine{z-index:4;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:160%;mask-size:160%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));opacity:.38;filter:brightness(.78) contrast(1.35) saturate(.55);animation:pc-holo-bg 16s linear infinite;mix-blend-mode:color-dodge;background-image:repeating-linear-gradient(0deg,var(--sunpillar-1) 0,var(--sunpillar-2) 7%,var(--sunpillar-3) 14%,var(--sunpillar-4) 21%,var(--sunpillar-5) 28%,var(--sunpillar-6) 35%,var(--sunpillar-1) 42%),repeating-linear-gradient(-45deg,#0e152e 0,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.18) 10%,hsla(0,0%,0%,.12) 48%,hsla(0,0%,0%,.24) 110%);background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-size:500% 500%,300% 300%,200% 200%;background-blend-mode:color,hard-light,normal}.pc-card-shell.active .pc-shine{opacity:.62;filter:brightness(.95) contrast(1.5) saturate(.9);animation-play-state:paused}.pc-glare{z-index:5;opacity:.34;mix-blend-mode:overlay;filter:brightness(.9) contrast(1.2);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.78) 0,rgba(190,215,255,.45) 13%,rgba(36,45,80,.18) 48%,transparent 92%);transition:opacity .18s ease}.pc-card-shell.active .pc-glare{opacity:.58}.pc-content:not(.pc-avatar-content){z-index:6;text-align:center;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);mix-blend-mode:luminosity}.pc-details{position:absolute;left:7%;right:7%;bottom:7%;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;transition:opacity .18s ease}.pc-card-shell.active .pc-details{opacity:.9}.pc-details h3{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white;font-size:clamp(1rem,4vw,1.8rem);font-weight:700;letter-spacing:0;text-shadow:0 2px 12px rgba(0,0,0,.55)}.pc-details p{margin:0;color:rgba(255,255,255,.82);font-size:clamp(.75rem,1.8vw,.95rem);font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.55)}.pc-user-info{position:absolute;left:16px;right:16px;bottom:16px;z-index:8;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.32);backdrop-filter:blur(18px);pointer-events:auto}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{min-width:0;gap:10px}.pc-mini-avatar{width:34px;height:34px;flex:0 0 auto;overflow:hidden;border-radius:999px}.pc-mini-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc-user-text{min-width:0}.pc-handle,.pc-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.pc-handle{color:white;font-size:12px;font-weight:700}.pc-status{margin-top:3px;color:rgba(255,255,255,.72);font-size:11px}.pc-contact-btn{flex:0 0 auto;cursor:pointer;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:white;background:rgba(255,255,255,.12);font-size:11px;font-weight:700;pointer-events:auto;transition:border-color .16s ease,transform .16s ease}.pc-contact-btn:hover{border-color:rgba(255,255,255,.52);transform:translateY(-1px)}@keyframes pc-holo-bg{0%{background-position:0 var(--background-y),0 0,50%}to{background-position:0 var(--background-y),90% 90%,50%}}@media (prefers-reduced-motion:reduce){.pc-avatar-content .avatar,.pc-card{transform:none;transition:none}.pc-shine{animation:none}}