.quests_scroll {
		overflow-x: scroll;
	}
	.col_quests, .col_quests_arrow, .col_badges {
		width: fit-content;
		display: table-cell;
		position: relative;
	}
	.col_badges {
		display: inline-block;
		margin: .75rem 0;
	}
	.profile_level {
		z-index: 100;
		position: absolute;
		top: -5px;
		right: .75rem;
		font-size: 2.5em;
		width: 86px;
		height: 107px;
		background-image: url(../img/conquistas/flag.png);
		background-size: 100%;
		background-repeat: no-repeat;
		text-align: center;
		line-height: 81px;
		font-family: 'Exocet Reaper Medium Regular';
	}
	@media (max-width: 767.98px) {
		.profile_level {
			width: 46px;
			height: 56px;
			font-size: 1.5em;
			line-height: 45px;
			right: 0;
		}
	}
	.mdi-completed, .perfil_xp {
		position: absolute;
		top: 5px;
		right: 20px;
		filter: drop-shadow(1px 1px 1px black);
		cursor: default;
	}
	.mdi-completed {
		color: var(--color-yellow);
		font-size: 24px;
		top: 2px;
		right: 18px;
	}
	.quest_title {
		font-size:1.3rem!important;
	}
	.prize, .prize_pass, .ticket_pass {
		margin-top: .5rem;
		padding: .5rem;
		position: relative;
		min-height: 66px;
		display: flex;
	}
	.prize img, .prize_pass img {
		margin: auto;
	}
	/* .prize_pass {
		background-color: rgb(255 255 102 / 8%);
		border-radius: 20px;
		border-top: thin groove rgb(255 255 102 / 50%);
		border-bottom: thin groove rgb(255 255 102 / 60%);
	} */
	/* 1. Definição das Animações */
	@keyframes legendary-pulse {
		0% { box-shadow: inset 0 0 10px rgba(255, 180, 0, 0.1), 0 0 5px rgba(255, 160, 0, 0.1); border-color: rgba(255, 215, 0, 0.3); }
		50% { box-shadow: inset 0 0 20px rgba(255, 180, 0, 0.25), 0 0 10px rgba(255, 160, 0, 0.3); border-color: rgba(255, 215, 0, 0.8); }
		100% { box-shadow: inset 0 0 10px rgba(255, 180, 0, 0.1), 0 0 5px rgba(255, 160, 0, 0.1); border-color: rgba(255, 215, 0, 0.3); }
	}

	@keyframes sheen-loop {
		0% { left: -150%; }
		30% { left: 150%; } /* O brilho passa rápido */
		100% { left: 150%; } /* Fica invisível esperando o próximo ciclo */
	}

	/* 2. O Estilo Principal (substitui o seu antigo) */
	.prize_pass {
		/* Fundo degradê sutil escuro */
		background: linear-gradient(135deg, rgba(30, 25, 10, 0.9) 0%, rgba(15, 15, 20, 0.95) 100%);
		
		/* Borda dourada sutil */
		border: 1px solid rgba(255, 215, 0, 0.3);
		border-radius: 6px;
		
		/* Configurações de layout (mantendo compatibilidade) */
		position: relative;
		overflow: hidden; /* Essencial para o brilho não vazar */
		margin-top: .5rem;
		padding: .5rem;
		min-height: 72px;
		display: flex;
		
		/* Aplica a animação de pulso */
		animation: legendary-pulse 3s infinite ease-in-out;
		transition: transform 0.2s, background 0.2s;
	}

	/* 3. O Efeito de Brilho Automático (Sheen) */
	.prize_pass::before {
		content: '';
		position: absolute;
		top: 0;
		left: -150%;
		width: 100%;
		height: 100%;
		
		/* Brilho diagonal dourado */
		background: linear-gradient(to right, transparent 0%, rgba(255, 215, 0, 0.2) 50%, transparent 100%);
		transform: skewX(-25deg);
		pointer-events: none; /* Deixa clicar no item através do brilho */
		z-index: 1; 
		
		/* Aplica a animação de brilho em loop */
		animation: sheen-loop 3s infinite ease-in-out;
	}

	/* 4. Efeito Hover (Levantar levemente) */
	.prize_pass:hover {
		transform: translateY(-2px);
		background: linear-gradient(135deg, rgba(45, 35, 15, 0.95) 0%, rgba(25, 25, 30, 0.95) 100%);
	}

	/* 5. (Opcional) Estilo da Badge "EVO" se você quiser adicionar <div class="evo-badge">EVO</div> no HTML */
	.evo-badge {
		position: absolute;
		top: 0;
		right: 0;
		background: linear-gradient(to bottom, #ffd700, #b8860b);
		color: #1a1a1a;
		font-size: 0.6rem;
		font-weight: 900;
		padding: 2px 8px;
		border-bottom-left-radius: 6px;
		border-top-right-radius: 5px;
		box-shadow: -2px 2px 5px rgba(0,0,0,0.5);
		letter-spacing: 1px;
		z-index: 5;
		pointer-events: none;
	}
	.prize_pass .mdi-lock, .ticket_pass .mdi-lock {
		position: absolute;
		bottom: 0;
		right: 0;
		color: var(--color-lightgold);
		filter: drop-shadow(1px 1px 0 black);
		font-size: 24px;
	}
	.prize_pass .mdi-lock {
		transform: translate(40%, 35%);
	}
	.thumb_quest {
		background-size: cover;
		cursor: pointer;
	}
	.completed {
		filter: saturate(80%);
	}
	.thumb_quest.active {
		filter: saturate(125%);
	}
	.locked {
		filter: saturate(0) brightness(50%);
	}
	@keyframes glowing {
		0% {
			filter: drop-shadow(0 0 2px rgb(243 211 125 / 70%)) brightness(1.5);
		}
		50% {
			filter: drop-shadow(0 0 5px rgb(243 211 125)) brightness(1.5);
		}
		100% {
			filter: drop-shadow(0 0 2px rgb(243 211 125 / 70%)) brightness(1.5);
		}
	}
	.quest_icon {
		animation: glowing 1200ms infinite;
	}
	.done_icon {
		position: absolute;
		bottom: 0.2rem;
		font-size: 24px;
		cursor: default;
		font-weight: bold;
		text-shadow: 2px 2px 1px black, -1px -1px 1px black;
		color: var(--color-lightred);
	}
	.done_icon.sc {
		left: 1.1rem;
	}
	.done_icon.hc {
		right: 1.1rem;
	}
	.done_icon.wipe {
		left: 50%;
		translate: -50%;
		color: var(--color-temporada);
	}
	.nav_classes {
		padding: 0!important;
		margin: 0!important;
	}
	.nav_classes:not(.active) {
		border: unset!important;
	}
	.nav_classes:not(.active):hover {
		border: unset!important;
	}
	.nav_classes.active {
		border: unset!important;
		background: none!important;
	}
	.bordertb {
		border-top: groove thin var(--color-gold);
		border-radius: 5px;
		border-bottom: groove thin var(--color-gold);
		width: fit-content;
		padding: 0.5rem 1.5rem;
		margin: 0 auto;
	}
	.click_Amazon, .click_Assassin, .click_Necromancer, .click_Barbarian, .click_Paladin, .click_Sorceress, .click_Druid {
		position: absolute;
		z-index: 4;
	}
	.click_Amazon {
		width: 90px;
		height: 220px;
		left: 20px;
		top: 40px;
	}
	.click_Assassin {
		width: 70px;
		height: 210px;
		left: 133px;
		top: 40px;
	}
	.click_Necromancer {
		width: 85px;
		height: 220px;
		left: 219px;
		top: 30px;
	}
	.click_Barbarian {
		width: 100px;
		height: 220px;
		left: 318px;
		top: 15px;
	}
	.click_Paladin {
		width: 90px;
		height: 210px;
		left: 446px;
		top: 35px;
	}
	.click_Sorceress {
		width: 90px;
		height: 200px;
		left: 535px;
		top: 60px;
	}
	.click_Druid {
		width: 90px;
		height: 230px;
		left: 639px;
		top: 40px;
	}
	.menu_Amazon_div, .menu_Assassin_div, .menu_Necromancer_div, .menu_Barbarian_div, .menu_Paladin_div, .menu_Sorceress_div, .menu_Druid_div {
		position: relative;
		width: 1px;
		height: 1px;
	}
	.menu_Amazon_div {
		top: -2px;
		left: -94px;
	}
	.menu_Assassin_div {
		top: 15px;
		left: 88px;
	}
	.menu_Necromancer_div {
		top: -98px;
		left: 168px;
	}
	.menu_Barbarian_div {
		top: -47px;
		left: 275px;
	}
	.menu_Paladin_div {
		top: -34px;
		left: 364px;
	}
	.menu_Sorceress_div {
		top: -20px;
		left: 520px;
	}
	.menu_Druid_div {
		top: 14px;
		left: 586px;
	} 
	.menu_Amazon_img, .menu_Assassin_img, .menu_Necromancer_img, .menu_Barbarian_img, .menu_Paladin_img, .menu_Sorceress_img, .menu_Druid_img {
		position: relative;
		filter: drop-shadow(1px 1px 1px black);
	}
	.scroll_mobile {
		flex-wrap: unset;
		min-height:255px;
	}
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		.scroll_mobile {
			overflow-x: auto;
			min-height:300px;
		}
		.no_class_sound {
			bottom: unset!important;
			top: -40px!important;
			right: 1rem!important;
		}
		
	}