.lossCaseCar {
  background-repeat: no-repeat;
  background-image: linear-gradient(180deg, transparent, #142c4233), radial-gradient(ellipse at 50% 90%, #0008, transparent 72%);
  background-size: 92% 56%, 92% 10%;
  background-position: 50% 96%, 50% 98%;
}
.lossCaseFacade, .lossCaseLamp, .lossCaseRoad, .lossCaseCar, .lossCaseFlash { position: absolute; display: block; pointer-events: none; }
.result.tone-loss .lossCaseCar { z-index: 4; left: -7%; bottom: 6%; width: 114%; height: 48%; }
.result.tone-loss .lossCaseCarSvg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; margin: 0; overflow: visible; }
.lossCaseFacade { top: 0; bottom: 19%; width: 43%; border-top: 7px solid #526774; border-bottom: 8px solid #142637; background: repeating-linear-gradient(0deg, transparent 0 22px, #8da0ad1c 22px 23px), #233b4d; }
.lossCaseFacadeLeft { left: -8%; }
.lossCaseFacadeRight { right: -8%; background-color: #2d3e50; }
.lossCaseFacade::before { content: ""; position: absolute; inset: 28px 15px 33%; border: 4px solid #41586a; background: repeating-linear-gradient(90deg, #59768166 0 17%, #091828 17% 43%, #577283 43% 46%); }
.lossCaseFacade::after { content: ""; position: absolute; inset: auto 10px 10%; height: 30%; border: 2px solid #587080; background: linear-gradient(90deg, #e2b36322, #091c2c); box-shadow: 0 -8px #0d1c2c, inset 0 0 25px #c2a46720; }
.lossCaseLamp { z-index: 2; top: 27%; bottom: 18%; width: 3px; background: #54687a; box-shadow: 0 -6px 0 3px #d6b65f, 0 -5px 26px 11px #d6b65f22; }
.lossCaseLamp::before { content: ""; position: absolute; left: -6px; top: -8px; width: 15px; height: 6px; border-radius: 3px; background: #ffe3a0; }
.lossCaseLampLeft { left: 22%; }
.lossCaseLampRight { right: 19%; }
.lossCaseRoad { z-index: 1; inset: 73% 0 0; background: linear-gradient(166deg, transparent 0 43%, #b8d5df1a 44% 45%, transparent 46%), linear-gradient(#223c52, #071321); }
.lossCaseRoad::after { content: ""; position: absolute; inset: 35% 0 0; background: repeating-linear-gradient(90deg, transparent 0 38px, #c3a34b26 38px 65px, transparent 65px 112px); transform: perspective(100px) rotateX(55deg); }
.lossCaseFlash { z-index: 3; top: 59%; width: 42%; height: 14%; opacity: .15; filter: blur(16px); }
.lossCaseFlashBlue { left: 10%; background: #4d81ad; }
.lossCaseFlashRed { right: 6%; background: #a9394d; }
.lossCaseCarSvg .copBarBlue { opacity: .64; }
.lossCaseCarSvg .copBarRed { opacity: .54; }
@media (max-width: 620px) and (orientation: portrait) {
  .result.tone-loss .lossCaseCar { left: 0; bottom: 0; width: 100%; height: 100%; }
  .lossCaseFacade { width: 33%; }
  .lossCaseLamp { top: 24%; }
}