/* Match original site chrome */

html, body {
  height: 100%;
  margin: 0;
  background-color: #171c25;
  font-family: "Open Sans", sans-serif;
}

/* Ensure aside live feed scrolls and has solid bg */
.aside-content {
  background: #13171f;
  overflow-y: auto;
  overflow-x: hidden;
  bottom: 0;
  height: auto !important;
  top: 68px;
  width: 190px;
}

#live-drops .item {
  background: #171c25;
}

#live-drops .item .item-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
}

#live-drops .drop-image {
  display: block !important;
  margin: 0 auto 2px !important;
  width: 65px;
  height: 65px;
  object-fit: contain;
  opacity: 1 !important;
}

#live-drops .title {
  color: #c3dcff !important;
  font-size: 11px !important;
  line-height: 1.15;
  text-align: center;
  max-width: 170px;
}

/* Auth block — keep original CSS; only minor helpers */
#auth-block .credentials {
  cursor: pointer;
}
#auth-block .steam-login-btn img {
  display: block;
  max-height: 36px;
}
#auth-block .user-container {
  background: #1c212c;
  vertical-align: top;
}
#auth-block .user-container > a#btn-funds svg {
  width: 26px;
  height: 26px;
  display: block;
}

/* External SVG sprite icons in header */
header .wrapper .bg-wrap nav div.social-icons svg.icon,
header .wrapper .bg-wrap .visitors-online svg.icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}
header .wrapper .bg-wrap nav div.social-icons a.tg { color: #2aabee; }
header .wrapper .bg-wrap nav div.social-icons a.yt { color: #ff0000; }
header .wrapper .bg-wrap nav div.social-icons a.vk { color: #4a76a8; }
header .wrapper .bg-wrap nav div.social-icons a.tw { color: #9146ff; }
header .wrapper .bg-wrap .visitors-online { color: #fff; }
header .wrapper .bg-wrap .visitors-online span > span { color: #169815; }

/* Live drop enter animation */
.aside-content .item.anim-init {
  max-height: 0 !important;
  height: 0 !important;
  overflow: hidden;
  transition: max-height 0.45s ease, height 0.45s ease;
}

#mobile-menu.open {
  display: block !important;
  visibility: visible !important;
}

/* Do not override hystmodal display — use hystmodal--active from style.css */