/* Minecraft Style Menu */
.mc-menu {
  --btn-size: 30pt;
  display: grid;
  grid-template-columns: var(--btn-size) calc(var(--btn-size) * 10) var(--btn-size);
  grid-template-rows: repeat(3, var(--btn-size)) 16px var(--btn-size);
  grid-template-areas: ". 		first 		." ". 		second 		." ". 		third 		." ".		.					." "lang fourth 		.";
  grid-gap: 8px;
}

.mc-menu .mc-button:nth-child(1) {
  grid-area: first;
}

.mc-menu .mc-button:nth-child(2) {
  grid-area: second;
}

.mc-menu .mc-button:nth-child(3) {
  grid-area: third;
}

.mc-menu .double {
  grid-area: fourth;
}

.mc-menu .double .mc-button:nth-child(1) {
  grid-area: left;
}

.mc-menu .double .mc-button:nth-child(2) {
  grid-area: right;
}

.mc-menu .mc-button:nth-child(5) {
  grid-area: lang;
}

.mc-menu .double {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "left right";
  grid-gap: 8px;
}

/* Minecraft Style Button */
.mc-button {
  height: var(--btn-size);
  width: calc(var(--btn-size) * 10);
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
  background: #999 url("/img/nav/graybox.png") center/cover;
  border: 2px solid #000;
}

.mc-button:hover .title {
  background-color: rgba(100, 100, 255, 0.45);
  text-shadow: 2px 2px #202013CC;
  color: #FFFFA0;
}

.mc-button:active .title {
  box-shadow: inset -2px -4px #0004, inset 2px 2px #FFF5;
}

.mc-button .title {
  width: 100%;
  height: 100%;
  padding-bottom: 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #DDD;
  text-shadow: 2px 2px #000A;
  box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7;
}

.mc-button.full {
  width: 100%;
  height: 100%;
}

.mc-button.lang img {
  width: 26px;
  height: 26px;
}

.mc-button.lang .title {
  padding-bottom: 0;
}