@import "./normalize.css";
@import "./animation.css";
@import "./effect.css";

@import "../vertical-mask/vertical-mask.css";
@import "../transition-container/transition-container.css";
@import "../game-wipe/game-wipe.css";
@import "../game-setting/game-setting.css";
@import "../game-loader/game-loader.css";
@import "../game-op/game-op.css";
@import "../game-map/game-map.css";
@import "../game-sequence/game-sequence.css";

@font-face {
	font-family: Seto;
	src: url(./asset/seto.ttf);
}

:root {
	font-family: "Seto", system-ui, sans-serif;
	font-size: 1.85vh;
	--transition-time: 1.5s;
	--transition-time-double: calc(var(--transition-time) * 2);
	--transition-time-half: calc(var(--transition-time) / 2);
	--transition-time-one-fourth: calc(var(--transition-time) / 4);
	background-color: black;
}

html:lang(en) *[lang]:not(:lang(en)),
html:lang(zh-HK) *[lang]:not(:lang(zh-HK)) {
	display: none !important;
	visibility: hidden !important;
}

html *[lang]:lang(en) {
	font-size: 95%;
}

byeians-adventure-of-time-mystery-at-night {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
}

byeians-adventure-of-time-mystery-at-night > game-setting {
	z-index: 155;
}

byeians-adventure-of-time-mystery-at-night > game-loader {
	z-index: 150;
}

byeians-adventure-of-time-mystery-at-night > game-op {
	z-index: 80;
}

byeians-adventure-of-time-mystery-at-night > game-map {
	z-index: 70;
}