:root {
	--background-color: #eeeeee;
	--light-grey: rgba(196, 193, 193, 0.67);
	--accent-color: #f78528;
	--gold-color: #ffd700;
}

a {
	color: var(--accent-color);
	text-decoration:none !important;
}

a:hover{
	color: white !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: -1px 0px 10px 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: 600px) and (max-width: 999px)  {
	#mainimg.artworkimg.portrait {
		width: 301px !important;
	}
	#mainimg.artworkimg {
		object-fit: contain;
		width: 421px !important;
	}
	#image_div.artworkimg.portrait {
		min-width: 302px !important;
	}
	#image_div.artworkimg {
		/*min-width: 422px !important;*/
	}
	.img_artwork_s3_cover {
		bottom: -30px !important;
		left: -6px !important;
		width: 10.8% !important;
	}
	.yt_unlimited_moreinfo_artwork {
		bottom: 114px !important;
		right: 13px !important;
	}
	.bugreport_moreinfo_artwork {
		position: absolute !important;
		bottom: 149px !important;
	}
}


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

	#mainimg.artworkimg.portrait{
		width: 502px !important;
	}
	#mainimg.artworkimg{
		object-fit: contain;
		width: 702px;
	}
	#image_div.artworkimg.portrait{
		min-width: 504px !important;
	}
	#image_div.artworkimg:not(.characterartwork){
		min-width: 704px;
	}
	.img_artwork_s3_cover{
		bottom: -50px !important;
		left: -10px !important;
		width: 18% !important;
	}

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

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

}

.characterartwork{
	max-width: none !important;
	min-width: auto !important;
	background-color:white;
}

.characterartworkimg{
	max-height: 720px;
	min-height: 400px;
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

.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;
	overflow-x: hidden;
	padding-right: 20px;
}

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

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

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

.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;
	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;
	margin: auto;
}
.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, body{
	/*height: 100dvh;*/
	margin: 0;
}

html{
	background: url(https://d2c6c3qulxklrf.cloudfront.net/img/wallpaper2.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';
	font-size: 1.3rem !important;
	padding:0.2rem .5rem !important;
	padding-bottom: 17px !important;
	padding-top: 0px !important;
}

.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: 100%;*/
	margin-right: 3px;
	max-width: 20em;
}

#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;
}

#guess, #guessfranchise {
	background-color: #0d6efd;
	flex:2;
}

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

#start_unlimitedmed{
	background-color: #0d6efd !important;
	/*border-color: #0d6efd !important;*/
}

#gotoartwork , #gotoartwork2{
	background-color: var(--accent-color);
	border-color: var(--accent-color);
	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;
	/*border-color: #5cb85c;*/
	width:75%;
	max-width: 300px;
	animation-delay: 250ms;

}

#start_unlimitedez{
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}

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

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

#gotokeywordsunlimited{
	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;
}

#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, #species_ended_game, #gender_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 , #thanks , .bonusFranchiseDiv{
	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.6rem;
	font-family: 'Press Start 2P';
	color: white;
	top: 30px;
	left: 20px;
}

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

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

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

.live_lost_short{
	-webkit-animation: live_lost_short 1.1s linear;
	animation: live_lost_short 1.1s linear;
}

@-webkit-keyframes live_lost_streak {
	0%,
	10% {
		transform: scale(1);
		color: #07bb15;
	}
	40%,
	50% {
		transform: scale(2.5);
		color:var(--accent-color);
	}
	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:var(--accent-color);
	}
	90%,
	to {
		transform: scale(1);
		color: #07bb15;
	}
}

@-webkit-keyframes live_lost_short {
	0%,
	10% {
		transform: scale(1);
	}
	40%,
	50% {
		transform: scale(1.3);
	}
	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-lineUp50op {
	0% {
		opacity: 0;
		transform: translateY(80%);
	}
	20% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
		transform: translateY(0%);
	}
	100% {
		opacity: 0.5;
		transform: translateY(0%);
	}
}

@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-lineUp-right {
	0% {
		opacity: 0;
		transform: translateX(80%);
	}
	20% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		transform: translateX(0%);
	}
	100% {
		opacity: 1;
		transform: translateX(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;
	padding: 10px 0 100px !important;
	overflow-x:hidden;
	overflow-y: auto;
	min-height: -webkit-fill-available;
	min-height: -moz-available;
	min-height: 80dvh;
}

.input-gamedle{
	background-color: #605d5dd1 !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;
}

.input-gamedle-saga-green{
	box-shadow: inset -3px -3px rgba(41, 141, 30, 0.72) !important;
}

#groupGuesses{
	display: table;
	margin: 0 auto;
	width: 20em;
}

