.su-rankings-nav{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0 0 18px;background:#191919;border:1px solid #3a3a3a;border-radius:10px;position:relative}
.su-rankings-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 20px;border-radius:7px;color:#c4c4c4;font-size:14px;font-weight:600;text-decoration:none!important;line-height:1.3;white-space:nowrap}
.su-rankings-nav a:hover{background:#303030;color:#fff}
.su-rankings-nav a[aria-current="page"]{background:#c62820;color:#fff}
.su-rankings-nav a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.su-rankings-updated{margin:0 0 24px;color:#b5becb;font-size:13px;line-height:1.6}
.su-rankings-updated span{padding:0 5px}
.su-rankings-note{color:#c9c9c9;font-size:14px;line-height:1.6;margin:0 0 22px}
.su-rankings-spotlight-card{position:relative;min-width:0}
.su-trending-spotlight > *{min-width:0}
.su-rankings-spotlight-card .su-trending-featured{height:100%}
.su-rankings-rising-row{position:relative;display:flex;flex:1;min-width:0}
.su-rankings-rising-row .su-rising-item{min-width:0}
.su-trending-rising h2{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px}
.su-trending-featured:focus-visible,.su-rising-item:focus-visible{outline:2px solid #fff;outline-offset:3px}
.su-trending-grid .cover-item:focus-within::after{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.su-trending-grid .cover-item:focus-within .cover-item-content{opacity:1;transform:translateY(-6px)}
.su-trending-grid .cover-item-link:focus-visible,.mdw-grid .cover-item-link:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.su-rankings-empty{padding:24px;border:1px solid #454545;border-radius:10px;color:#ddd;line-height:1.6}
.su-rankings-empty a{color:#ff8a80;text-decoration:underline}
@media(max-width:480px){.su-rankings-nav{display:flex}.su-rankings-nav a{flex:1;padding:9px 12px}.su-rankings-updated time{white-space:normal}}
@media(max-width:600px),(hover:none){.mdw-grid .cover-item .cover-item-content,.su-trending-grid .cover-item .cover-item-content{inset:auto 0 0;padding:28px 8px 12px;opacity:1;transform:none;background:linear-gradient(transparent,rgba(0,0,0,.92))!important;gap:8px}.mdw-grid .cover-item-title,.su-trending-grid .cover-item-title{font-size:14px;line-height:1.3}.mdw-grid .cover-item .cover-item-views,.su-trending-grid .cover-item-views{font-size:12px;margin:0;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){.su-trending-spotlight *,.su-trending-grid *,.mdw-grid *{transition:none!important}}
.game-list .page-header:has(.su-rankings-nav) .page-title{font-size:32px;font-weight:700;color:#fff;line-height:1.3}
@media(max-width:768px){.game-list .page-header:has(.su-rankings-nav) .page-title{font-size:24px}}