<!-- Manifest version 5 (breaking with version 4) -->

<!-- Metadata -->
<circuit>
  {
    "name": {
      "fr": "Attention à l'eau",
      "en": "Keep out the water"
    },
    "author": "Minteck Projects"
  }
</circuit>

<!-- Cars -->
<div id="car0" style="display: inline-block;position: fixed;top: 42.9px;left: 428px;transform: rotate(0deg);"><img id="car0-img" style="
    width: 36px;
"></div>
<div id="car1" style="display: inline-block;position: fixed;top: 79.4px;left: 388.9px;transform: rotate(0deg);"><span id="aibox-far" style="
    position: absolute;
    display: block;
    top: -7px;
    bottom: -7px;
    left: 0px;
    right: -30px;
    animation-name: aibox;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
"></span><span id="aibox-near" style="
    position: absolute;
    display: block;
    top: -7px;
    bottom: -7px;
    left: -7px;
    right: -7px;
"></span><span id="aibox-nearest" style="
    position: absolute;
    display: block;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
"></span><img id="car1-img" style="
    width: 36px;"></div>

<!-- Oils -->
<div id="oil">
  <img src="../race/oil.png" id="oil0" style="top: 278px; left: 634px; transform: rotate(68deg);">
  <img src="../race/oil.png" id="oil1" style="top: 22px; left: 457px; transform: rotate(217deg);">
  <img src="../race/oil.png" id="oil2" style="top: 26px; left: 531px; transform: rotate(82deg);">
  <img src="../race/oil.png" id="oil3" style="top: 155px; left: 425px; transform: rotate(120deg);">
  <img src="../race/oil.png" id="oil4" style="top: 137px; left: 121px; transform: rotate(178deg);">
</div>

<!-- Elements -->
<div id="elements">

  <!-- Walls -->

  <div class="wall" style="
    height: 8px;
    position: fixed;
    width: 325px;
    top: 110px;
    left: 193px;
"></div><div class="wall" style="
    height: 8px;
    position: fixed;
    width: 498px;
    top: 24px;
    left: 107px;
"></div><div class="wall" style="height: 8px;position: fixed;width: 325px;top: 288px;left: 193px;"></div><div class="wall" style="
    height: 8px;
    position: fixed;
    width: 302px;
    top: 469px;
    left: 107px;
"></div><div class="wall" style="
    height: 186px;
    position: fixed;
    width: 8px;
    top: 111px;
    left: 194px;
"></div><div class="wall" style="
    height: 452px;
    position: fixed;
    width: 8px;
    top: 25px;
    left: 106px;
"></div><div class="wall" style="height: 186px;position: fixed;width: 8px;top: 110px;left: 515px;"></div><div class="wall" style="
    height: 346px;
    position: fixed;
    width: 8px;
    top: 24px;
    left: 602px;
"></div>

  <div class="wall" style="
    height: 8px;
    position: fixed;
    width: 210px;
    top: 363px;
    left: 401px;
"></div><div class="wall" style="
    height: 110px;
    position: fixed;
    width: 8px;
    top: 363px;
    left: 401px;
"></div><div class="wall" style="
    height: 145px;
    position: fixed;
    width: 180px;
    top: 369px;
    left: 187px;
"></div><!-- Arrival Line -->
  <div style="
    height: 127px;
    position: fixed;
    width: 8px;
    top: 0px;
    left: 346px;
" id="arrival"></div>

  <!-- Anti-reverse wall (codename Barrier) -->
  <div style="
    height: 127px;
    position: fixed;
    width: 20px;
    top: 0;
    left: 355px;
" id="barrier"></div></div>