#holder {
	display: block;
	position: fixed;

	width: 100%;
	height: 100%;
	left: auto;
	right: auto;
	top: auto;
	padding: 0;
	bottom: auto;
	margin: auto;
	border: none;

	overflow: hidden;

	background-color: #141964;
}

:root {
	--vs: 1vw;
	--rs: calc(1vw / 6.4);
}

@media all and (min-aspect-ratio: 16/9) {
	#holder {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 100vh;
		width: 178vh;
		font-size: 4vh;
	}

	:root {
		--vs: calc(1vh * 16 / 9);
		--rs: calc(1vh * 16 / 9 / 6.4);
	}
}

@media all and (max-aspect-ratio: 16/9) and (min-aspect-ratio: 1/1) {
	#holder {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		height: 56.25vw;
		width: 100vw;
	}

	:root {
		--vs: 1vw;
		--rs: calc(1vw / 6.4);
	}
}

@media all and (max-aspect-ratio: 1/1) and (min-aspect-ratio: 9/16) and (orientation: portrait) {
	#holder {
		width: 100%;
		height: 100%;
		font-size: 4vw;
	}

	.iPad #holder {
		height: 54vh;
		width: 96vh;
	}

	:root {
		--vs: 1vh;
		--rs: calc(1vh / 6.4);
	}
}

@media all and (max-aspect-ratio: 9/16) and (orientation: portrait) {
	#holder {
		width: 100%;
		height: 100%;
		font-size: 4vw;
	}

	:root {
		--vs: calc(1vw * 16 / 9);
		--rs: calc(1vw * 16 / 9 / 6.4);
	}
}

@media all and (aspect-ratio: 16/9) {
	#holder {
		top: 0;
		left: 0;
		transform: none;
		height: 56.25vw;
		width: 100vw;
	}

	:root {
		--vs: 1vw;
		--rs: calc(1vw / 6.4);
	}
}

@media all and (aspect-ratio: 1/1) and (orientation: portrait) {
	#holder {
		height: 100%;
		width: 100%;
	}

	:root {
		--vs: 1vw;
		--rs: calc(1vw / 6.4);
	}
}

@media all and (aspect-ratio: 9/16) and (orientation: portrait) {
	#holder {
		height: 100%;
		width: 100%;
	}

	:root {
		--vs: calc(1vw * 16 / 9);
		--rs: calc(1vw * 16 / 9 / 6.4);
	}
}


@media screen and (max-width: 650px) and (orientation: portrait) {
	.game-page {
		width: 100% !important;
		height: 100% !important;
	}
	/* .game-dash__balls-choice-line {
		width: 100%;
		position: relative;
	} */
	.game-dash__grid {
		display: grid;
		position: relative;

		grid-template-columns: repeat(6, calc(46 * var(--rs)));
		grid-template-rows: repeat(8, calc(35 * var(--rs)));

		width: 100%;
		height: auto;

		margin: 0;
		padding: calc(10 * var(--rs));
	}

	.ball--grid  {
		width: calc(35 * var(--rs));
		height: calc(35 * var(--rs));
	}
	.fancy-button--clear {
		left: calc(6 * var(--rs));
		bottom: calc(105 * var(--rs));
	}
	.fancy-button--random {
		right: calc(6 * var(--rs));
		bottom: calc(105 * var(--rs));
	}
	.fancy-button--bet_small {
		right: calc(50% - 49 * var(--rs));
		bottom: calc(var(--rs) * 115);
	}
	.game-dash__buttons-left,
	.game-dash__buttons-right {
		bottom: calc(var(--rs) * 85);
	}
	.background, 
	.background__base-image {
		width: 100%;
		height: 100%;
	}
	.money-input {
		justify-content: center;
		align-items: center;
		padding-bottom: calc(105 * var(--rs));
	}
}