DOUBLE
<style>
	#fg-container
	{
		container-name: fg-container;
		container-type: inline-size;

		font-family: sans-serif;
		font-size: 15px!important;
		color:var(--fg-textcolor);
		display: flex;
		justify-content: center;

		--fg-textcolor: #ffffff;
		--fg-highlightcolor: #FFCC00;
		--fg-bgcolor: #1a242d;
		--fg-bgcolor2: #0f1923;
		--fg-color1: #4a4d50;
		--fg-color2: #FFCC00;
		--fg-color3: #FFFFFF;
		--fg-wincolor: rgb(34, 199, 167);
		--fg-lostcolor: rgb(230, 71, 97);
	}

	@container fg-container (min-width: 480px){

	}
	@container fg-container (min-width: 768px){

	}
	@container fg-container (min-width: 1024px){

	}
	@container fg-container (min-width: 1366px){

	}

	#fg-container div{
		position: relative;
		background: rgba(255 255 255 /2%);
		border-radius: 5px;
		padding: 10px;
		box-sizing: border-box;
	}

	.fg-bg-color1{ background: var(--fg-color1)!important; }
	.fg-bg-color2{ background: var(--fg-color2)!important; }
	.fg-bg-color3{ background: var(--fg-color3)!important; }

	.fg-text-color1{ color: var(--fg-color1)!important; }
	.fg-text-color2{ color: var(--fg-color2)!important; }
	.fg-text-color3{ color: var(--fg-color3)!important; }

	.fg-bg{ background: var(--fg-bgcolor)!important; }
	.fg-bg2{ background: var(--fg-bgcolor2)!important; }
	.fg-f1{ flex: 1; }
	.fg-gap-5{ gap: .5rem; }
	.fg-gap-10{ gap: 1rem; }
	.fg-w-100{ width:100%; }
	.fg-h-100{ height:100%; }
	.fg-col{ display: flex; flex-flow: column; }
	.fg-row{ display: flex; flex-flow: row; }
	.fg-center{ text-align: center; justify-content: center; }
	.fg-mt-auto{ margin-top:auto; }
	.fg-ms-auto{ margin-left:auto; }
	.fg-btn{ padding:10px;border-radius:.5rem;cursor:pointer;border:none;display:flex;justify-content:center;align-items:center; }
	.fg-p-0{ padding:0!important; }
	.fg-pb-0{ padding-bottom:0!important; }
	.fg-px-0{ padding-left:0!important;padding-right:0!important; }
	.fg-squares>*{ height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center; }
	.fg-ar-1{ aspect-ratio:1; }
	.f-btn-lg{ font-size:18px;padding:15px;background:var(--fg-highlightcolor)!important; }
</style>

<div id="fg-container">
	<div class="fg-col" style="width: 100%; max-width: 1200px; gap: 5px;">
		<div class="fg-row fg-f1 fg-bg">
			<div class="fg-col fg-p-0" style="min-width: 290px; flex: 0;">
				<div>
					<div class="fg-row fg-center fg-gap-5 fg-bg2">
						<button class="fg-btn fg-f1">Normal</button>
						<button class="fg-btn fg-f1">Auto</button>
					</div>
				</div>
				<div class="fg-col">
					<span>Valor da aposta</span>
					<div class="fg-px-0">
						<div class="fg-bg2">
							&nbsp;
						</div>
						<div class="fg-row fg-center fg-p-0">
							<button class="fg-btn fg-f1">1</button>
							<button class="fg-btn fg-f1">2</button>
							<button class="fg-btn fg-f1">3</button>
						</div>
					</div>
				</div>
				<div class="fg-col">
					<span>Selecione uma cor</span>
					<div class="fg-row fg-px-0 fg-center fg-gap-10">
						<button class="fg-btn fg-f1 fg-bg-color1">x2</button>
						<button class="fg-btn fg-f1 fg-bg-color3">x10</button>
						<button class="fg-btn fg-f1 fg-bg-color2">x2</button>
					</div>
				</div>
				<div class="fg-center">
					<span>Ganhos: -</span><br>
					<span>Cor: Não selecionada</span>
				</div>
				<div class="fg-center">
					<button class="fg-btn f-btn-lg fg-w-100">Começar Jogo</button>
				</div>
				<div class="fg-row fg-squares fg-mt-auto fg-gap-5">
					<button class="fg-btn">i</button>
					<button class="fg-btn">S</button>
					<button class="fg-btn">H</button>

					<button class="fg-btn fg-ms-auto">F</button>	
				</div>
			</div>

			<div class="fg-col fg-f1 fg-pb-0">
				<div class="fg-f1 fg-bg2" style="height:100%;min-height: 450px; max-height: 450px;">
					&nbsp;
				</div>
				<div class="fg-row fg-p-0" style="height: 64px;">
					<div class="fg-row fg-squares fg-gap-5 fg-h-100 fg-f1">
						<div>14</div>
						<div>16</div>
						<div>18</div>
					</div>
					<div class="fg-squares fg-h-100">
						<button class="fg-btn">H</button>
					</div>
				</div>
			</div>
		</div>

		<div class="fg-col fg-f1 fg-bg">
			<div style="">
				Apostas
			</div>
			<div class="fg-row fg-f1 fg-gap-5">
				<div class="fg-f1">
					&nbsp;
				</div>	
				<div class="fg-f1">
					&nbsp;
				</div>	
				<div class="fg-f1">
					&nbsp;
				</div>	
			</div>
		</div>
	</div>
</div>