/*.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: var(--accent-color);
	text-decoration: underline;
	cursor: pointer;
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.same_saga{
	display: grid !important;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, 1fr)  !important;;
	gap: 5px  !important;;
}

.saga{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/saga.webp");
	margin-right:5px;
	width: 25px;
	height: 25px;
	border-radius:5px;
	display: inline-block;
}


.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;
	padding: 0.1em 0.3em 0.1em 0.3em !important;
	margin-left: 1px !important;
}

.input-group-text-red {
	border-right: 1.5px solid rgb(255 0 0 / 70%) !important;
}

.input-group-text-green {
	border-right:1.5px solid rgb(42 199 92 / 70%) !important;
}

.input-group-text-yellow {
	border-right:1.5px solid rgb(220, 184, 38) !important;
}

.help{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/help.webp");
}
.helpcharacter{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/helpcharacters.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("https://d2c6c3qulxklrf.cloudfront.net/platforms/generic_platform.webp");
	margin-right:5px;
	width: 25px;
	height: 25px;
	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");
}
.platforms.platform508{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/platforms/switch2.webp");
}

.genres{
	margin-right:5px;
	width: 25px;
	height: 25px;
}
.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");
}
.genres.genre99{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/roguelike.webp");
}

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

.small_img_guess{
	width: 4vh !important;
	height: 4vh !important;
}

.themes_settings{
	margin-right:5px;
	width: 3.5vh;
	height: 3.5vh;
	z-index: 111;
	box-shadow: inset 0px 0px 20px 20px #ffffff, 0px 0px 2px 2px #ffffff;
	/*background-color: white;*/
}

.company-square{
	/*font-size: 1.5vh !important;*/
	flex-direction: column;
	white-space: break-spaces !important;
}

.small-tag {
	font-size: 0.8em;
	opacity: 0.8;
}

.sett_theme1{
	display: none;
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/action.webp");
}

.sett_genre31{
	display: none;
	content: url("https://d2c6c3qulxklrf.cloudfront.net/genres/adventure.webp");
}

.sett_off{
	filter:grayscale(1);
}

.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/4x.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");
}
.themes.theme99{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/western.webp");
}
.themes.theme98{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/themes/hero.webp");
}


.gamemodes{
	margin-right:5px;
	width: 4.7vh;
	height: 4.7vh;
}
.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");
}

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

.species.specie1{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie1.webp");
}
.species.specie2{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie2.webp");
}
.species.specie3{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie3.webp");
}
.species.specie4{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie4.webp");
}
.species.specie5{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie5.webp");
}
.species.specie6{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie6.webp");
}
.species.specie7{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie7.webp");
}
.species.specie8{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie8.webp");
}
.species.specie9{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie9.webp");
}
.species.specie10{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie10.webp");
}
.species.specie11{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie11.webp");
}
.species.specie12{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/specie12.webp");
}

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

.genders.gender0{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/gender0.webp");
}
.genders.gender1{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/gender1.webp");
}
.genders.gender2{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/imgcharacters/gender2.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;
	}
}



.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;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	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:var(--accent-color);*/
/*}*/
/*#labelCookieButton:hover , #labelCookieButton2:hover {*/
/*	cursor:pointer;*/
/*	background:red;*/
/*}*/

