@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Noto+Sans&family=Press+Start+2P&display=swap');

a {
	color: #f78528;
	text-decoration:none !important;
}

a:hover{
	color: #f78528 !important;
}

h2, h3{
	font-family: 'Press Start 2P';
	text-shadow: rgb(0 0 0 / 25%) 0px 3px 0px;
}

#image_div {
	background-color: black;
	border: solid 1px;
	box-shadow: 0px 0px 20px lightgrey;
	max-width: 302px;
	display: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	height: 402px;
	align-items: center;
	justify-content: space-around;
	min-width: 302px;
	border-radius: 6px;
	z-index: 1;
	position: relative;
}

#image_div.artworkimg{
	width: auto;
	height: auto;
}

#mainimg{
	width: 300px;
	border-radius: 6px;
	display: none;
}

#mainimg.artworkimg{
	border-radius: 6px;
	display: none;
}


@media screen and (min-width: 1000px) {

	#mainimg.artworkimg.portrait{
		min-width: 402px !important;
	}
	#mainimg.artworkimg{
		object-fit: contain;
		min-width: 602px;
	}
	#image_div.artworkimg.portrait{
		min-width: 402px !important;
	}
	#image_div.artworkimg{
		min-width: 604px;
	}
	.img_artwork_s3_cover{
		bottom: -15px !important;
		right: -25px !important;
		width: 18% !important;
	}
	/*.yt_unlimited_moreinfo{*/
	/*	bottom: 73px !important;*/
	/*	right: -56px !important;*/
	/*	!*font-size: 20px !important;*!*/
	/*}*/
	/*.yt_unlimited_moreinfo_text{*/
	/*	font-size: 5px;*/
	/*}*/

	.yt_unlimited_moreinfo_artwork{
		bottom: 190px !important;
		right: 21px !important;
	}

	.bugreport_moreinfo_artwork{
		position: absolute !important;
		bottom: 249px !important;
	}

}

.dropdown-menu{
	padding: 0.3rem 0 !important;
	background-color : #51585eeb !important;
}

.dropdown-item{
	color:#ffffff !important;
	text-align: center !important;
}

.h6_gameover{
	font-size: 0.8rem;
}

.headers_a{
	padding: 0px 3px 0px 3px;
	color: #eee;
	margin: 1px;
	border-radius: 6px;
	/*border: 2px solid #eeeeee59;*/
}

.statistics_dialog{
	padding: 0px 4px 0px 4px;
}

.info_dialog{
	padding: 0px 6px 0px 6px;
}

.sts_in{
	display: inline-block;
	max-width: 85px;
	margin-left: 5px;
}
.sts_in h6{
	margin-bottom: 0 !important;
	text-align: right;
	line-height: 1rem;
}

.nav {
	display: flex;
	max-width:677px;
	margin-left: auto;
	margin-right:auto;
}

.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

#timerdiv {
	flex: 1;
	display: flex;
	align-items: flex-start;
	flex-direction:column;
	justify-content:center;
	font-size:0.8em;
}

.header-title {
	flex: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.header-title-gradient{
	background-image: linear-gradient(to bottom, #f78528 50% , #93470a 50%);
	-webkit-background-clip: text;
	color: transparent;
	filter: drop-shadow(rgb(0 0 0 / 100%) 0px 3px 0px);
	/*align-items: flex-end;*/
}

.game-header-title{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	z-index: 100;
	position: relative;
	margin-top: 5px;
}

.kofi_help_header {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.ui-autocomplete-loading {
	background: white url("../images/ui-anim_basic_16x16.gif") right
	center no-repeat;
}
.loader,
.loader:before,
.loader:after {
	background: #ffffff;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.loader {
	color: #ffffff;
	text-indent: -9999em;
	/*margin: 88px auto;*/
	position: relative;
	font-size: 3px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}

html{
	background: url(https://d2c6c3qulxklrf.cloudfront.net/img/wallpaper.webp) no-repeat 50% fixed;
	background-size: cover;
	background-color: #121212 !important;
}

body{
	font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	background-color: transparent !important;
	color: #eee !important;
}

.title{
	font-family: 'Press Start 2P';
	/*margin-bottom: 5px !important;*/
	font-size: 1.3rem !important;
	padding:0.2rem .5rem !important;
	padding-bottom: 17px !important;
	padding-top: 0px !important;
	/*text-shadow: rgb(0 0 0 / 25%) 0px 3px 0px;*/
	/*color: #f78528 !important;*/
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
}

/*.title:hover{*/
/*	transform: scale(1.1);*/
/*	transition: transform 0.5s;*/
/*}*/

.light-modal-body h6,h8 {
	margin-right: 5px;
	display: block;
}

.light-modal-body h8 {
	margin-bottom: 10px;
}

.light-modal-body h6 {
	display: inline-block;
	margin-bottom: 0px !important;
}

.statistic_numbers{
	color: #07bb15;
	font-size: 1.5rem;
	margin-left: 7px;
	text-shadow: -4px 3px #055603;
	display: inline-block;
	font-family: 'Press Start 2P';
}

#statistics_inline{
	margin-top: 5px;
	margin-bottom: 5px;
}

.dropdown-toggle::after{
	margin-left: 0px !important;
}

#searchBox{
	border-radius:5px;
	height:2.4em;
	width: 13.3em;
	margin-right: 3px;
}

#attemps_emojis{
	font-family: 'Press Start 2P';
}

.btn_int {
	font-family: 'Press Start 2P';
	font-size: 0.7em !important;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
}

#continue_clue {
	border-color: #0d6efd;
}

#guess , #continue_clue {
	background-color: #0d6efd;
}

#guess:hover{
	/*transform: scale(1.1);*/
}

#gotoclassic{
	background-color: #888;
	border-color: #888;
	width:75%;
	max-width: 300px;
	animation-delay: 50ms;
}
#gotowritten{
	background-color: #0d6efd;
	border-color: #0d6efd;
	width:75%;
	max-width: 300px;
	animation-delay: 100ms;
}

#gotoartwork , #gotoartwork2{
	background-color: #f78528;
	border-color: #f78528;
	width:75%;
	max-width: 300px;
	animation-delay: 150ms;
}

#gotokeywords{
	background-color: #a90dfd;
	border-color: #a90dfd;
	width:75%;
	max-width: 300px;
	animation-delay: 200ms;
}

#next , #gotounlimited, #start_unlimited{
	background-color: #5cb85c;
	width:75%;
	max-width: 300px;
	animation-delay: 250ms;
}

#gotounlimited{
	border-color: #5cb85c;
}

#gotowrittenunlimited{
	background-color: #ea2929;
	border-color: #ea2929;
	width:75%;
	max-width: 300px;
	animation-delay: 250ms;
}



#gotounlimited, #gotowritten, #gotoclassic, #gotoartwork , #gotoartwork2, .growinfinite , #gotokeywords{
	justify-content: center;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: grow;
	animation-name: grow;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	text-shadow: 1px 1px 5px #000000cf;
}

#gotounlimited, #gotowritten, #gotoclassic, #gotoartwork , #gotoartwork2, #gotokeywords{
	margin-top: 5px;
}

.grow_streak{
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-name: live_lost_streak;
	animation-name: live_lost_streak;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

@keyframes grow{
	0%{
		transform:scale(1)
	}
	to{
		transform:scale(1.04)
	}
}

@keyframes grow_restart{
	0%{
		transform:scale(1) translate(0,-22%);
	}
	to{
		transform:scale(1.04) translate(0,-22%);
	}
}

#restart {
	background-color: #0d6efd;
	border-color: #0d6efd;
	width:75%;
	max-width: 110px;
	transform: translateY(-22%);
	font-size: 0.6em !important;

	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: grow_restart;
	animation-name: grow_restart;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	/*animation: 2500ms anim-lineRight ease-out;*/
}

#continue_new_game{
	background-color: #5cb85c;
	border-color: #5cb85c;
}

#cancel_new_game{
	margin-left: 10px;
}

#shareboardid{
	background-color: #565e64;
	border-color: #979797;
}

.emojis_inside{
	border-top: 5px solid white;
	border-radius: 5px;
}

#platforms_ended_game{
	font-size: 0.7em;
	font-family: 'Press Start 2P';
	display: inline-flex;
	margin: 5px 0 5px 0;
	line-height: 30px;
	flex-wrap: wrap;
	justify-content: center;
}

