.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%;--grain:none;--icon:none;--card-radius:16px;--sunpillar-1:#0b3ea8;--sunpillar-2:#155eef;--sunpillar-3:#2563eb;--sunpillar-4:#38bdf8;--sunpillar-5:#60a5fa;--sunpillar-6:#c4e7ff;perspective:500px;touch-action:none;height:100%;position:relative;transform:translateZ(.1px)}.pc-card-shell,.pc-card,.pc-inside{width:100%;height:100%}.pc-card-shell{z-index:1;position:relative}.pc-behind{z-index:0;border-radius:var(--card-radius);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(42px)saturate(1.08);opacity:calc(.68 * var(--card-opacity));pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{border-radius:var(--card-radius);box-shadow:#000000a3 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;backface-visibility:hidden;transform-style:preserve-3d;background:#000000e6;transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-card:hover,.pc-card-shell.active .pc-card{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 *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-color:#020617;background-image:var(--inner-gradient);position:absolute;inset:0;overflow:hidden}.pc-shine,.pc-glare{position:absolute;inset:0;overflow:hidden}.pc-shine{--space:5%;--angle:-45deg;z-index:3;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-size:150%;mask-size:150%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;-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));background-image:repeating-linear-gradient(0deg, var(--sunpillar-1) calc(var(--space) * 1), var(--sunpillar-2) calc(var(--space) * 2), var(--sunpillar-3) calc(var(--space) * 3), var(--sunpillar-4) calc(var(--space) * 4), var(--sunpillar-5) calc(var(--space) * 5), var(--sunpillar-6) calc(var(--space) * 6), var(--sunpillar-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #07122e 0%, #6b8bb3 3.8%, #83b7d8 4.5%, #6b8bb3 5.2%, #07122e 10%, #07122e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;opacity:.14;filter:brightness(.72)contrast(1.08)saturate(.58);mix-blend-mode:screen;background-size:500% 500%,300% 300%,200% 200%;transition:filter .8s;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;grid-area:1/1;transition:opacity .8s;position:absolute;inset:0}.pc-shine:before{background-image:linear-gradient(45deg, var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3)), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #96c3e3 0%, #1d336333 90%), var(--grain);background-position:var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity;background-size:250% 250%,100% 100%,220px 220px}.pc-shine:after{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #bae6fd7a, transparent 44%);background-position:var(--background-x) var(--background-y);filter:brightness(.8)contrast(1.4);mix-blend-mode:screen;background-size:160% 160%}.pc-card:hover .pc-shine,.pc-card-shell.active .pc-shine{opacity:.24;filter:brightness(.78)contrast(1.12)saturate(.68)}.pc-card:hover .pc-shine:before,.pc-card-shell.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card-shell.active .pc-shine:after{opacity:1}.pc-glare{z-index:4;opacity:.16;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #e0f2fe52 8%, #2563eb1a 42%, transparent 76%);filter:brightness(.72)contrast(1.04);mix-blend-mode:soft-light;transform:translateZ(1.1px)}.pc-content{position:absolute;inset:0}.pc-avatar-content{z-index:2;backface-visibility:hidden;mix-blend-mode:normal;overflow:hidden;transform:translateZ(2px)}.pc-avatar-content:after{content:"";z-index:1;border-radius:inherit;mix-blend-mode:color;opacity:.68;pointer-events:none;background:linear-gradient(145deg,#07183f 0%,#174ea6 56%,#7dd3fc 100%);position:absolute;inset:0}.pc-avatar-content .avatar{object-fit:cover;object-position:center 42%;filter:grayscale()contrast(1.06)brightness(.86);width:100%;height:100%;transform:translateX(calc((var(--pointer-from-left) - .5) * 6px)) translateY(calc((var(--pointer-from-top) - .5) * 4px)) scale(1.035);transform-origin:50%;backface-visibility:hidden;-webkit-user-select:none;user-select:none;will-change:transform;transition:transform .12s ease-out;position:absolute;inset:0}.pc-profile-copy,.pc-details,.pc-user-info{display:none!important}.pc-hover-label{z-index:8;top:clamp(12px, var(--pointer-y), calc(100% - 36px));left:clamp(12px, var(--pointer-x), calc(100% - 166px));background:var(--experience-accent,#69ee11);color:#03050d;font:700 10px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;border:1px solid #ffffff4d;border-radius:4px;padding:6px 10px;transition:opacity .18s;display:block;position:absolute;transform:translate(12px,12px);box-shadow:0 8px 22px #00000047}.pc-card-shell:hover .pc-hover-label{opacity:1}.pc-card-wrapper[data-profile-static=true]{perspective:none;touch-action:auto}.pc-card-wrapper[data-profile-static=true] .pc-card,.pc-card-wrapper[data-profile-static=true] .pc-avatar-content .avatar{will-change:auto;transition:none;transform:none!important}@media (width<=900px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pc-behind,.pc-shine,.pc-glare,.pc-hover-label{display:none}}