/*#cookieBar {*/
/*	position:fixed;*/
/*	bottom:10%;*/
/*	width:20%;*/
/*	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;
	background-color: rgb(220, 184, 38) !important;
	left: 105% !important;
}

.span_glow_green{
	animation: glow_green 1.5s ease-in-out infinite;
	border-radius:0px 10px 10px 0px !important;
	background-color: rgb(42 199 92) !important;
	left: 105% !important;
}

.span_glow_red{
	background-color: rgb(121 22 27) !important;
	border-radius: 0px 10px 10px 0px !important;
	animation: none !important;
	box-shadow: inset -3px -3px rgb(22 3 3 / 72%);
	left: 105% !important;
}

@keyframes glow_green {
	0% {
		box-shadow: inset -3px -3px rgba(82, 143, 20, 0.72), 0px 0px 1px #a7ef5b;
	}
	50% {
		box-shadow: inset -3px -3px rgba(82, 143, 20, 0.72), 0px 0px 5px greenyellow;
	}
	100% {
		box-shadow: inset -3px -3px rgba(82, 143, 20, 0.72) , 0px 0px 1px #a7ef5b;
	}
}

@keyframes glow_yellow {
	0% {
		box-shadow: inset -3px -3px #8d8a1eb8 , 0px 0px 1px #efcd5b;
	}
	50% {
		box-shadow: inset -3px -3px #8d8a1eb8 , 0px 0px 5px yellow;
	}
	100% {
		box-shadow: inset -3px -3px #8d8a1eb8 , 0px 0px 1px #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;
		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;
	}
	.switchSummary{
		position: relative !important;
		top: 0px !important;
		left: 0px !important;
		/*margin: auto !important;*/
	}
	.settings_ingame_div{
		position: relative !important;
		top:0px !important;
		display: flex !important;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 5px;
		margin: 0 auto;
	}

	.switchActionTheme{
		/*position: relative !important;*/
		/*top: -23px !important;*/
		/*left: 193px !important;*/
		margin: auto !important;
		display: inline-block !important;
	}

	.switchAdventureTheme{
		/*position: relative !important;*/
		/*top: -23px !important;*/
		/*left: 200px !important;*/
		margin: auto !important;
		display: inline-block !important;
	}
	#spanactiontheme{
		display: none;
	}
	#spanadventuretheme{
		display: none;
	}

	.sett_theme1{
		display: block !important;
	}

	.sett_genre31{
		display: block !important;
	}

	.sagadetails {
		cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
		display: inline-flex;
		width:0px !important;
		vertical-align: middle;
		opacity: 0 !important;
		filter: drop-shadow(1px 1px 2px black);
		text-align: left;
	}
	.span_glow_green:hover .sagadetails,
	.span_glow_yellow:hover .sagadetails,
	.span_glow_red:hover .sagadetails {
		opacity: 1 !important;
		width: 60% !important;
		-webkit-transition: width 0.5s linear;
		-moz-transition: width 0.5s linear;
		-ms-transition: width 0.5s linear;
		-o-transition: width 0.5s linear;
		transition: width 0.5s linear;
	}

	.span_glow_yellow, .span_glow_green, .span_glow_red{
		left: 103% !important;
	}

	.span_glow_yellow:hover, .span_glow_green:hover, .span_glow_red:hover{
		left: 50% !important;
	}

	#groupGuesses{
		display: flex;
		flex-direction: column !important;
	}

	.input-group{
		max-width:80% !important;
	}

	.clue_guess_order{
		order:1
	}
	.clue_guess_order_button{
		order:3;
		max-width: 13em !important;
	}

	.input_clue{
		margin-bottom: 5px;
		max-width: 16em !important;
	}

	.tt-dropdown-menu{
		/*position: relative !important;*/
		/*top: 0% !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 hsl(0deg 0% 55.57% / 63%);
	box-sizing: border-box;
	min-width: 70px;
	font-size: 0.9em;
	text-shadow: 0px 0px 4px black;
	font-weight: 650 !important;
	border-radius: 0.25rem !important;
	white-space: pre;
	/*box-shadow: inset 0 0 5px #000000;*/
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	letter-spacing: 0.4px;
}

.squearansweranimation{
	animation: 1000ms onebyone 100s forwards;
	opacity: 0;
}

@keyframes onebyone {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.delay1{
	animation-delay: 0.30s;
}
.delay2{
	animation-delay: 0.40s;
}
.delay3{
	animation-delay: 0.60s;
}
.delay4{
	animation-delay: 0.80s;
}
.delay5{
	animation-delay: 1.0s;
}
.delay6{
	animation-delay: 1.2s;
}
.delay7{
	animation-delay: 1.4s;
}
.delay8{
	animation-delay: 1.6s;
}
.delay9{
	animation-delay: 1.8s;
}


.writen_red_square{
	 background-color: #D91515FF;
 }

.writen_grey_square{
	background-color: #A19F9FFF;
}

.writen_red_square_up{
	background-color: #7C1313FF;
	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: #7C1313FF;
	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: #D7AB19FF;
	text-shadow: 1px 0 #0000008c, -1px 0 #0000008c, 0 1px #0000008c, 0 -1px #0000008c, 1px 1px #0000008c, -1px -1px #0000008c, 1px -1px #0000008c, -1px 1px #0000008c !important;
}

.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;
	width: 4.7vh !important;
	height: 4.7vh !important;
}