#genres_ended_game {
	font-size: 0.7em;
	font-family: 'Press Start 2P';
	display: inline-flex;
	line-height: 30px;
	margin: 5px 0 5px 0;
}

#game_name, #game_name_backflip{
	margin-top: 6px;
	font-family: 'Press Start 2P', cursive;
	animation: 2500ms anim-lineUp ease-out;
	margin-bottom: 0px;
	text-shadow: black 3px 3px 0px !important;
}

.title_week_unlimited, .title_week_unlimited_name{
	font-family: 'Press Start 2P', cursive;
	animation: 2500ms anim-lineUp ease-out;
	margin-bottom: 0px;
	text-shadow: black 3px 3px 0px !important;;
}
.title_week_unlimited_name{
	margin-bottom: 7px;
	font-size: 3vh;
	text-shadow:black 3px 3px 0px !important;
}

#game_year , #game_year_backflip{
	margin-top: 0px;
	font-size: 0.7rem;
	font-family: 'Press Start 2P', cursive;
	animation: 2500ms anim-lineDown ease-out;
}

.subtitle{
	position: absolute;
	z-index: 999;
	font-size: 0.7rem;
	font-family: 'Press Start 2P';
	color: white;
	top: 29px;
	/*transform: rotate(356deg);*/
	left: 30px;
}

.subtitlewrittenunlimited{
	left: 22px !important;
	font-size: 0.5rem;
}

.heart{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/fullheart.webp");
	display: inline-block;
	width: 30px;
}
.empty_heart{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/emptyhearth.webp");
	display: inline-block;
	width: 30px;
}

.live_lost{
	-webkit-animation: live_lost 1.3s linear;
	animation: live_lost 1.3s linear;
}

@-webkit-keyframes live_lost_streak {
	0%,
	10% {
		transform: scale(1);
		color: #07bb15;
	}
	40%,
	50% {
		transform: scale(2.5);
		color:orange;
	}
	90%,
	to {
		color: #07bb15;
		transform: scale(1);
	}
}
@keyframes live_lost_streak {
	0%,
	10% {
		transform: scale(1);
		color: #07bb15;
	}
	40%,
	50% {
		transform: scale(2.5);
		color:orange;
	}
	90%,
	to {
		transform: scale(1);
		color: #07bb15;
	}
}

@-webkit-keyframes live_lost {
	0%,
	10% {
		transform: scale(1);
	}
	40%,
	50% {
		transform: scale(2);
	}
	90%,
	to {
		transform: scale(1);
	}
}
@keyframes live_lost {
	0%,
	10% {
		transform: scale(1);
	}
	40%,
	50% {
		transform: scale(2);
	}
	90%,
	to {
		transform: scale(1);
	}
}

@keyframes anim-lineRight {
	0% {
		opacity: 0;
		transform: translate(80%,-22%);
	}
	20% {
		opacity: 0;
	}
	35% {
		opacity: 1;
	}
	50% {
		opacity: 1;
		transform: translate(0%,-22%);
	}
	100% {
		opacity: 1;
		transform: translate(0%,-22%);
	}
}

@keyframes anim-lineUp {
	0% {
		opacity: 0;
		transform: translateY(80%);
	}
	20% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		transform: translateY(0%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes anim-lineDown {
	0% {
		opacity: 0;
		transform: translateY(-80%);
	}
	20% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		transform: translateY(0%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

.container-fluid{
	text-align: center !important;
	margin: 10px 0 60px !important;
	overflow-x:hidden;
	overflow-y: hidden;
}

.input-gamedle{
	/*border: 1.5px solid rgb(255 255 255 / 70%) !important;*/
	color:white !important;
	padding-left:7px;
	height: 2em;
	text-shadow: 1px 1px #000000;
	font-weight: 600 !important;
	border-radius: 0.25rem !important;
	box-shadow: inset -3px -3px #a30f0fb8;

}

.input-gamedle-saga{
	box-shadow: inset -3px -3px #8d8a1eb8 !important;
}

@-moz-document url-prefix() {
	.card-ff {
		filter: drop-shadow(0px 0px 5px #0070ff) drop-shadow(0px 0px 5px #3c67e3) drop-shadow(0px 0px 55px #4e00c2);
	}
}

#groupGuesses{
	display: table;
	margin: 0 auto;
}

.groupunlimited:hover{
	animation: hoverinput 1s ease-in-out 1 forwards;
}

@keyframes hoverinput {
	0% {
		width: 100%;
		left: 0%;
	}
	100%,
	to {
		width: 130%;
		left: -30%;
	}
}

#show_guesses{
	background: none!important;
	border: none;
	padding: 0!important;
	color: #f78528;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.input-group{
	margin-bottom: 4px !important;
}

.same_saga{
	transform: translate(-30%,-50%)!important;
}

.input-group-text{
	background-color: #121212 !important;
	/*border: 1.5px solid rgb(255 255 255 / 70%) !important;*/
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: 1.5px solid rgb(255 0 0 / 70%) !important;
	padding: 0.1em 0.3em 0.1em 0.3em !important;
	margin-left: 1px !important;
}

.help{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/help.webp");
}
.helpwritten{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/helpwriteen.webp");
}
.helpartwork{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/help_artwork.webp");
}
.helpkeywords{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/help_keywords.webp");
}
.helpsamesaga{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/samesaga.webp");
	margin-bottom: 10px;
}
.helpwronguess{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/wrongguess.webp");
}

.newmodeunlimited{
	content: url("../images/newmodeunlimited.webp");
}

.newmodewritten{
	content: url("../images/newmodewritten.webp");
}

.newmodeartwork{
	content: url("../images/newmodeartwork.webp");
}


.ui-menu .ui-menu-item {
	font-family: system-ui;
}

.platforms{
	content: url("../platforms/generic_platform.webp");
	margin-right:5px;
	margin-left:5px;
	width: 50px;
	height: 50px;
	border-radius:5px;
}

.platforms:hover{
	transform: scale(1.5);
	z-index: 111;
	box-shadow: 0px 0px 6px 4px #ffffff, 0px 0px 40px #ffffff;
	background-color: white;
}

.platforms.platform3{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/linux.webp");
}
.platforms.platform4{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/nintendo.webp");
}
.platforms.platform5{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/wii.webp");
}
.platforms.platform6{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/pc.webp");
}
.platforms.platform7{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ps1.webp");
}
.platforms.platform8{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ps2.webp");
}
.platforms.platform9{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ps3.webp");
}
.platforms.platform11{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/xbox.webp");
}
.platforms.platform12{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/xbox360.webp");
}
.platforms.platform13{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ddos.webp");
}
.platforms.platform14{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/mac.webp");
}
.platforms.platform16{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/amiga.webp");
}
.platforms.platform18{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/nes.webp");
}
.platforms.platform19{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/snes.webp");
}
.platforms.platform20{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/nintendods.webp");
}
.platforms.platform21{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/gamecube.webp");
}
.platforms.platform22{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/gameboycolor.webp");
}
.platforms.platform23{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/dreamcast.webp");
}
.platforms.platform24{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/gameboyadvance.webp");
}
.platforms.platform29{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/segagenesis.webp");
}
.platforms.platform32{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/segastaurn.webp");
}
.platforms.platform33{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/gameboy.webp");
}
.platforms.platform34{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/android.webp");
}
.platforms.platform35{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/segagamegear.webp");
}
.platforms.platform37{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/nintendo3ds.webp");
}
.platforms.platform38{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/psp.webp");
}
.platforms.platform39{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ios.webp");
}
.platforms.platform41{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/wiiU.webp");
}
.platforms.platform42{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ngage.webp");
}
.platforms.platform46{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/psvita.webp");
}
.platforms.platform48{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ps4.webp");
}
.platforms.platform49{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/xboxone.webp");
}
.platforms.platform52{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/arcade.webp");
}
.platforms.platform58{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/snes.webp");
}
.platforms.platform64{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/segamastersystem.webp");
}
.platforms.platform78{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/segacd.webp");
}
.platforms.platform99{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/familycomputer.webp");
}
.platforms.platform130{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/nintendo_switch.webp");
}
.platforms.platform137{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/newnintendo3ds.webp");
}
.platforms.platform167{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/ps5.webp");
}
.platforms.platform169{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/xboxseries.webp");
}
.platforms.platform170{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/stadia.webp");
}
.platforms.platform240{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/zeebo.webp");
}


.genres{
	margin-right:5px;
	width: 50px;
	margin-left:5px;
	height: 50px;
}
.genres:hover{
	transform: scale(1.5);
	z-index: 111;
	box-shadow: 0px 0px 6px 4px #ffffff, 0px 0px 40px #ffffff;
	background-color: white;
}

.genres.genre2{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/point-and-click.webp");
}
.genres.genre4{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/fighting.webp");
}
.genres.genre5{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/shotter.webp");
}
.genres.genre7{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/music.webp");
}
.genres.genre8{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/platformer.webp");
}
.genres.genre9{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/puzzle.webp");
}
.genres.genre10{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/racing.webp");
}
.genres.genre11{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/rts.webp");
}
.genres.genre12{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/rpg.webp");
}
.genres.genre13{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/simulator.webp");
}
.genres.genre14{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/sports.webp");
}
.genres.genre15{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/strategy.webp");
}
.genres.genre16{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/tbs.webp");
}
.genres.genre24{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/tactical.webp");
}
.genres.genre25{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/slash.webp");
}
.genres.genre26{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/quiz.webp");
}
.genres.genre30{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/pinball.webp");
}
.genres.genre31{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/adventure.webp");
}
.genres.genre32{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/indie.webp");
}
.genres.genre34{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/visual-novel.webp");
}
.genres.genre35{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/board-game.webp");
}
.genres.genre36{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/moba.webp");
}
.genres.genre33{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/arcade.webp");
}
.genres.genre52{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/arcade.webp");
}

.themes{
	margin-right:5px;
	margin-left:5px;
	width: 50px;
	height: 50px;
}
.themes:hover{
	transform: scale(1.5);
	z-index: 111;
	box-shadow: 0px 0px 6px 4px #ffffff, 0px 0px 40px #ffffff;
	background-color: white;
}

.themes.theme1{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/action.webp");
}
.themes.theme17{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/fantasy.webp");
}
.themes.theme18{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/science-fiction.webp");
}
.themes.theme19{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/horror.webp");
}
.themes.theme20{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/thriller.webp");
}
.themes.theme21{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/survival.webp");
}
.themes.theme22{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/historical.webp");
}
.themes.theme23{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/stealth.webp");
}
.themes.theme27{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/comedy.webp");
}
.themes.theme28{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/business.webp");
}
.themes.theme31{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/drama.webp");
}
.themes.theme32{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/non-fiction2.webp");
}
.themes.theme33{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/sandbox.webp");
}
.themes.theme34{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/educational.webp");
}
.themes.theme35{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/kids.webp");
}
.themes.theme38{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/open-world.webp");
}
.themes.theme39{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/warfare.webp");
}
.themes.theme40{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/party.webp");
}
.themes.theme41{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/open-world.webp");
}
.themes.theme42{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/erotic.webp");
}
.themes.theme43{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/mystery.webp");
}
.themes.theme44{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/romance.webp");
}


.gamemodes{
	margin-right:5px;
	margin-left:5px;
	width: 50px;
	height: 50px;
}
.gamemodes:hover{
	transform: scale(1.5);
	z-index: 111;
	box-shadow: 0px 0px 6px 4px #ffffff, 0px 0px 40px #ffffff;
	background-color: white;
}

.gamemodes.gamemode1{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/gamemodes/singleplayer.webp");
}
.gamemodes.gamemode2{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/gamemodes/multiplayer.webp");
}
.gamemodes.gamemode3{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/gamemodes/coop.webp");
}
.gamemodes.gamemode4{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/gamemodes/splitscreen.webp");
}
.gamemodes.gamemode5{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/gamemodes/mmo.webp");
}
.gamemodes.gamemode6{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/gamemodes/battleroyale.webp");
}



/*sharing*/

div#socialSharing a span.fa-stack {
	border-radius: 50%;
	color: white;
	font-size: 20px;
}

div#socialSharing a span.fa-stack i {
	font-style: normal;
}

#shareclip{
	cursor: pointer;
}

