body {
  display: grid;
  grid-template:
    "svg" 1fr
    "controls" 10em
  ;
  height: 100svh;
  margin: 0;
  user-select: none;

  &.compilation-error {
    grid-template: "error" 1fr;
  }

  & #debug-log {
    background: #f4f4f4;
  }

  & svg {
    width: 100%;
    height: 100%;
    
    & text {
      user-select: none;
      paint-order: stroke fill;
      stroke-linejoin: round;
      stroke-linecap: round;
      fill: white;
      stroke: black;
      stroke-width: 0.2em;
    }

    & #obstacle-outlines circle {
      filter: blur(0.5px);
    }
  }

  & #controls {
    display: grid;
    grid-auto-flow: column;
  }

  & .road path {
    stroke-linejoin: round;
  }


  & #recipe-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 100%;
    overflow: scroll;
  }
}