.core-sync-controller { text-align:center; }
.core-sync-controller h2 { margin-bottom:8px; letter-spacing:.04em; }
.core-sync-controller__role,
.core-sync-controller__stage { font-weight:900; color:#71e4ff; }
.core-sync-controller__progress { display:flex; justify-content:center; gap:10px; margin:16px 0; }
.core-sync-controller__progress span { width:54px; height:54px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#273654; border:2px solid #596b91; font-size:24px; font-weight:900; }
.core-sync-controller__progress span.done { background:#167c62; border-color:#71f0c6; }
.core-sync-controller__route-buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.core-sync-controller__route-buttons button { min-height:82px; font-size:30px; }
.core-sync-controller__sync { min-height:132px; font-size:31px; background:linear-gradient(#25b86f,#0a7f4b); border:3px solid #8bf0be; box-shadow:0 0 24px rgba(55,231,143,.35); }
.core-sync-controller__hint { opacity:.8; margin-top:12px; }
.core-sync-controller--spectator { padding:12px 4px; }

.core-sync-controller__icon {
  display: block;
  width: 76px;
  height: 76px;
  margin: 0 auto 10px;
  object-fit: contain;
}

.core-sync-controller__partner-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 18px 0;
}

.core-sync-controller__partner {
  min-height: 64px;
  font-size: 1.2rem;
  font-weight: 800;
  border-radius: 16px;
  border: 2px solid rgba(101, 215, 255, 0.8);
  background: rgba(20, 56, 78, 0.96);
  color: #fff;
}

.core-sync-controller__partner:disabled {
  opacity: 0.55;
}