/* The Huntica design's loading screen (board "3 · Carregamento", src/release/loading.mjs): a modal dialog in the top layer. */
dialog.hx-loading { width: auto; height: auto; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; color: inherit; }
.hx-loading .hx-column { min-height: 100%; padding-bottom: 40px; } /* the design's logo 40 px up, centred as the login does */
.hx-loading .hx-logo { width: 480px; height: 360px; margin: 0 0 -50px; }
.hx-loading .hx-win { width: 460px; }
.hx-loading .hx-body > * { margin: 0; line-height: normal; }
.hx-loading b, .hx-stage { color: #f2f2f2; font-weight: bold; }
.hx-stage { display: flex; justify-content: space-between; align-items: baseline; }
.hx-loading .hx-note { color: var(--hx-muted); font-style: italic; }
.hx-sunk { background: #0c1121; border: 1px solid var(--hx-edge); box-shadow: var(--hx-well); }
.hx-bar { height: 16px; padding: 2px; }
.hx-bar > div { height: 100%; background: #b8902c; box-shadow: inset 0 1px 0 #f3d77a, inset 0 -1px 0 #6b5418; }
.hx-loading .hx-steps { margin-top: 4px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hx-steps li { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 4px; border-right: 1px solid #1f2848; color: #8a8a8a; }
.hx-steps [data-state="done"] { color: #c0c0c0; }
.hx-steps [data-state="now"] { color: #f2f2f2; font-weight: bold; }
.hx-steps [data-state="done"]::before, .hx-steps [data-state="now"]::before { content: ""; width: 11px; height: 11px; background: #71dc71; clip-path: polygon(8% 52%, 24% 38%, 40% 56%, 78% 14%, 94% 28%, 40% 86%); }
.hx-steps [data-state="now"]::before { /* the design's glyphs; the state is also in text */ background: #f3d77a; clip-path: polygon(25% 15%, 85% 50%, 25% 85%); }
.hx-loading .hx-well { display: flex; align-items: center; gap: 10px; padding: 9px 10px; line-height: 1.5; }
.hx-well svg { flex: none; color: #e8d27a; }
.hx-loading-foot { display: flex; padding: 7px 14px; border-top: 1px solid #0a0e1c; box-shadow: inset 0 1px 0 #3d4a78; }
html:has(.hx-loading[open]) { overflow: hidden; } /* the window centres on the whole viewport; the focused title is no control */
.hx-loading .hx-tbar:focus-visible { outline: none; }