/* Keep the original waiting card; leave room for its little roaming companion. */
.waiting-page { position: relative; overflow-x: clip; }
.waiting-page .queue-screen { padding-block: 136px 168px; }
.mars-companion {
  position: absolute; bottom: 32px; left: 16px; width: 120px; height: 120px;
  pointer-events: none; z-index: 2;
}
.mars-companion.is-roaming { top: 0; left: 0; bottom: auto; }
.mars-stage {
  position: relative; display: block; width: 120px; height: 120px;
  padding: 0; border: 0; background: transparent; cursor: pointer; pointer-events: auto;
}
.mars-stage canvas, .mars-fallback {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain;
}
.mars-bubble {
  position: absolute; top: 12px; left: 108px; width: 170px;
  padding: 12px 14px; border: 1px solid var(--black); border-radius: 14px;
  background: var(--white); color: var(--black);
}
.mars-bubble p { margin: 0; font-family: var(--mono); font-size: 11px; line-height: 1.4; }
#mars-toggle {
  position: absolute; bottom: 14px; right: 24px;
  background: none; border: 0; color: var(--white); cursor: pointer;
  font-family: var(--mono); font-size: 11px; padding: 8px; min-height: 36px;
  text-decoration: underline; text-underline-offset: 3px;
}
@media (max-width: 820px) {
  .waiting-page .queue-screen { padding-block: 24px 288px; }
}