/* Card face: left PAC/SHO/PAS, right DRI/DEF/PHY; GK labels follow the same columns. */
.card-stage{perspective:900px}
.card{height:470px;min-height:470px;width:310px;padding:19px 23px 18px;transform:rotate(-1deg);transition:transform .25s ease;box-shadow:0 30px 54px #000b,0 0 0 1px #fff7 inset}
.card:hover{transform:rotate(0deg) translateY(-3px)}
.card:before{inset:10px;border:2px solid #fff7d488;clip-path:polygon(9% 0,91% 0,100% 9%,100% 90%,90% 100%,10% 100%,0 90%,0 9%);border-radius:15px}
.card:after{width:250px;height:250px;left:40px;top:61px;border:1px solid #ffefbf8c;box-shadow:0 0 0 14px #fff2,0 0 0 30px #fff1;z-index:-1}
.card-top{color:#fff6dc;text-shadow:0 1px 5px #0009;position:relative;z-index:3;font-size:.68rem;letter-spacing:.18em}
.card-top span:last-child{border-color:#fff8d099;background:#14131f33}
.rating{left:30px;top:67px;z-index:4;text-align:center}
.rating b{font-size:2.65rem}.rating span{font-size:1.04rem;border-top:1px solid #fff9d4b0;margin-top:2px;padding-top:5px}
.card .silhouette{width:168px;height:172px;margin:22px 5px 2px auto;border:0;border-radius:0;background:radial-gradient(circle at 50% 32%,#342c46 0 27px,transparent 28px),radial-gradient(ellipse at 50% 112%,#342c46 0 75px,transparent 76px);overflow:hidden;clip-path:polygon(20% 100%,4% 87%,6% 73%,19% 65%,35% 60%,34% 51%,27% 45%,25% 29%,33% 13%,50% 7%,67% 13%,75% 29%,73% 45%,66% 51%,65% 60%,81% 65%,94% 73%,96% 87%,80% 100%);filter:drop-shadow(0 7px 11px #1119)}
.card .silhouette img{object-fit:cover;object-position:center 24%;transform:scale(1.13);transition:filter .35s ease;mask-image:linear-gradient(#000 0 79%,transparent 100%)}
.card .silhouette img.shadow{filter:grayscale(1) brightness(.06) blur(var(--portrait-blur)) contrast(1.5)}
.card .silhouette img.revealed{filter:contrast(1.06) saturate(1.08)}
.edition{position:relative;margin:3px -9px 0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:.61rem;white-space:nowrap;color:#fff9dc;text-shadow:0 2px 5px #0008}
.edition:before,.edition:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#fff7d9a8)}.edition:after{transform:rotate(180deg)}
.card .player-name{font-size:1.43rem;line-height:1.2;min-height:30px;margin:7px 0 0;padding:0 4px;text-shadow:0 2px 5px #000a}
.stat-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,24px);grid-auto-flow:column;gap:0 18px;max-width:190px;margin:5px auto 0;padding:5px 9px 2px;border-top:1px solid #fff6d089;border-bottom:1px solid #fff6d089;color:#fffbea;text-shadow:0 1px 4px #0009;font-size:.81rem;line-height:1.2}
.stat-grid span{white-space:nowrap}.stat-grid b{font-size:1.05rem;display:inline-block;min-width:23px;text-align:right;margin-right:2px}
.card .card-bottom{grid-template-columns:1fr 1fr;gap:3px 8px;margin:7px 0 0;padding:0;border:0}
.card-bottom div{font-size:.68rem;min-width:0;line-height:1.1;text-shadow:0 1px 4px #0009}.card-bottom small{font-size:.51rem;letter-spacing:.11em;margin:0 0 2px;color:#fff2d2}.card-bottom .league-name{grid-column:1/-1;border-top:1px solid #fff6cf70;padding-top:4px}
.card[data-style="gold"],.card[data-style="silver"],.card[data-style="winter"]{color:#281f2b}
.card[data-style="gold"] .card-top,.card[data-style="silver"] .card-top,.card[data-style="winter"] .card-top{color:#231d2c;text-shadow:none}
.card[data-style="gold"] .rating,.card[data-style="silver"] .rating,.card[data-style="winter"] .rating{color:#231d2c;text-shadow:0 1px #fff8}
.card[data-style="gold"] .edition,.card[data-style="silver"] .edition,.card[data-style="winter"] .edition,.card[data-style="gold"] .player-name,.card[data-style="silver"] .player-name,.card[data-style="winter"] .player-name,.card[data-style="gold"] .stat-grid,.card[data-style="silver"] .stat-grid,.card[data-style="winter"] .stat-grid,.card[data-style="gold"] .card-bottom div,.card[data-style="silver"] .card-bottom div,.card[data-style="winter"] .card-bottom div{color:#231d2c;text-shadow:0 1px #fff8}
.card[data-style="gold"] .card-bottom small,.card[data-style="silver"] .card-bottom small,.card[data-style="winter"] .card-bottom small{color:#4a3b41}
.history-row{grid-template-columns:1.4fr repeat(3,1fr)}
@media(max-width:760px){.card{width:285px;height:455px;min-height:455px}.card .silhouette{height:155px;width:158px;margin-top:21px}.rating{left:27px;top:59px}.stat-grid{grid-template-rows:repeat(3,23px)}.card .card-bottom{margin-top:5px}}
@media(max-width:420px){.history-row{font-size:.67rem;gap:3px}.history-row span{padding:5px 3px}}