.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--behind-glow-color:#7dbeff66;--behind-glow-size:60%;--card-radius:40px;perspective:1000px;touch-action:none;width:100%;max-width:320px;margin:0 auto;position:relative}.pc-behind{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(60px)saturate(1.2);opacity:calc(.6 * var(--card-opacity));transition:opacity .5s;position:absolute;inset:-20px}.pc-card-wrapper:hover{--card-opacity:1}.pc-card-shell{z-index:1;aspect-ratio:.72;width:100%;transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transform-style:preserve-3d;transition:transform .1s ease-out;position:relative}.pc-card{border-radius:var(--card-radius);background:#050505;border:1px solid #ffffff1a;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.pc-inside{background:linear-gradient(#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.pc-shine{z-index:3;pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .15);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fff6 0%, transparent 60%);transition:opacity .5s;position:absolute;inset:0}.pc-glare{z-index:4;pointer-events:none;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff3 0%, transparent 80%);mix-blend-mode:overlay;opacity:var(--card-opacity);position:absolute;inset:0}.pc-content{z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.pc-avatar-container{flex:1;position:relative;overflow:hidden}.pc-avatar{object-fit:cover;filter:grayscale()brightness(.8);width:100%;height:100%;transition:all .8s cubic-bezier(.23,1,.32,1)}.pc-card-wrapper:hover .pc-avatar{filter:grayscale(0)brightness();transform:scale(1.05)}.pc-user-info{text-align:center;z-index:5;pointer-events:none;padding:0 1.5rem;position:absolute;top:10%;left:0;right:0;transform:translateZ(50px)}.pc-name{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 12px #00000080;overflow-wrap:break-word;margin-bottom:2px;font-size:1.75rem;font-weight:700}.pc-role{color:#fff9;text-transform:uppercase;letter-spacing:.4em;font-size:.7rem;font-weight:600}.pc-vignette{z-index:2;background:radial-gradient(circle,#0000 20%,#0006 100%);position:absolute;inset:0}