.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);
}

.title_week_div{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.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, #species_gender_ended_game{
	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: var(--accent-color);
	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: flex;
	margin-bottom: 1rem !important;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}

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

.button-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 20em;
}

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

#whitelistsub {
	border-color: var(--accent-color);
}

#whitelistsub, #reportsubmit, #exportsubmit, #submitimport{
	background-color: var(--accent-color);
	margin-right: 7px;
}

#skip, #giveup {
	background-color:var(--accent-color);
	flex:1;
}

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;
	left: -10px;
	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;*/
}
.fa-bug{
	/*position: relative;*/
	/*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;
}

.info_logo{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/information.webp");
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
}


@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;
	border: 1px solid white;
	border-radius: 3px;
}

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

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

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

.crossguesshelp:hover{
	transform: scale(1.1);
}


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

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

#guesshelpinlineclarifications{
	flex-wrap: nowrap !important;
	align-items: center;
}

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

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

#groupGuessesAnswersDiv{
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 30px;
	filter: drop-shadow(0px 12px 17px #000000);
}

#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;
}


.btn_disabled_nofilter{
	cursor: not-allowed !important;
	/*justify-content: center;*/
}

.divFieldsetsModes{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	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;
}

.legendnew {
	top: -20px !important;
	left: -10px !important;
	font-size: calc(0.8rem + .1vw) !important;
	background-color: green !important;
	color: white;
	text-shadow: none !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%);
	max-width: 200px !important;
}

/*.rowbuttonindex:hover .btn_modesindex{*/
/*	transform: scale(1.05);*/
/*	transition: transform 0.5s;*/
/*}*/

.btn_modesindex:hover{
	transform: scale(1.05);
	transition: transform 0.5s;
}

.btn_modesindex_unlimited{
	background-color: #00b7ff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
	max-width: 350px !important;
}



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


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

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

.rowbuttonindexspanselect{
	font-size: 0.8em !important;
	font-family: ui-sans-serif,system-ui;
	line-height: 1em;
}

/*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);
	}
}

.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{
	animation-duration: 0.5s;
	transition: transform 0.5s;
}
.input_yellow_saga{
	animation-duration: 0.5s;
	transition: transform 0.5s;
	box-shadow: inset -3px -3px #a9a40cb8 !important;
}
.input_green_saga{
	animation-duration: 0.5s;
	transition: transform 0.5s;
	box-shadow: inset -3px -3px rgb(14 142 8 / 72%);
}

.sagadetails {
	display: inline-flex;
	/*width:0px;*/
	vertical-align: middle;
	/*opacity: 0;*/
	filter: drop-shadow(1px 1px 2px black);
	text-align: left;
	font-weight:500;
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, 1fr);
	gap: 3px;
}
.sagadetailsname {
	font-weight:400;
}


.span_glow_green:hover .sagadetails {
	/*opacity: 1;*/
	/*width:50%;*/
	/*-webkit-transition:width, 0.5s linear;*/
	/*-moz-transition: width, 0.5s linear;*/
	/*-ms-transition: width, 0.5s linear;*/
	/*-o-transition: width, 0.5s linear;*/
	/*transition: width, 0.5s linear;*/
}

.span_glow_yellow:hover .sagadetails {
	/*opacity: 1;*/
	/*width:50%;*/
	/*-webkit-transition:width, 0.5s linear;*/
	/*-moz-transition: width, 0.5s linear;*/
	/*-ms-transition: width, 0.5s linear;*/
	/*-o-transition: width, 0.5s linear;*/
	/*transition: width, 0.5s linear;*/
}

.onlycursor{
	cursor:pointer;
}

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

.wrapper,
.single-card{
	height: 402px;
}
.wrapper{
	perspective: 900px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10vh;
	max-width: 900px;
	flex-flow: wrap;
}
.single-card{
	text-align: center;
	transition: all 1s cubic-bezier(0.7, -.5, 0.3 ,1.8);
	transform-style: preserve-3d;
	will-change: transform;
	display: flex;
}
.over_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 3vh;
}

.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: var(--accent-color);
}

.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: var(--accent-color) !important;
	text-shadow: #891F08FF 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;
}

.aftermathsubtextOp50{
	font-size: 0.8rem;
	background-color:transparent !important;
	font-family: 'Press Start 2P', cursive;
	animation: 2500ms anim-lineUp50op ease-out;
	border-radius: 15px;
	opacity: 0.5;
}


