.player-ranking-main{min-height:70vh;background:radial-gradient(circle at 50% 0,rgba(20,75,133,.26),transparent 36rem),#020813;color:#f7f3e7}
.player-ranking-page{width:min(1220px,calc(100% - 2rem));margin:auto;padding:1.25rem 0 clamp(4rem,7vw,7rem)}
.player-ranking-breadcrumbs{display:flex;gap:.55rem;flex-wrap:wrap;color:#9eb1c9;font-size:.78rem}.player-ranking-breadcrumbs a{color:#d9e6f7}
.player-ranking-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-ranking-hero .eyebrow{margin:0 0 .45rem;color:#e8c875;font-size:.75rem;font-weight:800;letter-spacing:.18em}.player-ranking-hero h1{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,3.5vw,3.2rem)}.player-ranking-hero a{display:inline-block;margin-top:1rem;color:#bdd7f2}
.player-ranking-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:34rem;margin:0 auto 2rem;padding:.3rem;border:1px solid rgba(174,126,36,.45);border-radius:999px;background:rgba(8,20,37,.92)}.player-ranking-tabs a{display:flex;min-width:0;min-height:2.9rem;align-items:center;justify-content:center;border-radius:999px;color:#d7e4ef;font-weight:700;text-decoration:none}.player-ranking-tabs a[aria-selected=true]{background:linear-gradient(135deg,#c79a42,#efd88f);color:#081321;box-shadow:0 5px 18px rgba(199,154,66,.28)}.player-ranking-tabs a:focus-visible{outline:3px solid #56a8e8;outline-offset:3px}
.player-ranking-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-ranking-card{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-ranking-card a{position:relative;display:flex;height:100%;flex-direction:column;padding:.75rem;color:#f7f3e7;text-decoration:none}.player-ranking-card a:hover{box-shadow:inset 0 0 0 1px rgba(227,188,96,.55)}.player-ranking-card__rank{position:absolute;z-index:1;top:.95rem;left:.95rem;padding:.35rem .55rem;border:1px solid rgba(235,197,106,.65);background:rgba(2,12,27,.9);color:#f1ce72;font-weight:900}.player-ranking-card figure{aspect-ratio:4/5;margin:0 0 .8rem;display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,.22)}.player-ranking-card img{width:100%;height:100%;object-fit:contain}.player-ranking-card strong{font-size:clamp(.85rem,1vw,1rem);line-height:1.4}.player-ranking-card__category{margin-bottom:.35rem;color:#72baf0;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}.player-ranking-card__amount{margin-top:auto;padding-top:.65rem;color:#f2cf73;font-size:clamp(1rem,1.3vw,1.25rem);font-weight:900}
.player-ranking-empty{padding:2rem 1rem;border:1px solid rgba(77,140,202,.25);background:rgba(3,17,36,.75);color:#b6c6d8;text-align:center}.player-ranking-empty--goods{max-width:48rem;margin:0 auto;border-color:rgba(199,154,66,.5);border-radius:1rem;background:linear-gradient(145deg,rgba(8,22,40,.96),rgba(11,35,59,.94));color:#e8f0f7;box-shadow:inset 0 1px 0 rgba(86,168,232,.25),0 18px 45px rgba(2,9,17,.22)}.player-ranking-empty--goods>span{color:#d9ae58;font-size:1.6rem}.player-ranking-empty--goods h2{margin:.55rem 0;font-size:clamp(1.15rem,2.4vw,1.6rem)}.player-ranking-empty--goods p{margin:.45rem auto 0;max-width:35rem;color:#bdd0df;line-height:1.7}.player-ranking-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-ranking-error{margin:1rem 0;color:#ffb8b8;text-align:center}.player-ranking-card a:focus-visible,.player-ranking-more:focus-visible,.player-ranking-hero a:focus-visible{outline:3px solid #7bc0ff;outline-offset:3px}
.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}
@media(max-width:1000px){.player-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.player-ranking-page{width:min(100% - 1rem,42rem)}.player-ranking-tabs{width:100%;margin-bottom:1.5rem}.player-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.player-ranking-card a{padding:.55rem}}
@media(max-width:340px){.player-ranking-grid{grid-template-columns:1fr}}