.player-collection-main{min-height:70vh;background:radial-gradient(circle at 50% 0,rgba(20,75,133,.26),transparent 36rem),#020813;color:#f7f3e7}
.player-collection-page{width:min(1220px,calc(100% - 2rem));margin:auto;padding:1.25rem 0 clamp(4rem,7vw,7rem)}
.player-collection-breadcrumbs{display:flex;gap:.55rem;flex-wrap:wrap;color:#9eb1c9;font-size:.78rem}.player-collection-breadcrumbs a{color:#d9e6f7}
.player-collection-hero{margin:clamp(2rem,5vw,4.5rem) 0 2rem;padding:clamp(1.3rem,3vw,2.4rem);border:1px solid rgba(69,140,211,.3);border-top:2px solid #d2ab53;background:linear-gradient(135deg,rgba(4,20,43,.96),rgba(6,38,72,.78))}.player-collection-hero .eyebrow{margin:0 0 .45rem;color:#e8c875;font-size:.75rem;font-weight:800;letter-spacing:.18em}.player-collection-hero h1{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,3.5vw,3.2rem)}.player-collection-hero a{display:inline-block;margin-top:1rem;color:#bdd7f2}
.player-collection-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1.5rem}.player-collection-tabs button{min-height:3rem;border:1px solid rgba(77,146,216,.4);background:rgba(4,22,45,.9);color:#b9c9da;font:inherit;font-weight:800;cursor:pointer}.player-collection-tabs button[aria-selected=true]{border-color:#d9b45d;background:linear-gradient(180deg,rgba(29,66,108,.95),rgba(7,29,57,.95));color:#f5d779}.player-collection-tabs button:focus-visible,.player-collection-item a:focus-visible,.player-collection-more:focus-visible{outline:3px solid #7bc0ff;outline-offset:3px}
.player-collection-panel[hidden]{display:none}.player-collection-group{margin-top:2rem}.player-collection-group h2{margin:0 0 1rem;padding-bottom:.55rem;border-bottom:1px solid rgba(219,178,83,.45);color:#efd077;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.3rem,2.2vw,1.9rem)}
.player-collection-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.25rem)}.player-collection-item{min-width:0;border:1px solid rgba(66,132,201,.3);background:linear-gradient(180deg,rgba(8,31,60,.9),rgba(2,12,27,.94));box-shadow:0 14px 34px rgba(0,0,0,.2)}.player-collection-item a{display:flex;height:100%;flex-direction:column;padding:.75rem;color:#f7f3e7;text-decoration:none}.player-collection-item figure{aspect-ratio:4/5;margin:0 0 .7rem;display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,.22)}.player-collection-item img{width:100%;height:100%;object-fit:contain}.player-collection-item strong{font-size:clamp(.82rem,1vw,1rem);line-height:1.35}.player-collection-item span{margin-top:.5rem;color:#9eb4cb;font-size:.76rem;line-height:1.45}.player-collection-item a:hover{box-shadow:inset 0 0 0 1px rgba(227,188,96,.55)}
.player-collection-empty{padding:2rem 1rem;border:1px solid rgba(77,140,202,.25);background:rgba(3,17,36,.75);color:#b6c6d8;text-align:center}.player-collection-more{display:block;margin:2rem auto 0;min-height:2.8rem;padding:.65rem 1.3rem;border:1px solid #d5af57;background:#071a34;color:#f2d178;font:inherit;font-weight:800;cursor:pointer}.player-collection-error{margin:1rem 0;color:#ffb8b8;text-align:center}
.player-detail-collection,.player-detail-ranking{--player-preview-columns:6;--player-preview-gap:clamp(.8rem,1.5vw,1.25rem);--player-preview-padding:.75rem;--player-preview-ratio:4/5;--player-preview-title-size:clamp(.82rem,1vw,1rem);--player-preview-title-leading:1.35}.player-detail-collection .player-collection-tabs,.player-detail-ranking .player-collection-tabs{max-width:34rem}.player-detail-collection .player-collection-groups,.player-detail-ranking .player-detail-cards{display:grid;grid-template-columns:repeat(var(--player-preview-columns),minmax(0,1fr));gap:var(--player-preview-gap)}.player-detail-collection .player-collection-group,.player-detail-collection .player-collection-grid{display:contents}.player-detail-ranking .player-detail-cards li{border-color:rgba(66,132,201,.3);background:linear-gradient(180deg,rgba(8,31,60,.9),rgba(2,12,27,.94));box-shadow:0 14px 34px rgba(0,0,0,.2)}.player-detail-collection .player-collection-item a,.player-detail-ranking .player-detail-cards a{padding:var(--player-preview-padding)}.player-detail-collection .player-collection-item figure,.player-detail-ranking .player-detail-cards figure{aspect-ratio:var(--player-preview-ratio);margin-bottom:.7rem}.player-detail-collection .player-collection-item strong,.player-detail-ranking .player-detail-cards strong{font-size:var(--player-preview-title-size);line-height:var(--player-preview-title-leading)}.player-detail-collection .player-collection-group{margin-top:0}.player-detail-collection .player-collection-group h2{display:none}.player-detail-collection__all,.player-detail-ranking__all{display:inline-flex;margin-top:1.2rem;color:#f0ce72;font-weight:800;text-decoration:none}.player-detail-ranking__all:focus-visible{outline:3px solid #7bc0ff;outline-offset:3px}.player-detail-ranking__limit{margin:1rem 0 0;color:#91a8c0;font-size:.85rem}.player-detail-cards__category{margin-bottom:.3rem;color:#9eb4cb;font-size:.7rem;line-height:1.3}.player-detail-ranking__empty{padding:1.25rem 1rem;border:1px solid rgba(77,140,202,.25);background:rgba(3,17,36,.75);text-align:center}.player-detail-ranking__empty .player-collection-empty{margin:0;padding:0;border:0;background:none}.player-detail-ranking__empty>p:last-child{margin:.4rem 0 0;color:#91a8c0}
@media(max-width:1000px){.player-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-detail-collection,.player-detail-ranking{--player-preview-columns:3}}
@media(max-width:767px){.player-collection-page{width:min(100% - 1rem,42rem)}.player-detail-collection,.player-detail-ranking{--player-preview-columns:2;--player-preview-gap:.65rem;--player-preview-padding:.55rem}.player-collection-grid,.player-detail-collection .player-collection-grid,.player-detail-ranking .player-detail-cards{grid-template-columns:repeat(var(--player-preview-columns),minmax(0,1fr));gap:var(--player-preview-gap)}.player-collection-item a{padding:.55rem}.player-collection-tabs{width:100%}}
@media(max-width:340px){.player-detail-collection,.player-detail-ranking{--player-preview-columns:1}.player-collection-grid,.player-detail-collection .player-collection-grid,.player-detail-ranking .player-detail-cards{grid-template-columns:1fr}}
