.ranking-ticker{display:flex;align-items:stretch;position:relative;background:linear-gradient(100deg,rgba(9,22,37,.95),rgba(18,36,58,.8),rgba(9,22,37,.95));color:#c3d5e9;border-top:1px solid rgba(115,226,213,.28);border-bottom:1px solid rgba(115,226,213,.2);min-height:54px;overflow:hidden;font-size:12px;box-shadow:0 4px 20px rgba(0,0,0,.18)}
.ranking-ticker-label{display:flex;align-items:center;gap:9px;padding:0 20px;background:rgba(16,40,58,.85);color:#73e2d5;z-index:1;font-weight:800;white-space:nowrap;border-right:1px solid rgba(115,226,213,.2)}.ranking-ticker-label i{color:#f2ca71;text-shadow:0 0 14px rgba(242,202,113,.55)}
.ranking-ticker-viewport{flex:1;min-width:0;overflow:hidden}.ranking-ticker-track{display:flex;width:max-content;animation:none;will-change:transform}.ranking-ticker-group{display:flex;align-items:center;flex-shrink:0;gap:12px;padding:8px 12px 8px 0}
.ranking-ticker-item{--ticker-accent:101,200,255;display:flex;align-items:center;gap:9px;padding:8px 13px;white-space:nowrap;color:#dce9f7;text-decoration:none!important;line-height:18px;border:1px solid rgba(var(--ticker-accent),.4);border-left:3px solid rgb(var(--ticker-accent));border-radius:7px;background:linear-gradient(115deg,rgba(var(--ticker-accent),.24),rgba(var(--ticker-accent),.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 12px rgba(var(--ticker-accent),.1);backdrop-filter:blur(6px)}
.ranking-ticker-item i{color:rgb(var(--ticker-accent));text-shadow:0 0 10px rgba(var(--ticker-accent),.45)}.ranking-ticker-item b{font-size:10px;background:rgba(var(--ticker-accent),.2);border:1px solid rgba(var(--ticker-accent),.28);color:rgb(var(--ticker-accent));padding:0 5px;border-radius:4px}.ranking-ticker-item strong{color:#fff}.ranking-ticker-item:hover{background:linear-gradient(115deg,rgba(var(--ticker-accent),.38),rgba(var(--ticker-accent),.15));box-shadow:0 0 16px rgba(var(--ticker-accent),.2)}.ranking-ticker-item:focus-visible{outline:2px solid rgb(var(--ticker-accent));outline-offset:2px}
.ranking-ticker-tone-blue{--ticker-accent:101,200,255}.ranking-ticker-tone-violet{--ticker-accent:192,156,255}.ranking-ticker-tone-teal{--ticker-accent:96,230,210}.ranking-ticker-tone-rose{--ticker-accent:255,148,189}.ranking-ticker-tone-lime{--ticker-accent:182,232,120}.ranking-ticker-tone-orange{--ticker-accent:255,184,108}.ranking-ticker-tone-sky{--ticker-accent:128,220,255}.ranking-ticker-tone-indigo{--ticker-accent:159,173,255}.ranking-ticker-tone-coral{--ticker-accent:255,158,137}.ranking-ticker-tone-mint{--ticker-accent:131,240,179}.ranking-ticker-tone-gold{--ticker-accent:255,213,111}.ranking-ticker-honor strong{color:#ffe4a2}.ranking-ticker-honor{box-shadow:inset 0 1px 0 rgba(255,235,175,.15),0 0 18px rgba(255,213,111,.18)}
@keyframes ranking-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ranking-ticker-viewport{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ranking-ticker-viewport.is-dragging,.ranking-ticker-viewport.is-dragging .ranking-ticker-item{cursor:grabbing}
.ranking-ticker-viewport{scrollbar-width:none;-ms-overflow-style:none}.ranking-ticker-viewport::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:600px){.ranking-ticker-label{padding:0 12px}.ranking-ticker-label span{display:none}.ranking-ticker{font-size:11px}.ranking-ticker-item{padding:8px 10px;gap:7px}}