:root{--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-gradient:none;--inner-gradient:none;--sunpillar-1:#96b9d6;--sunpillar-2:#f2f3f6;--sunpillar-3:#133348;--sunpillar-4:#078b6a;--sunpillar-5:#CCD0E0;--sunpillar-6:#000000;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:20px}.pc-card-wrapper{perspective:500px;position:relative;touch-action:none;background:radial-gradient(circle at center,rgba(30,0,50,.15) 0,transparent 80%);border-radius:var(--card-radius);transform:translateZ(.1px)}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;border-radius:inherit;transition:all .5s ease;filter:contrast(1.5) saturate(1.2) blur(20px);transform:scale(.85);box-shadow:0 0 15px rgba(17,7,110,.3),0 0 30px rgba(0,200,255,.2)}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper:hover:before{filter:contrast(1.2) saturate(1.1) blur(25px) opacity(.9);transform:scale(.9);box-shadow:0 0 25px rgba(0,0,0,.4),0 0 50px rgba(0,200,255,.3)}.pc-card{height:80svh;max-height:600px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-size:100% 100%;background-position:50%;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,50%,80%,var(--card-opacity)) 10%,hsla(266,25%,70%,.5) 50%,hsla(266,0%,60%,0) 100%),conic-gradient(from 124deg at 50% 50%,#4613ab88 0,#11ad8688 50%,#6d89a588 100%);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:rgba(0,0,0,.5) calc((var(--pointer-from-left)*5px)) calc((var(--pointer-from-top)*10px)) 10px -3px;transition:transform .8s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);animation:glow-bg 40s linear infinite}.pc-card.active,.pc-card:hover{transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-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));filter:brightness(.8) contrast(1.1) saturate(.6) opacity(.4);mix-blend-mode:color-dodge;border-radius:calc(var(--card-radius)-1px);animation:holo-bg 25s linear infinite}.pc-avatar-content{box-shadow:0 0 8px rgba(0,255,255,.2),0 0 12px rgba(255,0,255,.2);border-radius:15px;margin:40px;overflow:hidden;position:relative}.pc-avatar-content:hover{box-shadow:0 0 12px rgba(0,255,255,.3),0 0 18px rgba(255,0,255,.25)}.pc-avatar-content .avatar{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:15px;position:relative}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.08);backdrop-filter:blur(30px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px 18px;pointer-events:auto;transition:all .3s ease}.pc-user-info:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.pc-mini-avatar{width:100px;height:50px;overflow:hidden;flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%}.pc-user-text{display:flex;flex-direction:column;gap:3px}.pc-handle{font-size:14px;font-weight:600;color:#e0e0e0}.pc-contact-btn{border:1px solid var(--sunpillar-3);background:linear-gradient(45deg,var(--sunpillar-2) 0,var(--sunpillar-3) 100%);border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;color:linear-gradient(180deg,#181717,#c0dfff);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 0 5px rgba(0,77,255,.3)}.pc-contact-btn:hover{border-color:var(--sunpillar-4);transform:translateY(-1px);box-shadow:0 0 10px rgba(121,139,181,.4);background:#a0cfff}.pc-details{width:100%;position:absolute;top:1em;text-align:center;color:#133348}.pc-details h3{font-weight:800;font-size:min(5svh,2.5em);background-image:linear-gradient(180deg,#181717,#6ca9e5)}.pc-details h3,.pc-details p{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pc-details p{font-weight:500;font-size:20px;margin-top:-8px;background-image:linear-gradient(180deg,#3a3e46,#5996d3)}@keyframes glow-bg{0%{--bgrotate:0deg}50%{--bgrotate:230deg}to{--bgrotate:460deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,50%}25%{background-position:25% var(--background-y),20% 30%,50%}50%{background-position:50% var(--background-y),40% 50%,50%}75%{background-position:75% var(--background-y),30% 70%,50%}to{background-position:100% var(--background-y),50% 50%,50%}}@media (max-width:768px){.pc-card{height:70svh;max-height:480px}.pc-details{top:2.5em}.pc-details h3{font-size:min(4.5svh,2.2em)}.pc-details p{font-size:15px}.pc-user-info{padding:10px 14px;border-radius:14px}.pc-mini-avatar{width:32px;height:32px}.pc-handle{font-size:13px}.pc-status{font-size:11px}.pc-contact-btn{padding:7px 14px;font-size:12px;border-radius:9px}}@media (max-width:480px){.pc-card{height:65svh;max-height:400px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2em)}.pc-details p{font-size:14px;top:-10px}.pc-user-info{padding:8px 12px;border-radius:12px}.pc-mini-avatar{width:90px;height:40px}.pc-handle{font-size:12px}.pc-status{font-size:11px}.pc-contact-btn{padding:6px 12px;font-size:11px;border-radius:8px}}@media (max-width:320px){.pc-card{height:60svh;max-height:350px}.pc-details h3{font-size:min(3.5svh,1.8em)}.pc-details p{font-size:12px}.pc-user-info{padding:6px 10px;border-radius:10px}.pc-mini-avatar{width:90px;height:40px}.pc-handle{font-size:12px}.pc-status{font-size:10px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:7px}}