.elementor-843 .elementor-element.elementor-element-abc9959{--display:flex;--gap:8rem 8rem;--row-gap:8rem;--column-gap:8rem;--padding-top:8rem;--padding-bottom:8rem;--padding-left:2rem;--padding-right:2rem;}.elementor-843 .elementor-element.elementor-element-29bf65d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:8rem 8rem;--row-gap:8rem;--column-gap:8rem;}.elementor-843 .elementor-element.elementor-element-f5c0953{width:var( --container-widget-width, 768px );max-width:768px;--container-widget-width:768px;--container-widget-flex-grow:0;font-size:1.25rem;}.elementor-843 .elementor-element.elementor-element-f5c0953.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-843 .elementor-element.elementor-element-b0d2325{width:100%;max-width:100%;}.elementor-843 .elementor-element.elementor-element-b0d2325 img{width:100%;max-width:100%;height:100%;}@media(max-width:1024px){.elementor-843 .elementor-element.elementor-element-abc9959{--padding-top:6rem;--padding-bottom:6rem;--padding-left:1.5rem;--padding-right:1.5rem;}}@media(max-width:768px){.elementor-843 .elementor-element.elementor-element-abc9959{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for image, class: .elementor-element-b0d2325 */.elementor-843 .elementor-element.elementor-element-b0d2325 img {
    aspect-ratio: 1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-caa6093 */#card-game {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

#card-game .card {
	aspect-ratio: 2/3;
	perspective: 1024px;
	cursor: pointer;
}

#card-game .card-container {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform .5s ease;
	transform-style: preserve-3d;
}

#card-game .card.is-active .card-container {
	transform: rotateY(180deg);
}

#card-game .card.is-active .card-back {
	opacity: 0;
}

#card-game .card-back {
	transition: opacity .5s ease;
}

#card-game .card-front,
#card-game .card-back {
	border-radius: 2rem;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

#card-game .card-front {
	background-image: url(/wp-content/uploads/2025/10/gf_treasure.svg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center 25%;
	transform: rotateY(180deg);
}

#card-game .card-front,
#card-game .card-front .card-corner:before {
	background-color: #edede3;
}

#card-game .card-back,
#card-game .card-back .card-corner:before {
	background-color: var(--e-global-color-5fc597b);
}

#card-game .card-layout {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	width: 100%;
	height: 100%;
	padding: 1rem;
	pointer-events: none;
}

#card-game .card-layout:before,
#card-game .card-layout:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 218 40'%3E%3Cpath d='M129 20c0 11.05-8.95 20-20 20s-20-8.95-20-20 8.95-20 20-20 20 8.95 20 20Zm74 0c0-9.32 6.38-17.12 15-19.34-1.6-.41-3.27-.66-5-.66-11.05 0-20 8.95-20 20s8.95 20 20 20c1.73 0 3.4-.24 5-.66-8.62-2.22-15-10.03-15-19.34Zm-38 0c0-7.4 4.03-13.84 10-17.3C172.06.99 168.65 0 165 0c-11.05 0-20 8.95-20 20s8.95 20 20 20c3.65 0 7.06-.99 10-2.7-5.97-3.46-10-9.9-10-17.3ZM15 20c0 9.32-6.38 17.12-15 19.34 1.6.41 3.27.66 5 .66 11.05 0 20-8.95 20-20S16.05 0 5 0C3.27 0 1.6.24 0 .66 8.62 2.88 15 10.69 15 20Zm38 0c0 7.4-4.03 13.84-10 17.3 2.94 1.71 6.35 2.7 10 2.7 11.05 0 20-8.95 20-20S64.05 0 53 0c-3.65 0-7.06.99-10 2.7 5.97 3.46 10 9.9 10 17.3Z'/%3E%3C/svg%3E");
	position: absolute;
	top: 2.5em;
	width: 25%;
	margin: 0 auto;
	left: 0;
	right: 0;
	line-height: 0;
}

#card-game .card-layout:after {
	top: auto;
	bottom: 2.5rem;
}

#card-game .card-corner {
	background: linear-gradient(90deg, #000 2px, transparent 2px, transparent 8px, #000 8px, #000 10px, transparent 10px),
		linear-gradient(180deg, #000 2px, transparent 2px, transparent 8px, #000 8px, #000 10px, transparent 10px);
	border-radius: 2rem 0 0 0;
	position: relative;
}

#card-game .card-corner:before {
	content: "";
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 0;
	border-radius: 1rem 0 0 0;
	border-top: 2px solid black;
	border-left: 2px solid black;
}

#card-game .card-corner:after {
	content: "";
	width: 1rem;
	height: 1rem;
	border-radius: .5rem;
	position: absolute;
	left: .5rem;
	top: .5rem;
	border: 2px solid black;
}

#card-game .card-corner:nth-of-type(2) {
	transform: scale(-1, 1);
}

#card-game .card-corner:nth-of-type(3) {
	transform: scale(1, -1);
}

#card-game .card-corner:nth-of-type(4) {
	transform: scale(-1, -1);
}

#card-game p {
	width: 70%;
	position: absolute;
	margin: 0 15%;
	top: 55%;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	user-select: none;
}

@media only screen and (max-width: 1280px) {
	#card-game {
		grid-template-columns: repeat(3, 1fr);
	}

	#card-game p {
		font-size: 1.75vw;
	}
}

@media only screen and (max-width: 1024px) {
	#card-game {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	#card-game p {
		font-size: 2.5vw;
	}
}

@media only screen and (max-width: 768px) {
	#card-game {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	#card-game p {
		font-size: 5vw;
	}
}/* End custom CSS */