.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--card-radius:28px;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--behind-gradient:none;--inner-gradient:none;perspective:600px;touch-action:auto;width:100%;position:relative;transform:translateZ(.1px)}.pc-card-wrapper:before{content:"";border-radius:inherit;background:inherit;background-image:var(--behind-gradient);background-position:inherit;filter:contrast(1.4)saturate(1.6)blur(36px);opacity:0;pointer-events:none;z-index:-1;transition:opacity .5s,transform .5s,filter .5s;position:absolute;inset:-10px;transform:scale(.82)translateZ(.1px)}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{opacity:.9;filter:contrast(1.1)saturate(1.8)blur(42px);transform:scale(.92)translateZ(.1px)}.pc-card{aspect-ratio:.72;border-radius:var(--card-radius);background-color:#faf7ee;background-image:var(--behind-gradient);width:100%;transform:translate3d(0, 0, .1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));box-shadow:#785ea72e calc((var(--pointer-from-left) * 12px) - 6px) calc((var(--pointer-from-top) * 18px) - 4px) 26px -8px, #00000014 0 10px 30px -12px;cursor:pointer;background-position:50%;background-size:100% 100%;transition:transform 1s,box-shadow .4s;display:grid;position:relative;overflow:hidden;container-type:inline-size}.pc-card.active{transition:none}.pc-card:hover{box-shadow:#785ea74d calc((var(--pointer-from-left) * 16px) - 8px) calc((var(--pointer-from-top) * 22px) - 6px) 34px -8px, #0000001f 0 16px 40px -14px}.pc-inside{border-radius:calc(var(--card-radius) - 1px);background-color:#faf7eeb8;background-image:var(--inner-gradient);background-blend-mode:overlay;position:absolute;inset:1px;overflow:hidden;transform:translateZ(.01px)}.pc-shine{z-index:3;pointer-events:none;mix-blend-mode:soft-light;opacity:calc(.35 + var(--pointer-from-center) * .5);background-image:repeating-linear-gradient(0deg, var(--sunpillar-1) 5%, var(--sunpillar-2) 10%, var(--sunpillar-3) 15%, var(--sunpillar-4) 20%, var(--sunpillar-5) 25%, var(--sunpillar-6) 30%, var(--sunpillar-1) 35%), repeating-linear-gradient(133deg, var(--sunpillar-4) 0%, var(--sunpillar-5) 8%, var(--sunpillar-6) 16%, var(--sunpillar-1) 24%, var(--sunpillar-2) 32%);background-blend-mode:color-dodge;background-size:250% 250%,180% 180%;background-position:var(--background-x) var(--background-y), calc(100% - var(--background-x)) calc(100% - var(--background-y));filter:saturate(.7)brightness(1.1);transition:opacity .4s;position:absolute;inset:0}.pc-glare{z-index:4;pointer-events:none;mix-blend-mode:overlay;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffd9 8%, #ffffff59 22%, #785ea700 60%);opacity:calc(.4 + var(--pointer-from-center) * .4);transition:opacity .4s;position:absolute;inset:0}.pc-content{z-index:5;display:grid;position:absolute;inset:0}.pc-avatar-content{pointer-events:none;overflow:hidden}.pc-avatar-content .pc-avatar{object-fit:contain;object-position:bottom;width:92%;opacity:calc(1.6 - var(--pointer-from-center) * .4);z-index:1;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(1)}.pc-details{z-index:6;text-align:center;flex-direction:column;align-items:center;gap:2px;padding:0 1em;display:flex;position:absolute;top:2.4em;left:0;right:0}.pc-details h3{letter-spacing:-.02em;color:#1a1a1a;text-shadow:0 1px #fff9;margin:0;font-size:clamp(1.4rem,4.6cqw,2.1rem);font-weight:800;line-height:1.05}.pc-details p{letter-spacing:.02em;color:#6b5b8a;margin:2px 0 0;font-size:.8rem;font-weight:600}.pc-user-info{z-index:7;-webkit-backdrop-filter:blur(18px);pointer-events:auto;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 6px 20px -8px #1a1a1a40}.pc-user-details{align-items:center;gap:10px;min-width:0;display:flex}.pc-mini-avatar{background:#ece6f5;border:1.5px solid #ffffffe6;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 8px -2px #1a1a1a4d}.pc-mini-avatar img{object-fit:cover;object-position:top;width:100%;height:100%}.pc-user-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pc-handle{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-weight:700;line-height:1.1;overflow:hidden}.pc-status{color:#178e81;font-size:.72rem;font-weight:600;line-height:1.1}.pc-contact-btn{color:#1a1a1a;cursor:pointer;pointer-events:auto;white-space:nowrap;background:#f9c74f;border:none;border-radius:12px;flex-shrink:0;padding:8px 14px;font-size:.78rem;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.pc-contact-btn:hover{background:#f4b730;transform:translateY(-1px);box-shadow:0 6px 16px -6px #f9c74fcc}.pc-contact-btn:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pc-card{transition:none}}