/* The page's splash while the engine downloads (build-web.mjs links it after the export's own styles):
   the same morning sky, hills and logo the game's loading curtain (scripts/ui/curtain.gd) carries on with. */
#status {
	background:
		radial-gradient(120% 60% at 20% 100%, #5fb23c 0 40%, transparent 41%),
		radial-gradient(110% 55% at 85% 100%, #7cc94f 0 45%, transparent 46%),
		radial-gradient(140% 50% at 50% 100%, #9edc6a 0 55%, transparent 56%),
		linear-gradient(#5fbef5, #bfeaff 72%);
	gap: 22px;
}

#at-logo {
	width: min(340px, 70vw);
	height: auto;
	filter: drop-shadow(0 8px 14px rgba(40, 90, 140, 0.35));
	animation: at-bob 3.2s ease-in-out infinite;
}

@keyframes at-bob {
	50% { transform: translateY(-8px) rotate(-1.5deg); }
}

#status-progress {
	position: static;
	width: min(340px, 70vw);
	height: 30px;
	appearance: none;
	-webkit-appearance: none;
	border: 4px solid #fff;
	border-radius: 17px;
	background: rgba(90, 52, 16, 0.45);
	overflow: hidden;
}

#status-progress::-webkit-progress-bar {
	background: transparent;
}

#status-progress::-webkit-progress-value {
	background: #ffc93a;
	border-radius: 13px;
	box-shadow: inset 0 -6px 0 #f29a1f;
}

#status-progress::-moz-progress-bar {
	background: #ffc93a;
	border-radius: 13px;
	box-shadow: inset 0 -6px 0 #f29a1f;
}