.world-bridge {
  pointer-events: none;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.wb-back {
  fill: #a89c83;
}
.wb-face {
  fill: #b5a487;
  stroke: #a99678;
  stroke-width: 0.65;
}
.wb-deck {
  fill: #bdae91;
  stroke: #b09e80;
  stroke-width: 1;
}
.wb-tile {
  fill: #e7dac0;
  stroke: #c9bb9e;
  stroke-width: 0.45;
}
.wb-tone-1 {
  fill: #f1e5cf;
}
.wb-tone-2 {
  fill: #ddd0b5;
}
.wb-rail-shadow {
  fill: none;
  stroke: #ae9a7a;
  stroke-width: 3.8;
}
.wb-rail {
  fill: none;
  stroke: #e4d3b2;
  stroke-width: 3;
}
.wb-post {
  fill: none;
  stroke: #c1ad8b;
  stroke-width: 3.6;
}
.wb-cap {
  fill: none;
  stroke: #f3e3c6;
  stroke-width: 2.7;
}
.world-bridge-wood .wb-back,
.world-bridge-wood .wb-face {
  fill: #946442;
  stroke: #845b3d;
}
.world-bridge-wood .wb-deck {
  fill: #946642;
  stroke: #815739;
}
.world-bridge-wood .wb-tile {
  fill: #cda174;
  stroke: #9b714b;
}
.world-bridge-wood .wb-tone-1 {
  fill: #d9b185;
}
.world-bridge-wood .wb-tone-2 {
  fill: #bf9162;
}
.world-bridge-wood .wb-rail-shadow,
.world-bridge-wood .wb-post {
  stroke: #a07750;
}
.world-bridge-wood .wb-rail,
.world-bridge-wood .wb-cap {
  stroke: #dec29a;
}
.night .world-bridge {
  filter: brightness(0.61) saturate(0.72);
}