/* Home ranking data panels. Load after the monochrome layer. */
.ranking-panel .store-row{grid-template-columns:46px 43px minmax(0,1fr) auto}
.store-position{display:grid;justify-items:center;gap:4px;align-self:center}
.rank-movement{font-size:11px;line-height:1.3;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.rank-movement.up{color:#e6a2a2}.rank-movement.down{color:#a7bddc}.rank-movement.new{color:#e6d8b0}.rank-movement.same,.rank-movement.initial{color:#a9abad}
.ranking-comparison{display:flex;flex-wrap:wrap;gap:5px 16px;margin:0 20px 13px;color:#c0c2c6;font-size:12px;line-height:1.6}
.ranking-comparison small{font-size:inherit;color:#a9abad}
@media(max-width:900px){.ranking-panel .store-row{grid-template-columns:42px 40px minmax(0,1fr) auto}}
@media(max-width:600px){.ranking-comparison{margin:0 12px 12px;font-size:11px}}
@media(max-width:390px){.ranking-panel .store-row{grid-template-columns:40px 36px minmax(0,1fr)}.rank-movement{font-size:10px}}
.ranking-panel .rank-subtabs{padding:14px 20px 0}.ranking-panel .ranking-meta{padding:13px 20px}.ranking-panel .store-list{margin:0 20px}.ranking-panel .ranking-more{margin-bottom:18px}.rank-waiting{display:block;margin-top:4px;color:#b8b8b8;font-size:11px}.lounge-updated{padding:0 20px}@media(max-width:600px){.ranking-panel .rank-subtabs{padding:12px 12px 0}.ranking-panel .ranking-meta{padding:12px}.ranking-panel .store-list{margin:0 12px}}
.ranking-tabs,.rank-subtabs{display:flex;gap:8px;flex-wrap:wrap}.ranking-tabs{margin:22px 0 14px;border-bottom:1px solid var(--line,#3a3a3a)}.ranking-tabs button,.rank-subtabs button,.ranking-more{appearance:none;border:1px solid var(--line,#515151);border-radius:8px;background:#171717;color:#d9d9d9;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}.ranking-tabs button{border-bottom:0;border-radius:8px 8px 0 0}.ranking-tabs .active,.rank-subtabs .active{background:#f2f2f2;color:#121212;border-color:#f2f2f2}.ranking-panel{min-width:0}.ranking-meta{display:flex;flex-wrap:wrap;gap:7px 15px;padding:13px 0;color:#b8b8b8;font-size:.82rem}.ranking-meta a{color:#f5f5f5;text-decoration:underline;text-underline-offset:3px}.ranking-stale{display:inline-block;margin-left:7px;padding:2px 6px;border:1px solid #ba9d4d;border-radius:999px;color:#f0ce79;font-size:.72rem;vertical-align:middle}.store-list{border-top:1px solid var(--line,#3a3a3a)}.store-row{display:grid;grid-template-columns:32px 43px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:67px;padding:9px 2px;border-bottom:1px solid var(--line,#3a3a3a)}.store-no{font-size:1rem;color:#f2f2f2;text-align:center}.store-icon{width:43px;height:43px;display:grid;place-items:center;overflow:hidden;border:1px solid #656565;border-radius:10px;background:#292929;color:#fff;font-weight:800}.store-icon img{width:100%;height:100%;object-fit:cover}.store-copy{min-width:0;display:grid;gap:4px}.store-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.store-copy small{color:#bcbcbc}.store-link{padding:7px 9px;border:1px solid #777;border-radius:6px;color:#fff;font-size:.8rem;white-space:nowrap}.store-link:hover{background:#f2f2f2;color:#111}.ranking-empty{padding:30px 10px;border-top:1px solid var(--line,#3a3a3a);color:#c8c8c8}.ranking-more{display:block;margin:14px auto 0}.lounge-updated{margin:10px 0;color:#b8b8b8;font-size:.82rem}.lounge-row .rank-count{white-space:nowrap}.ranking-tabs button:focus-visible,.rank-subtabs button:focus-visible,.ranking-more:focus-visible,.store-link:focus-visible{outline:3px solid #fff;outline-offset:2px}@media (max-width:900px){.store-row{grid-template-columns:30px 40px minmax(0,1fr) auto;gap:9px}.store-icon{width:40px;height:40px}.ranking-tabs{margin-top:16px}}@media (max-width:390px){.ranking-tabs,.rank-subtabs{gap:5px}.ranking-tabs button,.rank-subtabs button,.ranking-more{padding:8px 9px;font-size:.85rem}.store-row{grid-template-columns:26px 36px minmax(0,1fr);gap:7px}.store-icon{width:36px;height:36px}.store-link{grid-column:3;justify-self:start;padding:5px 7px}.store-copy strong{font-size:.92rem}.ranking-meta{gap:5px 10px;font-size:.76rem}}@media (max-width:320px){.ranking-tabs button,.rank-subtabs button{font-size:.78rem;padding:7px}.ranking-tabs{gap:3px}.store-row{padding:8px 0}}@media (min-width:1440px){.ranking-panel{min-height:560px}.store-row{min-height:70px}}
