: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:#50a0ff8c;--behind-glow-size:55%;--inner-gradient:none;--card-radius:30px;--pc-pattern-size:clamp(360px,46vw,600px);--pc-grain-size:clamp(1200px,140vw,2600px);--pc-deep:#060a12eb}.pc-card-wrapper{perspective:700px;touch-action:pan-y;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(38px)saturate(1.08);opacity:calc(.85*var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper.active{--card-opacity:1}.pc-card-shell{z-index:1;isolation:isolate;pointer-events:auto;position:relative}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);backface-visibility:hidden;background:var(--pc-deep);height:80svh;max-height:540px;box-shadow:#000000d9 calc((var(--pointer-from-left)*10px) - 3px)calc((var(--pointer-from-top)*20px) - 6px)22px -6px;transition:transform .6s;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-card-wrapper.active .pc-card{transform:translateZ(0)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .16s ease-out}.pc-inside{border-radius:var(--card-radius);background-image:var(--inner-gradient);background-color:var(--pc-deep);position:absolute;inset:0}.pc-content,.pc-layer{border-radius:var(--card-radius);pointer-events:none;position:absolute;inset:0}.pc-avatar-content{z-index:5;overflow:hidden}.pc-avatar-layer{border-radius:var(--card-radius);transform-origin:50% 100%;transform:translateX(calc((var(--pointer-from-left) - .5)*8px))translateY(calc((var(--pointer-from-top) - .5)*4px))scaleX(calc(1 + (var(--pointer-from-left) - .5)*.02))scaleY(calc(1 + (var(--pointer-from-top) - .5)*.03));will-change:transform;z-index:1;transition:transform .12s ease-out;position:absolute;inset:0;overflow:hidden}.pc-avatar-layer .avatar{object-fit:cover;object-position:center;filter:grayscale()contrast(1.18)brightness(.74);transform:translateZ(0)}.pc-tint{z-index:2;mix-blend-mode:color;opacity:.58;background:radial-gradient(circle at 50% 22%,#6eb4ff5c 0%,#3278ff2e 30%,#0000009e 78%)}.pc-vignette{z-index:3;opacity:.85;background:radial-gradient(circle at 50% 40%,#0000 0%,#00000047 58%,#000000a6 100%)}.pc-pattern{z-index:4;-webkit-mask-image:var(--icon);-webkit-mask-repeat:repeat;-webkit-mask-size:var(--pc-pattern-size);-webkit-mask-position:50% 30%;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pc-pattern-size);mask-size:var(--pc-pattern-size);opacity:.1;mix-blend-mode:overlay;will-change:opacity;background:#ffffff2e;-webkit-mask-position:50% 30%;mask-position:50% 30%}.pc-wave{z-index:5;-webkit-mask-image:var(--icon);-webkit-mask-repeat:repeat;-webkit-mask-size:var(--pc-pattern-size);-webkit-mask-position:50% 30%;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--pc-pattern-size);mask-size:var(--pc-pattern-size);mix-blend-mode:screen;filter:drop-shadow(0 0 12px #5aa0ff59);opacity:0;will-change:opacity,background-position;background-image:linear-gradient(115deg,#0000 0%,#5aa0ff00 34%,#5aa0fff2 50%,#22d3ee8c 58%,#0000 72%);background-position:130% -12%;background-size:240% 240%;-webkit-mask-position:50% 30%;mask-position:50% 30%}.pc-card-wrapper:not(.active) .pc-wave{opacity:.75;animation:6.6s ease-in-out infinite pcWaveTRTL}.pc-card-wrapper.active .pc-pattern{opacity:.16}.pc-card-wrapper.active .pc-wave{opacity:1;background-position:var(--background-x)-8%;filter:drop-shadow(0 0 14px #5aa0ff8c)drop-shadow(0 0 26px #22d3ee2e);animation:none}@keyframes pcWaveTRTL{0%{opacity:0;background-position:130% -12%}18%{opacity:.55}50%{opacity:.95;background-position:-30% -6%}78%{opacity:.25}to{opacity:0;background-position:130% -12%}}.pc-grain{z-index:6;background-image:var(--grain);background-repeat:repeat;background-size:var(--pc-grain-size);background-position:var(--background-x)var(--background-y);opacity:.13;mix-blend-mode:soft-light}.pc-shine{z-index:7;background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#78beff24 0%,#00000059 58%,#000000b3 110%);mix-blend-mode:screen;opacity:.04;transition:opacity .22s}.pc-card-wrapper.active .pc-shine{opacity:.12}.pc-glare{z-index:8;background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#dcebff33 0%,#285aa024 45%,#0009 100%);mix-blend-mode:overlay;opacity:.04;transition:opacity .22s}.pc-card-wrapper.active .pc-glare{opacity:.1}.pc-toptext{z-index:20;mix-blend-mode:normal}.pc-details{text-align:center;gap:2px;padding:0 10px;display:grid;position:absolute;top:22px;left:0;right:0}.pc-details h3,.pc-details p{letter-spacing:.01em;text-shadow:0 10px 30px #00000073,0 2px 6px #00000040;margin:0}.pc-details h3{white-space:nowrap;text-overflow:ellipsis;-webkit-text-fill-color:transparent;background-image:linear-gradient(#fff 0%,#d7e3ff 18%,#9cabdb 45%,#fff 65%,#a8b7ff 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.35rem,2.15vw,2rem);font-weight:700;line-height:1.05;overflow:hidden}.pc-details p{white-space:nowrap;-webkit-text-fill-color:transparent;opacity:.95;background-image:linear-gradient(#fff 0%,#d0dcff 28%,#fff 62%,#a3a9fd 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.05rem,1.25vw,1.22rem);font-weight:700;line-height:1.1}.pc-user-info{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.pc-user-details{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.pc-mini-avatar{border:1px solid #ffffff29;border-radius:999px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.pc-mini-avatar-img{object-fit:cover;border-radius:999px;width:48px;height:48px}.pc-mini-avatar-img.is-fallback{opacity:.6}.pc-user-text{gap:6px;display:grid}.pc-handle{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1;overflow:hidden}.pc-status{color:#ffffffb8;font-size:12px;font-weight:500;line-height:1}.pc-contact-btn{pointer-events:auto;cursor:pointer;color:#ffffffeb;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;transition:transform .16s,border-color .16s,background .16s}.pc-contact-btn:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-1px)}@media (max-width:768px){.pc-card{height:70svh;max-height:460px}.pc-details h3{font-size:min(4svh,2.1rem)}.pc-details p{font-size:.92rem}.pc-mini-avatar,.pc-mini-avatar-img{width:34px;height:34px}}@media (max-width:480px){.pc-card{height:62svh;max-height:390px}.pc-details{top:18px}.pc-details h3{font-size:min(3.6svh,1.85rem)}.pc-user-info{padding:10px 12px;bottom:14px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){.pc-card,.pc-avatar-layer{transition:none!important}.pc-card-wrapper:not(.active) .pc-wave{opacity:.28;animation:none!important}}
.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #27272a;border-radius:25px;width:100%;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:block;position:relative;overflow:hidden}.pixel-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;z-index:1;pointer-events:none;background:radial-gradient(circle,#09090b,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before,.pixel-card[data-active=true]:before{opacity:1}