: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%;--card-radius:30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card{height:420px;max-height:420px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;box-shadow:rgba(0,0,0,.2) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg);overflow:hidden;background-color:#2D3748}.pc-card.active,.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;transform:translateZ(.01px)}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1);bottom:2px;opacity:.8}.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}.pc-details{width:100%;position:absolute;top:2.5em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;margin:0;font-size:min(4.2svh,2.2em);background-image:linear-gradient(180deg,#fff,#b8c1ec);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 10px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.3);-webkit-text-stroke:.2px rgba(0,0,0,.2)}.pc-details p{font-weight:600;position:relative;top:-10px;white-space:nowrap;font-size:14px;margin:0 auto;width:min-content;color:white;text-shadow:0 0 5px rgba(0,0,0,.8)}@media (max-width:768px){.pc-card{height:400px;max-height:400px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.2em)}.pc-details p{font-size:14px}}@media (max-width:480px){.pc-card{height:400px;max-height:400px}.pc-details{top:2em}.pc-details h3{font-size:min(3.8svh,2em)}.pc-details p{font-size:12px;top:-8px}}@media (max-width:320px){.pc-card{height:380px;max-height:380px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}}