/* Header iconbar prominence */

.dt-game-kpi-bar .dt-iconbar {
  gap: 6px;
  padding: 5px 0 5px 12px;
}

.dt-iconbar .dt-iconbtn {
  color: #dbe7f7;
  background: linear-gradient(180deg, rgb(255 255 255 / 13%), rgb(255 255 255 / 5%)), rgb(7 13 26 / 78%);
  border-color: rgb(255 255 255 / 30%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 8px 18px -14px rgb(0 0 0 / 85%);
}

.dt-iconbar .dt-iconbtn:hover,
.dt-iconbar .dt-iconbtn:focus-within {
  color: #fff7cc;
  background: linear-gradient(180deg, rgb(250 204 21 / 22%), rgb(212 175 55 / 10%)), rgb(18 25 39 / 92%);
  border-color: rgb(250 204 21 / 68%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 16%), 0 0 0 2px rgb(0 0 0 / 35%), 0 0 18px -8px rgb(250 204 21 / 75%);
  transform: translateY(-1px);
}

.dt-iconbar .dt-iconbtn i {
  font-size: 15px;
}

.dt-help-trigger {
  width: auto;
  min-width: 72px;
  gap: 7px;
  padding: 0 10px;
  color: #052c1f;
  background: linear-gradient(180deg, #00e5a4, #02c996);
  border-color: rgb(0 229 164 / 75%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 0 0 2px rgb(0 0 0 / 38%), 0 0 18px -7px rgb(0 229 164 / 85%);
}

.dt-help-trigger .dt-iconbtn__inner {
  width: auto;
  height: auto;
}

.dt-help-trigger__label {
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
}

.dt-help-trigger:hover,
.dt-help-trigger:focus-within {
  color: #04251a;
  background: linear-gradient(180deg, #4adebd, #00e5a4);
  border-color: rgb(250 204 21 / 72%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 42%), 0 0 0 2px rgb(0 0 0 / 38%), 0 0 22px -7px rgb(0 229 164 / 95%);
}

@media (prefers-reduced-motion: no-preference) {
  .dt-help-trigger {
    animation: dt-help-beacon 4.8s ease-in-out infinite;
  }
}

@keyframes dt-help-beacon {
  0%,
  72%,
  100% {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 35%), 0 0 0 2px rgb(0 0 0 / 38%), 0 0 18px -7px rgb(0 229 164 / 85%);
  }

  82% {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 38%), 0 0 0 2px rgb(0 0 0 / 38%), 0 0 0 5px rgb(0 229 164 / 14%), 0 0 24px -5px rgb(0 229 164 / 95%);
  }
}

@media (width <= 900px) {
  .dt-mobile-menu .dt-iconbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .dt-mobile-menu .dt-iconbtn {
    width: 44px;
    height: 44px;
  }

  .dt-mobile-menu .dt-help-trigger {
    width: auto;
    min-width: 92px;
  }
}