.bld .buildingBody {
  --wall: #e65a62;
  --side: #8d2d40;
  --roof: #ff8a8f;
  overflow: visible;
  border: 3px solid #141c28;
  border-radius: 1px;
  background: var(--wall);
  box-shadow: 0 7px 0 #0b1926;
}

.bld .buildingBody::before {
  inset: -10px -8px auto -3px;
  height: 8px;
  border: 3px solid #141c28;
  background: var(--roof);
  clip-path: none;
}

.bld .buildingBody::after {
  inset: -5px -8px -3px auto;
  width: 6px;
  border: 3px solid #141c28;
  border-left: 0;
  background: var(--side);
  clip-path: none;
}

.buildingArt,
.buildingArt > span {
  position: absolute;
  display: block;
}

.buildingArt {
  z-index: 3;
  inset: 0;
  color: #141c28;
  image-rendering: pixelated;
}

.bld .buildingBody .sign {
  z-index: 20;
  right: 7%;
  bottom: 4%;
  left: 7%;
  min-height: 0;
  padding: 4px 2px 3px;
  border: 2px solid #141c28;
  border-radius: 1px;
  background: #fff0b5;
  box-shadow: 3px 3px 0 rgba(10, 25, 38, .65);
  font-size: 9px;
  letter-spacing: 0;
}

.buildingAlarm {
  position: absolute;
  z-index: 30;
  top: 44%;
  left: 50%;
  width: 34px;
  height: 34px;
  padding: 5px;
  color: #fff;
  border: 3px solid #141c28;
  background: var(--ruby);
  transform: translate(-50%, -50%);
}

.buildingAlarm svg { width: 100%; height: 100%; }

.bld .building-kiosk {
  inset: 22% 10px 0 0;
  --wall: #e85862;
  --side: #902e40;
  --roof: #ff8a8e;
}

.building-kiosk .artBadge,
.building-imbiss .artBadge,
.building-juwelier .artBadge {
  top: 5%;
  left: 17%;
  width: 66%;
  padding: 3px 1px;
  color: #fff;
  border: 2px solid #141c28;
  background: #141c28;
  font: 900 8px/1 var(--utility);
  text-align: center;
}

.building-kiosk .artAwning,
.building-imbiss .artAwning {
  top: 28%;
  right: 5%;
  left: 5%;
  height: 14%;
  border: 2px solid #141c28;
  background: repeating-linear-gradient(90deg, #fff4d0 0 12%, #e23b4d 12% 24%);
}

.building-kiosk .artWindow {
  top: 44%;
  bottom: 24%;
  left: 7%;
  width: 56%;
  overflow: hidden;
  border: 3px solid #141c28;
  background: #85cad0;
}

.building-kiosk .artWindow i {
  position: absolute;
  right: 5%;
  left: 5%;
  height: 8%;
  background: #fff0a9;
  box-shadow: 0 7px 0 #de565c, 0 14px 0 #f7f1d6;
}

.building-kiosk .artWindow i:nth-child(1) { top: 18%; }
.building-kiosk .artWindow i:nth-child(2) { top: 45%; }
.building-kiosk .artWindow i:nth-child(3) { top: 72%; }

.building-kiosk .artDoor,
.building-imbiss .artDoor,
.building-apotheke .artDoor,
.building-juwelier .artDoor {
  top: 45%;
  right: 7%;
  bottom: 7%;
  width: 22%;
  border: 3px solid #141c28;
  background: #254253;
}

.building-kiosk .artCrate {
  bottom: -5px;
  left: -8px;
  width: 25%;
  height: 18%;
  border: 3px solid #141c28;
  background: #c8893e;
}

.bld .building-imbiss {
  inset: 13% 10px 0 0;
  --wall: #e5a83f;
  --side: #996123;
  --roof: #ffd273;
}

.building-imbiss .artVent {
  top: -16px;
  right: 13%;
  width: 15%;
  height: 18px;
  border: 3px solid #141c28;
  background: #7a8b91;
}

.building-imbiss .artVent::after {
  position: absolute; top: -10px; left: 1px; width: 5px; height: 5px;
  content: ""; background: #e9ece7;
  box-shadow: 7px -7px 0 #e9ece7, 2px -15px 0 #e9ece7;
}

.building-imbiss .artBadge { background: #8f2d35; }

.building-imbiss .artAwning {
  background: repeating-linear-gradient(90deg, #fff4d0 0 12%, #17715d 12% 24%);
}

.building-imbiss .artWindow {
  top: 45%;
  right: 7%;
  bottom: 27%;
  left: 7%;
  border: 3px solid #141c28;
  background: #7fc1cc;
}

.building-imbiss .artWindow i {
  position: absolute;
  top: 17%;
  left: 10%;
  width: 18%;
  height: 45%;
  background: #f1e2b0;
  box-shadow: 25px 0 0 #f1e2b0;
}

.building-imbiss .artCounter {
  right: 4%;
  bottom: 22%;
  left: 4%;
  height: 6%;
  border: 2px solid #141c28;
  background: #dce3dd;
}

.building-imbiss .artDoor { display: none; }

.bld .building-tanke {
  inset: 1% 3px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.bld .building-tanke::before,
.bld .building-tanke::after { display: none; }

.stationPrice {
  top: 1%;
  left: 1%;
  width: 24%;
  height: 35%;
  color: #fff;
  border: 3px solid #141c28;
  background: #d8474d;
  text-align: center;
}

.stationPrice b,
.stationPrice i { display: block; font: 900 7px/1.35 var(--utility); }
.stationPrice i { color: #ffe186; font-style: normal; }

.stationCanopy {
  top: 26%;
  right: 0;
  left: 9%;
  height: 17%;
  border: 3px solid #141c28;
  background: #f6e9c5;
  box-shadow: inset 0 -6px 0 #d8474d, 0 6px 0 #0b1926;
}

.stationPost {
  top: 43%;
  bottom: 3%;
  left: 17%;
  width: 7%;
  border: 3px solid #141c28;
  background: #e3dcc8;
}

.stationPump {
  bottom: 4%;
  width: 17%;
  height: 32%;
  border: 3px solid #141c28;
  background: #d8474d;
}

.stationPump i {
  position: absolute;
  top: 14%;
  right: 15%;
  left: 15%;
  height: 25%;
  border: 2px solid #141c28;
  background: #9fd3d3;
}

.stationPump::after {
  position: absolute; top: 28%; right: -8px; width: 7px; height: 42%;
  content: ""; border: 2px solid #141c28; border-left: 0;
  border-radius: 0 5px 5px 0;
}

.pumpOne { left: 30%; }
.pumpTwo { left: 50%; }

.stationStore {
  right: 1%;
  bottom: 2%;
  width: 39%;
  height: 50%;
  border: 3px solid #141c28;
  background: #f3e9cf;
  box-shadow: inset 0 12px 0 #277f75;
}

.stationStore b { display: block; margin-top: 3px; font: 900 7px/1 var(--utility); text-align: center; }
.bld .building-tanke .sign { right: 3%; left: 64%; font-size: 7px; }