@font-face {
    font-family: 'OxaniumLocal';
    src: url('/Oxanium-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --foreground-color: black;
    --background-color: white;
    --corner-icon-color: black;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: 'Space Mono', monospace;
    background-color: var(--background-color, white);
    background-image: var(--background-image, none);
}

#gameCanvas {
    display: block;
    image-rendering: pixelated;
}

#visualizerCanvas {
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    display: none; /* enabled when performance mode is ON */
}

.hidden {
    display: none !important;
}

.bob {
    animation: bobAnim 8s ease-in-out 0s infinite normal forwards;
}

@keyframes bobAnim {
	0%,
	100% {
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		transform: translateY(8px);
	}

	80% {
		transform: translateY(6.4px);
	}

	90% {
		transform: translateY(-6.4px);
	}
}