/* Home "Player Rankings": a white section in every appearance. */
#app .home-rankings{background:#FFFFFF;color:#071A5A;border-radius:24px;box-shadow:0 8px 24px rgba(7,26,90,.12);padding:16px;margin:0 0 var(--gap-section,12px);min-width:0;border:0}
#app .home-rankings .hr-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
#app .home-rankings h2{margin:0;font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#071A5A}
#app .home-rankings .hr-head a{font-size:13px;font-weight:700;color:#1D306F;text-decoration:none;white-space:nowrap}
#app .home-rankings .hr-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px;background:rgba(7,26,90,.04);margin:0 0 10px}
#app .home-rankings .hr-filters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 10px}
#app .home-rankings .hr-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:rgba(7,26,90,.04)}
[data-theme] #app .home-rankings .hr-seg-btn{min-height:32px;height:32px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:rgba(7,26,90,.62);font-size:13px;font-weight:600;line-height:32px;box-shadow:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
[data-theme] #app .home-rankings .hr-tabs .hr-seg-btn{height:36px;min-height:36px;font-size:14px;padding:0 6px}
[data-theme] #app .home-rankings .hr-seg-small .hr-seg-btn{height:28px;min-height:28px;line-height:28px;font-size:12px;padding:0 10px}
[data-theme] #app .home-rankings .hr-seg-btn.active{background:rgba(7,26,90,.08);color:#071A5A;font-weight:800;box-shadow:inset 0 -2px 0 #4C9BFF}
#app .home-rankings :is(.hr-seg-btn,.hr-card):focus-visible{outline:3px solid #4C9BFF;outline-offset:2px}
#app .home-rankings .hr-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:0 0 10px;color:rgba(7,26,90,.62)}
#app .home-rankings .hr-swipe{color:#1D306F;font-weight:700;white-space:nowrap}
#app .home-rankings .hr-carousel{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px}
#app .home-rankings .hr-carousel::-webkit-scrollbar{display:none}
#app .home-rankings .hr-card{flex:0 0 56vw;max-width:260px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;color:#071A5A;text-decoration:none}
#app .home-rankings .hr-photo{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:rgba(7,26,90,.05);border:1px solid rgba(7,26,90,.08)}
#app .home-rankings .hr-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
#app .home-rankings .hr-rank{position:absolute;top:8px;left:10px;z-index:1;padding:0 8px;border-radius:12px;background:#FFFFFF;color:#071A5A;font-size:28px;font-weight:800;line-height:1.2}
#app .home-rankings .hr-silhouette{position:absolute;inset:auto 0 0 0;width:100%;height:82%;fill:rgba(7,26,90,.18);background:rgba(7,26,90,.06)}
#app .home-rankings .hr-initials{position:absolute;left:0;right:0;top:46%;text-align:center;font-size:30px;font-weight:800;color:#1D306F}
#app .home-rankings .hr-name{font-size:15px;font-weight:800;line-height:1.25;color:#071A5A;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;word-break:normal;margin-top:4px}
#app .home-rankings .hr-rank-label{font-size:12px;color:rgba(7,26,90,.62)}
#app .home-rankings .hr-empty{margin:0;padding:12px;border-radius:14px;background:rgba(7,26,90,.05);font-size:13px;color:rgba(7,26,90,.7)}
:root[data-appearance=glass] #app .home-rankings{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-appearance=glass] #app .home-rankings::before{display:none}
@media(min-width:769px){#app .home-rankings .hr-card{flex-basis:220px}#app .home-rankings .hr-carousel{margin:0;padding:2px 0 6px;scroll-padding-inline:0}}
@media (prefers-reduced-motion:reduce){#app .home-rankings .hr-seg-btn{transition:none}}