body {
	background-color: #f5f5dc;
}

div {
	min-height: 20px;
	line-height: 20px;
	display: block;
	white-space: pre;
}

#screen * {
	font-size: 16px;
	font-family: monospace;
	line-height: 1.5;
}

#screen {
	width: 80%;
	margin: 100px auto;
	padding: 20px;
	color: #000;
	background-color: #f5f5dc;
	min-height: 100vh;
}

.scene {
	display: block !important;
	visibility: visible !important;
	opacity: 1;
	transition: opacity 2s ease-in-out;
}

/* Ensure the screen maintains proper spacing */
#screen {
	min-height: 100vh;
	padding: 20px;
	font-family: monospace;
	font-size: 24px;
	line-height: 1.5;
	background-color: #f5f5dc;
	color: #000;
}

/* Ziggy Story specific styles */
.ziggy-story {
	background-color: #000;
	color: #0f0 !important;
	text-shadow: 0 0 3px #0f0;
}

.ziggy-story .scene {
	transition: opacity 1s ease-in-out;
}

.ziggy-story .scene.arriving {
	opacity: 0;
}

.ziggy-story .scene.departing {
	opacity: 0;
}

.typing-cursor {
	display: inline-block;
	animation: blink 1s step-end infinite;
}

@keyframes blink {
	from, to { opacity: 1; }
	50% { opacity: 0; }
}