#ship-no-trusters {
    border-bottom: 335px solid #0000CC;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
    height: 0;
    width: 100%;
    position: relative;
    top: 15%;
    left: -5px;
}
#ship-thrusters {
    position: relative;
    top: -30px;
}
.visual-engine {
    display: inline-block;
    width: 49%;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}
.visual-engine.on .visual-big, .visual-engine.on .visual-small, .visual-flux.on, .visual-flux.on .visual-right-arm, .visual-flux.on .visual-left-arm {
    background: #00bb00;
    box-shadow: 0 0 15px 5px #00bb00;
    transition: all 0.3s ease-in-out;
}
.visual-engine.low .visual-big, .visual-engine.low .visual-small, .visual-flux.low, .visual-flux.low .visual-right-arm, .visual-flux.low .visual-left-arm {
    background: #00ffff;
    box-shadow: 0 0 15px 5px #00ffff;
    transition: all 0.3s ease-in-out;
}
.visual-engine.warning .visual-big, .visual-engine.warning .visual-small, .visual-flux.warning, .visual-flux.warning .visual-right-arm, .visual-flux.warning .visual-left-arm {
    background: orange;
    box-shadow: 0 0 15px 5px orange;
    transition: all 0.3s ease-in-out;
}
.visual-engine.danger .visual-big, .visual-engine.danger .visual-small, .visual-flux.danger, .visual-flux.danger .visual-right-arm, .visual-flux.danger .visual-left-arm {
    background: #bb0000;
    box-shadow: 0 0 15px 5px #bb0000;
    transition: all 0.3s ease-in-out;
}
.visual-engine .visual-big {
    width: 65px;
    height: 110px;
    border: 1px solid #00bb00;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}
.visual-engine .visual-small {
    width: 40px;
    height: 20px;
    border: 1px solid #00bb00;
    display: block;
    margin: 2px auto 0;
    transition: all 0.3s ease-in-out;
}
.visual-flux {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 50px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #00bb00;
}
#visual-flux-left {
    transform: translate(-26px,-50%);
    border-radius: 100px 0 0 100px;
}
#visual-flux-right {
    transform: translate(1px,-50%);
    border-radius: 0 100px 100px 0;
}
.visual-left-arm {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 10px;
    right: 0;
    transform: translate(-10px, -50%);
    border-top: 1px solid #00bb00;
    border-bottom: 1px solid #00bb00;
    transition: all 0.3s ease-in-out;
}
.visual-right-arm {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 10px;
    right: -40px;
    transform: translate(35px, -50%);
    border-top: 1px solid #00bb00;
    border-bottom: 1px solid #00bb00;
    transition: all 0.3s ease-in-out;
}

.flame {
    transform: rotate(180deg);
    display: inline-block;
    font-size: 3em;
    visibility: hidden;
    border-radius: 100%;
}
.flame.on {
  visibility: visible;
}
.flame-left {
    position: absolute;
    top: 90%;
    left: 78px;
}
.flame-right {
    position: absolute;
    top: 90%;
    right: 81px;
}
.flame-1 {
    color: #00bb00;
    box-shadow: 0 0 15px 5px #00bb00, inset 0 0 15px 5px #00bb00;
}
.flame-2 {
    color: orange;
    box-shadow: 0 0 15px 5px orange, inset 0 0 15px 5px orange;
}
.flame-3 {
    color: #bb0000;
    box-shadow: 0 0 15px 5px #bb0000, inset 0 0 15px 5px #bb0000;
}

.flame.zero {
  font-size: 0 !important;
}
.flame.few {
  font-size: 30px !important;
}
.flame.bigger {
  font-size: 70px !important;
}
.flame.biggest {
  font-size: 90px !important;
}

.flame-left.few {
  left: 85px;
}
.flame-left.bigger {
  left: 71px;
}
.flame-left.biggest {
  left: 63px;
}
.flame-right.few {
  right: 85px;
}
.flame-right.bigger {
  right: 71px;
}
.flame-right.biggest {
  right: 63px;
}
.trail {
    visibility: hidden;
    bottom: -120px;
    width: 3px;
    height: 80px;
    position: absolute;
    background: #00bb00;
    box-shadow: 0 0 15px 3px #00bb00;
}
.trail.on {
  visibility: visible;
}
.trail.on.faster {
  background: orange;
  box-shadow: 0 0 15px 3px orange;
}
.trail.on.fastest {
  background: cyan;
  box-shadow: 0 0 15px 3px cyan;
}
.trail-left {
    left: 95px;
}
.trail-right {
    right: 97px;
}