.aftermathsubtextdiv{
	display: flex;
	max-width: 700px;
	flex-direction: column;
}
.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: #561B1BFF -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;
	left: -10px;
	border-radius: 7px;
	filter: drop-shadow(2px 2px 0px black);
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 0.2px;
	rotate: 347deg;
}
.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;
	width:fit-content;
	max-width: 99%;
	overflow: hidden;
	font-family: 'Amatic SC', 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;
}

.chip:nth-child(odd){
	transform: rotate(2deg);
	/*animation: bounce-keywords 2s ease;*/
}
.chip:nth-child(even){
	transform: rotate(-2deg);
	/*animation: bounce-keywords 2s ease;*/
}

.keywords_animated{
	animation: bounce-keywords 2s ease;
}

#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/keywordscork2.webp");
	background-size: auto;
	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.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-moz-transition: all 1.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition: all 1.6s 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: var(--accent-color);
	box-shadow: 0px 0px 5px lightgrey,inset -3px -3px 0px 0px #804c25;
}
.eightbit-btn--skip:hover, .eightbit-btn--skip:focus {
	background: var(--accent-color);
	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: var(--accent-color);
	display: none ;
}

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

.glossarycontainer h3 {
	margin-top: 30px;
	color: var(--accent-color);
}

.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: var(--accent-color) !important;
	/*text-align: center !important;*/
	text-shadow: 1px 1px black;
	background-color: #414571 !important;
}

.accordion-button:not(.collapsed) {
	color: var(--accent-color) !important;
}

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

#gamedleMenu i, .subtitle 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;
}

.oldweekcard {
	border: 0.0625rem solid #ffffffba;
	border-radius: 0.5rem;
	display: flex;
	gap: 1.5rem;
	height: 3rem;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
	color:white;
	font-weight: 400;
	background-color: #0000008c;
	max-width: 500px;
	min-width: 200px;
}

.no-hover {
	pointer-events: none;
}

.oldweekcard: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;
}

.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;
	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 {
}

#start_unlimitedez, #start_unlimitedmed, #start_unlimitedhard, #start_unlimited{
	font-size: 2vh !important;
}

#start_unlimitedez, #start_unlimitedmed, #start_unlimitedhard{
	min-width: 250px !important;
	max-width: 0px !important;
}

#start_unlimited{
	margin-bottom: 15px;
}

#start_unlimitedez, #start_unlimitedmed{
	margin-bottom: 3px;
}

#start_unlimitedhard{
	margin-bottom: 20px;
}

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

.custom_settings_flex{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.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:#67677178 !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;
}

#statistics_inline .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;
}

.settings_ingame_div{
	position: absolute;
	top: -100px;
	display: none;
	border: 1px solid hsla(0, 0%, 100%, .59);
	border-radius: 0.25rem !important;
	margin-bottom: 10px;
	background-color: #000000bf;
	padding: 5px;
}

.form-switch {
	text-align: left !important;
}

.switchSummary{
	/*position: absolute;*/
	/*top: -1.7em;*/
	/*left: 20px;*/
}

.switchActionTheme{
	/*position: absolute;*/
	/*top: -1.7em;*/
	/*left: 190px;*/
}
.switchAdventureTheme{
	/*position: absolute;*/
	/*top: -1.7em;*/
	/*left: 230px;*/
}
.sm-font{
	font-size: small;
}

#guesses_remain{
	display: table-row;
	opacity: 0.6;
}

.opacity50{
	opacity: 0.5;
}

.opacity60{
	opacity: 0.6;
}

.tt-input,
.tt-hint {
	width: 20em;
	max-width: 20em;
	line-height: 30px;
	outline: none;
	border-radius: 5px;
	height: 2.4em;
}

.tt-query {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #999;
}

.tt-dropdown-menu {
	width: 20em;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	max-height: 200px;
	overflow-y: auto;
	text-align: left !important;
	color: black;
}

