/* Platform specific styles */
@font-face {
    font-family: 'PTSans';
    font-style: normal;
    font-weight: 700;
    /*font-display: swap;*/
    src: url(e65781d10be7549b781a.otf) format('otf');
}

html, body {
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	overflow: hidden;
    font-family: "PTSans-Regular", serif;
}

body {
    position: relative;
    width: 100vw;
    height: 100vh;
}

#game {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(250,250,250,1) 50%, rgba(234, 227, 237, 1) 100%);
}

#game > canvas {
    position: absolute;
    left: 0; top: 0;
}

#canvas-3d {
    pointer-events: none;
}

progress[value] {
    --color: #ae81c3;  /* the progress color */
    --background: #dedde1; /* the background color */
    --border-radius: 10em;

    border: none; /* Firefox add a default border */
    width: 50vw;
    border-radius: var(--border-radius);
    background: var(--background);
}
progress[value]::-moz-progress-bar {
    border-radius: var(--border-radius);
    background: var(--color);
}
progress[value]::-webkit-progress-bar {
    border-radius: var(--border-radius);
    background: var(--background);
}
progress[value]::-webkit-progress-value {
    border-radius: var(--border-radius);
    background: var(--color);
}