/* The one implementation of "back to Casegrid" — used by every shipped game.
   Tone follows currentColor so it works on paper, canvas and dark pages alike. */
.shelf-back {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: color-mix(in srgb, currentColor 64%, transparent);
  text-decoration: none;
  padding: 3px 0;
  border-bottom: 1px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}
.shelf-back:hover {
  color: currentColor;
  border-bottom-color: color-mix(in srgb, currentColor 45%, transparent);
}
.shelf-back:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 3px;
}

/* Floating variant for full-screen games. */
.shelf-back--pill {
  padding: 7px 13px;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 8%, transparent);
  backdrop-filter: blur(10px);
}
.shelf-back--pill:hover {
  border-bottom-color: color-mix(in srgb, currentColor 22%, transparent);
  border-color: color-mix(in srgb, currentColor 42%, transparent);
}