/* Compact partner acknowledgement. The marks retain their original colours;
   their shared surface follows the selected planet, like the event buttons. */
.collaboration {
  position: absolute;
  left: 50%;
  top: calc(419svh + min(100vw, 72svh) + 120px);
  z-index: 55;
  width: min(280px, calc(100vw - 40px));
  display: grid;
  gap: 10px;
  transform: translateX(-50%);
  color: var(--app-ink, #152b32);
  text-align: center;
}
.collaboration h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .015em;
}
.collaboration-logos {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border: 1px solid var(--planet-border);
  border-radius: 5px;
  background: var(--planet-surface);
  box-shadow: inset 0 1px var(--planet-inset);
}
.collaboration-logos a {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 48px;
  border-radius: 3px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color .2s ease;
}
.collaboration-logos a:hover { background-color: #fff4de40; }
.collaboration-logos a:focus-visible {
  outline: 2px solid var(--app-ink, #152b32);
  outline-offset: 3px;
}
.collaboration-logos img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: auto;
}
/* Wide windows have a music-invitation rail beside the opening planet.
   Share its coordinates, with a small breathing space beneath the prompt. */
@media (min-width:701px) and (min-aspect-ratio:1.401) {
  .collaboration {
    left: 5vw;
    top: calc(44svh + 32px);
    width: clamp(220px, 18vw, 260px);
    transform: none;
    text-align: left;
    gap: 8px;
  }
  .collaboration-logos {
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 6px;
    padding: 2px 10px;
  }
}
/* On short landscape screens, put the credit above the same music prompt,
   keeping it clear of the fixed action dock below. */
@media (min-width:701px) and (min-aspect-ratio:1.401) and (max-height:520px) {
  .collaboration { top: max(12px, calc(44svh - 124px)); }
}
/* Portrait windows keep the compact credit in the generous existing space
   below the Moon, rather than squeezing it into the opening action stack. */
@media (max-width:700px) and (max-height:650px) {
  .collaboration { top: calc(484svh + min(100vw, 72svh) + 120px); }
}
@media (prefers-reduced-motion:reduce) {
  .collaboration-logos a { transition: none; }
}