#swinghiamo-ecosystem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px max(20px, calc((100vw - 1180px) / 2));
  background: #1f1c29;
  color: #f4ede0;
  font:
    12px/1.5 Inter,
    Arial,
    sans-serif;
}
#swinghiamo-ecosystem[hidden] {
  display: none;
}
#swinghiamo-ecosystem a {
  color: inherit;
  text-decoration: none;
}
#swinghiamo-ecosystem a:first-child {
  font-weight: 650;
  letter-spacing: -0.4px;
}
#swinghiamo-ecosystem a:last-child {
  color: #e7bc68;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-align: right;
}
#swinghiamo-ecosystem a:focus-visible {
  outline: 2px solid #e7bc68;
  outline-offset: 4px;
}
@media (orientation: landscape), (min-width: 600px) {
  #root .home {
    height: calc(100dvh - var(--swinghiamo-ribbon-height, 0px));
  }
}
/* Short landscape screens reserve the full height for the app and tutorial. */
@media (max-height: 420px) and (orientation: landscape) {
  #swinghiamo-ecosystem {
    display: none;
  }
}
@media (max-width: 600px) {
  #swinghiamo-ecosystem {
    font-size: 10px;
    padding: 10px 16px;
    gap: 12px;
  }
}