.tt-suggestion {
	padding: 3px 12px;
	font-size: 0.9em;
	line-height: 24px;
	border-top: 1px solid #8080808c;
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion p {
	margin: 0;
}

.htmlbackgroundweekly{
	background-size:cover;
	background-color:#121212;
	background-attachment:fixed;
}

.bookmark_post_game {
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	border-top-right-radius: 60%;
	border-bottom-right-radius: 60%;
	width: calc(2.5rem + .1vw);
	color: white;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
}

.bookmark_post_game:hover {
	width: calc(3rem + .1vw);
}

.ytbookmark{
	background-color: #FF0000;
	flex: 1;
}

.steambookmark{
	background-color: #171a21;
	flex: 1;
	color:#c7d5e0;
	border: solid #a182825c 2px;
}
.infobookmark{
	background-color: #FFC107;
	flex: 1;
}
.infobookmarkbackcover{
	display: block !important;
	flex: 1 !important;
	height: 9vh;
}
.bug_bookmark{
	background-color: green;
	flex: 1;
}

.after_bookmarks_container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-shadow: 1px 1px 5px #000000cf;
	font-size: 2.7vh;
	/*padding: 10vh 0 10vh 0;*/
	gap: 0.5vh;
	animation: 1500ms anim-lineUp-right ease-out;
	z-index: -1000;
}

.after_bookmarks_container_artwork{
	padding: 1vh 0 1vh 0 !important;
	z-index: 0 !important;
}

.backbookmarks{
	position: absolute;
	right: -5vh;
	bottom: 1vh;
}

.wrapper_artwork{
	display: flex;
	gap: 1vh;
}


.collapsible {
	padding: 10px;
	text-decoration: underline;
	border: none;
	text-align: left;
	outline: none;
	font-size: 2.5vh;
	background-color: #454FBF;
	color: white;
}


/*.collapsible:after {*/
/*	content: '\002B';*/
/*	color: white;*/
/*	font-weight: bold;*/
/*	float: right;*/
/*	margin-left: 5px;*/
/*}*/

.content {
	padding: 0 18px;
	overflow: hidden;
	display: none;
	border: 1px solid;
	border-radius: 7px;
}

