.atlasRuntimeDialog[hidden],
.atlasSwUpdate[hidden],
.atlasRuntimeDialog #atlasCatalogRetry[hidden]{display:none}

.atlasRuntimeDialog{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:24px;
  overflow-y:auto;
  background:rgba(3,7,7,.9);
  backdrop-filter:blur(8px)
}

.atlasRuntimeDialog__panel{
  width:min(520px,100%);
  padding:clamp(24px,6vw,40px);
  color:var(--text,#eef2ec);
  background:var(--surface,#050808);
  border:1px solid var(--border-strong,rgba(218,226,213,.38));
  border-radius:var(--r-lg,12px);
  box-shadow:var(--shadow2,0 24px 70px rgba(0,0,0,.5))
}

.atlasRuntimeDialog__eyebrow{
  margin:0 0 10px;
  color:var(--accent,#91c6b3);
  font-family:var(--font-num,monospace);
  font-size:.78rem;
  letter-spacing:.14em
}

.atlasRuntimeDialog h1{margin:0 0 16px;font-size:clamp(1.55rem,6vw,2.3rem);line-height:1.08}
.atlasRuntimeDialog p{max-width:44ch;line-height:1.6}
.atlasRuntimeDialog .btn{min-height:44px;margin-top:12px;white-space:normal}

.atlasSwUpdate{
  margin:0 15px 12px;
  padding:12px;
  color:var(--text,#eef2ec);
  background:var(--surface-2,#080d0c);
  border:1px dashed var(--border-strong,rgba(218,226,213,.38));
  border-radius:var(--r-md,9px);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)
}

.atlasSwUpdate strong{display:block;margin-bottom:4px;color:var(--accent,#91c6b3);font-size:.78rem;letter-spacing:.12em}
.atlasSwUpdate p{margin:0 0 10px;font-size:.82rem;line-height:1.45}
.atlasSwUpdate .btn{width:100%;min-height:44px;white-space:normal}

@media (max-width:520px){
  .atlasSwUpdate{margin-inline:10px}
}

@media (prefers-reduced-motion:reduce){
  .atlasRuntimeDialog,.atlasSwUpdate{scroll-behavior:auto}
}