.daytimeEffectContainer {
	pointer-events: none;
	position: absolute;
	inset: 0;
	z-index: 21;
}

.daytimeEffectContainer::after {
	content: "";
	position: absolute;
	inset: 0;

	background: transparent;
	opacity: 0;

	transition: background 2s ease, opacity 2s ease;
	pointer-events: none;
}

.daytimeEffectContainer.dawn::after {
	background: rgba(219, 144, 125, 0.15);
	opacity: 1;
}

.daytimeEffectContainer.day::after {
	opacity: 0;
}

.daytimeEffectContainer.dusk::after {
	background: rgb(36 54 87 / 35%);
	opacity: 1;
}

.daytimeEffectContainer.night::after {
	background: rgb(19 39 77 / 30%);
	opacity: 1;
}

.daytimeEffectContainer.night-deep::after {
	background: rgb(4 14 24 / 40%);
	opacity: 1;
}

.daytimeEffectContainer.foggy::after {
	background: rgba(200, 200, 220, 0.25);
	opacity: 1;
}

/* Chars */
/* Noite */
.PlayerChar.night {
	--char-brightness: 65%;
	--char-contrast: 110%;
	--char-saturate: 75%;
}

.PlayerChar.night-deep {
	--char-brightness: 45%;
	--char-contrast: 115%;
	--char-saturate: 65%;
}

.PlayerChar.foggy {
	--char-brightness: 90%;
	--char-contrast: 85%;
	--char-saturate: 80%;
}

/* Crepúsculo */
.PlayerChar.dusk {
	--char-brightness: 80%;
	--char-contrast: 105%;
	--char-saturate: 85%;
}

/* Dia */
.PlayerChar.day {
	--char-brightness: 100%;
	--char-saturate: 100%;
	--char-hue: 0deg;
}

.PlayerChar.dawn {
	--char-brightness: 96%;
	--char-contrast: 95%;
	--char-saturate: 115%;
	--char-sepia: 18%;
}