.hof-profile-card-link{display:block;width:min(100%,420px);margin:auto;color:#fff!important;perspective:1100px}
.profile-card{--accent:#64c6ff;--accent-soft:rgba(100,198,255,.34);--edge:rgba(116,204,255,.62);--glow:rgba(56,134,220,.44);--top-a:#1b273c;--top-b:#10162a;position:relative;aspect-ratio:1200/1680;border-radius:30px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.22) 24%,rgba(0,0,0,.56)),linear-gradient(145deg,#3b1b12,#2c1014 50%,#1d0d18);box-shadow:0 26px 54px rgba(0,0,0,.52),0 0 0 1px var(--edge),0 0 42px var(--glow);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease}
.profile-card.rarity-legendary{--accent:#ffc850;--accent-soft:rgba(255,208,96,.42);--edge:rgba(255,200,80,.6);--glow:rgba(255,188,66,.38);--top-a:#3f311d;--top-b:#231019}.profile-card.rarity-elite{--accent:#ff5f6f;--accent-soft:rgba(255,90,106,.42);--edge:rgba(255,98,112,.62);--glow:rgba(225,45,68,.4);--top-a:#3d1718;--top-b:#24101c}.profile-card.rarity-rare{--accent:#64c6ff;--accent-soft:rgba(100,198,255,.34);--edge:rgba(116,204,255,.62);--glow:rgba(56,134,220,.44);--top-a:#1b273c;--top-b:#10162a}.profile-card.rarity-core{--accent:#9df0a9;--accent-soft:rgba(157,240,169,.3);--edge:rgba(157,240,169,.58);--glow:rgba(157,240,169,.26);--top-a:#1b3324;--top-b:#101f1a}.profile-card.rarity-base{--accent:#d9e1ea;--accent-soft:rgba(210,220,230,.18);--edge:rgba(205,216,226,.38);--glow:rgba(170,185,198,.18);--top-a:#343942;--top-b:#171b22}
.profile-card:before{content:"";position:absolute;inset:-16px;border-radius:40px;background:radial-gradient(circle at center,var(--accent-soft),transparent 72%);opacity:.62;filter:blur(20px);z-index:0}.profile-card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:32;opacity:0;transform:translateX(-100%);transition:transform .82s ease,opacity .35s ease;background:linear-gradient(118deg,transparent 28%,rgba(255,255,255,.08) 44%,color-mix(in srgb,var(--accent) 55%,transparent) 50%,rgba(255,255,255,.08) 56%,transparent 72%)}.profile-card:hover{transform:translateY(-10px) rotateY(-2deg) scale(1.01);box-shadow:0 34px 68px rgba(0,0,0,.58),0 0 0 1px var(--edge),0 0 54px var(--glow)}.profile-card:hover:after{opacity:1;transform:translateX(100%)}
.card-bg{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 14% 21%,color-mix(in srgb,var(--accent) 70%,transparent) 0 1.2%,transparent 1.3% 100%),linear-gradient(135deg,rgba(255,255,255,.05),transparent 34%),repeating-linear-gradient(-32deg,rgba(255,255,255,.03) 0 14px,transparent 14px 30px),linear-gradient(180deg,var(--top-a),var(--top-b) 24%,rgba(8,10,16,.95))}.holo{position:absolute;inset:-28%;z-index:2;pointer-events:none;opacity:.26;mix-blend-mode:screen;background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 82%,#fff),transparent,var(--gold),var(--accent));filter:blur(28px) saturate(126%);animation:profileCardSpin 13s linear infinite}
.card-head{position:absolute;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px 10px;text-transform:uppercase}.card-head b{display:block;font-family:'Russo One';font-size:16px;color:color-mix(in srgb,var(--accent) 76%,#fff);letter-spacing:.8px;line-height:1}.card-head span{display:block;margin-top:3px;color:rgba(255,255,255,.56);font-size:6px;letter-spacing:.6px}.head-right{display:flex;align-items:flex-start;gap:8px}.jersey-badge{margin-top:4px!important;font-family:'Russo One';color:color-mix(in srgb,var(--accent) 84%,#fff)!important;font-size:18px!important;text-shadow:0 0 12px var(--glow)}.league-logo{width:54px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.42))}
.overall-panel{position:absolute;left:15px;top:118px;width:34%;z-index:20;color:#f7f9ff;transform:translateZ(24px)}.overall-number-box{position:relative;padding:9px 10px 4px;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);background:linear-gradient(180deg,rgba(18,22,34,.9),rgba(8,12,24,.86));clip-path:polygon(0 0,96% 0,88% 100%,0 100%)}.overall-number{font-family:'Russo One';font-size:72px;line-height:.88}.overall-label{margin-top:1px;font-family:'Russo One';font-size:10px;color:var(--accent);letter-spacing:.8px;text-transform:uppercase}.overall-tier{margin-top:6px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);background:linear-gradient(180deg,rgba(16,20,32,.9),rgba(10,14,28,.86));font-family:'Russo One';font-size:21px;letter-spacing:.45px;color:color-mix(in srgb,var(--accent) 82%,#fff);text-transform:uppercase;text-align:center;overflow:hidden}.overall-stars{margin-top:5px;font-family:'Russo One';font-size:17px;letter-spacing:1px;color:color-mix(in srgb,var(--accent) 84%,#fff);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent);white-space:nowrap}.overall-stars .dim{opacity:.24}
.attrs{position:absolute;right:8px;top:350px;width:35%;z-index:20;border:1px solid rgba(255,255,255,.1);border-left:2px solid color-mix(in srgb,var(--accent) 78%,#fff);background:linear-gradient(180deg,rgba(8,14,28,.86),rgba(6,10,20,.82));padding:7px 8px 8px;transform:translateZ(22px)}.attrs h4{margin:0 0 7px;font-family:'Russo One';color:color-mix(in srgb,var(--accent) 84%,#fff);font-size:12px;letter-spacing:.6px;text-transform:uppercase}.attr-row{margin-bottom:6px}.attr-head{display:flex;justify-content:space-between;gap:4px;font-size:7px;text-transform:uppercase;color:rgba(255,255,255,.62)}.attr-head b{font-family:'Russo One';font-size:10px;color:color-mix(in srgb,var(--accent) 84%,#fff)}.attr-bar{height:2px;background:rgba(255,255,255,.12);overflow:hidden;border-radius:99px}.attr-bar i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}
.photo-stage{position:absolute;inset:-2.2% 0 12.2% -1%;z-index:4;overflow:hidden;transform:translateZ(18px);transition:transform .35s ease}.photo-stage:before{content:"";position:absolute;left:50%;top:16%;width:86%;height:56%;transform:translateX(-50%);z-index:2;border-radius:50%;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--accent) 48%,transparent),rgba(255,255,255,.06) 34%,transparent 74%);filter:blur(14px);opacity:.62}.photo-stage:after{content:"";position:absolute;inset:0;z-index:8;background:linear-gradient(to right,rgba(5,8,14,.96),rgba(5,8,14,.26) 11%,transparent 26%,transparent 74%,rgba(5,8,14,.3) 89%,rgba(5,8,14,.96)),linear-gradient(to bottom,transparent 58%,rgba(5,8,14,.28) 74%,rgba(5,8,14,.92) 100%)}.player-photo{position:absolute;left:50%;bottom:-19.2%;width:107%;max-width:none;transform:translateX(-50%) scale(1.01);z-index:7;filter:contrast(1.12) saturate(1.14) brightness(1.07) drop-shadow(0 18px 22px rgba(0,0,0,.5)) drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 42%,transparent));transition:transform .35s ease,filter .35s ease}.profile-card:hover .player-photo{transform:translateX(-50%) translateY(-.8%) scale(1.03)}
.nameplate{position:absolute;left:20px;right:36%;bottom:122px;z-index:22;text-transform:uppercase;text-shadow:0 5px 12px rgba(0,0,0,.76);transform:translateZ(26px)}.nameplate:before{content:"";position:absolute;left:-11px;top:2px;width:3px;height:46px;background:color-mix(in srgb,var(--accent) 82%,#fff);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.surname{font-family:'Russo One';font-size:34px;line-height:.93;letter-spacing:.5px;color:#f3f7ff;overflow-wrap:anywhere}.firstname{margin-top:2px;font-family:var(--display);font-size:20px;line-height:1;color:var(--gold);font-weight:700;letter-spacing:.8px;overflow-wrap:anywhere}.firstname:after{content:"";display:block;margin-top:5px;width:92px;height:2px;background:color-mix(in srgb,var(--accent) 72%,#fff)}.nameplate small{display:block;margin-top:8px;color:rgba(255,255,255,.75);font-size:8px;letter-spacing:.45px}
.card-stats{position:absolute;left:0;right:0;bottom:0;height:12.8%;z-index:24;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,rgba(7,10,20,.95),rgba(5,8,16,.97));border-top:2px solid color-mix(in srgb,var(--accent) 76%,transparent)}.card-stats div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-right:1px solid rgba(255,255,255,.12)}.card-stats div:last-child{border:0}.card-stats b{font-family:'Russo One';font-size:26px;line-height:.95;color:#f4f7ff}.card-stats span{font-family:'Russo One';font-size:8px;color:color-mix(in srgb,var(--accent) 84%,#fff);text-transform:uppercase}
.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;z-index:26;background:color-mix(in srgb,var(--accent) 90%,#fff);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 80%,#fff);animation:profileSparkle 4s ease-in-out infinite}.sparkle.s1{top:18%;left:10%}.sparkle.s2{top:31%;right:7%;animation-delay:.8s}.sparkle.s3{top:71%;left:8%;animation-delay:1.7s;width:4px;height:4px}.sparkle.s4{top:82%;right:12%;animation-delay:2.5s}
@keyframes profileCardSpin{to{transform:rotate(360deg)}}@keyframes profileSparkle{50%{transform:translateY(-7px) scale(1.35);opacity:.55}}
@media(max-width:1180px){.hof-profile-card-link{width:min(100%,390px)}}
@media(max-width:620px){.hof-profile-card-link{width:82vw;min-width:280px;scroll-snap-align:center}.profile-card{border-radius:22px}.overall-number{font-size:58px}.overall-tier{font-size:15px}.overall-stars{font-size:14px}.attrs{top:286px;width:40%;padding:6px 7px}.attrs h4{font-size:10px}.nameplate{bottom:108px}.surname{font-size:29px}.firstname{font-size:18px}.card-stats b{font-size:22px}}
@media(prefers-reduced-motion:reduce){.profile-card,.profile-card:after,.holo,.sparkle,.player-photo{animation:none!important;transition:none!important}}