body {
			background: linear-gradient(120deg, #6366f1 0%, #a5b4fc 100%);
			min-height: 100vh;
			margin: 0;
			font-family: 'Segoe UI', Arial, sans-serif;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		h1 {
			color: #fff;
			font-size: 3rem;
			text-shadow: 0 2px 8px #4442;
		}
		.stack-container {
			background: rgba(255,255,255,0.95);
			border-radius: 20px;
			box-shadow: 0 8px 32px rgba(42,77,122,0.12);
			padding: 30px 20px 20px 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
			min-width: 340px;
		}
		.game-canvas {
			background: linear-gradient(180deg, #e0e7ff 60%, #a5b4fc 100%);
			border-radius: 16px;
			box-shadow: 0 4px 16px #6366f133;
			display: block;
			margin: 0 auto 18px auto;
			border: 2px solid #6366f1;
		}
        .info-footer {
            margin-top: 32px;   /* Abstand nach oben */
            text-align: center;
        /* Optional: weitere Abstände oder Positionierung */
}
		.scoreboard {
			margin-top: 10px;
			color: #2a4d7a;
			font-weight: bold;
			font-size: 1.1rem;
		}
		.start-btn {
			background: #6366f1;
			color: #fff;
			border: none;
			border-radius: 25px;
			padding: 12px 32px;
			font-size: 1.1rem;
			font-weight: 600;
			cursor: pointer;
			margin-top: 10px;
			box-shadow: 0 2px 8px rgba(99,102,241,0.12);
			transition: background 0.2s;
		}
		.start-btn:hover {
			background: #4f46e5;
		}
		@media (max-width: 600px) {
			body {
				padding: 0 0.5em;
			}
			.stack-container {
				padding: 8px 2px;
				min-width: unset;
				width: 100%;
				box-sizing: border-box;
			}
			h1 {
				font-size: 2.1rem;
			}
			h2#highscoreDisplay {
				font-size: 1.2rem;
			}
			.game-canvas {
				width: 98vw !important;
				max-width: 340px;
				height: 55vw !important;
				max-height: 420px;
			}
			.start-btn {
				width: 100%;
				font-size: 1rem;
				padding: 10px 0;
			}
		}