:root{--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%;--grain:none;--icon:none;--behind-glow-color:#ff3c3c80;--behind-glow-size:40%;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ff9661;--sunpillar-3:#ff617b;--sunpillar-4:#ff9985;--sunpillar-5:#f288bd;--sunpillar-6:#ff7575;--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:16px}.pc-card-wrapper{perspective:500px;touch-action:none;position:relative;transform:translateZ(.1px)}.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(50px)saturate(1.1);opacity:calc(.8*var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);height:80svh;max-height:460px;box-shadow:#000c calc((var(--pointer-from-left)*10px) - 3px)calc((var(--pointer-from-top)*20px) - 6px)20px -5px;backface-visibility:hidden;background:#0a0a0cf2;transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-is-lead .pc-card{box-shadow:#000c calc((var(--pointer-from-left)*10px) - 3px)calc((var(--pointer-from-top)*20px) - 6px)20px -5px,0 0 0 1px #ff3c3c52}.pc-card:hover,.pc-card.active{transform:translateZ(0)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{z-index:1;position:relative}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-image:var(--inner-gradient);background-color:#0a0a0cf2;position:absolute;inset:0;transform:none}.pc-lead-bar{z-index:20;pointer-events:none;grid-area:unset;border-radius:var(--card-radius)var(--card-radius)0 0;background:linear-gradient(90deg,#ff3c3c 0%,#ff6060 40%,#ff3c3c4d 80%,#0000 100%);height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #ff3c3c99}.pc-lead-badge{z-index:20;letter-spacing:.16em;color:#f44;pointer-events:none;grid-area:unset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080ae0;border:1px solid #ff3c3cb3;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:9px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000080}.pc-shine{z-index:3;opacity:0;background:0 0;background-image:radial-gradient(ellipse 80% 60% at var(--pointer-x)var(--pointer-y),#ffffff21 0%,transparent 65%),linear-gradient(180deg,#ffffff1a 0%,transparent 16%);transition:opacity .35s;overflow:hidden;transform:translateZ(1px)}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{opacity:1}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#ffffff1a 12%,#0000000d 90%);mix-blend-mode:overlay;z-index:4;opacity:0;transition:opacity .3s;overflow:hidden;transform:translateZ(1.1px)}.pc-card:hover .pc-glare,.pc-card.active .pc-glare{opacity:.2}.pc-avatar-content{backface-visibility:hidden;overflow:visible;transform:translateZ(2px)}.pc-avatar-content .avatar{transform-origin:50%;width:100%;height:100%;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5)*6px))translateZ(0)scaleY(calc(1 + (var(--pointer-from-top) - .5)*.02))scaleX(calc(1 + (var(--pointer-from-left) - .5)*.01));backface-visibility:hidden;will-change:transform;object-fit:cover;object-position:center top;transition:transform .12s ease-out;position:absolute;top:0;left:50%}.pc-user-info{--ui-inset:12px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:10;-webkit-backdrop-filter:blur(28px);pointer-events:auto;cursor:pointer;background:#08080ad6;border:1px solid #ff3c3c2e;border-radius:12px;flex-direction:column;gap:4px;padding:13px 14px 11px;transition:border-color .2s;display:flex;position:absolute}.pc-user-info:hover{border-color:#ff3c3c61}.pc-is-lead .pc-user-info{border-color:#ff3c3c4d}.pc-user-name{background:linear-gradient(135deg,#ff8c8c 0%,#ff3c3c 55%,#c81a1a 100%);-webkit-text-fill-color:transparent;pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;line-height:1.15}.pc-is-lead .pc-user-name{font-size:20px}.pc-handle{color:#ffffff73;letter-spacing:.04em;pointer-events:none;margin-top:1px;font-family:monospace;font-size:11px;font-weight:500}.pc-role{color:#ffffff59;letter-spacing:.02em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:11px;overflow:hidden}.pc-user-meta{pointer-events:none;justify-content:space-between;align-items:center;margin-top:2px;display:flex}.pc-status{color:#ff5a5abf;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;font-family:monospace;font-size:9px}.pc-social-row{pointer-events:auto;align-items:center;gap:5px;display:flex}.pc-social-btn{color:#ffffff80;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff17;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pc-social-btn:hover{color:#ff7070;background:#ff3c3c2e;border-color:#ff3c3c73}@media (max-width:768px){.pc-card{max-height:400px}}