.home-six-realms-host {
  display: none;
}

.home-six-realms-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #f5efe5;
}

@media (min-width: 901px) {
  body[data-view="home"] {
    overflow: hidden;
  }

  body[data-view="home"] #tlBar,
  body[data-view="home"] #tlLoad,
  body[data-view="home"] #tlGuide,
  body[data-view="home"] #tlBudFab,
  body[data-view="home"] #tlBudHint,
  body[data-view="home"] #tlBudPanel {
    display: none !important;
  }

  body[data-view="home"] #view-home {
    position: fixed;
    z-index: 40;
    inset: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #f5efe5;
  }

  body[data-view="home"] #view-home > :not(.home-six-realms-host) {
    display: none !important;
  }

  body[data-view="home"] .home-six-realms-host {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
  }
}

@media (max-width: 900px) {
  .home-six-realms-host {
    display: none !important;
  }
}