#telescope.tooldetail {
  align-items: flex-start;
}
#telescope.tooldetail .toolframe {
  width: var(--d-telescope-width);
}
#telescope.tooldetail.minigame .toolframe {
  width: auto;
}
#telescope.tooldetail.running .minigameitem {
  display: none;
}
#telescope.tooldetail .instructionrow .desc {
  margin-left: calc(var(--d-gutter1) + var(--telescope-buttonsize) + 1px);
}
#telescope.tooldetail .focuspanel {
  margin-top: var(--d-gutter1);
  display: flex;
  justify-content: space-between;
  column-gap: var(--d-gutter1);
  background-color: #008;
}
#telescope.tooldetail .focuspanel.hidden {
  display: none;
}
#telescope.tooldetail .focuspanel.starting {
  pointer-events: none;
}
#telescope.tooldetail .focuspanel.starting .planes {
  animation: telescope-focus-start 1s linear;
}
#telescope.tooldetail .focuspanel.finishing {
  animation: minigame-success 0.5s linear infinite;
  pointer-events: none;
}
#telescope.tooldetail .focuspanel.autosolve .buttons {
  display: none;
}
#telescope.tooldetail .focuspanel.lockfirstplane .up2, #telescope.tooldetail .focuspanel.lockfirstplane .down2 {
  display: none;
}
#telescope.tooldetail .focuspanel.twoplanes .plane2 {
  display: none;
}
#telescope.tooldetail .focuspanel.twoplanes .plane3 {
  display: none;
}
#telescope.tooldetail .focuspanel.twoplanes .up3, #telescope.tooldetail .focuspanel.twoplanes .down3 {
  display: none;
}
#telescope.tooldetail .focuspanel.twoplanes .up4, #telescope.tooldetail .focuspanel.twoplanes .down4 {
  display: none;
}
#telescope.tooldetail .focuspanel.threeplanes .plane3 {
  display: none;
}
#telescope.tooldetail .focuspanel.threeplanes .up4, #telescope.tooldetail .focuspanel.threeplanes .down4 {
  display: none;
}
#telescope.tooldetail .focuspanel .planes {
  position: relative;
  display: flex;
  width: var(--d-minigame-viewport);
  height: var(--d-minigame-viewport);
  background-color: #000;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
#telescope.tooldetail .focuspanel .planes .plane {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  transition-function: ease-out;
  transition-property: margin-top, margin-left, transform;
  transition-duration: 0.2s;
}
#telescope.tooldetail .focuspanel .planes .plane .starpos {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}
#telescope.tooldetail .focuspanel .planes .plane .starpos .star {
  display: block;
}
#telescope.tooldetail .focuspanel .planes .plane.plane0 .star {
  background-color: rgba(136, 255, 255, 0.5333333333);
}
#telescope.tooldetail .focuspanel .planes .plane.plane1 .star {
  background-color: rgba(255, 136, 136, 0.5333333333);
}
#telescope.tooldetail .focuspanel .planes .plane.plane2 .star {
  background-color: rgba(136, 136, 255, 0.5333333333);
}
#telescope.tooldetail .focuspanel .planes .plane.plane3 .star {
  background-color: rgba(255, 255, 136, 0.6666666667);
}
#telescope.tooldetail .focuspanel .buttons {
  display: flex;
  flex-direction: column;
  row-gap: var(--d-gutter1);
  justify-content: flex-start;
}
#telescope.tooldetail .focuspanel .buttons .spacer {
  flex-shrink: 0;
  min-height: var(--d-gutter2);
}
#telescope.tooldetail .focuspanel .buttons BUTTON.gicon {
  min-width: var(--telescope-buttonsize);
  min-height: var(--telescope-buttonsize);
  font-size: var(--telescope-buttonsize);
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: none;
}
#telescope.tooldetail .focuspanel .buttons BUTTON.up1, #telescope.tooldetail .focuspanel .buttons BUTTON.down1 {
  color: #aff;
}
#telescope.tooldetail .focuspanel .buttons BUTTON.up2, #telescope.tooldetail .focuspanel .buttons BUTTON.down2 {
  color: #faa;
}
#telescope.tooldetail .focuspanel .buttons BUTTON.up3, #telescope.tooldetail .focuspanel .buttons BUTTON.down3 {
  color: #aaf;
}
#telescope.tooldetail .focuspanel .buttons BUTTON.up4, #telescope.tooldetail .focuspanel .buttons BUTTON.down4 {
  color: #ffa;
}

BODY.phone2 .tooldetail.minigame .instructionrow .desc {
  margin-left: 0px;
}

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