: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;--card-radius:16px;--pc-surface:#111622;--pc-accent:#06f}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:pan-y;max-width:320px;margin:0 auto;border-radius:var(--card-radius)}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:transform .5s ease;filter:contrast(1.2) saturate(1.6) blur(36px);transform:scale(.8) translateZ(.1px);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper.active,.pc-card-wrapper.pc-tilt:hover{--card-opacity:1}.pc-card-wrapper.active:before,.pc-card-wrapper.pc-tilt:hover:before{transform:scale(.9) translateZ(.1px)}.pc-card{height:450px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:normal,normal,normal;box-shadow:0 24px 48px -12px rgba(0,0,0,.5);transition:transform 1s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),rgba(153,194,255,var(--card-opacity)) 4%,rgba(0,102,255,calc(var(--card-opacity) * .75)) 10%,rgba(0,60,153,calc(var(--card-opacity) * .5)) 50%,rgba(77,77,77,0) 100%),radial-gradient(35% 52% at 55% 20%,var(--pc-accent) 0,#11162200 100%),conic-gradient(from 124deg at 50% 50%,var(--pc-accent) 0,#111622 40%,#003380 60%,var(--pc-accent) 100%);overflow:hidden;-webkit-mask-image:-webkit-linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}.pc-card.active,.pc-tilt .pc-card:hover{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background-image:linear-gradient(145deg,rgba(17,22,34,.95),rgba(30,37,54,.85));background-color:rgba(17,22,34,.9);transform:translateZ(.01px)}.pc-shine{mask-image:var(--icon);mask-mode:luminance;mask-repeat:repeat;mask-size:150%;mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:50%;background-image:repeating-linear-gradient(0deg,#99c2ff calc(var(--space) * 1),#4d94ff calc(var(--space) * 2),#06f calc(var(--space) * 3),#0047b3 calc(var(--space) * 4),#99c2ff calc(var(--space) * 5)),repeating-linear-gradient(var(--angle),#111622 0,#99c2ff 3.8%,#4d94ff 4.5%,#99c2ff 5.2%,#111622 10%,#111622 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(0,0,0,.1) 12%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:after,.pc-shine:before{content:"";background-position:50%;background-size:cover;grid-area:1/1;opacity:0}.pc-card.active .pc-shine,.pc-tilt .pc-card:hover .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation:none}.pc-card.active .pc-shine:before,.pc-tilt .pc-card:hover .pc-shine:before{opacity:calc(1 - var(--pointer-from-center) * .5)}.pc-card.active .pc-shine:after,.pc-tilt .pc-card:hover .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,#fff,#99c2ff,#4d94ff,#06f),radial-gradient(circle at var(--pointer-x) var(--pointer-y),#06f 0,rgba(0,51,128,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(1.5) contrast(2.5) saturate(1);mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),50%;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 12%,rgba(0,102,255,.7) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;height:auto;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";position:absolute;inset:-15px;z-index:1;background:linear-gradient(180deg,rgba(17,22,34,0) 0,rgba(17,22,34,0) 58%,rgba(17,22,34,.85) 88%,rgba(17,22,34,.95));pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;justify-content:space-between;background:rgba(17,22,34,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px 14px;pointer-events:auto}.pc-user-details,.pc-user-info{display:flex;align-items:center}.pc-user-details{gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px;min-width:0}.pc-handle{font-weight:500;color:#f2f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pc-handle,.pc-status{font-size:14px;line-height:1}.pc-status{color:#a4adbe}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;letter-spacing:-.02em;margin:0;font-size:min(5svh,2.5em);color:#f2f4f8}.pc-details p{font-weight:500;position:relative;top:-8px;white-space:nowrap;font-size:15px;margin:0 auto;width:min-content;color:#a4adbe}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,50%}to{background-position:0 var(--background-y),90% 90%,50%}}@media (max-width:768px){.pc-card{height:auto}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:40px;height:40px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:12px}}@media (max-width:480px){.pc-card{height:auto}.pc-card-wrapper{max-width:250px}.pc-details{top:1.5em}.pc-details h3{font-size:clamp(14px,12cqw,1.8em)}.pc-details p{font-size:clamp(8px,6cqw,12px);top:-4px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:12px}.pc-mini-avatar{width:clamp(20px,14cqw,32px);height:clamp(20px,14cqw,32px)}.pc-user-details{gap:6px}.pc-handle{font-size:clamp(8px,5.5cqw,11px)}.pc-status{font-size:clamp(7px,5cqw,10px)}.pc-user-info{bottom:6px;left:6px;right:6px;padding:5px 6px;border-radius:8px}}@media (hover:none){.pc-glare,.pc-shine{display:none}.pc-user-info{background:rgba(17,22,34,.9)}.pc-card-wrapper:before{filter:blur(24px)}}.pc-card-wrapper{container-type:inline-size}.pc-details h3{font-size:clamp(11px,11.5cqw,40px);line-height:1.1}.pc-details p{font-size:clamp(7px,5cqw,15px);line-height:1.3;white-space:normal;width:auto;max-width:88%;text-align:center;top:-2px}.pc-handle{font-size:clamp(7px,4.4cqw,14px)}.pc-status{font-size:clamp(6px,3.8cqw,13px)}