div#socialSharing i.shareclip{
	color: #2a2a2a;

}

div#socialSharing i.shareclip:hover{
	color: #000000;
}

div#socialSharing i.facebook{
	color: #3b5998;
}

div#socialSharing i.facebook:hover {
	color: #133783;
}

div#socialSharing i.twitter {
	color: #1da1f2;
}

div#socialSharing i.twitter:hover {
	color: #2582bb;
}

div#socialSharing i.telegram {
	color: #046a9a;
}

div#socialSharing i.telegram:hover {
	color: #03679a;
}

div#socialSharing i.whatsapp {
	color: #00E676;
}

div#socialSharing i.whatsapp:hover {
	color: #03c164;
}

#redditshare{
	cursor: pointer;
}

div#socialSharing i.reddit-alien {
	color: #FF4500;
	cursor: pointer;
}

div#socialSharing i.reddit-alien:hover {
	color: #f5864c;
}

#discordshare{
	cursor: pointer;
}

div#socialSharing i.discord {
	color: #404eed;
	cursor: pointer;
}

div#socialSharing i.discord:hover {
	color: #515eec;
}


@property --rotate {
	syntax: "<angle>";
	initial-value: 132deg;
	inherits: false;
}

:root {
	--card-height: 65vh;
	--card-width: calc(var(--card-height) / 1.5);
}

.card {
	background: #191c29;
	width: var(--card-width);
	height: var(--card-height);
	padding: 3px;
	position: relative;
	border-radius: 6px;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: flex;
	font-size: 1.5em;
	color: rgb(88 199 250 / 0%);
	font-family: cursive;
}

.card::before {
	content: "";
	width: 104%;
	height: 102%;
	border-radius: 8px;
	background-image: linear-gradient(
			var(--rotate)
			, #5ddcff, #3c67e3 43%, #4e00c2);
	position: absolute;
	z-index: -1;
	top: -1%;
	left: -2%;
	animation: spin 2.5s linear infinite;
}

.card::after {
	position: absolute;
	content: "";
	top: calc(var(--card-height) / 6);
	left: 0;
	right: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	transform: scale(0.8);
	filter: blur(calc(var(--card-height) / 6));
	background-image: linear-gradient(
			var(--rotate)
			, #5ddcff, #3c67e3 43%, #4e00c2);
	opacity: 1;
	transition: opacity .5s;
	animation: spin 2.5s linear infinite;
}

@keyframes spin {
	0% {
		--rotate: 0deg;
	}
	100% {
		--rotate: 360deg;
	}
}

@media only screen and (max-width: 767px) {
	.card::before {
		animation: none !important;
	}

	.card::after {
		animation: none !important;
	}

	/*.yt_unlimited_moreinfo{*/
	/*	right: -32px !important;*/
	/*}*/

	/*.game_moreinfo{*/
	/*	right: -19px !important*/
	/*}*/
	/*.bugreport_moreinfo{*/
	/*	right: -13px !important*/
	/*}*/
}

/*@keyframes shaking {*/
/*	0% { transform: rotate(-17deg); }*/
/*	10% { transform: rotate(-20deg); }*/
/*	20% { transform: rotate(20deg); }*/
/*	30% { transform: rotate(-50deg); }*/
/*	40% { transform: rotate(50deg); }*/
/*	50% { transform: rotate(-80deg); }*/
/*	60% { transform: rotate(80deg); }*/
/*	70% { transform: rotate(-110deg); }*/
/*	80% { transform: rotate(110deg); }*/
/*	90% { transform: rotate(-140deg); }*/
/*	100% { transform: rotate(140deg); }*/
/*}*/

/*.shake_marioblock {*/
/*	-webkit-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);*/
/*	-moz-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);*/
/*	transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);*/
/*	background-color: black;*/
/*	animation: shaking 3s linear infinite;*/
/*}*/

.shake {
	animation: tilt-shaking 0.25s infinite;
}

.shake_end {
	animation: tilt-shaking 0.25s;
}

@keyframes tilt-shaking {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(3deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-3deg); }
	100% { transform: rotate(0deg); }
}

.a_span_ref{
	background: #fff;
	padding: 2px;
	border-radius: 2px;
}

.yellow_span{
	background: #efcd5b;
	padding: 2px;
	border-radius: 2px;
	color:black;
}

.green_span{
	background: #38c418;
	padding: 2px;
	border-radius: 2px;
	color:black;
}

.red_span{
	background: #ff0000;
	padding: 2px;
	border-radius: 2px;
}

ul.ul_fiu{
	padding-left: 0 !important;
	list-style-type: none;
	font-size: 1rem;
	margin-top: 10px
}

ul.ul_fiu>li{
	margin-bottom: 5px;
}

#container_shared{
	background-color: #000000ab;
	border: solid 1px;
	box-shadow: 0px 0px 5px lightgrey;
	max-width: 302px;
	/* display: flex; */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	/* height: 402px; */
	/* align-items: center; */
	justify-content: space-around;
	min-width: 302px;
	border-radius: 6px;
	z-index: 1;
	margin-top: 10px;
	transition: background-color .2s ease-in;
	background: linear-gradient(#1a0f2078,#000000);
}
#shareAndLike{
	padding: 10px;
}

