@import url("../../css/game.css");

.signalConsole {
  width: 96px;
  height: 96px;
  background: url("assets/signal_console.png") center/contain no-repeat;
  position: static;
  image-rendering: pixelated;
}


.signalConsole.filled {
  background: url("assets/signal_console_active.png") center/contain no-repeat;
}


.signalTower {
  width: 128px;
  height: 160px;
  background: url("assets/signal_tower_off.png") center/contain no-repeat;
  position: absolute;
  image-rendering: pixelated;
}

.signalTower:not(.locked) {
  filter: none;
  opacity: 1;
  background-image: url("assets/signal_tower.png");
}

.signalTower.locked {
  filter: grayscale(1);
  opacity: 0.7;
}

.item {
  width: 32px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  image-rendering: pixelated;
}

.rotatable {
  transition: transform 0.2s ease;
}