#heading.tooldetail .toolframe {
  width: var(--d-headingtool-width);
}
#heading.tooldetail.minigame .toolframe {
  width: auto;
  background-color: #212;
}
#heading.tooldetail .picrosspanel {
  margin-top: var(--d-gutter1);
  width: var(--d-minigame-viewport);
  height: var(--d-minigame-viewport);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.2666666667);
  background-color: rgba(0, 0, 0, 0.5333333333);
  font-family: "Space", Monospace;
  font-size: var(--fontsize-norm);
  font-weight: bold;
}
#heading.tooldetail .picrosspanel.hidden {
  display: none;
}
#heading.tooldetail .picrosspanel.starting {
  pointer-events: none;
}
#heading.tooldetail .picrosspanel.finishing {
  animation: minigame-success 0.5s linear infinite;
  pointer-events: none;
}
#heading.tooldetail .picrosspanel .grid {
  margin-top: var(--d-gutter2);
  display: flex;
  flex-direction: column;
}
#heading.tooldetail .picrosspanel .grid .clue {
  font-weight: bold;
  color: #44f;
  text-shadow: 0 0 10px #44f;
}
#heading.tooldetail .picrosspanel .grid .clue.wrong {
  color: #d44;
  text-shadow: 0 0 20px #d44;
}
#heading.tooldetail .picrosspanel .grid .clue.satisfied {
  color: #99f;
  text-shadow: 0 0 20px #99f;
}
#heading.tooldetail .picrosspanel .grid .revealable {
  opacity: 0;
}
#heading.tooldetail .picrosspanel .grid .revealable.revealed {
  opacity: 1;
  animation: picross-reveal 1s linear;
}
#heading.tooldetail .picrosspanel .grid .row {
  display: flex;
}
#heading.tooldetail .picrosspanel .grid .row .cell {
  flex-shrink: 0;
  min-width: calc(var(--d-minigame-viewport) / 10);
  min-height: calc(var(--d-minigame-viewport) / 10);
  max-height: calc(var(--d-minigame-viewport) / 10);
  vertical-align: middle;
  line-height: calc(var(--d-minigame-viewport) / 10);
}
#heading.tooldetail .picrosspanel .grid .row .cell.puzzlecell {
  background-color: rgba(0, 0, 0, 0);
  max-width: calc(var(--d-minigame-viewport) / 10);
  text-align: center;
  cursor: pointer;
}
#heading.tooldetail .picrosspanel .grid .row .cell.clue {
  padding-left: var(--d-gutter1);
}
#heading.tooldetail .picrosspanel .grid .row .cell.clue.cluenone {
  line-height: calc(var(--d-minigame-viewport) * 0.08);
}
#heading.tooldetail .picrosspanel .grid .row .cell.set {
  color: #44f;
  background-color: #006;
  text-shadow: 0 0 10px #44f;
  animation: picross-set 0.3s linear;
}
#heading.tooldetail .picrosspanel .grid .row .cell.unset {
  color: #eee;
  background-color: #555;
  text-shadow: 0 0 10px #eee;
  animation: picross-unset 0.3s linear;
}
#heading.tooldetail .picrosspanel .grid .cluerow .cell.clue {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
#heading.tooldetail .picrosspanel .grid .buttonbox {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#heading.tooldetail .picrosspanel .grid .buttonbox BUTTON.gicon {
  font-size: var(--fontsize-norm);
  margin-top: var(--d-gutter1);
  padding: 0;
  color: #44f;
  text-shadow: 0 0 10px #44f;
  border: 0;
  background: none;
}
#heading.tooldetail .picrosspanel .grid .buttonbox BUTTON.gicon:hover {
  color: #99f;
  text-shadow: 0 0 20px #99f;
}
#heading.tooldetail .picrosspanel .instructions {
  font-family: "Main", Monospace;
  font-weight: normal;
  font-size: var(--fontsize-desc);
  padding: calc(var(--d-gutter2) * 2);
}

/*# sourceMappingURL=headingcompiler.css.map */