.p_in1{
	padding-left: 1em;
}

.p_in2{
	padding-left: 2em;
}

#cookieButton {
	display:none;
}
#cookieButton:checked + #cookieBar{
	bottom:-100%;
}

#labelCookieButton2{
	position: absolute;
	top: 0px;
	color: black;
	font-size: 30px;
	right: 0;
}

#labelCookieButton , #labelCookieButton2 {
	display:inline-block;
	padding:0.25em;
	background:orange;
}
#labelCookieButton:hover , #labelCookieButton2:hover {
	cursor:pointer;
	background:red;
}

#cookieBar {
	position:fixed;
	bottom:0;
	width:100%;
	padding:2rem;
	text-align:center;
	background-color:white;
	background-repeat:no-repeat;
	background-size:20%;
	background-position-x: left;
	background-position-y: center;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGFBMVEX////Zgz7nkEK5czVFKhOLSytLKBdXLxpY0nziAAAAlUlEQVRYhe2VOQ6AMBADCef/f8y6sGRMEL2TaVjheIoVx7JMJh804yjOYgSBF1xEUgUM1w56H/NVpAn0AELOXCZnlT2WGSBAiKKGXBYFmicK/AHyhfmMPFXAKxenZT+TJtiKJvCAvkyALxoydJIEe0GJflB6sIxOkkAlvlDAHy3zVzlEQImKHObdcojARc5vMUgwGY4bDV8WsfRmLxIAAAAASUVORK5CYII=');
	transition: 1s ease;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	z-index:10000;
}

.cookiepar{
	color: black;
	font-weight: 600;
	font-size: 14px;
	padding-left: 35%;
}

.img_div_glow {
	animation: glow 1.5s alternate;
}

.img_div_super_glow {
	animation: superglow 1.5s alternate;
}

@keyframes superglow {
	0% {
		box-shadow: 0px 0px 20px lightgrey;
	}
	50% {
		box-shadow: 0px 0px 140px yellow;
	}
	100% {
		box-shadow: 0px 0px 20px lightgrey;
	}
}

@keyframes glow {
	0% {
		box-shadow: 0px 0px 20px lightgrey;
	}
	50% {
		box-shadow: 0px 0px 80px red;
	}
	100% {
		box-shadow: 0px 0px 20px lightgrey;
	}
}

.span_glow_yellow{
	animation: glow_yellow 1.5s ease-in-out infinite;
	border-radius:0px 10px 10px 0px !important;
	left: 110% !important;
}

@keyframes glow_green {
	0% {
		box-shadow: inset -3px -3px rgba(87, 141, 30, 0.72), 0px 0px 10px #a7ef5b;
	}
	50% {
		box-shadow: inset -3px -3px rgba(87, 141, 30, 0.72), 0px 0px 40px greenyellow;
	}
	100% {
		box-shadow: inset -3px -3px rgba(87, 141, 30, 0.72) , 0px 0px 10px #a7ef5b;
	}
}

@keyframes glow_yellow {
	0% {
		box-shadow: inset -3px -3px #8d8a1eb8 , 0px 0px 10px #efcd5b;
	}
	50% {
		box-shadow: inset -3px -3px #8d8a1eb8 , 0px 0px 40px yellow;
	}
	100% {
		box-shadow: inset -3px -3px #8d8a1eb8 , 0px 0px 10px #efcd5b;
	}
}


.guesswrittendivheaders{
	border-bottom: 1px dotted #3e3e3e;
	margin: 0px 10px 0px 10px;
	font-size: 0.8em;
	min-height: 30px;
	flex-basis: calc(12.5% - 4px);
	min-width: 54px;
}

#headerGuessesWritten{
	display: none;
	margin-top: 10px;
	flex-wrap: nowrap;
	justify-content: center;
	margin-bottom: 5px;
	cursor: default
}

.scroll_help{
	display: none;
}
@media screen and (max-width: 4000px) {
	#outer_container_sc {
		display: flex;
        flex-direction: column;
        align-items: center;
	}
}

@media screen and (max-width: 1000px) {
	.crossguesshelp {
		right: -2px !important;
	}
}

@media screen and (max-width: 600px){
	#outer_container_sc {
		display: inherit;
	}

	#container_sc{
		overflow-x: auto;
		overflow-y: hidden;
		/*width: 90%;*/
		display: flex;
		flex-wrap: wrap;
	}

	::-webkit-scrollbar {
		width: 20px;
		margin-top: 0.5rem;
	}
	::-webkit-scrollbar-thumb {
		background: #888;
	}
	::-webkit-scrollbar-track {
		background: #424242;
	}
	.scroll_help{
		margin-top: 0.5rem;
		font-size: .8rem;
		display: block;
	}
	.cardstreamthumb{
		width: 100% !important;
	}
	.streamthumb{
		width: 100%;
	}
	.streamcard{
		flex-direction: column;
		height: 15rem !important;
	}
	.cardstreaminfosection{
		padding: 0 1rem 1rem !important;
	}

}

.groupGuessesAnswersRow{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.squearanswer{
	margin: 0px 10px 0px 10px;
	position: relative;
	flex-basis: calc(12.5% - 4px);
	margin: 2px;
	border: 1px solid hsla(0,0%,100%,.59);
	box-sizing: border-box;
	min-width: 70px;
	font-size: 0.8em;
	text-shadow: 2px 2px 4px black;
	font-weight: 600 !important;
	border-radius: 0.25rem !important;
	white-space: pre;
	box-shadow: inset 0 0 5px #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: 1000ms anim-lineDown ease-out;
	min-height: 50px;
}

.writen_red_square{
	 background-color: rgb(255, 0, 0);
 }

.writen_grey_square{
	background-color: rgb(161, 159, 159);
}

.writen_red_square_up{
	background-color: rgb(124 19 19);
	clip-path: polygon(97% 40%,80% 40%,80% 95%,20% 95%,20% 40%,3% 40%,50% 5%);
	-webkit-clip-path: polygon(97% 40%,80% 40%,80% 95%,20% 95%,20% 40%,3% 40%,50% 5%);
	height: 100%;
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.writen_red_square_down{
	background-color: rgb(124 19 19);
	clip-path: polygon(97% 60%,80% 60%,80% 5%,20% 5%,20% 60%,3% 60%,50% 95%);
	-webkit-clip-path: polygon(97% 60%,80% 60%,80% 5%,20% 5%,20% 60%,3% 60%,50% 95%);
	height: 100%;
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.writen_green_square{
	background-color: green;
	animation: glow_green 3s ease-in-out infinite;
}

.writen_yellow_square{
	background-color: rgb(229 183 31);
}

.writen_display_vertical{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.imgs_mini_written{
	margin: 3px;
}

.squearname {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}

.squearname::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0);
}

.spansquarename{
	background-color: #000000c9;
}

#groupGuessesWritten{
	margin-bottom: 10px;
}

.ui-widget.ui-widget-content{
	z-index: 9999 !important;
}

.ui-menu .ui-menu-item:hover {
	background: rgba(85, 149, 241, 0.7) !important;
}
.ui-state-focus {
	background: rgba(85, 149, 241, 0.7) !important;
}

.zoomContainer{
	cursor:none !important;
}

#platforms_genres_ended_game , #platforms_ended_game_backflip, #genres_ended_game_backflip, #themes_ended_game_backflip{
	flex-wrap: wrap;
	justify-content: center;
	display: inline-flex;
	align-items: center;
}