.wrapperweeklyold {
	display: flex;
	gap: 3px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.weeklydivbackgrounddegrade{
	background-repeat: no-repeat;
	background-origin: content-box;
	background-position: 2% 50%;
}

.playothersweeksinline{
	display: none;
	max-width: 700px;
	margin: auto;
	align-items: flex-start;
	flex-direction: row;
	justify-content: center;
}

.btn_gottooldweek{
	min-width: 30px !important;
	top: -2px;
}

.btn_gottooldweek.themes{
	margin-right: 0px !important;
}

.backandforwardarrows{
	min-width: 40px !important;
	max-width: 100px !important;
	margin-left: 10px;
	margin-right: 10px;
	white-space: nowrap;
}

.backandforwardarrowsweekly{
	min-width: 200px !important;
	white-space: normal !important;
}

.flexfielsetmodes{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
}

.btn-content{
	display: inline-flex;
	align-items: center;
}

#thanks{
	text-align: center;
	font-size: 50px;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (max-width: 900px) {
	.ytinfoiframe {
		width: 400px;
		height: 255px;
	}
	.clarification_div_iframe_span_secondary{
		max-width: 400px;
	}
	.clarification_div_iframe img{
		max-width: 400px;
	}
}

@media (max-width: 600px) {
	.ytinfoiframe {
		width: 350px;
		height: 200px;
	}
	.clarification_div_iframe_span_secondary{
		max-width: 300px;
	}
	.clarification_div_iframe img{
		max-width: 300px;
	}
}

.clarification_div_iframe{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.clarification_div_iframe_span_main{
	font-size: 25px;
	color:var(--accent-color);
}

.clarification_div_iframe_span_secondary{
	font-size: 20px;
}



/*@media (max-width: 768px) {*/
	#guesshelpinlineclarifications:has(iframe) .info_logo ,
	#guesshelpinlineclarifications:has(img) .info_logo {
		display: none !important;
	}
/*}*/

.buttonlevelselect{
	display: flex;
	flex-direction: column;
}

.life_selector{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
}

.life_selector button{
    background-color: #1e293b;
    border: 0;
    border-radius: 4px;
    color: #eee;
    font-size: 20px;
    height: 36px;
    margin: 5px;
    opacity: .8;
    padding: 0;
    text-align: center;
    transition: opacity .15s ease;
    width: 26px;
}

.life_selector button.active {
    background-color: #565e64;
    font-weight: 900;
    color:#f78528;
}

.life_selector button.locked {
    cursor: not-allowed;
    opacity: .3;
}

.bonusFranchise{
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
}

.bonusFranchiseDiv{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bonusText{
	max-width: 300px;
	color:#f78528;
	font-size: 15px;
}

.bonusTextTitle{
	color:white;
	font-size: 10px;
}

.bonusTextWon{
	color:green !important;
	font-size: 20px !important;
}

.bonusTextLose{
	color:red !important;
	font-size: 20px !important;
}

.progress-container {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 40px;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.progress-container::before {
	content: "";
	background-color: var(--light-grey);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 4px; /* altura base */
	width: 100%;
	z-index: -1;
}

.progressBar {
	background-color: var(--accent-color);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 4px; /* ← Asegúrate que sea igual */
	width: 0%;
	z-index: -1;
	transition: width 0.4s ease;
}

.circle {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer !important;
	border-radius: 30%;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid var(--accent-color);
	transition: 0.4s ease;
	background-color: rgb(27, 27, 27);
	color: var(--accent-color);
	filter:grayscale(1);
}

.circle.completed {
	filter:none;
}

.circle:hover{
	transform: scale(1.1);
	border: 3px solid var(--light-grey);
}

.circle .icon {
	position: absolute;
	font-size: 25px;
	bottom: 13px;
}

.circle .caption {
	position: absolute;
	font-size: 14px;
	font-weight: bolder;
	bottom: -28px;
	white-space: nowrap;
}

@keyframes flipIn {
	0% {
		transform: rotateY(180deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}

.modecompleted{
	content: url("https://d2c6c3qulxklrf.cloudfront.net/img/modecompleted.webp");
	position: absolute;
	width: 25px;
	bottom: -10px;
	display: none;
	animation: flipIn 0.7s forwards;
}

a.completed:has(.modecompleted) .modecompleted {
	display: block;
}


.progressBar.gold {
	background-color: var(--gold-color);
	animation: progressGold 2s linear forwards;
}

@keyframes progressGold {
	from { width: 0%; }
	to { width: 100%; }
}
.circle.gold {
	border-color: var(--gold-color);
	color: var(--gold-color);
	filter: none;
}

.circle.animate-gold {
	animation: glowGold 0.4s ease forwards;
}

@keyframes glowGold {
	from { border-color: var(--accent-color); color: var(--accent-color); }
	to   { border-color: var(--gold-color); color: var(--gold-color); }
}

.circle.gold-1 {
	animation: glowGold 0.4s ease forwards;
	animation-delay: 0.3s;
}

.circle.gold-2 {
	animation: glowGold 0.4s ease forwards;
	animation-delay: 0.7s;
}

.circle.gold-3 {
	animation: glowGold 0.4s ease forwards;
	animation-delay: 1.3s;
}

.circle.gold-4 {
	animation: glowGold 0.4s ease forwards;
	animation-delay: 1.9s;
}

.circle.gold-5 {
	animation: glowGold 0.4s ease forwards;
	animation-delay: 2.4s;
}

.circle.gold-1,
.circle.gold-2,
.circle.gold-3,
.circle.gold-4,
.circle.gold-5{
	animation-fill-mode: forwards;
	box-shadow: 1px 1px 9px 3px rgb(143 139 20 / 72%), 0px 0px 1px #dfef5b;
}

.with-dark-gradient table {
	width: 100%;
	text-align:left;
	height: 100%;
	color: white;
}
.flag-icon:before {
	content: "\00a0";
}
.flag-icon{
	position: relative;
	display: inline-block;
	width: 2.33333333em;
	line-height: 1.5em;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
}

.flag-icon-us{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/us.webp');
}
.flag-icon-es{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/es.webp');
}
.flag-icon-pl{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/pl.webp');
}
.flag-icon-br{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/br.webp');
}
.flag-icon-it{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/it.webp');
}
.flag-icon-tr{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/tr.webp');
}
.flag-icon-de{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/de.webp');
}
.flag-icon-fr{
	background-image: url('https://d2c6c3qulxklrf.cloudfront.net/lang/fr.webp');
}

.text_gris{
	margin-bottom:4px;
	font-size:0.85rem;
	color:#666;
}

#guesshelpinlineclarifications img {
	width: 90vw;
	max-width: 600px;
	height: auto;
	border: 1px solid #80808052;
	border-radius: 4px;
}


/*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 1px #e8c4d3;
	}
	50% {
		box-shadow: inset -3px -3px #967f89 , 0px 0px 5px #fff4f9;
	}
	100% {
		box-shadow: inset -3px -3px #967f89 , 0px 0px 1px #e8c4d3;
	}
}