.prototype-note.prototype-note--orbits { min-height: 52px; align-items: center; }
.lang-orbits {
  display: inline-flex; align-items: center; gap: 4px; margin-left: auto;
  padding: 2px 5px; border: 1px solid #ba9fff67; border-radius: 32px;
  background: linear-gradient(116deg, #21142f, #34234f 55%, #1a1128);
  box-shadow: inset 0 1px #e7d6ff28, 0 3px 10px #170e2738;
}
.lang-orbits .lang-orbit {
  --glow: #f2baef; position: relative; display: grid; place-content: center;
  justify-items: center; gap: 2px; min-width: 44px; min-height: 44px;
  border: 1px solid transparent; border-radius: 24px; text-decoration: none;
  color: #eee2fa; background: transparent; transition: background-color .18s, border-color .18s;
}
.lang-orbit[data-language="es"] { --glow: #fbbd69; }
.lang-orbit[data-language="ca"] { --glow: #fff47e; }
.lang-orbit[data-language="it"] { --glow: #9cf3ce; }
.lang-orbit[data-language="en"] { --glow: #a4beff; }
.lang-orbit[data-language="fr"] { --glow: #ffb6df; }
.lang-orbits .lang-orbit:hover { background: #f5e8ff1f; border-color: #dbc5ff77; }
.lang-orbits .lang-orbit:focus-visible { outline: 2px solid #e4ff4f; outline-offset: 2px; }
.lang-orbits .lang-orbit[aria-current="page"] {
  color: #fff; background: #f0deff2b; border-color: #f2dcff9e;
}
.lang-orbit__sphere {
  position: relative; display: block; width: 25px; height: 25px; isolation: isolate;
}
.lang-orbit__flag {
  display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 1px #fffbf6ae, 0 0 6px var(--glow);
}
.lang-orbit__sphere::before {
  content: ""; position: absolute; z-index: 1; inset: 0; border-radius: 50%;
  background: radial-gradient(circle at 28% 19%, #fff9, transparent 39%),
              linear-gradient(135deg, transparent 42%, #16092193);
}
.lang-orbit__sphere::after {
  content: ""; position: absolute; z-index: 2; width: 34px; height: 12px;
  inset: 7px auto auto -5px; border: 1px solid #fbecffcb; border-top-color: #f5e6ff32;
  border-radius: 50%; transform: rotate(-26deg); pointer-events: none;
}
.lang-orbit__code { font: 700 8px/1 Orbitron, Arial, sans-serif; letter-spacing: .09em; }
@media (max-width: 430px) {
  .prototype-note.prototype-note--orbits { flex-wrap: wrap; column-gap: 5px; }
  .lang-orbits { gap: 1px; padding-inline: 2px; }
  .lang-orbits .lang-orbit { min-width: 39px; }
  .lang-orbit__sphere { transform: scale(.91); }
}
@media (max-width: 345px) {
  .prototype-note--orbits .lang-orbits { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .lang-orbits .lang-orbit { transition: none; } }
@media print { .lang-orbits { display: none !important; } }

.join-availability-note {
  margin: 0 0 1rem; padding: .8rem 1rem; border-left: 3px solid #8555a4;
  background: #e9dcf6; color: #211630; font-weight: 600;
}
.join-availability-retry {
  margin: 0 0 1rem; padding: .55rem .8rem; border: 1px solid currentColor;
  border-radius: 4px; color: #211630; background: #f7effb; cursor: pointer;
}
.join-availability-retry:disabled { cursor: wait; opacity: .65; }