#terminal {
    padding: 10px;
    height: 57px;
    width: 99%;

    overflow-y: auto;
    scrollbar-width: none;

    font-family: 'Courier New', Courier, monospace;
    background-color: rgb(0, 0, 0);
}
#terminal2 {
    padding: 10px;
    height: 57px;
    width: 99%;

    overflow-y: auto;
    scrollbar-width: none;

    font-family: 'Courier New', Courier, monospace;
    background-color: rgb(0, 0, 0);
}
#terminal div {
  margin: 0;
  padding: 0;
  line-height: 1.2;  /* tighter spacing like terminals */
}
.old {
    font-size: 11.5px;
    opacity: 0.5;
    color: white;
}
.current {
    font-size: 12.5px;
    opacity: 1;
    color: white;
}
.old2 {
    font-size: 12px;
    opacity: 0.8;
    color: white;
}
#inputLine {
      outline: none;
      border: 1px solid white;
      background-color: black;
      color: limegreen;
      font-family: monospace;
      font-size: 1em;
      width: 100.48%;
    }
#b,button {
    
    border: 1px solid #1a1a1a;
    background: #666666;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -webkit-linear-gradient(top, #ffffff, #888888);
    background: -moz-linear-gradient(top, #ffffff, #888888);
    background: -ms-linear-gradient(top, #ffffff, #888888);
    background: -o-linear-gradient(top, #ffffff, #888888);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #888888 100%);
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    text-shadow: #cccccc 0 1px 0;
    color: #000000;
    font-size: 12px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    outline: none;
}
#b:hover {
    cursor: pointer;
    border: 1px solid #1a1a1a;
    background: #5d5c5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#bdbdbd));
    background: -webkit-linear-gradient(top, #eadfdf, #888888);
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: -ms-linear-gradient(top, #ffffff, #888888);
    background: -o-linear-gradient(top, #ffffff, #888888);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #888888 100%);
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(92, 90, 90, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(113, 113, 113, 0.4) 0 1px 0;
    text-shadow: #cccccc 0 1px 0;
    color: #000000;
    font-size: 12px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    outline: none;
}

#barContainer {
      width: 100px;
      border: 1px solid rgb(0, 0, 0);
    background: #555555;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -webkit-linear-gradient(top, #787878, #3a3a3a);
    background: -moz-linear-gradient(top, #6b6969, #575757);
    background: -ms-linear-gradient(top, #4d4d4d, #414141);
    background: -o-linear-gradient(top, #707070, #5c5b5b);
    background-image: -ms-linear-gradient(top, #5d5d5d 0%, #888888 100%);
    }

    .barFill1 {
      width: 0%;
      height: 100%;
      background: rgb(0, 0, 0);
      transition: width 0.03s ease;
    }
    .barFill2 {
      width: 0%;
      height: 100%;
      background: rgb(53, 53, 53);
      transition: width 0.03s ease;
    }
    .barFill3 {
      width: 0%;
      height: 100%;
      background: rgb(0, 0, 0);
      transition: width 0.03s ease;
    }

.hidden {
  display: none;
  opacity: 0;
}
#reset:hover {
   cursor: pointer;
    border: 1px solid #1a1a1a;
    background: #626262;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#bdbdbd));
    background: -webkit-linear-gradient(top, #a5a5a5, #888888);
    background: -moz-linear-gradient(top, #ffffff, #888888);
    background: -ms-linear-gradient(top, #555353, #888888);
    background: -o-linear-gradient(top, #878787, #888888);
    background-image: -ms-linear-gradient(top, #313131 0%, #888888 100%);
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(92, 90, 90, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(107, 107, 107, 0.4) 0 1px 0;
    box-shadow: rgba(69, 69, 69, 0.4) 0 0px 0, inset rgba(53, 53, 53, 0.4) 0 1px 0;
    text-shadow: #6f6d6d 0 1px 0;
    color: #000000;
    font-size: 12px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    outline: none;
}
#b:active {
    cursor: pointer;
    border: 1px solid #1a1a1a;
    background: #626262;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#bdbdbd));
    background: -webkit-linear-gradient(top, #a5a5a5, #888888);
    background: -moz-linear-gradient(top, #ffffff, #888888);
    background: -ms-linear-gradient(top, #555353, #888888);
    background: -o-linear-gradient(top, #878787, #888888);
    background-image: -ms-linear-gradient(top, #313131 0%, #888888 100%);
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(92, 90, 90, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(107, 107, 107, 0.4) 0 1px 0;
    box-shadow: rgba(69, 69, 69, 0.4) 0 0px 0, inset rgba(53, 53, 53, 0.4) 0 1px 0;
    text-shadow: #6f6d6d 0 1px 0;
    color: #000000;
    font-size: 12px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    outline: none;
}
.leftcolumn {
    float: left;
    width: 285px;
}

.businesspart {
    margin-top: 20px;
    margin-right: 30px;
}
/* grid and cell styles (keeps what you already had) */
/* grid and cell styles (keeps what you already had) */
\#currency {
  margin-bottom: 15px;
  font-weight: bold;
}

#buttons {
  margin-bottom: 10px;
}

#buttons button {
  padding: 4px 8px;
  margin-right: 5px;
  cursor: pointer;
}
#stats {
  align-items: center;
  justify-content: center;
  border: solid 2px black;
  width: 100%;
  height: 120px;
  overflow-y: auto;
   scrollbar-width: none;
}
#grid {
  display: grid;
  grid-template-columns: repeat(6, 30px);
  grid-template-rows: repeat(6, 30px);
  gap: 5px;
  margin-top: 20px;
  border: 2px solid #333;
  background-color: #f0f0f0;
  width: max-content;
  padding: 5px;
}
#grid2,#grid3,#grid4  {
  display: grid;
  grid-template-columns: repeat(8, 30px);
  grid-template-rows: repeat(1, 30px);
  gap: 5px;
  border: 2px solid #333;
  background-color: #f0f0f0;
  width: max-content;
  padding: 5px;
}

.cell {
  width: 30px;
  height: 30px;
  border: 1px solid #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  background-color: #ddd;
}

.dimpart {
  border: solid black 2px;
  width: 10%;
}

.producer { background-color: #4caf50; color: white; }
.stabilizer { background-color: #2196f3; color: white; }
.amplifier { background-color: #f44336; color: white; }
.capacitator { background-color: #b7b3dd; color: white; }