.robicat-language-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(195, 158, 80, .28);
  border-radius: .55rem;
  color: rgba(235, 224, 196, .9);
  background: rgba(7, 9, 7, .58);
}

.robicat-language-setting__copy {
  display: grid;
  gap: .25rem;
}

.robicat-language-setting__copy strong {
  color: #d4bb79;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.robicat-language-setting__copy span {
  color: rgba(218, 204, 171, .68);
  font-size: .78rem;
}

.robicat-language-setting__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(5.5rem, 1fr));
  gap: .35rem;
  padding: .25rem;
  border: 1px solid rgba(195, 158, 80, .22);
  border-radius: .45rem;
  background: rgba(0, 0, 0, .2);
}

.robicat-language-setting__options button {
  min-height: 2.35rem;
  padding: .45rem .8rem;
  border: 1px solid transparent;
  border-radius: .3rem;
  color: rgba(225, 214, 186, .7);
  background: transparent;
  font: 800 .78rem/1 system-ui, sans-serif;
  cursor: pointer;
}

.robicat-language-setting__options button:hover,
.robicat-language-setting__options button:focus-visible {
  color: #fff6dc;
  background: rgba(183, 143, 61, .1);
}

.robicat-language-setting__options button[data-active] {
  border-color: rgba(214, 180, 106, .48);
  color: #fff7df;
  background: linear-gradient(180deg, rgba(123, 50, 65, .95), rgba(82, 27, 40, .92));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 5px 14px rgba(0, 0, 0, .22);
}

html[lang="en"] [data-robicat-panel-kind="controls"] > p:first-of-type::before {
  content: "KEYBOARD";
}

html[lang="en"] .robicat-objective .robicat-kicker::after {
  content: " · chests";
}

@media (max-width: 620px) {
  .robicat-language-setting {
    align-items: stretch;
    flex-direction: column;
  }

  .robicat-language-setting__options {
    width: 100%;
  }
}