/* One ranking view: phone placement and density never alter desktop preferences. */
.mobile-rank-floor{display:none}
.ranking-empty{padding:20px 8px;color:var(--muted);font-size:14px;line-height:21px}
@media(max-width:640px){
 body .reference-layout .reference-rail[data-mobile-rankings]{display:block;position:static;align-self:stretch;max-height:none;height:auto;overflow:visible;border:0;background:transparent;padding:0 8px;margin:38px 0 0;width:100%;box-sizing:border-box;touch-action:pan-y}
 body .reference-layout .ranking-expand{display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-controls{position:static;height:32px;min-height:32px;margin:0 0 16px;padding:0;gap:8px;background:transparent;flex-wrap:nowrap}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-tabs{gap:12px;min-width:0;margin:0}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-tabs .pill{height:32px;padding:0 10px;border-radius:6px;font-size:14px;line-height:20px;background:transparent;white-space:nowrap}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-tabs .pill.active{background:#242424}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-controls :is(svg,.ranking-period-control,.icon-button){display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .mobile-ranking-browse{display:flex;align-items:center;justify-content:center;margin-left:auto;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-table-head{position:static;height:24px;margin:0;padding:0;gap:12px;backdrop-filter:none;background:transparent;font:400 12px/18px 'America Mono',monospace}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-table-head span:first-child{padding:0;min-width:0;flex:1}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-table-head span:nth-child(2){padding:0;width:auto;flex:0 0 auto}
 body .reference-layout .reference-rail[data-mobile-rankings] .rail-change-heading{display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .reference-rank{height:60px;min-height:60px;padding:0;gap:12px;margin:0;border-radius:4px;display:flex;align-items:center}
 body .reference-layout .reference-rail[data-mobile-rankings] .reference-rank .avatar{width:40px;height:40px;flex:0 0 40px;border-radius:4px;object-fit:cover}
 body .reference-layout .reference-rail[data-mobile-rankings] .reference-rank h3{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;overflow:visible;margin:0;font:600 14px/20px Arial,sans-serif;color:var(--text)}
 body .reference-layout .reference-rail[data-mobile-rankings] .rank-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body .reference-layout .reference-rail[data-mobile-rankings] .rank-verified{flex:0 0 14px;width:14px;height:14px}
 body .reference-layout .reference-rail[data-mobile-rankings] .rank-data{display:flex;flex-direction:column;align-items:flex-end;gap:0;width:auto;max-width:none;flex:0 0 auto;min-width:0;margin-left:auto;padding:0;font-family:'America Mono',monospace}
 body .reference-layout .reference-rail[data-mobile-rankings] :is(.rank-floor,.mobile-rank-floor,.rank-change,.rank-change .change){width:auto;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:14px;line-height:21px;text-align:right}
 body .reference-layout .reference-rail[data-mobile-rankings] .rank-floor-desktop{display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .mobile-rank-floor{display:block}
 body .reference-layout .reference-rail[data-mobile-rankings] :is(.rank-floor,.mobile-rank-floor) b{font-weight:600;color:var(--text)}
 body .reference-layout .reference-rail[data-mobile-rankings] .rank-sales{display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .mobile-rank-change{display:inline;font-size:14px;line-height:21px}
 body .reference-layout .reference-rail[data-mobile-rankings] .change.up{color:#31c754}
 body .reference-layout .reference-rail[data-mobile-rankings] .change.down{color:#ff4054}
 body .reference-layout .reference-rail[data-mobile-rankings] .ranking-list>.reference-rank:nth-child(n+6){display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .ranking-more{display:none}
 body .reference-layout .reference-rail[data-mobile-rankings] .ranking-empty{padding:12px 0 20px}
}