.pc-card-wrapper{--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.8;position:relative;width:240px;height:340px;margin:0;perspective:600px;transform-style:preserve-3d}.pc-card-wrapper.active{--card-opacity:0.95}.pc-card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) translateZ(0);transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}.pc-inside{position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(30,35,50,.95),rgba(25,30,45,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,120,160,.2);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 80px rgba(80,100,140,.15),inset 0 0 20px rgba(255,255,255,.02)}.pc-card:before{content:"";position:absolute;inset:-100px;background:var(--behind-gradient);filter:blur(80px);opacity:calc(var(--card-opacity) * var(--pointer-from-center));z-index:-1;transform:translateZ(-100px)}.pc-shine{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,calc(.3 * var(--pointer-from-center))) 50%,transparent 60%);mix-blend-mode:plus-lighter;opacity:calc(var(--pointer-from-center) * .8);transform:translateX(calc(var(--pointer-from-left) * 100% - 50%)) translateY(calc(var(--pointer-from-top) * 100% - 50%))}.pc-glare,.pc-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.pc-glare{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.2) 0,transparent 50%);mix-blend-mode:overlay;opacity:calc(var(--pointer-from-center) * .6)}.pc-content{position:relative;padding:24px 20px 16px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:1}.pc-details-top{text-align:center;color:white;margin-bottom:16px}.pc-details-top h3{font-size:20px;font-weight:600;margin:0 0 6px;color:rgba(255,255,255,.95);letter-spacing:.3px}.pc-details-top p{font-size:14px;font-weight:400;margin:0;color:rgba(255,255,255,.65);letter-spacing:.2px}.pc-avatar-container{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:10px 0 0;position:relative;overflow:hidden}.pc-avatar-container .avatar{width:150px;height:auto;max-height:200px;object-fit:contain;object-position:bottom center;border:none;background:transparent;filter:grayscale(100%) contrast(1.2) brightness(1.05);opacity:.95;position:relative;z-index:2}.pc-user-info-bottom{width:100%;padding:12px 14px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;border-radius:12px;margin-top:auto}.pc-user-details{display:flex;align-items:center;gap:10px}.pc-mini-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1)}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover}.pc-user-text{color:rgba(255,255,255,.95)}.pc-handle{font-size:12px;font-weight:600;margin-bottom:2px;color:rgba(255,255,255,.9)}.pc-status{font-size:10px;opacity:.75;display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.7)}.pc-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#00ff00;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pc-contact-btn{width:36px;height:36px;padding:0;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.95);font-size:20px;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.pc-contact-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.35);transform:scale(1.1);box-shadow:0 4px 12px rgba(255,255,255,.15)}.pc-inside:after{inset:0;background-image:var(--grain);background-repeat:repeat;mix-blend-mode:overlay;opacity:.3;border-radius:inherit}.pc-inside:after,.pc-inside:before{content:"";position:absolute;pointer-events:none}.pc-inside:before{top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background-image:var(--icon);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.03;transition:all .4s ease;filter:brightness(1)}.pc-card:hover .pc-inside:before{opacity:.15;filter:brightness(1.5) drop-shadow(0 0 20px rgba(255,255,255,.5));transform:translate(-50%,-50%) scale(1.1)}.pc-card:hover .pc-inside:after{background-image:var(--icon);background-size:200px 200px;background-repeat:no-repeat;background-position:50%;mix-blend-mode:screen;opacity:.08}@media (max-width:768px){.pc-card-wrapper{width:280px;height:360px}.pc-content .avatar{width:160px;height:160px}.pc-details h3{font-size:20px}.pc-details p{font-size:14px}}@media (prefers-color-scheme:dark){.pc-inside{background:linear-gradient(135deg,rgba(20,20,30,.8),rgba(10,10,20,.6));border:1px solid rgba(255,255,255,.1)}}