.sync-dojo-overlay {
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: grid;
  place-items: center;
  padding: 22px;
  color: #f4fff6;
  font-family: inherit;
}
.sync-dojo-scrim {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 14%, rgba(60, 255, 80, .14), transparent 30%), rgba(0, 0, 0, .78);
  backdrop-filter: blur(10px);
}
.sync-dojo-panel {
  position: relative;
  width: min(980px, 94vw);
  max-height: min(760px, 88vh);
  overflow: hidden;
  border: 1px solid rgba(96, 255, 127, .28);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 0%, rgba(65, 255, 90, .16), transparent 34%),
    linear-gradient(150deg, rgba(10, 16, 15, .98), rgba(3, 5, 7, .98));
  box-shadow: 0 30px 100px rgba(0,0,0,.68), 0 0 44px rgba(39,255,71,.12), inset 0 0 0 1px rgba(255,255,255,.05);
}
.sync-dojo-head,
.sync-dojo-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(96,255,127,.18);
}
.sync-dojo-foot {
  border-top: 1px solid rgba(96,255,127,.16);
  border-bottom: 0;
  padding-block: 14px;
}
.sync-dojo-title-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sync-dojo-title-row img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(57,255,20,.34));
}
.sync-dojo-kicker {
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(160,255,174,.72);
  font-weight: 900;
}
.sync-dojo-head h2,
.sync-dojo-pause-card h2 {
  margin: 2px 0 0;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.05;
}
.sync-dojo-close {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}
.sync-dojo-body {
  max-height: calc(min(760px, 88vh) - 138px);
  overflow: auto;
  scrollbar-width: none;
  padding: 20px 22px;
}
.sync-dojo-body::-webkit-scrollbar,
.sync-dojo-panel::-webkit-scrollbar { display: none; }
.sync-dojo-message {
  margin-bottom: 12px;
  padding: 11px 14px;
  border-radius: 16px;
  background: rgba(57,255,20,.1);
  border: 1px solid rgba(96,255,127,.2);
  color: rgba(244,255,246,.9);
}
.sync-dojo-lobby-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  gap: 16px;
  align-items: stretch;
}
.sync-dojo-empty,
.sync-dojo-create-card,
.sync-dojo-section,
.sync-dojo-room-hero,
.sync-dojo-card {
  border: 1px solid rgba(96,255,127,.18);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}
