REM-Client 53aa6e1e: deploy placeable black holes and move Acheron to the Nomad system

EXE/remui/navmap.rml

@@ -209,6 +209,10 @@
         .jumpbtn { padding: 9dp 0; text-align: center; font-family: "Saira SemiCondensed"; font-weight: 700; font-size: 17dp; letter-spacing: 3dp;
             color: #10161d; background-color: #f2b13c; transition: background-color 0.15s linear-in-out; }
         .jumpbtn:hover { background-color: #ffd27a; }
+        /* REM: the fixed interstellar black hole, black core and luminous disk. */
+        .mi.blackhole .s { left: -9dp; top: -9dp; width: 16dp; height: 16dp; border: 2dp #ffc786; border-radius: 20dp; background-color: #010208; }
+        .mi.blackhole .b2 { position: absolute; left: -17dp; top: -3dp; width: 34dp; height: 6dp; border: 1dp #efad65; border-radius: 50%; transform: rotate(-18deg); }
+        .mi.blackhole .lbl { color: #ffd9aa; }
         .jumpbtn.off, .jumpbtn.off:hover { color: #6b7d90; background-color: #1a2533; }
         .wcard { padding: 12dp 14dp; margin-bottom: 10dp; background-color: #5cc8f00c; border-left: 3dp #8197ad; }
         .wcard.reach { border-left-color: #f2b13c; }
@@ -418,6 +422,7 @@
                         <div class="tl warn" data-if="can_abort" data-action="abort">Abort mission</div>
                     </div>
                     <div class="side-scroll">
+                    <div class="section-toggle" data-if="sector &amp;&amp; blackhole_available" data-action="blackhole"><span class="title">{{ blackhole_name }}</span><span>Black hole</span></div>
                     <div class="filter-panel" data-if="filters_open">
                         <div class="filter-row" data-if="!galaxy &amp;&amp; !sector">
                             <div class="tl" data-class-on="show_planets" data-action="layer" data-arg="planets">Planets / moons</div>