.pc-card-wrapper{perspective:1000px;pointer-events:auto;width:100%;max-width:330px;margin:0 auto;position:relative}.pc-card{aspect-ratio:.718;background-blend-mode:color-dodge, normal, normal, normal;width:100%;max-height:540px;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;background-size:100% 100%;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y), hsla(266, 100%, 90%, var(--card-opacity)) 4%, hsla(266, 50%, 80%, calc(var(--card-opacity) * .75)) 10%, hsla(266, 25%, 70%, calc(var(--card-opacity) * .5)) 50%, #9990 100%), radial-gradient(35% 52% at 55% 20%, #00ffaac4 0%, #073aff00 100%), radial-gradient(100% 100% at 50% 50%, #00c1ff 1%, #073aff00 76%), conic-gradient(from 124deg at 50% 50%, #c137ff 0%, #07c6ff 40%, #07c6ff 60%, #c137ff 100%);transform:translate3d(0px, 0px, .1px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));border-radius:var(--card-radius,24px);transform-style:preserve-3d;background-position:0 0,0 0,50%,0 0;border:1px solid #ffffff1a;transition:transform 1s,opacity .3s;animation:12s linear infinite glow-bg;display:grid;position:relative;overflow:hidden}@keyframes glow-bg{0%{background-position:0 0,0 0,50%,0 0}to{background-position:0 0,0 0,50%,0 0}}.pc-inside{z-index:2;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.pc-shine{background:radial-gradient(800px circle at var(--pointer-x) var(--pointer-y), #ffffff26 0%, #fff0 80%);z-index:2;pointer-events:none;border-radius:var(--card-radius,24px);transition:all .1s ease-out;position:absolute;inset:0}.pc-glare{background:var(--icon) center / cover no-repeat;opacity:var(--pointer-from-center);z-index:1;pointer-events:none;mix-blend-mode:overlay;border-radius:var(--card-radius,24px);transition:opacity .1s ease-out;position:absolute;inset:0}.pc-card:before{content:"";border-radius:var(--card-radius,24px);background:var(--behind-gradient);-webkit-mask-composite:xor;z-index:2;padding:1px;transition:all .3s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.pc-card:after{content:"";background:var(--grain) repeat center / 100%;opacity:.2;z-index:1;pointer-events:none;border-radius:var(--card-radius,24px);transition:all .3s;position:absolute;inset:0}.pc-content{z-index:3;color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.pc-avatar-bg{mix-blend-mode:screen;border-radius:var(--card-radius,24px);z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pc-avatar-bg .avatar{width:150%;opacity:calc(1.75 - var(--pointer-from-center));z-index:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(1)}.pc-avatar-bg:before{content:"";z-index:1;backdrop-filter:blur(30px);pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 0% 60%,#000 90% 100%);mask:linear-gradient(#0000 0% 60%,#000 90% 100%)}.pc-avatar-text{pointer-events:none;justify-content:flex-start;padding:35px 20px 20px}.pc-avatar-text a,.pc-avatar-text .pointer-events-auto{pointer-events:auto}.pc-details{backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;width:100%;padding:16px;display:flex}.pc-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.pc-stat-box{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:10px;display:flex}.pc-stat-label{text-transform:uppercase;letter-spacing:1px;color:#fff9;margin-bottom:4px;font-size:11px}.pc-stat-value{text-shadow:0 0 10px #00f3ff80;font-size:18px;font-weight:800}.pc-ranking-badge{color:#00f3ff;background:#00f3ff33;border:1px solid #00f3ff80;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 0 15px #00f3ff4d}.pc-provisional-badge{color:#fffc;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.pc-card:not(.active){transform:rotateX(var(--rotate-x,0)) rotateY(var(--rotate-y,0))}