/* Reconnect box (ui/reconnect.js): above the windows and dialogs, the world stays visible behind it */
.rc-back { z-index: 9600; background: rgba(0, 0, 0, .35); }
.dlg.rc { width: 176px; }
.dlg.rc .rc-line { display: flex; justify-content: center; align-items: center; gap: 3px; min-height: 10px;
  margin: 0 2px 4px; font-size: 8px; line-height: 10px; color: var(--gold); text-align: center; }
.rc-dots { display: inline-flex; gap: 2px; flex: none; }
.rc-dots i { width: 2px; height: 2px; background: var(--gold); animation: rc-dot 1.2s steps(1) infinite; }
.rc-dots i:nth-child(2) { animation-delay: .4s; }
.rc-dots i:nth-child(3) { animation-delay: .8s; }
@keyframes rc-dot { 0% { opacity: 1; } 34% { opacity: .25; } }