.player-roster-section{padding:8rem 2rem;min-height:100vh;background-color:#0b0612;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}.roster-title{font-family:GeoGuessr,Outfit,sans-serif;font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;text-transform:uppercase;background:linear-gradient(90deg,#ff4d4d,#ffae42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,77,77,.3)}.roster-marquee-container{width:100%;max-width:100vw;overflow:hidden;position:relative;padding-bottom:2rem;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent)}.roster-marquee-track{display:flex;width:-moz-max-content;width:max-content;gap:2rem;padding:0 1rem;animation:marqueeScroll 40s linear infinite}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 1rem))}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-card{border-radius:16px;background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:1000px 100%;animation:shimmer 2s linear infinite;box-shadow:0 10px 30px rgba(0,0,0,.3)}.roster-player-card,.skeleton-card{height:420px;border:1px solid hsla(0,0%,100%,.05)}.roster-player-card{background:linear-gradient(145deg,#1a102b,#0f0a1c);border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;opacity:1;width:320px;flex-shrink:0}.roster-player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4d4d,#ffae42);opacity:0;transition:opacity .3s ease;z-index:10}.roster-player-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(255,77,77,.2);border-color:rgba(255,77,77,.3)}.roster-player-card:hover:before{opacity:1}.roster-card-bg{height:85%;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;z-index:1;padding-top:1rem}.roster-card-bg,.roster-card-overlay{position:absolute;top:0;left:0;width:100%}.roster-card-overlay{height:100%;background:linear-gradient(0deg,#0b0612 0,rgba(11,6,18,.9) 30%,rgba(11,6,18,0) 70%);z-index:2}.roster-card-content{position:relative;z-index:3;padding:1.5rem;width:100%}.card-name-box{background:rgba(0,0,0,.5);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1);padding:.6rem 1rem;border-radius:8px;width:100%;text-align:center;margin-bottom:1rem}.card-name{font-family:Outfit,sans-serif;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:1px}.card-stats-row{display:flex;justify-content:space-between;width:100%;gap:.5rem}.stat-box{flex:1;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-label{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-family:Inter,sans-serif}.stat-value{font-size:.9rem;font-weight:700;color:#ffae42}.roster-loading,.stat-value{font-family:Outfit,sans-serif}.roster-loading{text-align:center;padding:4rem;color:#fff;font-size:1.5rem;background-color:#0b0612}@media (max-width:1024px){.roster-player-card{flex:0 0 280px}}@media (max-width:768px){.roster-player-card{flex:0 0 240px}}@media (max-width:480px){.roster-player-card{flex:0 0 220px}}