/* A finite orbit of every card; analysis particles remain independent. */
#relationship-spectrum[data-state] { min-height:390px; }
#relationship-spectrum[data-state] .relationship-spectrum-track { visibility:hidden; }
#relationship-spectrum[data-state] .result-orbit-wheel { animation:none; }
.relationship-card-carousel { position:absolute;left:50%;top:60%;width:0;height:0;perspective:1100px; }
#relationship-spectrum #relationship-spectrum-detail { position:absolute;left:0;right:0;bottom:0;top:auto;margin:0;padding:0 4px; }
#relationship-spectrum .relationship-card-carousel>article {
  position:absolute;left:0;top:0;margin:0;width:180px;min-height:230px;
  transition:none;backface-visibility:hidden;box-sizing:border-box;
}
#relationship-spectrum.is-revealing .relationship-card-carousel>article { will-change:transform,opacity; }
.relationship-candidate-card {
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;
  padding:22px 10px;border:1px solid #969ad275;border-radius:2px;
  background:linear-gradient(150deg,#252c50,#252044);box-shadow:0 10px 34px #060d2860;
  color:#d7d9ef;text-align:center;
}
.candidate-mark { display:grid;place-items:center;width:38px;height:38px;border:1px solid #abb6d678;border-radius:50%;color:#b9bfdf;font:24px serif; }
.relationship-candidate-card small { font:8px/1.4 sans-serif;letter-spacing:.12em;color:#9faacc; }
.relationship-candidate-card strong { font:22px/1.5 var(--serif,serif); }
.relationship-candidate-card em { font:10px/1.5 sans-serif;color:#969dbc; }
.relationship-card-replay {
  position:absolute; top:0; right:0; z-index:110;
  min-height:44px; padding:8px 12px; border:0; border-radius:6px;
  color:#bac9e5; background:transparent; font:11px/1.4 'Microsoft YaHei',sans-serif;
  cursor:pointer;
}
.relationship-card-replay:hover { color:#ffcfbd; background:#b7a6ff12; }
.relationship-card-replay:focus-visible { outline:2px solid #dbbcff; outline-offset:2px; }
@media(max-width:620px) {
  #relationship-spectrum[data-state] { min-height:390px; }
  #relationship-spectrum .relationship-card-carousel>article { width:122px;min-height:174px;padding:14px 8px; }
  #relationship-spectrum .relationship-result-card strong { font-size:22px; }
  #relationship-spectrum .relationship-result-card>small { font-size:7px;white-space:nowrap;letter-spacing:.04em; }
  .relationship-candidate-card { gap:10px; }
  .relationship-candidate-card strong { font-size:17px; }
  .relationship-candidate-card small { font-size:6px; }
}
@media(prefers-reduced-motion:reduce) {
  #relationship-spectrum .relationship-result-card,#relationship-spectrum .result-orbit-wheel { animation:none!important; transition:none!important; }
  .relationship-card-replay { display:none; }
}