: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-gradient:none;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px}.pc-card-wrapper{perspective:500px;touch-action:none;position:relative;transform:translateZ(.1px)}.pc-card-wrapper:before{content:"";background:inherit;background-position:inherit;border-radius:inherit;filter:contrast(2)saturate(2)blur(36px);background-size:100% 100%;background-image:var(--behind-gradient);transition:all .5s;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;transform:scale(.8)translateZ(.1px)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast(.8)saturate(1.5)blur(30px)opacity(.7);transform:scale(.9)translateZ(.1px)}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);background-blend-mode:color-dodge,normal,normal,normal;height:80svh;max-height:540px;box-shadow:rgba(0,0,0,.8) calc((var(--pointer-from-left)*10px) - 3px)calc((var(--pointer-from-top)*20px) - 6px)20px -5px;background-position:0 0,0 0,50%,0 0;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%,rgba(153,153,153,0) 100%),radial-gradient(35% 52% at 55% 20%,rgba(0,255,170,.77) 0%,rgba(7,58,255,0) 100%),radial-gradient(100% 100% at 50% 50%,#00c1ff 1%,rgba(7,58,255,0) 76%),conic-gradient(from 124deg at 50% 50%,#c137ff 0%,#07c6ff 40%,#07c6ff 60%,#c137ff 100%);transition:transform 1s;animation:12s linear infinite glow-bg;display:grid;position:relative;overflow:hidden;transform:translateZ(.1px)rotateX(0)rotateY(0)}.pc-card:hover,.pc-card.active{transform:translate3d(0,0,.1px)rotateX(var(--rotate-y))rotateY(var(--rotate-x));transition:none}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid;transform:translateZ(.1px)}.pc-inside{background-image:var(--inner-gradient);background-color:rgba(0,0,0,.9);position:absolute;top:1px;bottom:1px;left:1px;right:1px;transform:translateZ(.01px)}.pc-shine{-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));filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.5);mix-blend-mode:color-dodge;transition:filter .6s;animation:18s linear infinite holo-bg}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;z-index:3;background:50%/cover;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1)calc(var(--space)*1),var(--sunpillar-clr-2)calc(var(--space)*2),var(--sunpillar-clr-3)calc(var(--space)*3),var(--sunpillar-clr-4)calc(var(--space)*4),var(--sunpillar-clr-5)calc(var(--space)*5),var(--sunpillar-clr-6)calc(var(--space)*6),var(--sunpillar-clr-1)calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0%,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 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),center;background-blend-mode:color,hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.75)contrast(1.2)saturate(.4);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:.6}.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),#b3b3b3 0%,rgba(77,77,77,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;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}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x)*.4)calc(var(--background-y)*.5),center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x)var(--pointer-y),#c3bfd9 12%,rgba(46,80,107,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8)contrast(1.2);z-index:4;overflow:hidden;transform:translateZ(1.1px)}.pc-top-badge{z-index:10;text-transform:uppercase;pointer-events:none;font-family:Courier New,monospace;font-size:14px;font-weight:700;position:absolute;top:20px;left:20px}.pc-top-badge.top-1{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}.pc-top-badge.top-2{color:silver;text-shadow:0 0 15px rgba(192,192,192,.8)}.pc-top-badge.top-3{color:#cd7f32;text-shadow:0 0 15px rgba(205,127,50,.8)}.pc-number-badge{z-index:10;color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.5);pointer-events:none;font-family:Courier New,monospace;font-size:18px;font-weight:700;position:absolute;top:20px;right:20px}.pc-main-name{z-index:10;text-align:center;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);pointer-events:none;-webkit-text-fill-color:transparent;white-space:nowrap;background-image:linear-gradient(#fff,#6f6fbe);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;max-width:80%;font-family:Courier New,monospace;font-size:max(20px,min(4.5vw,32px));font-weight:700;line-height:1.1;position:absolute;top:35px;left:50%;overflow:hidden;transform:translate(-50%)}.pc-username{z-index:10;text-align:center;color:rgba(255,255,255,.8);pointer-events:none;font-family:Courier New,monospace;font-size:16px;position:absolute;top:80px;left:20px;right:20px}.pc-stats-top{z-index:10;pointer-events:none;padding:20px;position:absolute;top:100px;left:20px;right:20px}.pc-stat-row{margin-bottom:40px}.pc-stat-row:last-child{margin-bottom:0}.pc-stat-item{justify-content:space-between;align-items:center;display:flex}.pc-stat-label{color:rgba(255,255,255,.6);text-transform:uppercase;font-family:Courier New,monospace;font-size:12px;font-weight:700}.pc-stat-value{color:#0ff;font-family:Courier New,monospace;font-size:14px;font-weight:700}.pc-background-image{z-index:1;border-radius:0 0 var(--card-radius)var(--card-radius);height:65%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pc-background-image img{object-fit:cover;opacity:.7;filter:blur(1px)brightness(.8);width:100%;height:100%}.pc-background-image:before{content:"";z-index:2;background:linear-gradient(rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1) 100%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width:768px){.pc-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;height:70svh;max-height:450px;transform:translate(0,0)}.pc-card-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.pc-top-badge{padding:4px 8px;font-size:12px;top:15px;left:15px}.pc-number-badge{font-size:16px;top:15px;right:15px}.pc-main-name{max-width:75%;font-size:max(18px,min(3.8vw,26px));top:30px}.pc-username{font-size:14px;top:70px}.pc-stats-top{padding:12px;top:90px;left:15px;right:15px}.pc-stat-label{font-size:11px}.pc-stat-value{font-size:12px}}@media (max-width:480px){.pc-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;height:60svh;max-height:380px;transform:translate(0,0)}.pc-card-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.pc-top-badge{padding:3px 6px;font-size:10px;top:12px;left:12px}.pc-number-badge{font-size:14px;top:12px;right:12px}.pc-main-name{max-width:70%;font-size:max(16px,min(3.2vw,20px));top:25px}.pc-username{font-size:12px;top:65px}.pc-stats-top{padding:10px;top:80px;left:12px;right:12px}.pc-stat-label{font-size:10px}.pc-stat-value{font-size:11px}}.pc-action-icons{z-index:100;justify-content:center;gap:20px;margin-top:20px;display:flex;position:relative}.pc-action-btn{color:rgba(255,255,255,.8);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.pc-action-btn:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.pc-share-btn:hover{color:#0ff;border-color:#0ff;box-shadow:0 0 20px rgba(0,255,255,.3)}.pc-download-btn:hover{color:#f0f;border-color:#f0f;box-shadow:0 0 20px rgba(255,0,255,.3)}.pc-action-btn svg{transition:transform .3s}.pc-action-btn:hover svg{transform:scale(1.1)}@media (max-width:768px){.pc-action-icons{gap:16px;margin-top:16px}.pc-action-btn{width:44px;height:44px}}@media (max-width:480px){.pc-action-icons{gap:12px;margin-top:12px}.pc-action-btn{width:40px;height:40px}.pc-action-btn svg{width:18px;height:18px}}