.beta-bar {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 7;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* cat-collection button icon: the classic oneko idle frame, scaled down
   from the 256x128 sprite sheet (idle frame lives at -96px,-96px) */
.beta-cat-icon {
  width: 22px;
  height: 22px;
  display: block;
  background-image: url('/assets/oneko/classics/classic.png');
  background-repeat: no-repeat;
  background-size: 176px 88px;
  background-position: -66px -66px;
  image-rendering: pixelated;
}

.beta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem;
  border-radius: 999px;
  background: var(--surface-0);
  border: 1px solid var(--surface-1);
  cursor: pointer;
  transition: border-color 0.15s ease, transform 0.15s ease;
}

.beta-btn:hover {
  border-color: var(--pink);
  transform: translateY(2px);
}

.beta-icon {
  width: 22px;
  height: 22px;
  display: block;
}