.trends-bar{background:var(--bs-tertiary-bg,rgba(127,127,127,.08));border:1px solid var(--bs-border-color,rgba(127,127,127,.18));padding:.35rem .5rem;overflow:hidden}.trends-bar-title{flex:0 0 auto;display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bs-emphasis-color,inherit);opacity:.72;padding:0 .75rem 0 .25rem;margin-right:.25rem;border-right:1px solid var(--bs-border-color,rgba(127,127,127,.25));white-space:nowrap}.trends-bar-title .material-symbols-rounded{font-size:1.05rem}.trends-marquee{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.5rem,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.5rem,#000 calc(100% - 1.5rem),transparent 100%)}.trends-track{display:flex;width:max-content}.trends-track.is-animated{animation:trends-scroll var(--trends-duration,40s) linear infinite;will-change:transform}.trends-marquee:hover .trends-track.is-animated{animation-play-state:paused}.trends-seq{display:flex;align-items:center;gap:1.75rem;padding-right:1.75rem}.trends-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;color:inherit;text-decoration:none}.trends-item:hover{text-decoration:none;opacity:.85}.trends-icon{border-radius:4px;object-fit:cover}.trends-arrow{font-size:1.25rem;line-height:1;margin:0 -.2rem}.trends-delta{white-space:nowrap}.trends-tier{display:inline-flex;align-items:center;gap:.2rem;font-size:.62rem;font-weight:700;line-height:1;padding:.12rem .32rem;border-radius:.3rem}.trends-tier .material-symbols-rounded{font-size:.85rem;line-height:1}.trends-tier.tier-S{background:linear-gradient(90deg,#ffd27f 0%,#ffb84d 45%,#ff8c00 100%);color:#1b1200}.trends-tier.tier-A{background:linear-gradient(90deg,#caa3ff 0%,#a86bff 45%,#8e44ad 100%);color:#fff}.trends-tier.tier-B{background:linear-gradient(90deg,#8fcfff 0%,#5aa9ff 45%,#0070dd 100%);color:#fff}.trends-tier.tier-C{background:linear-gradient(90deg,#9fee9a 0%,#57d06b 45%,#2ecc71 100%);color:#072e10}.trends-tier.tier-D{background:linear-gradient(90deg,#e9e9e9 0%,#d1d1d1 50%,#9e9e9e 100%);color:#1e1e1e}.trends-tier.tier-F{background:linear-gradient(90deg,#ff6b6b,#dc3545);color:#fff}.trends-meta{display:inline-flex;align-items:center;font-size:.58rem;font-weight:800;letter-spacing:.06em;line-height:1;padding:.14rem .34rem;border-radius:.3rem;background:linear-gradient(90deg,#ffd27f 0%,#ff8c00 100%);color:#1b1200}.trends-ilvl{display:inline-block;font-size:.7rem;font-weight:700;line-height:1;padding:.2rem .45rem;border-radius:.35rem;background:rgba(94,114,228,0.22);color:var(--mythi-text-info,#5e72e4);border:1px solid rgba(94,114,228,0.5)}.trends-cluster-item{position:relative;display:inline-flex;margin-right:-7px}.trends-cluster-item:last-child{margin-right:0}.trends-cluster-icon{border-radius:50%;object-fit:cover;display:block}.trends-cluster-npc .trends-cluster-item{margin-right:3px}.trends-cluster-npc .trends-cluster-icon{width:26px;height:26px;border-radius:5px;object-fit:contain;background:var(--bs-tertiary-bg,rgba(127,127,127,.12))}.trends-pull-tooltip .tooltip-inner{max-width:300px;text-align:left}.pull-tip{display:flex;flex-direction:column;gap:.25rem}.pull-tip-row{display:flex;align-items:center;gap:.4rem}.pull-tip-icon{width:24px;height:24px;flex:0 0 auto;object-fit:contain;border-radius:4px;background:rgba(127,127,127,.18)}.pull-tip-name{white-space:nowrap}.trends-cluster-more{display:inline-flex;align-items:center;align-self:center;margin-left:2px;font-size:.6rem;font-weight:700;line-height:1;padding:.18rem .3rem;border-radius:.35rem;background:var(--bs-tertiary-bg,rgba(127,127,127,.12));border:1px solid var(--bs-border-color,rgba(127,127,127,.3));color:var(--bs-emphasis-color,inherit)}.trends-cluster-count{position:absolute;bottom:-3px;right:-3px;font-size:.5rem;font-weight:700;line-height:1;padding:.04rem .18rem;border-radius:.4rem;background:var(--bs-secondary-bg,#2b2b2b);color:var(--bs-emphasis-color,#fff);border:1px solid var(--bs-body-bg,#1a1a1a)}@keyframes trends-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--trends-shift,100%)))}}@media (prefers-reduced-motion:reduce){.trends-track.is-animated{animation:none}.trends-marquee{overflow-x:auto}}