#platforms_ended_game_backflip, #genres_ended_game_backflip, #themes_ended_game_backflip{
	justify-content: flex-start !important;
}

.contentoverflow{
	/*height: 3em;*/
	/*!*overflow: hidden;*!*/
	/*position: relative;*/
}
.readmore {
	color: #f78528;
	position: absolute; /* Establece la posición del enlace */
	bottom: 0; /* Lo ubica en la parte inferior del contenedor */
	right: 0; /* Lo ubica a la derecha del contenedor */
	padding: 5px; /* Espacio interno del enlace */
}




#searchfieldset{
	display: inline-flex;
	align-items: stretch;
	margin-bottom: 1rem;
}

.searchfieldsetGuess{
	display: flex !important;
	align-items: center !important;
	flex-direction: column;
}

.button-container{
	display: inline-flex;
}

@media screen and (max-width: 510px) {
	#searchfieldset {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.button-container {
		margin-top: 5px;
	}
}

#whitelistsub {
	border-color: #f78528;
}

#skip , #whitelistsub, #reportsubmit {
	background-color: #f78528;
	margin-right: 7px;
}

button{
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
}

.form-control{
	border: none !important;
	padding-top: 4px !important;
}

.img_artwork_s3_cover{
	display: flex;
	position: absolute;
	bottom: -10px;
	right: -15px;
	transform: rotate(17deg);
	width: 20%;
	border-radius: 6px;
	animation: float 6s ease-in-out infinite;
}

/*.yt_unlimited_moreinfo:hover .yt_unlimited_moreinfo_text, .fa-youtube:hover, .yt_unlimited_moreinfo_text:hover{*/
/*	display: block;*/
/*	color: #FF0000 !important;*/
/*	text-shadow: 0px 0px 20px #ffffff !important;*/
/*	!*transform: scale(1.1);*!*/
/*}*/

/*.yt_unlimited_moreinfo{*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	position: absolute;*/
/*	bottom: 107px;*/
/*	right: -56px;*/
/*	transform: rotate(18deg);*/
/*	!*animation: float 6s ease-in-out infinite;*!*/
/*	color:#FF0000;*/
/*	font-size: 45px;*/
/*	box-shadow: none !important;*/
/*	text-shadow: 1px 1px black;*/
/*	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;*/
/*}*/

.btn_bug .fa-youtube , .btn_bug .fa-info, .btn_bug .fa-bug, .btn_bug .fa-caret-right{
	position: absolute;
}

.fa-caret-right {
	position: relative;
	left: 13px;
}
.fa-youtube{
	position: relative;
	left: 5px;
}
.fa-info{
	position: relative;
	left: 16px;
}
.btn_bug .fa-bug{
	left: 5px;
}

.yt_unlimited_moreinfo_artwork{
	bottom: 65px ;
	right: -40px ;
}


.yt_unlimited_moreinfo_text{
	/*display: none;*/
	font-family: 'Press Start 2P';
	font-size: 10px;
	margin-bottom: -1px;
	text-shadow: 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
}

.clue_unlimited_container_text{
	font-family: 'Press Start 2P';
	font-size: 9px;
	/*margin-bottom: -8px;*/
	text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
	width: 60px;
	text-align: end;
}

.clue_unlimited_container{
	display: flex;
	/*flex-direction: column;*/
	position: relative;
	/*bottom: 28px;*/
	right: 10px;
	/*transform: rotate(17deg);*/
	/*color:#FF0000;*/
	font-size: 50px;
	box-shadow: none !important;
	text-shadow: 1px 1px black;
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
	/*width: 60px;*/
	align-items: center;
	color: white;
}

.clue_unlimited_container_floatanimation{
	animation: float_norot 6s ease-in-out infinite;
}

@keyframes float_norot {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-10px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px) rotate(17deg);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-10px) rotate(17deg);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px) rotate(17deg);
	}
}


.img_artwork_s3_cover_won{
	border: 2px solid rgba(3, 169, 244, 0.59);
}

.img_artwork_s3_cover_lose{
	border: 2px solid rgba(255, 0, 0, 0.56);
}

.award-icon {
	z-index: -1;
	position: fixed;
	bottom: 15px;
	right: -10px;
	transform: rotate(-45deg);
	display: flex;
	flex-direction: column;
	width: 135px;
}

.rowaward {
	font-family: 'Press Start 2P';
	color: #FFD700;
	font-size: 13px;
	text-shadow: 0 0 10px #FFD700;
	align-items: center;
	display: grid;
}
.supporter_logo{
	content: url("../images/supporter.webp");
	display: block;
	margin: 0 auto;
	width: 50px;
}

@media screen and (max-width: 600px){
	.supporter_logo{
		width: 30px;
	}
	.rowaward {
		font-size: 10px;
	}
	.award-icon {
		width: 100px;
		right: -15px;
	}
}

.crossguesshelp {
	position: absolute;
	top: -9px;
	right: -11px;
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
	width: 22px;
	height: 22px;
	box-shadow: inset 0 0 0px 20px black, 0 0 5px 3px black;
}

.crossguesshelp::before,
.crossguesshelp::after {
	content: "";
	position: absolute;
	top: 40%;
	left: 0%;
	width: 22px;
	height: 2px;
	background-color: #fff;
}

.crossguesshelp::before {
	transform: rotate(45deg);
}

.crossguesshelp::after {
	transform: rotate(-45deg);
}


#guesshelpcontainer {
	display: inline-block;
	max-height: 100%;
	border: 1px solid hsla(0,0%,100%,.59);
	border-radius: 0.25rem !important;
	margin-bottom: 10px;
	background-color: #000000bf;
	position: relative;
}

#guesshelpinline {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 1px;
	column-gap: 5px;
	padding: 10px;
	font-size: 12px;
	max-width: 600px;
}

#guesshelpinline > div:not(#crossguessclose){
	min-width: 100px;
	max-width: 100px;
}

#guesshelpinline p{
	margin-bottom: 0px !important;
}

#groupGuessesAnswersDiv{
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#clue .labelmario:hover{
	transform: scale(1.2);
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}
#cancel_clue:hover{
	color: #ffffff !important;
}

#ulclueslist{
	list-style: inside;
	text-align: center;
	margin: 0;
	padding: 0;
}

.btn_disabled{
	filter: grayscale(100%);
	cursor: pointer;
	justify-content: center;
}

.divFieldsetsModes{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	height: 100%;
	position: relative;
}

.fieldsetmodes{
	padding: 1em;
	box-shadow: inset -6px -5px 0px 0px #00000057;
	border-radius: 8px;
	background-color: #ffffff29;
	margin: 15px;
	min-width:300px;
	position: relative;
}

.fieldsetLegend {
	font-family: 'Press Start 2P', cursive;
	color: #000000;
	background: rgba(255, 255, 255);
	padding: 0.2em 1.2em;
	border-radius: 10px;
	float: initial ;
	font-size: calc(1rem + .1vw);
	width: auto;
	box-shadow: 3px 3px 0px rgb(0 0 0 / 76%);
}

.legendtime{
	position: absolute;
	top: -10px;
	left: 80px;
	font-size: calc(0.5rem + .1vw);
	display: inline-block;
}
.legendweek {
	top: -25px !important;
	left: -3px !important;
	font-size: calc(0.4rem + .1vw) !important;
}

.btn_modesindex{
	margin-bottom: 10px;
	margin-top: 10px;
	-webkit-animation-name: none !important;
	animation-name: none !important;
	background-color: #0d6efd !important;
	border-color: #0d6efd !important;
	min-width: 200px;
	line-height: 2 !important;
	border-radius: 0.6rem !important;
	position: relative;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 98%);
}

.rowbuttonindex:hover .btn_modesindex{
	transform: scale(1.3);
	transition: transform 0.5s;
	/*margin-bottom: 20px;*/
	/*margin-top: 20px;*/
}

.rowbuttonindex:hover .classiccard {
	animation: rotate 4s ease;
}
.rowbuttonindex:hover .difficultlevel  {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}


.btn_disabled:hover{
	transform: none !important;
}

.rowbuttonindexspan{
	font-size: 1.1em !important;
	line-height: 0.2em !important;
	font-family: ui-sans-serif,system-ui;
}

