.support-button {
  width: 40px;
  padding: 0;
}

.support-button span {
  display: none;
}

.nav-link {
  font-weight: 600;
}

.filter-rail {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--cyan) rgba(115, 231, 210, 0.08);
  scrollbar-gutter: auto;
}

.filter-rail::-webkit-scrollbar {
  width: 8px;
}

.filter-rail::-webkit-scrollbar-track {
  background: rgba(115, 231, 210, 0.06);
}

.filter-rail::-webkit-scrollbar-thumb {
  background: rgba(115, 231, 210, 0.42);
  border: 2px solid transparent;
  background-clip: content-box;
}

.filter-rail::-webkit-scrollbar-thumb:hover {
  background: var(--cyan);
  border: 2px solid transparent;
  background-clip: content-box;
}

.game-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
}

.back-to-top {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 60;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: rgba(13, 20, 25, 0.88);
  color: var(--ink);
  opacity: 0.72;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.back-to-top:hover {
  color: #0b0e0f;
  background: var(--cyan);
  border-color: var(--cyan);
  opacity: 1;
  transform: translateY(-2px);
}

.back-to-top svg {
  width: 17px;
  height: 17px;
}

.footer-right a[data-support-open] {
  color: var(--lime);
  font-weight: 600;
  text-shadow: 0 0 12px rgba(214, 248, 92, 0.34);
}

.footer-right a[data-support-open]:hover {
  color: var(--cyan);
  text-shadow: 0 0 14px rgba(115, 231, 210, 0.5);
}

.codex-token-usage-badge {
  display: none !important;
}

@media (max-width: 600px) {
  .back-to-top {
    right: 12px;
    bottom: 12px;
    width: 40px;
    height: 40px;
  }
}