.site-popular-equipment-shell {
  width: min(100%, 520px);
  min-width: 0;
  margin: 0 auto 18px;
}
.site-popular-equipment-shell[hidden] { display: none; }
body.ui-mode-power .site-popular-equipment-shell,
body.ui-mode-quick .site-popular-equipment-shell { margin-top: 72px; }
.share-brand a { display: inline-grid; border-radius: 9px; color: inherit; text-decoration: none; }
.share-brand a:focus-visible { outline: 3px solid rgb(224 172 102 / 28%); outline-offset: 4px; }
.hot-equipment-ticker { display: grid; min-height: 72px; padding: 14px 18px; overflow: hidden; border: 1px solid #8b6034; border-radius: 13px; grid-template-columns: auto minmax(0, 1fr) auto auto auto; grid-template-areas: "badge classification power likes arrow"; align-items: center; gap: 14px; color: #eadcc9; background: linear-gradient(100deg, #342014, #1c1713 72%); text-decoration: none; box-shadow: 0 10px 28px rgb(0 0 0 / 25%); }
.hot-equipment-ticker:hover, .hot-equipment-ticker:focus-visible { border-color: #d5a566; outline: 3px solid rgb(213 165 102 / 16%); outline-offset: 2px; }
.hot-equipment-ticker__badge, .hot-equipment-ticker__power, .hot-equipment-ticker__likes { white-space: nowrap; }
.hot-equipment-ticker__badge { grid-area: badge; color: #ef9a5b; font-size: .82rem; font-weight: 950; letter-spacing: .04em; }
.hot-equipment-ticker__classification-group { display: flex; min-width: 0; grid-area: classification; align-items: center; gap: 5px; overflow: hidden; }
.hot-equipment-ticker__classification { display: inline-flex; min-width: 0; overflow: hidden; align-items: baseline; gap: 5px; color: #f5e4cf; font-size: 1rem; font-weight: 850; white-space: nowrap; }
.hot-equipment-ticker__rarity { flex: 0 0 auto; }
.hot-equipment-ticker__rarity--normal { color: var(--d4-color-normal); }
.hot-equipment-ticker__rarity--magic { color: var(--d4-color-magic); }
.hot-equipment-ticker__rarity--rare { color: var(--d4-color-rare); }
.hot-equipment-ticker__rarity--legendary { color: var(--d4-color-legendary); }
.hot-equipment-ticker__rarity--unique { color: var(--d4-color-unique); }
.hot-equipment-ticker__rarity--mythic-unique { color: var(--d4-color-mythic); }
.hot-equipment-ticker__rarity--unknown { color: var(--d4-color-muted); }
.hot-equipment-ticker__item-type { min-width: 0; overflow: hidden; color: #f5e4cf; text-overflow: ellipsis; white-space: nowrap; }
.hot-equipment-ticker__status { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 2px; }
.hot-equipment-ticker__status-icon { display: block; width: 18px; height: 18px; object-fit: contain; }
.hot-equipment-ticker__power { grid-area: power; color: #ffc361; font-size: 1.48rem; font-weight: 950; line-height: 1; text-shadow: 0 0 14px rgb(241 183 95 / 20%); }
.hot-equipment-ticker__likes { grid-area: likes; color: #ff9b92; font-size: 1.28rem; font-weight: 950; line-height: 1; }
.hot-equipment-ticker__arrow { grid-area: arrow; color: #c7a474; font-size: 1.65rem; line-height: 1; }
@media (max-width: 620px) {
  .site-popular-equipment-shell { margin-bottom: 14px; }
  body.ui-mode-power .site-popular-equipment-shell,
  body.ui-mode-quick .site-popular-equipment-shell { margin-top: 58px; }
  .hot-equipment-ticker { min-height: 78px; padding: 11px 13px; grid-template-columns: minmax(0, 1fr) auto auto auto; grid-template-areas: "badge badge badge badge" "classification power likes arrow"; column-gap: 9px; row-gap: 7px; }
  .hot-equipment-ticker__badge { font-size: .76rem; }
  .hot-equipment-ticker__classification { font-size: .9rem; }
  .hot-equipment-ticker__classification-group { gap: 4px; }
  .hot-equipment-ticker__status { gap: 1px; }
  .hot-equipment-ticker__status-icon { width: 16px; height: 16px; }
  .hot-equipment-ticker__power { font-size: 1.22rem; }
  .hot-equipment-ticker__likes { font-size: 1.12rem; }
}
@media (max-width: 360px) {
  .hot-equipment-ticker { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "badge badge badge" "classification power likes"; }
  .hot-equipment-ticker__arrow { display: none; }
  .hot-equipment-ticker__status { display: none; }
}