/*Card index*/
.classiccard {
	display: block;
	background: silver no-repeat top left;
	background-position: 0 0;
	background-size: 100% auto;
	border-radius: 0.375rem;
	border: 2px solid silver;
	position:absolute;
	transform-style: preserve-3d;
	-webkit-perspective: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	visibility:visible;
	backface-visibility: hidden;
	left: 30px;
	z-index: 111;
	/*transform: rotateZ(348deg);*/
}

.classiccardvertical{
	aspect-ratio: 359/470;
	width: 4rem;
}

.classiccardhorizontal{
	aspect-ratio: 470/270;
	width: 4rem;
}

.classiccard::before {
	content:'';
	background-image: linear-gradient(
			45deg,
			hsl(240deg 100% 20%) 0%,
			hsl(289deg 100% 21%) 11%,
			hsl(315deg 100% 27%) 22%,
			hsl(329deg 100% 36%) 33%,
			hsl(337deg 100% 43%) 44%,
			hsl(357deg 91% 59%) 56%,
			hsl(17deg 100% 59%) 67%,
			hsl(34deg 100% 53%) 78%,
			hsl(45deg 100% 50%) 89%,
			hsl(55deg 100% 50%) 100%
	);
	border: 1px solid silver;
	border-radius: 0.375rem;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transform: translate3d(0, 0, -1px) rotateY(180deg);
	transform-style: preserve-3d;
	-webkit-perspective: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	visibility:visible;
	backface-visibility: hidden;
}

@keyframes rotate {
	50%, to {
		transform: rotateY(360deg);
	}
}

.classiccardback {
	background-image:  url('https://d2c6c3qulxklrf.cloudfront.net/covers/co1m4w.jpg');
}
.guesscardback {
	background-image:  url('https://d2c6c3qulxklrf.cloudfront.net/covers/co2zpu.jpg');
}
.artworkcardback {
	background-image:  url('https://d2c6c3qulxklrf.cloudfront.net/artwork/ard5n.jpg');
}

.rowbuttonindex{
	/*display: flex;*/
	align-items: center;
	margin-bottom: 10px;
}

#gotoclassic:hover .classicjoystick{
	-webkit-animation: pulse 2s infinite linear;
	-moz-animation: pulse 2s infinite linear;
	-o-animation: pulse 2s infinite linear;
	animation: pulse 2s infinite linear;
}
#gotounlimited:hover .unlimitedinfinity{
	-webkit-animation: tada 2s infinite linear;
	-moz-animation: tada 2s infinite linear;
	-o-animation: tada 2s infinite linear;
	animation: tada 2s infinite linear;
}

#gotowritten:hover .guessloupe{
	-webkit-animation: bounce 2s infinite linear;
	-moz-animation: bounce 2s infinite linear;
	-o-animation: bounce 2s infinite linear;
	animation: bounce 2s infinite linear;
}

#gotokeywords:hover .keywordsloupe{
	-webkit-animation: flash 2s infinite linear;
	-moz-animation: flash 2s infinite linear;
	-o-animation: flash 2s infinite linear;
	animation: flash 2s infinite linear;
}

#gotoartwork:hover .artworkpalette{
	-webkit-animation: horizontal 2s infinite linear;
	-moz-animation: horizontal 2s infinite linear;
	-o-animation: horizontal 2s infinite linear;
	animation: horizontal 2s infinite linear;
}

.indextitle{
	padding-bottom: 0px !important;
	color:transparent !important;
	font-size: 2rem !important;
}

.input_red_wrong{
	background-color: #FF0000FF !important;
	animation-duration: 0.5s;
	transition: transform 0.5s;
}
.input_yellow_saga{
	background-color: #F8D768CC !important;
	animation-duration: 0.5s;
	transition: transform 0.5s;
}

.onlycursor{
	cursor:pointer;
}

.rowsettings{
	margin-bottom: 5px;
	margin-top: 5px;
}

.highlightbck{
	top: -2050px;
	width: 4000px;
	opacity: .04;
	z-index: -10;
	position: absolute;
	animation: highlightbck_ani_fr 240s linear infinite;
	user-select: none;
	pointer-events: none;
	animation-duration: 240s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	content:  url('https://d2c6c3qulxklrf.cloudfront.net/img/jp_high.svg');
}


@keyframes highlightbck_ani_fr {
	100% {
		transform: rotate(360deg);
	}
}


.wrapper,
.single-card{
	height: 402px;
	max-width: 300px;
}
.wrapper{
	perspective: 900px;
	margin-right: auto;
	margin-left: auto;
}
.single-card{
	text-align: center;
	transition: all 1s cubic-bezier(0.7, -.5, 0.3 ,1.8);
	transform-style: preserve-3d;
	will-change: transform;
}
/*.wrapper:hover .single-card{*/
/*	transform: rotateY(180deg);*/
/*}*/

.single-card-flip{
	transform: rotateY(180deg);
}

.front,.back{
	width: 300px;
	position: relative;
	top: 0;
	left: 0;
	-webkit-perspective: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	visibility:visible;
	backface-visibility: hidden;

}
.front{
	height: 100%;
	/*backface-visibility: hidden;*/
	/*border-radius: 50px;*/
	background-size: contain;
	background-position: center center;
}
.back{
	transform: rotateY(180deg);
	position: absolute;
	border-radius: 6px;
	height: 402px;
	background: rgba(0, 0, 0, 0.78);
	box-shadow: 0px 0px 20px lightgrey;
	/*overflow-y: auto;*/
}




#game_description_backflip{
	/*overflow-y: auto;*/
	/*height: 210px;*/
	/*text-align: initial;*/
}
::-webkit-scrollbar {
	width: 20px;
	margin-top: 0.5rem;
}
::-webkit-scrollbar-thumb {
	background: #888;
}
::-webkit-scrollbar-track {
	background: #424242;
}

.backflipcontent{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 5px 0px 0px 10px;
	overflow-y: auto;
	height: 402px;
	overflow-x: hidden;
}

/*.game_moreinfo_text:hover{*/
/*	color: #000000 !important;*/
/*	text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white;*/
/*}*/

/*.game_moreinfo:hover .game_moreinfo_text, .fa-circle-info:hover, .game_moreinfo_text:hover{*/
/*	display: block;*/
/*	color: white !important;*/
/*	text-shadow: 0px 0px 20px #ffffff !important;*/
/*	!*transform: scale(1.1);*!*/
/*}*/


.infoheader{
	margin-left: auto;
	margin-right: auto;
}

.info_bullet {
	font-size: 0.6em;
	font-family: 'Press Start 2P';
	display: inline-flex;
	line-height: 30px;
	margin-right: 5px;
	color: #f78528
}

.infobody{
	text-align: initial;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.infopdesc{
	font-size: 0.9em;
	margin-bottom: 0rem !important;
	margin-left: 30px;
}

.weekly_corner_theme {
	z-index: -2;
	position: fixed;
	top: 0px;
	transform: rotate(30deg);
	display: flex;
	flex-direction: column;
	filter: opacity(0.5);
	width: 15vh;
}

#dropdownMenuLink{
	color: #f78528 !important;
	text-shadow: rgb(137 31 8) 3px 3px 0px !important;
}

.aftermath{
	display: none;
	align-items: center;
}

.aftermathsubtext{
	font-size: 2.5vh;
	font-family: 'Press Start 2P', cursive;
	animation: 2500ms anim-lineDown ease-out;
	background-color: #040302a8;
	border-radius: 15px;
}
.aftermathsubtextdiv{
	display: flex;
	max-width: 700px;

}
.bounce-in {
	animation: bounce-in 2s ease infinite;
}
@keyframes bounce-in {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	70% { transform: scale(.9); }
	100% { transform: scale(1); }
}

#gameoverdivtitle{
	TOP: 364px;
	position: absolute;
	z-index: 2000;
	width: 600px;
	left: -153px;
}

.gameovertitleartwork{
	TOP: -35px !important;
	left: 44px !important;
}

#gameovertitle{
	font-size: 4.5vh !important;
	text-shadow: rgb(86 27 27) -7px 4px 0px;
	color: #e10b0b !important;
	animation: 1000ms bounce-in ease-out;
	filter: drop-shadow(1px -3px 23px white);
	cursor: pointer;
}

