/* solitare-1 build 2026.10.04.1 */
#game-field {
	/*background: rgba(0, 255, 255, .2);*/
	position: relative;
	width: 100%;
	/*max-width: 820px;*/
	/*margin-left: 0;
	margin-right: 0;
	*/
	
}

#mainstack {
	top: 0;
	left: 0;
	border: 2px solid rgba(0, 0, 0, .1);
	/*
	background-image: url(/images/solitare/deck.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: 1400% 400%;
	background-position: 100% 33.33%;
	*/
	background-image: url(/images/solitare/deck/deck-mainstack.png); 
	background-size: 100% 100%;
	z-index: 0;
}

.cell, .stack {
	border: 2px solid rgba(0, 0, 0, .1);
	transition: box-shadow .3 ease;
}

.mainstack {
	top: 0;
	left: 0;
}

img {
	max-width: 100%
}

.card.game-draggable {
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
}

.card.pointer-dragging {
	cursor: grabbing;
	will-change: transform;
}

@media (max-width : 4800px) {
	.cell, .stack, .mainstack, .card {
		position: absolute;
		/*
		width: 12.5% !important;
		height: 18.75% !important;
		*/
	}
	
	/*
	.mainstack-2 {
		left: 14.5%;
	}

	.stack {top: 20.75%;}

	.cell-1 {left: 43.5%;}
	.cell-2 {left: 58%;}
	.cell-3 {left: 72.5%;}
	.cell-4 {left: 87%;}

	.stack-1 {left: 0%;}
	.stack-2 {left: 14.5%;}
	.stack-3 {left: 29%;}
	.stack-4 {left: 43.5%;}
	.stack-5 {left: 58%;}
	.stack-6 {left: 72.5%;}
	.stack-7 {left: 87%;}
	*/
}
#deal-load-error {
	margin: 0 0 12px;
	padding: 8px;
	color: #7a1717;
	background: #fff3f3;
}