Sort out panel CSS

src/styles/_page.project.scss

@@ -1,11 +1,12 @@
 @use "@styles/var";
 @use "@styles/color";
 
-@use '@styles/page.project.map' as map;
 @use '@styles/page.project.panel' as panel;
 @use '@styles/page.project.panel.feed' as feed;
 @use '@styles/page.project.panel.settings' as settings;
 
+@use '@styles/page.project.map' as map;
+
 .projects {
 	--space: #{color.$space};
 	--horizon: #{color.$horizon};
@@ -20,6 +21,34 @@
 	width: 100%;
 	height: 100%;
 
+	/* Background colors (below map) */
+
+	#space {
+		background: color.$space;
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		right: 0;
+	}
+
+	#submap {
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		transition: transform 0.5s;
+
+		.loader {
+			position: absolute;
+			font-size: 3em;
+			top: calc(50% - 0.5em);
+			left: calc(50% - 1.25em/2);
+			color: color.$loader;
+		}
+	}
+
 	/* Drill icon */
 
 	.drill {
@@ -36,7 +65,7 @@
 			left: 50%;
 			transform: translate(-50%, -50%);
 			font-size: 2.5em;
-			filter: drop-shadow(0px 1px 1px color.$over-img-shadow);
+			filter: drop-shadow(var.$elem-shadow);
 
 			&.message {
 				transform: translate(-50%, -100%);
@@ -53,7 +82,7 @@
 	.spot-icon-stack {
 		&:not(.drill-icon) {
 			font-size: 2.5em;
-			filter: drop-shadow(0px 1px 1px color.$over-img-shadow);
+			filter: drop-shadow(var.$elem-shadow);
 		}
 
 		&.message, &.project {