.difficultlevel{
	TOP: -18px;
	position: absolute;
	right: -12px;
	border-radius: 7px;
	filter: drop-shadow(2px 2px 0px black);
	padding-left: 5px;
	padding-right: 5px;
}
.difficultleveleasy{
	background-color: #408105;
}
.difficultlevelmedium{
	background-color: #cec70b;
}
.difficultlevelhard{
	background-color: #b90b0b;
}

.perfect-animation {
	animation-name: perfect;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	position: absolute;
	/*bottom: 30%;*/
	opacity: 0;
	font-size: 5vh;
	font-weight: bold;
	color: gold;
	z-index: 1000;
	font-family: 'Press Start 2P';
	text-shadow: 2px 8px 0px black;
}

/* La animación en sí */
@keyframes perfect {
	0% {
		opacity: 0;
		bottom: 0% ;
		transform: scale(0);
	}
	20% {
		opacity: 0;
		bottom: 20% ;
		transform: scale(1.2);
	}
	50% {
		opacity: 1;
		bottom: 50%;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		bottom: 70%;
		transform: scale(0);
	}
}

/*.chip{*/
/*	padding: 8px 10px;*/
/*	border-radius: 10px;*/
/*	font-weight: 600;*/
/*	font-size: 2vh;*/
/*	box-shadow: 0 2px 5px rgba(0,0,0,.25);*/
/*	margin: 5px 5px;*/
/*	box-shadow: 1px 1px 1px white;*/
/*background: #2F4058;*/
/*color: whitesmoke;*/
/*}*/

.chip{
	background: #fffef0;
	padding: 0.1rem 0.5rem 0.1rem 0.5rem;
	margin: 0.3rem 0.25rem 0.25rem;
	color: #41403E;
	outline: none;
	#box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 53%);
	#border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	box-sizing: border-box;
	/*border: solid 0.1em #4140340d;*/
	width:fit-content;
	max-width: 99%;
	overflow: hidden;
	font-family: 'Nanum Pen Script', Helvetica, sans-serif;
	font-size: 2em;
	-webkit-user-select: none; /* Safari/Chrome */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}

.chipimg{
	padding: 0 !important;
	margin: 0 !important;
	max-width: 200px;
}

.chiptext{
	overflow: visible;
}


.keywords_animated{
	animation: bounce-keywords 2s ease;
}
/*#keywordsdetailed{*/
/*	display: flex;*/
/*	flex-direction: row;*/
/*	!*border: solid #f36521b3;*!*/
/*	!*border-radius: 15.25px;*!*/
/*	!*padding: 10px 5px 10px 5px;*!*/
/*	!*background-color: #60280c63;*!*/
/*	max-width: 600px;*/
/*	flex-wrap: wrap;*/
/*	align-items: center;*/
/*	justify-content: space-around;*/
/*}*/

#keywordsgroup{
	display: flex;
	flex-direction: column;
	align-items: center;
}

@keyframes bounce-keywords {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	70% { transform: scale(.9); }
	100% { transform: scale(1); }
}


.wscroll::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.wscroll::-webkit-scrollbar-button {
	width: 9px;
	height: 9px;
}

.wscroll::-webkit-scrollbar-thumb {
	background-color: hsl(36, 100%, 50%);
	border-radius: 9px;
	background-image: -webkit-linear-gradient(
			45deg,
			rgba(255, 255, 255, .2) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, .2) 50%,
			rgba(255, 255, 255, .2) 75%,
			transparent 75%,
			transparent
	);
}

.wscroll::-webkit-scrollbar-thumb:hover {
	background-color: hsl(36, 100%, 40%);
	background-image: -webkit-linear-gradient(
			45deg,
			rgba(255, 255, 255, .2) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, .2) 50%,
			rgba(255, 255, 255, .2) 75%,
			transparent 75%,
			transparent
	);
}

.wscroll::-webkit-scrollbar-thumb:active {
	background-color: hsl(36, 100%, 35%);
	background-image: -webkit-linear-gradient(
			45deg,
			rgba(255, 255, 255, .2) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, .2) 50%,
			rgba(255, 255, 255, .2) 75%,
			transparent 75%,
			transparent
	);
}

.wscroll::-webkit-scrollbar-track {
	background: #5a5a5a;
	border-radius: 50px;
}

.wscroll::-webkit-scrollbar-track:hover {
	background: #4a4a4a;
}

.wscroll::-webkit-scrollbar-track:active {
	background: #3f3f3f;
}

.wscroll::-webkit-scrollbar-corner {
	background: transparent;
}

#keywordsdetailed {
	display: flex;
	flex-direction: row;
	/*border: solid #f36521b3;*/
	/*border-radius: 15.25px;*/
	/*padding: 10px 5px 10px 5px;*/
	/*background-color: #60280c63;*/
	max-width: 600px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	border: 31px solid transparent;
	/*height: 93vh;*/
	/*width: 97vw;*/
	/*min-height: 381px;*/
	/*min-width: 572px;*/
	/*max-width: 1500px;*/
	background-image: url("https://d2c6c3qulxklrf.cloudfront.net/img/keywordscork.webp");
	background-size: 1300px;
	border-image-source: url("https://d2c6c3qulxklrf.cloudfront.net/img/keywordsborder.webp");
	border-image-slice: 31 29;
	border-image-width: 21px 20px;
	overflow: hidden;
	padding-top: 7px
	/*position: absolute;*/
}

#inner-board {
	/*border: 2px dotted red;*/
	/*min-height: 300px;*/
	height: 93%;
	overflow: auto;
	overflow-x: visible;
	/*position: relative;*/
}

.pin {
	width: 15px;
	height: 15px;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -3px;
	background-color: #2196f3;
	border-radius: 100%;
	&:before {
		 content: "";
		 display: block;
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 margin-left: 1px;
		 width: 3px;
		 height: 3px;
		 background-color: #fff;
		 border-radius: 100%;
	 }
	&:after {
		 content: "";
		 width: 1px;
		 height: 4px;
		 display: block;
		 background-color: #9e9e9e;
		 position: absolute;
		 top: 14.5px;
		 left: 50%;
		 margin-left: -4px;
		 transform: rotate(26deg);
	 }
}

.pin_green{
	background-color: #7fbd45 !important;
}
.pin_blue{
	background-color: #6b91d0 !important;
}
.pin_yellow{
	background-color: #cec756 !important;
}
.pin_purple{
	background-color: #985eb6 !important;
}

.cinta {
	position: relative;
	text-align: center;
	display: inline-block;
	display: inline;
	zoom: 1;
	margin: 20px auto 10px;
	overflow: visible;
}
.uno:before {
	content: "";
	display: block;
	width: 100px;
	height: 30px;
	position: relative;
	top: -12px;
	margin: auto;
	background: rgba(255,255,200,0.6);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}

.skipanimation{
	-webkit-transition: all 1.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-moz-transition: all 1.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition: all 1.3s cubic-bezier(0, 0, 1, 1) !important;
	box-shadow: 0px 0px 5px #d99a41,inset 200px 0 0 0 black !important;
}

.eightbit-btn {
	font-family: 'Press Start 2P';
	font-size: 0.7em !important;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
	position: relative;
	background: #5b8cb2;
	box-shadow: 0px 0px 5px lightgrey, inset -3px -3px 0px 0px #325b7f;
}
.eightbit-btn:hover, .eightbit-btn:focus {
	background: #4a7ca3;
	box-shadow: 0px 0px 5px lightgrey,inset -5px -5px 0px 0px #325b7f;
}
.eightbit-btn:active {
	box-shadow: 0px 0px 5px lightgrey,inset 3px 3px 0px 0px #325b7f;
}

.eightbit-btn:before, .eightbit-btn:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
}
.eightbit-btn:before {
	top: -3px;
	left: 0;
	border-top: 3px black solid;
	border-bottom: 3px black solid;
}
.eightbit-btn:after {
	left: -3px;
	top: 0;
	border-left: 3px black solid;
	border-right: 3px black solid;
}

.eightbit-btn--skip {
	background: #e58b3b;
	box-shadow: 0px 0px 5px lightgrey,inset -3px -3px 0px 0px #804c25;
}
.eightbit-btn--skip:hover, .eightbit-btn--skip:focus {
	background: #d1702e;
	box-shadow: 0px 0px 5px lightgrey,inset -5px -5px 0px 0px #804c25;
}
.eightbit-btn--skip:active {
	box-shadow: 0px 0px 5px lightgrey,inset 5px 5px 0px 0px #804c25;
}


