.fut-card-shell{--fut-bg:#03050a;--fut-fg:#f9f3e1;--fut-card:#090f1b;--fut-gold:#eabe4a;--fut-purple:#1e1f51;--fut-teal:#49d2ac;width:min(100%,21.25rem);filter:drop-shadow(0 34px 45px color-mix(in oklch, var(--fut-bg) 85%, transparent));margin-inline:auto;position:relative}@supports (color:lab(0% 0 0)){.fut-card-shell{--fut-bg:lab(1.35694% -.193454 -1.86538);--fut-fg:lab(96.0724% -.210255 9.63172);--fut-card:lab(4.32883% .0974238 -8.0078);--fut-gold:lab(79.426% 7.46208 62.3152);--fut-purple:lab(14.0793% 13.2954 -31.6597);--fut-teal:lab(76.1888% -45.2596 7.40608)}}.fut-card-shell.is-clickable{cursor:pointer}.fut-card-glow{background:color-mix(in oklch, var(--fut-purple) 62%, transparent);filter:blur(54px);opacity:.75;border-radius:50%;position:absolute;inset:12% 8%}.fut-card{--card-metal:var(--fut-gold);--card-accent:var(--fut-gold);--card-glow:var(--fut-purple);isolation:isolate;aspect-ratio:5/7;clip-path:polygon(15% 3%,39% 3%,50% 0,61% 3%,85% 3%,96% 12%,96% 88%,84% 97%,50% 100%,16% 97%,4% 88%,4% 12%);background:linear-gradient(145deg, color-mix(in oklch, var(--card-metal) 90%, white), var(--card-metal) 20%, color-mix(in oklch, var(--card-metal) 62%, white) 52%, var(--card-metal) 72%, color-mix(in oklch, var(--card-metal) 90%, white));padding:3px;position:relative;overflow:hidden;container-type:inline-size}.fut-card.is-base{--card-metal:var(--fut-teal);--card-accent:var(--fut-teal);--card-glow:#005b53}@supports (color:lab(0% 0 0)){.fut-card.is-base{--card-glow:lab(33.8014% -31.4029 -3.13786)}}.fut-card.is-prime{--card-metal:#b682ed;--card-accent:#e6b6f5;--card-glow:#522288}@supports (color:lab(0% 0 0)){.fut-card.is-prime{--card-metal:lab(62.8718% 36.13 -47.211);--card-accent:lab(80.053% 25.9194 -24.5808);--card-glow:lab(25.2303% 38.516 -49.2537)}}.fut-card.is-craque{--card-metal:#facb39;--card-accent:#ffeba0;--card-glow:#e2b000}@supports (color:lab(0% 0 0)){.fut-card.is-craque{--card-metal:lab(84.1451% 7.15652 73.3376);--card-accent:lab(93.506% -.538141 40.6603);--card-glow:lab(74.7527% 9.81143 77.0266)}}.fut-card:before,.fut-card:after{content:"";pointer-events:none;clip-path:inherit;position:absolute}.fut-card:before{z-index:-1;background:radial-gradient(circle at 70% 24%, color-mix(in oklch, var(--fut-teal) 23%, transparent), transparent 30%), radial-gradient(circle at 30% 38%, color-mix(in oklch, var(--fut-purple) 72%, transparent), transparent 43%), linear-gradient(160deg, var(--fut-card), color-mix(in oklch, var(--fut-card) 75%, var(--fut-purple)) 48%, var(--fut-bg) 82%);inset:3px}.fut-card:after{z-index:4;border:1px solid color-mix(in oklch, var(--card-accent) 48%, transparent);inset:11px}.fut-card-field{clip-path:polygon(13% 3%,40% 3%,50% 0,60% 3%,87% 3%,97% 12%,97% 88%,84% 97%,50% 100%,16% 97%,3% 88%,3% 12%);position:absolute;inset:4%;overflow:hidden}.fut-field-ring{border:1px solid color-mix(in oklch, var(--card-accent) 18%, transparent);border-radius:50%;position:absolute;transform:rotate(-18deg)}.fut-field-ring-one{width:125%;height:42%;top:18%;left:-18%}.fut-field-ring-two{width:90%;height:62%;top:4%;left:28%}.fut-field-line{background:linear-gradient(transparent, color-mix(in oklch, var(--fut-teal) 35%, transparent), transparent);width:1px;height:88%;position:absolute;top:-6%;left:61%;transform:rotate(28deg)}.fut-field-number{color:color-mix(in oklch, var(--fut-fg) 6%, transparent);font-family:var(--font-fut-display), "Arial Narrow", sans-serif;font-size:8.4rem;font-weight:900;line-height:1;position:absolute;top:22%;left:7%}.fut-card-rating,.fut-card-elite{z-index:2;color:var(--card-accent);text-align:center;position:absolute}.fut-card-rating{top:9%;left:9%}.fut-card-rating strong,.fut-card-identity h2,.fut-ovr strong,.fut-card-details dd,.fut-card-mark b{font-family:var(--font-fut-display), "Arial Narrow", sans-serif;font-weight:900;line-height:1}.fut-card-rating strong{font-size:2.85rem;display:block}.fut-card-rating span{margin-top:.15rem;font-size:.95rem;font-weight:900;display:block}.fut-card-rating i{background:color-mix(in oklch, var(--card-accent) 60%, transparent);width:2.4rem;height:1px;margin:.7rem auto .65rem;display:block}.fut-card-rating svg{margin-inline:auto;display:block}.fut-card-elite{flex-direction:column;align-items:center;display:flex;top:10%;right:9%}.fut-card-elite span{letter-spacing:.22em;text-transform:uppercase;margin-top:.2rem;font-size:.56rem;font-weight:700}.fut-portrait{z-index:1;object-fit:contain;object-position:center 12%;width:70%;height:54%;filter:drop-shadow(0 18px 16px color-mix(in oklch, var(--fut-bg) 55%, transparent));position:absolute;top:7%;left:24%;-webkit-mask-image:linear-gradient(#000 58%,#0000 96%);mask-image:linear-gradient(#000 58%,#0000 96%)}.fut-card-details{z-index:3;inset-inline:0;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--fut-bg) 93%, transparent) 25%, var(--fut-bg) 60%);padding:26% 8% 11%;position:absolute;bottom:0}.fut-card-identity{border-bottom:1px solid color-mix(in oklch, var(--card-accent) 35%, transparent);justify-content:space-between;align-items:flex-end;gap:.75rem;padding-bottom:.7rem;display:flex}.fut-card-identity h2{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:2rem;overflow:hidden}.fut-card-identity p{color:var(--card-accent);letter-spacing:.22em;text-transform:uppercase;margin:.45rem 0 0;font-size:.52rem;font-weight:700}.fut-ovr{border:1px solid color-mix(in oklch, var(--card-accent) 50%, transparent);background:color-mix(in oklch, var(--fut-bg) 60%, transparent);text-align:center;flex-shrink:0;padding:.35rem .45rem}.fut-ovr span{color:var(--card-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.48rem;display:block}.fut-ovr strong{font-size:1.05rem;display:block}.fut-card-details dl{grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;margin:.65rem 0 0;display:grid}.fut-card-details dt{color:color-mix(in oklch, var(--card-accent) 80%, transparent);text-align:center;font-size:.56rem;font-weight:700}.fut-card-details dd{text-align:center;margin:.25rem 0 0;font-size:1.12rem}.fut-card-mark{color:var(--card-accent);justify-content:center;align-items:center;gap:.28rem;margin-top:.7rem;display:flex}.fut-card-mark span{background:var(--card-accent);width:1.75rem;height:1px}.fut-card-mark i{place-items:center;width:1.5rem;height:1.5rem;font-style:normal;display:grid}.fut-card-mark svg{width:1.5rem;height:1.5rem}.fut-card-shell:has(.is-base) .fut-card-glow{background:color-mix(in oklch, var(--fut-teal) 58%, transparent)}.fut-card-shell:has(.is-prime) .fut-card-glow{background:#522288cc;background:lab(25.2303% 38.516 -49.2538/.8)}.fut-card-shell:has(.is-gold) .fut-card-glow{background:color-mix(in oklch, var(--fut-gold) 46%, transparent)}.fut-card.is-gold{background:linear-gradient(145deg, color-mix(in oklch, var(--fut-gold) 90%, white), var(--fut-gold) 18%, var(--fut-teal) 50%, var(--fut-gold) 76%, color-mix(in oklch, var(--fut-gold) 90%, white))}.fut-card.is-gold:after{border-color:color-mix(in oklch, var(--fut-teal) 72%, white)}.fut-card.is-gold:before{background:radial-gradient(circle at 70% 22%, color-mix(in oklch, var(--fut-gold) 22%, transparent), transparent 32%), linear-gradient(160deg, var(--fut-card), color-mix(in oklch, var(--fut-card) 82%, var(--fut-gold)) 48%, var(--fut-bg) 82%)}.fut-card-shell:has(.is-craque){filter:drop-shadow(0 0 28px color-mix(in oklch, var(--fut-gold) 38%, transparent))}.fut-card-shell:has(.is-craque) .fut-card-glow{background:color-mix(in oklch, var(--fut-gold) 78%, white);opacity:.9}.fut-card.is-craque:before{background:radial-gradient(circle at 72% 18%, color-mix(in oklch, var(--fut-gold) 62%, white), transparent 34%), radial-gradient(circle at 28% 42%, color-mix(in oklch, var(--fut-gold) 34%, transparent), transparent 46%), linear-gradient(165deg, #473500, #261800 46%, #110700)}@supports (color:lab(0% 0 0)){.fut-card.is-craque:before{background:radial-gradient(circle at 72% 18%, color-mix(in oklch, var(--fut-gold) 62%, white), transparent 34%), radial-gradient(circle at 28% 42%, color-mix(in oklch, var(--fut-gold) 34%, transparent), transparent 46%), linear-gradient(165deg, lab(23.5586% 4.30451 32.6729), lab(9.51667% 5.98469 17.2107) 46%, lab(2.43956% 3.18871 4.83169))}}.fut-card.is-craque .fut-card-details{background:linear-gradient(#0000,#2a1d00e6 24%,#150b00 58%);background:linear-gradient(#0000,lab(11.9062% 4.27246 20.3713/.9) 24%,lab(3.68354% 3.42806 7.20773) 58%)}.fut-card.is-prime:before{background:radial-gradient(circle at 70% 24%, color-mix(in oklch, var(--card-accent) 28%, transparent), transparent 30%), radial-gradient(circle at 30% 38%, color-mix(in oklch, var(--card-glow) 80%, transparent), transparent 43%), linear-gradient(160deg, #140d20, color-mix(in oklch, var(--fut-card) 70%, var(--card-glow)) 48%, var(--fut-bg) 82%)}@supports (color:lab(0% 0 0)){.fut-card.is-prime:before{background:radial-gradient(circle at 70% 24%, color-mix(in oklch, var(--card-accent) 28%, transparent), transparent 30%), radial-gradient(circle at 30% 38%, color-mix(in oklch, var(--card-glow) 80%, transparent), transparent 43%), linear-gradient(160deg, lab(4.85182% 6.52879 -11.5447), color-mix(in oklch, var(--fut-card) 70%, var(--card-glow)) 48%, var(--fut-bg) 82%)}}.fut-card.is-base:before{background:radial-gradient(circle at 70% 24%, color-mix(in oklch, var(--fut-teal) 26%, transparent), transparent 30%), radial-gradient(circle at 30% 38%, color-mix(in oklch, var(--fut-teal) 18%, transparent), transparent 43%), linear-gradient(160deg, var(--fut-card), color-mix(in oklch, var(--fut-card) 82%, var(--fut-teal)) 48%, var(--fut-bg) 82%)}.cards-grid-fut{grid-template-columns:minmax(0,1fr);gap:2rem 1.25rem;display:grid}@media (min-width:540px){.cards-grid-fut{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.cards-grid-fut{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards-grid-fut .fut-card-shell,.cards-grid-fut .pitch-card-shell{width:100%;max-width:none;margin-inline:0}@media (hover:hover){.fut-portrait{transition:transform .5s}.fut-card-shell.is-clickable:hover .fut-portrait{transform:scale(1.025)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.fut-portrait{transition:none}}