.card-container{perspective:1500px;cursor:pointer;position:relative;isolation:isolate;width:300px;height:420px;margin:10px 0;flex-shrink:0;snap-align:start}@media (max-width:768px){.card-container{width:80vw;max-width:300px;height:420px}}.card-inner{position:absolute;inset:0;transition:transform .8s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;will-change:transform;overflow:visible}@media (hover:hover){.card-container:hover .card-inner{transform:rotateY(180deg)}}.card-container.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;top:0;left:0}.card-front{background:linear-gradient(160deg,#141414,#0a0a0a 50%,#111);border:1px solid hsla(0,0%,100%,.06);z-index:2;transform:rotateY(0deg);overflow:hidden;transition:border-color .3s,box-shadow .3s}.card-front.top-3-card{border-color:rgba(31,159,255,.15);box-shadow:0 8px 40px rgba(31,159,255,.06)}.card-back{background:#111;border:1px solid hsla(0,0%,100%,.08);transform:rotateY(180deg);padding:24px;z-index:1;overflow:hidden}.player-image{top:0;height:100%;width:100%;object-fit:cover;object-position:top center;z-index:2;border-radius:20px}.card-bottom-gradient,.player-image{position:absolute;left:0;right:0;pointer-events:none}.card-bottom-gradient{bottom:0;height:60%;background:linear-gradient(0deg,#0a0a0a 0,hsla(0,0%,4%,.9) 30%,transparent);z-index:3;border-radius:0 0 20px 20px}.rank-number-bg{position:absolute;top:-15px;right:-10px;z-index:1;font-size:220px;font-weight:900;line-height:.8;pointer-events:none;-webkit-text-stroke:2px hsla(0,0%,100%,.12);color:transparent}.rank-number-bg.rank-num-gold{-webkit-text-stroke:2px rgba(255,200,55,.2)}.rank-number-bg.rank-num-silver{-webkit-text-stroke:2px rgba(192,192,210,.18)}.rank-number-bg.rank-num-bronze{-webkit-text-stroke:2px rgba(205,140,80,.18)}.rank-badge{position:absolute;top:16px;left:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);font-size:17px;font-weight:800;color:#fff;pointer-events:none}.rank-badge.rank-gold{background:linear-gradient(135deg,rgba(255,200,55,.2),rgba(255,170,0,.12));border-color:rgba(255,200,55,.35);color:#ffc837}.rank-badge.rank-silver{background:linear-gradient(135deg,rgba(192,192,210,.18),rgba(160,160,180,.12));border-color:rgba(192,192,210,.3);color:#c0c0d2}.rank-badge.rank-bronze{background:linear-gradient(135deg,rgba(205,140,80,.18),rgba(180,120,60,.12));border-color:rgba(205,140,80,.3);color:#cd8c50}.card-accent-line{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:12;pointer-events:none;border-radius:0 0 20px 20px;background:linear-gradient(90deg,transparent,rgba(31,159,255,.5),transparent)}.country-flag{width:22px;height:22px;object-fit:cover;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.15);pointer-events:none}.player-info-bottom{position:absolute;bottom:20px;left:20px;right:20px;z-index:10;pointer-events:none}.stat-bar{height:4px;background:hsla(0,0%,100%,.08);border-radius:2px;overflow:hidden;position:relative}.stat-fill{height:100%;background:linear-gradient(90deg,#1f9fff,#38bdf8);border-radius:2px;transition:width 1s ease-out}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x;overflow-y:visible!important}.rankings-scroll-container{scroll-behavior:smooth;cursor:grab}.rankings-scroll-container:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.card-inner,.stat-fill{transition:none}}