/* Clean vector icons: stable hit areas, no decorative icon frames. */
.auction-refresh {
  display:inline-grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  padding:7px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--gold);
  cursor:pointer;
  transition:color var(--tr),filter var(--tr);
}
.auction-refresh svg { display:block;width:26px;height:26px; }
.auction-refresh:hover { color:var(--gold-b);filter:drop-shadow(0 0 5px var(--gold-d)); }
.auction-refresh:focus-visible { outline:2px solid var(--gold);outline-offset:2px; }
.auction-refresh[aria-busy="true"] { cursor:progress;opacity:.65; }
.auction-refresh[aria-busy="true"] svg { animation:auction-refresh-spin .85s linear infinite; }
@keyframes auction-refresh-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .auction-refresh[aria-busy="true"] svg { animation:none; } }

.nb::before,
.nb[data-s="auction"]::before {
  --menu-icon-size: 26px 26px;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border: 0;
  border-radius: 0;
  background: var(--menu-icon) center / var(--menu-icon-size) no-repeat;
  box-shadow: none;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.58));
  transform: none;
  transition: filter var(--tr), transform var(--tr);
}

.nb:hover::before,
.nb.active::before,
.nb[data-s="auction"]:hover::before,
.nb[data-s="auction"].active::before {
  border: 0;
  background: var(--menu-icon) center / var(--menu-icon-size) no-repeat;
  box-shadow: none;
  filter: brightness(1.18) drop-shadow(0 0 7px rgba(232, 181, 100, 0.42));
  transform: translateY(-1px) scale(1.06);
}

.clock-icon-btn,
.qt {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.clock-icon-btn:hover,
.clock-icon-btn.active,
.qt:hover,
body[data-theme="liquid"] .clock-icon-btn:hover,
body[data-theme="liquid"] .qt:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transform: translateY(-1px);
}

body[data-theme="liquid"] .clock-icon-btn,
body[data-theme="liquid"] .qt {
  background: transparent;
}

.clock-icon-btn img,
.clock-icon-btn.enchant-top-btn img,
.qt img {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 0;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.62));
  transition: filter var(--tr), transform var(--tr);
}

.clock-icon-btn:hover img,
.clock-icon-btn.active img,
.qt:hover img {
  filter: brightness(1.2) drop-shadow(0 0 7px rgba(232, 181, 100, 0.44));
  transform: scale(1.08);
}

.top-text-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.top-text-btn:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.top-text-btn img {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.62));
  transition: filter var(--tr), transform var(--tr);
}

.top-text-btn:hover img {
  filter: brightness(1.2) drop-shadow(0 0 7px rgba(232, 181, 100, 0.44));
  transform: scale(1.06);
}

.quick-tools {
  grid-template-rows: repeat(3, 34px);
  align-content: center;
}

@media (max-width: 1500px) {
  .nb::before,
  .nb[data-s="auction"]::before {
    --menu-icon-size: 24px 24px;
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }

  .clock-icon-btn img,
  .clock-icon-btn.enchant-top-btn img,
  .qt img {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 1220px), (max-height: 760px) {
  .nb::before,
  .nb[data-s="auction"]::before {
    --menu-icon-size: 21px 21px;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }

  .clock-icon-btn img,
  .clock-icon-btn.enchant-top-btn img,
  .qt img {
    width: 19px;
    height: 19px;
  }

  .top-text-btn img {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }

  .quick-tools {
    grid-template-rows: repeat(3, 28px);
  }
}