/* Working Memory Test styles */
html,body{
	height:100%;
	margin:0;
}
body{
	background:#fff;
	color:#000;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
	display:flex;
	align-items:center;
	justify-content:center;
}
.container{
	max-width:720px;
	width:100%;
	padding:24px;
}
h1{
	margin:0 0 16px 0;
	font-size:24px;
}
.controls, #game, #end{
	margin-top:16px;
}
.control-row{
	margin-bottom:8px;
	display:flex;
	gap:8px;
	align-items:center;
}
label{ font-weight:600 }
button{
	padding:8px 12px;
	font-size:16px;
}
.display{
	font-family: 'Courier New', monospace;
	font-size:40px;
	text-align:center;
	margin:16px 0;
}
.input-area{
	display:flex;
	flex-direction:column;
	gap:8px;
}
#answerInput{
	font-size:28px;
	padding:8px;
	width:100%;
}
.hint{ font-size:13px; color:#222 }
.feedback{ font-size:20px; margin-top:12px }
.score{ margin-top:8px; font-weight:600 }
.hidden{ display:none }
.footer{ margin-top:28px; font-size:13px; display:flex; justify-content:space-between; gap:12px; align-items:center }
.links a{ margin-right:12px }