html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background-color: black; }

* {
  box-sizing: border-box; }

body {
  position: fixed;
  left: 0;
  top: 10px;
  right: 0;
  bottom: 0; }

#renderer {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: center;
  justify-content: center;
  cursor: crosshair; }
  #renderer:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 85vh;
    opacity: 0.4;
    pointer-events: none; }

#controls {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 10;
  color: white; }
  #controls label, #controls .label {
    display: block; }
    #controls label + label, #controls .label + label {
      margin-top: 0.5rem; }

#logger {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: white;
  padding: 2px;
  white-space: pre-line;
  max-width: 50%; }

#fps {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
  background-color: white;
  color: black;
  border: solid 1px black;
  padding: 0.2rem 0.5rem;
  font-size: 0.8rem; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG93LXBvbHkuY3NzIiwic291cmNlcyI6WyJsb3ctcG9seS5zY3NzIiwiY29udGV4dHMvX2Zwcy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbImh0bWwsIGJvZHkge1xuICBtYXJnaW46IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG59XG5cbioge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5ib2R5IHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICB0b3A6IDEwcHg7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG59XG5cbiNyZW5kZXJlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBjcm9zc2hhaXI7XG5cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwdnc7XG4gICAgaGVpZ2h0OiAxMDB2aDtcbiAgICB6LWluZGV4OiAxO1xuICAgIC8vIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vaW1hZ2VzL2xvdy1wb2x5LnBuZycpO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGF1dG8gODV2aDtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbn1cblxuI2NvbnRyb2xzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDVweDtcbiAgbGVmdDogNXB4O1xuICB6LWluZGV4OiAxMDtcblxuICBjb2xvcjogd2hpdGU7XG5cbiAgbGFiZWwsIC5sYWJlbCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAmICsgbGFiZWwge1xuICAgICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICAgIH1cbiAgfVxufVxuXG4jbG9nZ2VyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDVweDtcbiAgcmlnaHQ6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDJweDtcbiAgd2hpdGUtc3BhY2U6IHByZS1saW5lO1xuICBtYXgtd2lkdGg6IDUwJTtcbn1cblxuQGltcG9ydCBcImNvbnRleHRzL2Zwc1wiO1xuIiwiI2ZwcyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwLjVyZW07XG4gIHJpZ2h0OiAwLjVyZW07XG4gIHotaW5kZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogYmxhY2s7XG4gIGJvcmRlcjogc29saWQgMXB4IGJsYWNrO1xuICBwYWRkaW5nOiAwLjJyZW0gMC41cmVtO1xuICBmb250LXNpemU6IDAuOHJlbTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxBQUFBLElBQUksRUFBRSxJQUFJLENBQUM7RUFDVCxNQUFNLEVBQUUsQ0FBQztFQUNULE1BQU0sRUFBRSxJQUFJO0VBQ1osUUFBUSxFQUFFLE1BQU07RUFDaEIsZ0JBQWdCLEVBQUUsS0FBSyxHQUN4Qjs7QUFFRCxBQUFBLENBQUMsQ0FBQztFQUNBLFVBQVUsRUFBRSxVQUFVLEdBQ3ZCOztBQUVELEFBQUEsSUFBSSxDQUFDO0VBQ0gsUUFBUSxFQUFFLEtBQUs7RUFDZixJQUFJLEVBQUUsQ0FBQztFQUNQLEdBQUcsRUFBRSxJQUFJO0VBQ1QsS0FBSyxFQUFFLENBQUM7RUFDUixNQUFNLEVBQUUsQ0FBQyxHQUNWOztBQUVELEFBQUEsU0FBUyxDQUFDO0VBQ1IsT0FBTyxFQUFFLElBQUk7RUFDYixNQUFNLEVBQUUsSUFBSTtFQUNaLFdBQVcsRUFBRSxNQUFNO0VBQ25CLGFBQWEsRUFBRSxNQUFNO0VBQ3JCLGVBQWUsRUFBRSxNQUFNO0VBQ3ZCLE1BQU0sRUFBRSxTQUFTLEdBa0JsQjtFQXhCRCxBQVFFLFNBUk8sQUFRTixPQUFPLENBQUM7SUFDUCxPQUFPLEVBQUUsRUFBRTtJQUNYLE9BQU8sRUFBRSxLQUFLO0lBQ2QsUUFBUSxFQUFFLFFBQVE7SUFDbEIsR0FBRyxFQUFFLENBQUM7SUFDTixJQUFJLEVBQUUsQ0FBQztJQUNQLEtBQUssRUFBRSxLQUFLO0lBQ1osTUFBTSxFQUFFLEtBQUs7SUFDYixPQUFPLEVBQUUsQ0FBQztJQUVWLG1CQUFtQixFQUFFLGFBQWE7SUFDbEMsaUJBQWlCLEVBQUUsU0FBUztJQUM1QixlQUFlLEVBQUUsU0FBUztJQUMxQixPQUFPLEVBQUUsR0FBRztJQUNaLGNBQWMsRUFBRSxJQUFJLEdBQ3JCOztBQUdILEFBQUEsU0FBUyxDQUFDO0VBQ1IsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLEdBQUc7RUFDUixJQUFJLEVBQUUsR0FBRztFQUNULE9BQU8sRUFBRSxFQUFFO0VBRVgsS0FBSyxFQUFFLEtBQUssR0FTYjtFQWZELEFBUUUsU0FSTyxDQVFQLEtBQUssRUFSUCxTQUFTLENBUUEsTUFBTSxDQUFDO0lBQ1osT0FBTyxFQUFFLEtBQUssR0FLZjtJQWRILEFBV0ksU0FYSyxDQVFQLEtBQUssR0FHQyxLQUFLLEVBWGIsU0FBUyxDQVFBLE1BQU0sR0FHUCxLQUFLLENBQUM7TUFDUixVQUFVLEVBQUUsTUFBTSxHQUNuQjs7QUFJTCxBQUFBLE9BQU8sQ0FBQztFQUNOLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLEdBQUcsRUFBRSxHQUFHO0VBQ1IsS0FBSyxFQUFFLEdBQUc7RUFDVixnQkFBZ0IsRUFBRSxLQUFLO0VBQ3ZCLE9BQU8sRUFBRSxHQUFHO0VBQ1osV0FBVyxFQUFFLFFBQVE7RUFDckIsU0FBUyxFQUFFLEdBQUcsR0FDZjs7QUN0RUQsQUFBQSxJQUFJLENBQUM7RUFDSCxRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsTUFBTTtFQUNYLEtBQUssRUFBRSxNQUFNO0VBQ2IsT0FBTyxFQUFFLENBQUM7RUFDVixnQkFBZ0IsRUFBRSxLQUFLO0VBQ3ZCLEtBQUssRUFBRSxLQUFLO0VBQ1osTUFBTSxFQUFFLGVBQWU7RUFDdkIsT0FBTyxFQUFFLGFBQWE7RUFDdEIsU0FBUyxFQUFFLE1BQU0sR0FDbEIifQ== */