merge: new inspector

s/config/units.ts

@@ -21,7 +21,7 @@ export const unitsConfig = deep.freeze(asUnitsConfig({
 	king: {
 		rendering: {algo: "normal"},
 		archetype: {
-			explained: {sentence: "Game ends when he dies, can see up cliffs, acts as recruitment point."},
+			explained: {sentence: "Game ends when he dies, acts as recruitment point."},
 			mortal: {health: 5},
 			mobile: {range: {steps: 1}},
 			sighted: {range: {steps: 2}, verticality: {below: true}},

s/config/units/traits.ts

@@ -5,7 +5,7 @@ export type Verticality = {
 }
 
 export type Repeatability = {
-	count?: number
+	count: number
 	focusFire?: boolean
 }
 

s/dom/views/exhibits/gameplay.ts

@@ -45,8 +45,6 @@ export const styles = css`
 	}
 
 	.hud {
-		font-size: 0.8em;
-
 		pointer-events: none;
 		z-index: 1;
 		position: relative;
@@ -69,16 +67,25 @@ export const styles = css`
 		}
 
 		> [view="inspector"] {
+			pointer-events: none;
+			overflow: hidden;
 			z-index: 1;
 			position: absolute;
 			user-select: auto;
-			pointer-events: none;
+			padding: 1em;
 
+			font-size: 0.8em;
+			width: max-content;
+			max-width: 100%;
 			bottom: 0;
 			left: 0;
 			right: 0;
 
-			overflow: hidden;
+			background: linear-gradient(
+				to right,
+				#0008,
+				#0000
+			);
 		}
 	}
 `

s/dom/views/gaming/action-bar.ts

@@ -134,6 +134,7 @@ export const styles = css`
 		justify-content: center;
 
 		font-family: monospace;
+		font-weight: bold;
 		height: 3em;
 		padding: 0 1em;