Add an SVG background as the lander

assets/css/wc/lander-vehicle.css

@@ -3,9 +3,12 @@ lander-vehicle {
 	position: absolute;
 	inset-block-start: calc(var(--lander_position_y) * 1%);
 	inset-inline-start: calc(var(--lander_position_x) * 1%);
-	inline-size: calc(5 * var(--unit_root));
+	inline-size: calc(2.5 * var(--unit_root));
 	block-size: calc(5 * var(--unit_root));
-	background-color: gold;
+	background-size: contain;
+	background-image: url('../../img/lander.svg');
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
 	transform-origin: 50% 50%;
 	transition-property: transform;
 	transition-duration: 1s;

assets/css/wc/vehicle-booster.css

@@ -25,7 +25,7 @@ vehicle-booster {
     inset-block-start: 99%;
     inset-inline-start: 50%;
     block-size: calc(var(--booster_length) * var(--unit_root));
-    inline-size: var(--unit_root);
+    inline-size: calc(var(--unit_root) / 2);
     transform: var(--booster_default_translate) var(--booster_scale_default);
     transform-origin: 50% 0%;
     background-color: red;

assets/mjs/wc/game-engine.mjs

@@ -36,10 +36,6 @@ export default class GameEngine extends GameElement {
 
 	#gameLoop = function () {
 		this.#gameDuration++;
-
-		// if (this.#gameDuration > 1_000) {
-		// 	this.stopGame();
-		// }
 	}
 
 	startGame() {
@@ -61,7 +57,7 @@ export default class GameEngine extends GameElement {
 
 	stopGame() {
 		this.#gameEnded = true;
-		console.log('game ended after duration', this.#gameDuration);
+		console.log('Game ended after duration', this.#gameDuration);
 		document.removeEventListener('keyup', this.handleKeyboardInterrupts);
 		window.clearInterval(this.#gameInterval);
 	}
@@ -72,7 +68,6 @@ export default class GameEngine extends GameElement {
 	}
 
 	handleKeyboardInterrupts(event) {
-		console.log('event.key', event.key);
 		switch (event.key) {
 			case 'Enter':
 				if (this.#gameStarted && !this.#gameRunning) {