/* Available before the module graph loads, including a return to the main menu. */
html { background:#080d10; color-scheme:dark; }
html:not([data-ui-ready]) #app > :not(#loading) { visibility:hidden; }
html:not([data-ui-ready]) #loading {
  position:fixed; inset:0; z-index:20; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:20px; padding:30px;
  background:radial-gradient(ellipse at center,#182a3b,#040b12 70%);
  color:#8daab6; font:14px/1.5 sans-serif; text-align:center;
}
html:not([data-ui-ready]) #loading img { width:min(380px,70vw); margin-bottom:25px; }
html:not([data-ui-ready]) #loading small { font-size:10px; color:#506e7d; }
body { animation:arcade-page-in .24s ease-out; transition:opacity .2s ease-out; }
html.arcade-departing body { opacity:0; }
@keyframes arcade-page-in { from { opacity:0; } }
@media(prefers-reduced-motion:reduce) {
  body { animation:none; transition:none; }
}