.sync-dojo-empty,
.sync-dojo-create-card,
.sync-dojo-section,
.sync-dojo-room-hero { padding: 17px; }
.sync-dojo-create-card {
  display: grid;
  gap: 14px;
  min-height: 100%;
}
.sync-dojo-create-copy h3,
.sync-dojo-empty h3,
.sync-dojo-section h3,
.sync-dojo-room-hero h3,
.sync-dojo-card h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
}
.sync-dojo-create-copy p,
.sync-dojo-empty p,
.sync-dojo-section p,
.sync-dojo-room-hero p,
.sync-dojo-card p {
  margin: 6px 0 0;
  color: rgba(244,255,246,.68);
  font-size: 14px;
}
.sync-dojo-grid {
  display: grid;
  gap: 12px;
  align-content: start;
}
.sync-dojo-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
}
.sync-dojo-card-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.sync-dojo-card-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(57,255,20,.08);
  border: 1px solid rgba(96,255,127,.22);
}
.sync-dojo-card-icon img { width: 36px; height: 36px; object-fit: contain; filter: drop-shadow(0 0 10px rgba(57,255,20,.34)); }
.sync-dojo-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}
.sync-dojo-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255,255,255,.1);
  color: rgba(244,255,246,.8);
}
.sync-dojo-badge.is-public { background: rgba(57,255,20,.13); color: rgba(194,255,204,.92); }
.sync-dojo-badge.is-private { background: rgba(255, 201, 76, .16); color: rgba(255,232,166,.94); }
.sync-dojo-badge.is-ready { background: rgba(57,255,20,.16); }
.sync-dojo-actions,
.sync-dojo-inline-actions,
.sync-dojo-open-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}
.sync-dojo-button,
.sync-dojo-input,
.sync-dojo-number {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: #fff;
  min-height: 48px;
  padding: 0 17px;
  font: inherit;
}
.sync-dojo-button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
}
.sync-dojo-button.is-primary {
  border-color: rgba(132,255,148,.58);
  background: linear-gradient(180deg, rgba(166,255,175,.96), rgba(76,235,98,.94));
  color: #041008;
  box-shadow: 0 0 20px rgba(57,255,20,.18);
}
.sync-dojo-button.is-big { min-height: 58px; padding-inline: 24px; font-size: 18px; }
.sync-dojo-button:disabled { opacity: .42; cursor: default; filter: grayscale(.4); }
.sync-dojo-field { display: grid; gap: 7px; }
.sync-dojo-field span {
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(174,255,187,.66);
  font-weight: 900;
}
.sync-dojo-field.is-wide { grid-column: 1 / -1; }
.sync-dojo-input { width: 100%; box-sizing: border-box; }
.sync-dojo-choice-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.sync-dojo-choice-row.is-small { margin-bottom: 12px; }
.sync-dojo-choice {
  min-height: 112px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.075);
  color: #fff;
  cursor: pointer;
  display: grid;
  gap: 6px;
  align-content: center;
  text-align: left;
}
.sync-dojo-choice-row.is-small .sync-dojo-choice { min-height: 78px; }
.sync-dojo-choice strong { font-size: 20px; }
.sync-dojo-choice em { font-style: normal; color: rgba(244,255,246,.65); font-size: 13px; }
.sync-dojo-choice.is-selected {
  border-color: rgba(132,255,148,.72);
  background: radial-gradient(circle at 10% 10%, rgba(57,255,20,.2), rgba(255,255,255,.08));
  box-shadow: 0 0 0 2px rgba(57,255,20,.16), 0 0 25px rgba(57,255,20,.12);
}
.sync-dojo-private-pad { animation: syncDojoPop .16s ease-out; }
@keyframes syncDojoPop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.sync-dojo-number-pad {
  display: grid;
  grid-template-columns: repeat(3, minmax(44px, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.sync-dojo-number {
  min-height: 50px;
  border-radius: 17px;
  font-weight: 900;
  cursor: pointer;
}
.sync-dojo-number.is-clear {
  grid-column: span 2;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
.sync-dojo-passcode-input,
.sync-dojo-field input[inputmode="numeric"] {
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  letter-spacing: .45em;
}
.sync-dojo-section { margin-top: 13px; }
.sync-dojo-section.is-compact { padding: 15px; }
.sync-dojo-room-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 13px;
}
.sync-dojo-ninjas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin-top: 13px;
}
.sync-dojo-ninja {
  display: grid;
  gap: 7px;
  justify-items: center;
  padding: 13px 9px;
  border-radius: 20px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.1);
  text-align: center;
}
.sync-dojo-ninja.is-ready { border-color: rgba(90, 255, 167, .5); box-shadow: inset 0 0 0 1px rgba(90,255,167,.15), 0 0 18px rgba(57,255,20,.1); }
.sync-dojo-avatar {
  width: 62px;
  height: 62px;
  border-radius: 22px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: rgba(57,255,20,.1);
  border: 1px solid rgba(96,255,127,.2);
  font-weight: 900;
  font-size: 24px;
}
.sync-dojo-avatar img { width: 100%; height: 100%; object-fit: cover; }
.sync-dojo-ninja strong { font-size: 13px; }
.sync-dojo-ninja em { font-size: 11px; color: rgba(244,255,246,.62); font-style: normal; }
.sync-dojo-pause-screen {
  position: fixed;
  inset: 0;
  z-index: 99997;
  display: grid;
  place-items: center;
  padding: 24px;
  pointer-events: auto;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(8px);
  color: #fff;
}
.sync-dojo-pause-card {
  width: min(640px, 94vw);
  border-radius: 30px;
  border: 1px solid rgba(96,255,127,.28);
  background: linear-gradient(150deg, rgba(10,16,15,.97), rgba(3,5,7,.97));
  padding: 28px;
  text-align: center;
  box-shadow: 0 24px 80px rgba(0,0,0,.55), 0 0 38px rgba(57,255,20,.13);
}
.sync-dojo-countdown {
  font-size: clamp(54px, 14vw, 120px);
  font-weight: 900;
  line-height: .9;
  margin: 14px 0;
  color: #8dff9a;
  text-shadow: 0 0 24px rgba(57,255,20,.38);
}
.topbar-sync-dojo-button img { filter: drop-shadow(0 0 10px rgba(57,255,20,.16)); }
.sync-dojo-button:focus-visible,
.sync-dojo-input:focus-visible,
.sync-dojo-close:focus-visible,
.sync-dojo-number:focus-visible,
.sync-dojo-choice:focus-visible,
.topbar-sync-dojo-button:focus-visible {
  outline: 3px solid rgba(208,255,213,.96);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(57,255,20,.18), 0 0 24px rgba(57,255,20,.22);
}
@media (max-width: 860px) {
  .sync-dojo-panel { max-height: 92vh; }
  .sync-dojo-body { max-height: calc(92vh - 138px); }
  .sync-dojo-lobby-layout { grid-template-columns: 1fr; }
  .sync-dojo-card { grid-template-columns: 1fr; }
  .sync-dojo-actions { justify-content: flex-start; }
}
@media (max-width: 620px) {
  .sync-dojo-overlay { padding: 12px; }
  .sync-dojo-head { padding: 16px; }
  .sync-dojo-body { padding: 16px; }
  .sync-dojo-choice-row { grid-template-columns: 1fr; }
  .sync-dojo-room-hero { display: grid; }
}

/* v0.0.484 - room-first escape: host can browse while dojo stays active */
.sync-dojo-section.is-mission-pick {
  border-color: rgba(132,255,148,.32);
  background:
    radial-gradient(circle at 10% 0%, rgba(57,255,20,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
}
.sync-dojo-section.is-mission-pick .sync-dojo-inline-actions {
  justify-content: flex-start;
  margin-top: 14px;
}
.sync-dojo-section.is-mission-pick .sync-dojo-button.is-big {
  min-width: 190px;
}

/* v0.0.485 - staged dojo flow: room first, ready only after mission selected */
.sync-dojo-stage-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(132,255,148,.28);
  background: rgba(57,255,20,.10);
  color: #99ffa4;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sync-dojo-section.is-ready-stage {
  border-color: rgba(120,255,136,.38);
  background:
    radial-gradient(circle at 18% 0%, rgba(57,255,20,.18), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
}
.sync-dojo-section.is-ready-stage .sync-dojo-inline-actions {
  justify-content: flex-start;
  margin-top: 14px;
}

/* v0.0.486 - paused mission flow + fit repair */
.sync-dojo-panel {
  width: min(980px, 96vw);
  max-height: 84vh;
  border-radius: 26px;
}
.sync-dojo-head {
  padding: 14px 22px;
}
.sync-dojo-head h2,
.sync-dojo-pause-card h2 {
  font-size: clamp(24px, 2.7vw, 34px);
}
.sync-dojo-title-row img {
  width: 40px;
  height: 40px;
}
.sync-dojo-close {
  width: 48px;
  height: 48px;
}
.sync-dojo-body {
  max-height: calc(84vh - 86px);
  padding: 14px 20px 18px;
  overflow: auto;
}
.sync-dojo-foot:empty {
  display: none;
}
.sync-dojo-room-layout {
  display: grid;
  gap: 10px;
}
.sync-dojo-room-layout .sync-dojo-room-hero,
.sync-dojo-room-layout .sync-dojo-section {
  margin: 0;
  padding: 14px 16px;
  border-radius: 22px;
}
.sync-dojo-room-layout .sync-dojo-room-hero h3,
.sync-dojo-room-layout .sync-dojo-section h3 {
  font-size: 21px;
}
.sync-dojo-room-layout .sync-dojo-room-hero p,
.sync-dojo-room-layout .sync-dojo-section p {
  margin-top: 4px;
  font-size: 13px;
}
.sync-dojo-room-layout .sync-dojo-ninjas {
  margin-top: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.sync-dojo-room-layout .sync-dojo-ninja {
  min-height: 92px;
  padding: 10px 8px;
}
.sync-dojo-room-layout .sync-dojo-avatar {
  width: 54px;
  height: 54px;
  border-radius: 18px;
}
.sync-dojo-room-layout .sync-dojo-section.is-compact {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
}
.sync-dojo-room-layout .sync-dojo-section.is-compact h3 {
  white-space: nowrap;
}
.sync-dojo-room-layout .sync-dojo-choice-row.is-small {
  margin: 0;
}
.sync-dojo-room-layout .sync-dojo-choice-row.is-small .sync-dojo-choice {
  min-height: 62px;
  padding: 12px 16px;
  border-radius: 20px;
}
.sync-dojo-room-layout .sync-dojo-choice-row.is-small .sync-dojo-choice strong {
  font-size: 17px;
}
.sync-dojo-room-layout .sync-dojo-choice-row.is-small .sync-dojo-choice em {
  font-size: 12px;
}
.sync-dojo-room-layout .sync-dojo-button.is-big {
  min-height: 52px;
}
.sync-dojo-pause-screen {
  padding: 18px;
}
.sync-dojo-pause-card {
  width: min(660px, 92vw);
  max-height: 84vh;
  overflow: auto;
  scrollbar-width: none;
  padding: 24px;
  border-radius: 28px;
}
.sync-dojo-pause-card::-webkit-scrollbar { display: none; }
.sync-dojo-pause-card .sync-dojo-ninjas {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.sync-dojo-pause-card .sync-dojo-ninja {
  padding: 10px 8px;
  min-height: 106px;
}
.sync-dojo-pause-card .sync-dojo-avatar {
  width: 56px;
  height: 56px;
  border-radius: 18px;
}
@media (max-height: 760px) {
  .sync-dojo-panel { max-height: 92vh; }
  .sync-dojo-body { max-height: calc(92vh - 78px); padding-block: 10px; }
  .sync-dojo-head { padding-block: 10px; }
  .sync-dojo-room-layout { gap: 8px; }
  .sync-dojo-room-layout .sync-dojo-room-hero,
  .sync-dojo-room-layout .sync-dojo-section { padding: 11px 14px; }
  .sync-dojo-room-layout .sync-dojo-ninja { min-height: 78px; }
  .sync-dojo-room-layout .sync-dojo-avatar { width: 46px; height: 46px; }
  .sync-dojo-pause-card { max-height: 88vh; padding: 20px; }
}
@media (max-width: 760px) {
  .sync-dojo-room-layout .sync-dojo-section.is-compact { grid-template-columns: 1fr; }
}

/* v0.0.487 - avatar ready mission flow */
button.sync-dojo-ninja {
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.sync-dojo-ninja.is-selectable {
  border-color: rgba(132,255,148,.38);
  background:
    radial-gradient(circle at 50% 0%, rgba(57,255,20,.14), transparent 52%),
    rgba(0,0,0,.28);
  transform: translateZ(0);
}
.sync-dojo-ninja.is-selectable:hover,
.sync-dojo-ninja.is-selectable:focus-visible {
  outline: 3px solid rgba(208,255,213,.96);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(57,255,20,.18), 0 0 28px rgba(57,255,20,.24);
}
.sync-dojo-pause-card .sync-dojo-ninja.is-selectable .sync-dojo-avatar {
  box-shadow: 0 0 24px rgba(57,255,20,.18);
}
.sync-dojo-waiting-note {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(96,255,127,.18);
  background: rgba(255,255,255,.06);
  color: rgba(244,255,246,.78);
  font-weight: 800;
}
.sync-dojo-pause-card .sync-dojo-inline-actions .sync-dojo-button:disabled {
  opacity: .48;
}
@media (max-height: 720px) {
  .sync-dojo-pause-card .sync-dojo-ninjas {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  }
  .sync-dojo-pause-card .sync-dojo-ninja {
    min-height: 92px;
    padding: 8px;
  }
  .sync-dojo-pause-card .sync-dojo-avatar {
    width: 48px;
    height: 48px;
  }
}

/* v0.0.500 Sync Dojo HLS debug panel */
.sync-dojo-debug-panel {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999999;
  width: min(560px, calc(100vw - 36px));
  max-height: min(78vh, 760px);
  overflow: auto;
  border: 1px solid rgba(85, 255, 168, 0.38);
  border-radius: 18px;
  background: rgba(4, 12, 9, 0.96);
  box-shadow: 0 22px 80px rgba(0,0,0,0.62), 0 0 28px rgba(60,255,157,0.12);
  color: #eafff4;
  backdrop-filter: blur(12px);
}
.sync-dojo-debug-card { padding: 14px; }
.sync-dojo-debug-card header,
.sync-dojo-debug-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 10px;
}
.sync-dojo-debug-card h3 { margin: 0; font-size: 18px; letter-spacing: 0.08em; text-transform: uppercase; }
.sync-dojo-debug-card header button {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-size: 22px;
}
.sync-dojo-debug-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.sync-dojo-debug-grid > div {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
  padding: 8px 10px;
  min-width: 0;
}
.sync-dojo-debug-grid strong {
  display: block;
  color: rgba(159, 255, 204, 0.86);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.sync-dojo-debug-grid span {
  display: block;
  margin-top: 3px;
  font-family: Consolas, Menlo, monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.sync-dojo-debug-card details {
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.045);
  padding: 8px 10px;
}
.sync-dojo-debug-card summary { cursor: pointer; color: #b9ffd8; font-weight: 700; }
.sync-dojo-debug-card pre {
  max-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  font-family: Consolas, Menlo, monospace;
  font-size: 11px;
  line-height: 1.35;
}
.sync-dojo-debug-card ul {
  margin: 8px 0 0;
  padding-left: 18px;
  font-family: Consolas, Menlo, monospace;
  font-size: 11px;
}
.sync-dojo-debug-card li { margin: 3px 0; }
.sync-dojo-debug-card em { color: rgba(255,255,255,0.58); font-style: normal; }
@media (max-width: 760px) {
  .sync-dojo-debug-grid { grid-template-columns: 1fr; }
  .sync-dojo-debug-panel { right: 10px; bottom: 10px; width: calc(100vw - 20px); }
}

/* v0.0.503 Sync Dojo visible prepare blocker debug */
.sync-dojo-debug-blocker {
  margin: 12px 0 14px;
  padding: 12px;
  border: 1px solid rgba(93, 255, 164, 0.28);
  border-radius: 14px;
  background: rgba(4, 18, 12, 0.76);
  box-shadow: inset 0 0 22px rgba(39, 255, 143, 0.05);
}
.sync-dojo-debug-blocker h4 {
  margin: 0 0 8px;
  color: #8cffc4;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.sync-dojo-debug-current-blocker {
  padding: 10px 12px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
}
.sync-dojo-debug-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.sync-dojo-debug-check {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  font-size: 12px;
}
.sync-dojo-debug-check strong {
  color: rgba(255,255,255,0.72);
  font-weight: 700;
}
.sync-dojo-debug-check span {
  font-weight: 900;
  text-transform: uppercase;
}
.sync-dojo-debug-check.is-yes span { color: #70ffae; }
.sync-dojo-debug-check.is-no span { color: #ff8f8f; }
@media (max-width: 760px) {
  .sync-dojo-debug-checks { grid-template-columns: 1fr; }
}