.eightbit-btn--next {
	background: #68b67e;
	box-shadow: inset -4px -4px 0px 0px #36673d;
}
.eightbit-btn--next:hover, .eightbit-btn--next:focus {
	background: #54945e;
	box-shadow: inset -6px -6px 0px 0px #36673d;
}
.eightbit-btn--next:active {
	box-shadow: inset 4px 4px 0px 0px #36673d;
}

#nn_lb1{
	margin-top: 20px;
}

#reportForm {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-width: 400px; /* Adjust this value as needed */
	margin: 0 auto; /* Centers the form horizontally */
}

/* CSS for each form field container */
#reportForm > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px; /* Adjust the vertical spacing between rows */
	justify-content: flex-end;
}

/* CSS for the labels */
#reportForm label {
	flex: 1;
	text-align: left;
}

/* CSS for the form inputs */
#reportForm input,
#reportForm textarea {
	flex: 2;
	/* Add additional styles here as needed */
}

/* CSS for the radio button labels */
#reportForm input[type="radio"] + label {
	margin-right: 10px; /* Adjust the horizontal spacing between radio buttons and labels */
}

/* Optional: To align the radio buttons and their labels vertically */
#reportForm input[type="radio"] {
	vertical-align: middle;
}

.reporttype{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: auto;
}

#thanksforreport{
	color: #f78528;
	display: none ;
}

.glossarycontainer {
	max-width: 600px;
	display: inline-flex;
	flex-direction: column;
}

.glossarycontainer h3 {
	margin-top: 30px;
	color: #f78528;
}

.glossarycontainer div {
	margin-bottom: 10px;
}

.glossarycontainer table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.glossarycontainer th,
.glossarycontainer td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd ;
}

.glossarycontainer p {
	margin-bottom: 15px;
}

.glossarycontainer ul {
	margin-left: 20px;
}

.glossarycontainer a {
	color: #007bff;
	text-decoration: none;
}

.accordion-button {
	padding: 0.5rem 1rem !important;
	font-size: 0.8rem !important;
	color: #f78528 !important;
	text-align: center !important;
	text-shadow: 1px 1px black;
	background-color: #414571 !important;
}

.accordion-button:not(.collapsed) {
	color: #f78528 !important;
}

.accordion-item {
	background-color:#2a2d49!important;
}

#gamedleMenu i {
	margin-right: 10px;
}

.bugreport_moreinfo{
	position: absolute;
	bottom: 191px;
	right: 20px;

}

.game_moreinfo{
	bottom: 70px !important;
	right: 22px !important;
	position: absolute;
}

.yt_unlimited_moreinfo {
	bottom: 131px;
	right: 20px;
	position: absolute;
}

.btn_bug{
	background-color: green;
	border-color: green;
}

.btn_yt{
	background-color: #FF0000;
	border-color: #FF0000;
}


.btn_finished_games{
	border-radius: 3rem !important;
	text-shadow: 1px 1px 5px #000000cf;
	min-width: 48px;
	position: absolute;
	transform: rotate(10deg);
	font-size: 33px !important;
	box-shadow: none !important;
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
	min-height: 48px;
}

.btn_info{
	background-color:#FFC107;
	border-color:#FFC107;
}

.accordion-button::after{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f78528'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.fa-circle-question{
	margin-left: 2px;
}

.streamscontainer {
	gap: 0.7rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.streamcard {
	border: 0.0625rem solid #ffffffba;
	border-radius: 0.5rem;
	display: flex;
	gap: 1.5rem;
	height: 7.1875rem;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
	color:white;
	font-weight: 400;
	background-color: #0000008c;
	max-width: 500px;
}
.streamcard:hover {
	color:white !important;
	transform: scale(1.1);
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	transition: transform .3s ease;
	background-color: #000000;
	z-index: 999;
}

.cardstreamthumb {
	position: relative;
	/*width: 40%;*/
	min-width: 40%;
}

.streamthumb {
	max-height: 7.1875rem;
	filter: blur(0.2rem) brightness(70%);
}

.fa-play {
	left: 45%;
	position: absolute;
	top: 35%;
	color:white;
	font-size: 2rem;
}

.fa-twitch {
	 color:#6441A4;
}

.cardstreaminfosection {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0.7rem 1rem 0.5rem 0;
	text-align: left;
}

.cardstreamtitle {
	height: 2.6875rem;
	overflow: hidden;
}

.cardstreammeta {
	display: flex;
	gap: 1rem;
}

.cardstreammetabroadcaster {
	display: grid;
}

.cardstreammetabroadcasterlabel {
	font-size: 0.8rem;
}

.cardstreammetabroadcastervalue {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#6441A4;
}

.cardstreammetalanguage {
	display: grid;
}

.cardstreammetalanguagelabel {
	font-size: 0.8rem;
}

.cardstreammetalanguagevalue {
	/* Add your styles for .cardstreammetalanguagevalue here */
}

#start_unlimited{
	font-size: 2vh !important;
	margin-bottom: 15px;
}

.separator_break {
	display: flex;
	align-items: center;
	text-align: center;
}

.separator_break::before,
.separator_break::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ffffff;
}

.separator_break:not(:empty)::before {
	margin-right: .25em;
}

.separator_break:not(:empty)::after {
	margin-left: .25em;
}

.modal-settings{
	--lm-small-modal: 70vw;
}

#settingsMenu .accordion-button {
	background-color:#41457100 !important;
	color: #ffffff !important;
	font-family: var(--bs-body-font-family);
	font-size: 1.25rem !important;
	font-weight: 500 !important;
	width: 250px;
	border-top: white 1px solid;
}

#settingsMenu .accordion-button:focus{
	border: 0px;
}

#settingsMenu .accordion-item{
	background-color: #2a2d4900 !important;
	display: inline-block;
}

option{
	font-size: 2vh;
	font-family: var(--bs-body-font-family);
}

.settings-fixed-width {
	flex: 0 0 auto;
	line-height: 10px;
	text-align: right;
}

#settings_info{
	display: none;
}

.fa-circle-info{
	font-size: 1.5rem;
}

.timer_trial{
	display: none;
	margin-left: 0px !important;
	margin-bottom:0px !important;
}

.timer_trial_yellow{
	display: none;
	color: #f5d60a;
	text-shadow: -4px 3px #7c6c05;
	margin-left: 0px !important;
	margin-bottom:0px !important;
}

.timer_trial_red{
	display: none;
	color: #f50a0a;
	text-shadow: -4px 3px #5b0707;
	margin-left: 0px !important;
	margin-bottom:0px !important;
}

.settings_div_row{
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-bottom: 10px;
}


/*Estilos daltonismo, van a lo ultimo porque sobreescriben otros important*/

.writen_red_square_colorblind{
	background-color: #fd1700 !important;
}

.writen_red_square_up_colorblind , .writen_red_square_down_colorblind{
	background-color: #7b1a1a !important;
}
.writen_green_square_colorblind{
	background-color: #3a767f !important;
}
.writen_yellow_square_colorblind{
	background-color: #efa9b5 !important;
}

.yellow_span_colorblind{
	background: #fabfce !important;
}

.green_span_colorblind{
	background: #67b5c3 !important;
}

.red_span_colorblind{
	background: #fd1700 !important;
}
.input_red_wrong_colorblind{
	background: #fd1700 !important;
}
.input_yellow_saga_colorblind{
	background: #ffcbd9 !important;
	box-shadow: inset -3px -3px #967f89 !important;
}

.span_glow_yellow_colorblind{
	animation: glow_yellow_colorblind 1.5s ease-in-out infinite !important;
}

@keyframes glow_yellow_colorblind {
	0% {
		box-shadow: inset -3px -3px #967f89 , 0px 0px 10px #e8c4d3;
	}
	50% {
		box-shadow: inset -3px -3px #967f89 , 0px 0px 40px #fff4f9;
	}
	100% {
		box-shadow: inset -3px -3px #967f89 , 0px 0px 10px #e8c4d3;
	}
}

.gallery {
  display: flex;
  justify-content: space-around;
  padding: 20px;
}
.column {
  flex: 1;
  margin: 0 15px;
}

.item {
  display: flex;
  align-items: center;
}