#weapons-screen {
  background: #000;
  padding: 25px 15px;
}
#weapons-screen .content div {
  display: inline-block;
  margin: 0 3px;
}
.rocket {
  border: 1px solid #00bb00;
  width: 25px;
  height: 100px;
}
.rocket.on {
  background: #00bb00;
  box-shadow: 0px 0px 15px 5px #00bb00;
}
.rocket.fired, .rocket.fired.on {
  background: none;
  box-shadow: none;
}
.rocket.fire {
  border: 1px solid #bb0000;
  background: #bb0000;
  box-shadow: 0px 0px 15px 5px #bb0000;
}
.emp.on {
  background: cyan;
  box-shadow: 0px 0px 15px 5px cyan;
}
.emp.fire {
  border: 1px solid #bb0000;
  background: #bb0000;
  box-shadow: 0px 0px 15px 5px #bb0000;
}
.emp.fired, .emp.fired.on {
  background: none;
  box-shadow: none;
}
.beam.on {
  background: orange;
  box-shadow: 0px 0px 15px 5px orange;
}
.beam.fire {
  border: 1px solid #bb0000;
  background: #bb0000;
  box-shadow: 0px 0px 15px 5px #bb0000;
}
.beam.fired, .beam.fired.on {
  background: none;
  box-shadow: none;
}
.emp {
  border: 1px solid cyan;
  width: 25px;
  height: 130px;
}
.beam {
  border: 1px solid orange;
  width: 15px;
  height: 150px;
}

#weapons-ctrl {
    background: #000;
    margin-top: 20px;
    padding: 1px 0;
}
section.weapon-section {
    margin: 5px;
    border: 1px solid orange;
    padding: 3px;
}
.weapon-name {
    color: orange;
    text-align: center;
    border-bottom: 1px solid orange;
    box-shadow: none;
    transition: all 0.5s ease-in-out;
}
.weapon-name.on {
    box-shadow: inset 0 0 15px 5px orange;
    transition: all 0.5s ease-in-out;
}
.weapon-button {
    text-align: center;
    padding: 3px;
}
.weapon-button button {
    width: 115px;
    margin: 0 5px;
    box-shadow: none;
    transition: all 0.5s ease-in-out;
}
.weapon-button button.on {
    box-shadow: 0 0 15px 5px orange;
    transition: all 0.5s ease-in-out;
}
#weapons-screen .content {
    width: 190px;
    margin: 0 auto;
}